docs(database): 更新数据库设计规范和核心数据表结构

- 新增数据库基础规范、API映射规范、安全规范等详细设计要求- 增加读写分离、分库分表、数据生命周期管理等策略说明
- 新建核心业务表结构,包括用户表、贷款申请表、保险申请表等
- 优化索引设计,提高查询效率
This commit is contained in:
2025-08-19 22:04:18 +08:00
parent 1dbfbebd05
commit 47c67ff704
70 changed files with 104406 additions and 825 deletions

24088
.gitignore vendored Normal file

File diff suppressed because it is too large Load Diff

94
README.md Normal file
View File

@@ -0,0 +1,94 @@
# xlxumu - 锡林郭勒盟地区养殖产业平台
## 项目概述
本项目是一个综合性的畜牧业数字化管理平台,主要面向锡林郭勒盟地区的养殖产业,包含官网展示、后台管理、移动端小程序、大屏可视化等多个子系统。平台集成了养殖管理、金融服务(银行监管、保险监管)、政府监管、牛只交易、牛肉商城、数据分析等功能模块,旨在通过数字化手段提升整个产业链的管理效率和透明度。
## 项目结构
```
.
├── frontend/ # 前端项目
│ ├── website/ # 官网首页
│ ├── farming-management/ # 养殖管理系统
│ ├── bank-supervision/ # 银行监管系统
│ ├── insurance-supervision/ # 保险监管系统
│ ├── government-platform/ # 政府监管平台
│ ├── cattle-trading/ # 活牛交易系统
│ ├── mall-management/ # 商城管理系统
│ ├── dashboard/ # 大屏可视化系统
│ └── mini-programs/ # 微信小程序矩阵
│ ├── beef-mall/ # 牛肉商城小程序
│ ├── farming-manager/ # 养殖管理小程序
│ ├── bank-supervision/ # 银行监管小程序
│ ├── insurance-supervision/ # 保险监管小程序
│ ├── cattle-trading/ # 活牛交易小程序
│ ├── gov-supervision/ # 政府监管小程序
│ ├── data-platform/ # 数据中台小程序
│ └── ai-capabilities/ # AI能力小程序
├── backend/ # 后端项目
│ ├── api/ # API服务
│ │ ├── farming/ # 养殖管理API
│ │ ├── finance/ # 金融服务API
│ │ ├── government/ # 政府监管API
│ │ ├── trade/ # 交易管理API
│ │ ├── mall/ # 商城管理API
│ │ ├── data-platform/ # 数据中台API
│ │ ├── ai/ # AI能力API
│ │ └── user-center/ # 用户中心API
│ ├── services/ # 微服务模块
│ │ ├── farming-service/ # 养殖管理服务
│ │ ├── finance-service/ # 金融服务
│ │ ├── government-service/ # 政府监管服务
│ │ ├── trade-service/ # 交易管理服务
│ │ ├── mall-service/ # 商城管理服务
│ │ ├── data-platform-service/ # 数据中台服务
│ │ ├── ai-service/ # AI能力服务
│ │ └── user-center-service/ # 用户中心服务
│ ├── database/ # 数据库脚本
│ └── utils/ # 工具函数
├── docs/ # 文档
│ ├── design/ # 设计文档
│ ├── requirements/ # 需求文档
│ └── development_plans/ # 开发计划文档
└── deployment/ # 部署相关配置
```
## 文档目录
详细文档请参见 [docs/README.md](file:///E:/vue/xlxumu/docs/README.md) 文件,其中包含所有系统文档的完整列表和链接。
## 技术栈
### 前端技术栈
- **官网首页**: HTML5 + CSS3 + JavaScript
- **后台管理系统**: Vue.js 3 + TypeScript + Ant Design Vue + Pinia
- **大屏可视化系统**: Vue.js 3 + ECharts + 自定义可视化组件
- **微信小程序矩阵**: 微信小程序原生开发 + uni-app
### 后端技术栈
- **API服务**: Node.js + Express.js + TypeScript + RESTful API
- **数据库**: MySQL
- **缓存系统**: Redis
- **消息队列**: RabbitMQ用于异步处理
- **文件存储**: 腾讯云对象存储
- **实时通信**: WebSocket用于大屏数据推送和实时通知
## 部署说明
详细的部署说明请参考 [deployment/README.md](file:///E:/vue/xlxumu/deployment/README.md) 文件。
## 开发说明
1. 前端项目使用 Vite 构建
2. 后端项目基于 Node.js 和 Express.js
3. 各个子系统可以独立开发和部署
4. 微服务架构便于扩展和维护
## 项目特点
1. **模块化设计**: 前后端分离,模块化设计便于团队协作
2. **微服务架构**: 后端采用微服务架构,提高系统可扩展性
3. **多端支持**: 支持PC端、移动端、微信小程序和大屏展示
4. **数据驱动**: 集成数据分析和可视化展示
5. **安全可靠**: 完善的权限管理和数据安全保障

View File

@@ -1,279 +0,0 @@
# 详细需求文档
## 1. 项目概述
### 1.1 项目名称
xlxumu - 锡林郭勒盟安格斯牛数字化管理平台
### 1.2 项目背景
本项目是面向锡林郭勒盟地区安格斯牛养殖产业的综合性数字化管理平台。通过整合物联网、大数据分析等现代信息技术,构建覆盖养殖、监管、交易、运输、销售全链条的数字化管理体系,提升畜牧业管理效率和透明度。
### 1.3 项目目标
- 构建完整的畜牧业数字化管理生态系统
- 实现养殖过程可视化、监管实时化、交易透明化
- 提升产业链协同效率
- 促进锡林郭勒盟安格斯牛品牌建设
## 2. 功能需求
### 2.1 前端系统
#### 2.1.1 官网首页系统
- 响应式设计适配PC、平板、手机等多种设备
- 突出锡林郭勒盟草原绿色主题和蒙古族文化特色
- 展示安格斯牛品牌信息和产业优势
- 提供平台功能导航入口
#### 2.1.2 专业管理系统Vue.js 3 + Ant Design Vue
##### 养殖管理系统
- 牛只档案管理(品种、年龄、健康状况等)
- 饲养记录管理(饲料、疫苗、治疗等)
- 繁殖管理(配种、产犊等记录)
- 环境监测数据展示(温湿度、空气质量等)
- 生产计划制定和执行跟踪
##### 银行监管系统
- 贷款申请和审批流程管理
- 质押物(牛只)状态监控
- 还款计划跟踪
- 风险评估数据展示
- 财务报表生成
##### 保险监管系统
- 保险投保管理
- 理赔申请和处理流程
- 风险评估和预警
- 保险记录查询
- 数据统计分析
##### 政府监管平台
- 产业数据总览
- 各类监管数据汇总
- 政策发布和通知
- 合规性检查
- 统计报表生成
##### 活牛交易系统
- 牛只信息发布和展示
- 在线交易撮合
- 合同管理
- 支付流程管理
- 交易记录查询
##### 商城管理系统
- 商品信息管理
- 库存管理
- 订单处理
- 物流跟踪
- 售后服务管理
#### 2.1.3 微信小程序矩阵
##### 牛肉商城小程序(消费者端)
- 商品浏览和搜索
- 在线下单和支付
- 订单查询和跟踪
- 售后服务申请
- 评价和反馈
- **认养功能**:用户可以认养特定牛只,跟踪其成长过程
##### 养殖管理小程序(牧民端)
- 移动端牛只档案查看
- 饲养记录录入
- 健康状况上报
- 通知消息接收
- 数据统计查看
##### 银行监管小程序(银行端)
- 移动端贷款审批
- 质押物状态查看
- 风险数据监控
- 移动办公支持
##### 保险监管小程序(保险端)
- 移动端保险处理
- 理赔流程管理
- 风险评估查看
- 移动查勘支持
##### 活牛交易小程序(交易员端)
- 活牛信息发布
- 在线交易撮合
- 合同查看和管理
- 交易记录查询
- 支付状态跟踪
### 2.2 后端系统
#### 2.2.1 API服务
- 用户认证和权限管理接口
- 各业务模块数据接口
- 文件上传和下载接口
- 实时数据推送接口
- 第三方服务集成接口
#### 2.2.2 数据库设计
- 用户和权限管理数据表
- 牛只档案和饲养记录表
- 交易和合同管理表
- 运输和物流跟踪表
- 商城和订单管理表
#### 2.2.3 文件存储
- 牛只图片和视频存储
- 文档和合同文件存储
- 用户上传文件管理
- 腾讯云存储集成
### 2.3 数据分析系统
#### 2.3.1 实时数据采集
- IoT设备数据接入
- 用户行为数据采集
- 业务操作日志收集
#### 2.3.2 大数据分析引擎
- 数据清洗和预处理
- 统计分析模型
- 预测分析算法
#### 2.3.3 智能预警系统
- 异常数据检测
- 风险预警机制
- 预警消息推送
#### 2.3.4 可视化展示平台
- 数据图表展示
- 仪表盘设计
- 报表生成和导出
## 3. 非功能需求
### 3.1 性能需求
- 首页加载时间不超过2秒
- 后台管理系统页面切换响应时间不超过1秒
- 支持1000+并发用户访问
- 实时数据更新延迟不超过5秒
### 3.2 兼容性需求
- 官网首页兼容所有主流浏览器
- 后台管理系统支持Chrome、Firefox、Safari、Edge最新版本
- 微信小程序符合微信平台规范
- 移动端适配iOS和Android系统
### 3.3 安全需求
- 用户密码加密存储BCrypt等
- JWT Token安全传输
- 敏感数据传输加密HTTPS
- 防止SQL注入和XSS攻击
- CSRF防护机制
- API接口限流和防护
- 数据备份和恢复机制
### 3.4 可用性需求
- 系统全年可用性达到99.9%
- 提供友好的错误提示信息
- 实现异常处理和恢复机制
- 支持多端数据同步
### 3.5 可维护性需求
- 微服务架构设计,降低模块间耦合
- 完善的日志记录和监控
- 支持灰度发布和热更新
- 容器化部署支持
## 4. 用户界面需求
### 4.1 设计风格
- 突出锡林郭勒盟草原绿色主题
- 融入蒙古族文化元素
- 简洁、现代的设计风格
- 统一的色彩搭配方案
### 4.2 响应式设计
- 支持PC端大屏显示
- 适配平板设备
- 支持手机端浏览
- 自适应不同分辨率
### 4.3 交互体验
- 提供操作反馈(加载状态、成功/失败提示)
- 实现页面过渡动画
- 支持键盘快捷操作
- 提供搜索和筛选功能
## 5. 数据需求
### 5.1 数据完整性
- 实现数据校验机制
- 提供数据备份和恢复功能
- 确保多端数据一致性
### 5.2 数据安全性
- 敏感数据加密存储
- 实现数据访问权限控制
- 提供数据审计功能
- 符合相关法规要求
## 6. 部署需求
### 6.1 部署环境
- 支持Docker容器化部署
- 支持云平台部署(腾讯云)
- 支持负载均衡部署
- 提供部署文档和脚本
### 6.2 监控需求
- 实现系统运行状态监控
- 提供性能监控指标
- 支持异常告警功能
- 日志收集和分析
## 7. 特色需求
### 7.1 地域文化特色
- 界面设计融入蒙古族文化元素
- 突出锡林郭勒盟草原特色
- 体现当地畜牧业传统和现代结合
### 7.2 品牌专业化
- 突出安格斯牛品牌特色
- 专门的安格斯牛管理和交易模块
- 品牌化展示和推广
### 7.3 生态理念
- 绿色发展理念贯穿整个系统
- 可持续畜牧业理念体现
- 环保数据监控和展示
## 8. 测试需求
### 8.1 单元测试
- 核心功能模块单元测试覆盖率不低于80%
- 提供自动化测试脚本
### 8.2 集成测试
- 实现主要业务流程的集成测试
- 提供测试用例文档
### 8.3 用户验收测试
- 提供用户验收测试计划
- 收集用户反馈并优化
## 9. 运维需求
### 9.1 日志管理
- 记录系统运行日志
- 提供日志查询和分析功能
- 实现日志轮转和清理
### 9.2 性能监控
- 监控系统资源使用情况
- 提供性能分析报告
- 实现性能瓶颈预警
### 9.3 故障处理
- 提供故障诊断工具
- 实现自动故障恢复机制
- 提供故障处理文档

View File

@@ -28,7 +28,7 @@ app.use(limiter);
// 基础路由
app.get('/', (req, res) => {
res.json({
message: '欢迎使用锡林郭勒盟安格斯牛数字化管理平台API服务',
message: '欢迎使用锡林郭勒盟地区养殖产业平台API服务',
version: '1.0.0'
});
});

View File

@@ -6,14 +6,138 @@
## 数据库设计规范
1. 使用InnoDB存储引擎
2. 字符集使用utf8mb4
3. 所有表都有创建时间和更新时间字段
4. 主键使用自增ID
5. 外键约束用于保证数据一致性
6. 表名使用复数形式,以下划线分隔单词
7. 字段名使用下划线分隔单词
8. 所有表都包含`created_at``updated_at`时间戳字段
### 1. 基础规范
| 条目 | 规范说明 |
|---------------------|--------------------------------------------------------------------------|
| 存储引擎 | InnoDB支持事务和行级锁 |
| 字符集 | utf8mb4支持完整Unicode包括emoji |
| 主键设计 | 自增BIGINT UNSIGNED禁止使用业务字段 |
| 时间字段 | 必须包含`created_at`(DEFAULT CURRENT_TIMESTAMP)和`updated_at`(ON UPDATE)|
| 命名规则 | 表名复数形式users字段名下划线分隔user_name |
### 2. API映射规范
| API字段类型 | 数据库实现 |
|---------------------|--------------------------------------------------------------------------|
| 字符串 | VARCHAR(长度根据API校验规则定义) |
| 枚举值 | ENUM类型或TINYINT+注释说明 |
| 嵌套对象 | JSON类型或关联表 |
| 文件资源 | 存储OSS路径VARCHAR(255) |
### 3. 安全规范
| 数据类型 | 处理方式 |
|---------------------|--------------------------------------------------------------------------|
| 密码 | BCrypt哈希存储 |
| 身份证号 | AES-256加密 |
| 手机号 | 脱敏存储保留前3后4 |
| 审计字段 | 必须包含操作人ID和IP地址 |
### 4. 性能规范
| 场景 | 优化策略 | 适用API端点示例 |
|---------------------|--------------------------------------------------------------------------|-------------------------|
| 高频查询 | 组合索引覆盖查询路径 | GET /api/v1/orders |
| 大文本 | 单独分表+OSS存储`product_descriptions` | POST /api/v1/products |
| 状态字段 | 使用TINYINT+状态字典表(便于索引和扩展) | PUT /api/v1/orders/{id} |
| 批量操作 | 提供`batch_`前缀的专用表+异步处理机制 | POST /api/v1/batch |
| 分页查询 | 基于游标的分页避免OFFSET性能问题 | GET /api/v1/history |
### 5. API字段映射规范
| API字段 | 数据库字段 | 类型 | 校验规则 | 备注 |
|--------------------|------------------|------------|-----------------------------------|-------------------------------|
| user.name | user_name | VARCHAR(50)| 必填中文2-20字符 | 显示名 |
| user.phone | phone | VARCHAR(20)| 必填,正则校验^1[3-9]\d{9}$ | AES加密存储 |
| order.status | status | TINYINT | 1-5枚举值 | 关联status_dict表 |
| product.detail | detail_text | TEXT | 可选≤2000字符 | 存OSS链接时此字段为空 |
### 6. 状态机设计
| 业务模块 | 状态流转规则 | 触发API |
|----------------|------------------------------------------------------------------------------|-----------------------|
| 订单系统 | 待支付→已支付→配送中→已完成(不可逆) | PUT /api/v1/orders |
| 审批流程 | 草稿→审批中→已通过/已驳回(可重新提交) | POST /api/v1/approvals|
| 养殖档案 | 未认证→认证中→已认证(管理员可重置) | PATCH /api/v1/farms |
## 分库分表策略
### 1. 垂直分库
| 业务模块 | 数据库实例 | 分库依据 |
|----------------|------------|-----------------------|
| 用户中心 | db_user | 所有用户相关表 |
| 交易系统 | db_trade | 订单/支付/物流相关表 |
| 政府监管 | db_gov | 防疫/补贴/检疫相关表 |
### 2. 水平分表
- **触发条件**:单表数据量 ≥ 500万行
- **分表规则**
- 用户表按用户ID取模16张
- 订单表:按创建月份分表(按月归档)
- **路由策略**ShardingSphere中间件
### 3. 扩容预案
- **垂直扩容**升级服务器配置CPU/内存)
- **水平扩容**:增加分片数量(需停服迁移)
## 读写分离设计
### 1. 节点角色
| 节点类型 | 数量 | 作用域 | 同步方式 |
|---------|-----|---------------------|------------------|
| 主库 | 1 | 全业务写操作 | 半同步复制 |
| 从库1 | 2 | 交易业务读查询 | 异步复制 |
| 从库2 | 1 | 数据分析类查询 | 延迟复制1小时 |
### 2. 故障转移
- **主库宕机**VIP漂移+从库升主30秒内完成
- **从库延迟**:自动路由到低延迟节点
## 数据生命周期管理
### 1. 冷热分离
- **热数据**当前业务周期数据保留6个月
- **冷数据**历史数据OSS归档存储
### 2. 归档规则
- **触发条件**:数据创建时间 ≥ 1年
- **归档方式**
- 结构化数据Parquet格式压缩
- 图片/文件OSS低频访问存储
## 性能优化
### 1. 缓存策略
- **查询缓存**Redis集群LRU淘汰策略
- **更新机制**
- 写穿透Write-Through
- 缓存失效Cache Aside
### 2. 连接池配置
- **最大连接数**CPU核心数 × 2 + 有效磁盘数
- **验证查询**`SELECT 1`每5分钟
## 灾备方案
### 1. 跨机房同步
- **拓扑结构**:主-备-灾备(三机房部署)
- **同步延迟**:≤ 5分钟专线保障
### 2. 恢复SLA
| 故障级别 | RTO | RPO |
|---------|-----------|-----------|
| P0 | ≤ 15分钟 | ≤ 1分钟 |
| P1 | ≤ 1小时 | ≤ 5分钟 |
## 监控指标
### 1. 性能看板
- **QPS/TPS**Prometheus + Grafana
- **慢查询**每10分钟采样分析
### 2. 容量预测
- **增长模型**:线性回归(基于历史数据)
- **预警阈值**:存储使用率 ≥ 75%
## 索引优化建议
- 高频查询字段必须加索引
- 联合索引遵循最左匹配原则
- 定期使用`EXPLAIN`分析慢查询
## 核心数据表设计
@@ -23,18 +147,268 @@
```sql
CREATE TABLE users (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '用户ID',
username VARCHAR(50) NOT NULL UNIQUE COMMENT '用户名',
email VARCHAR(100) UNIQUE COMMENT '邮箱',
phone VARCHAR(20) UNIQUE COMMENT '手机号',
password_hash VARCHAR(255) NOT NULL COMMENT '密码哈希值',
real_name VARCHAR(50) COMMENT '真实姓名',
avatar_url VARCHAR(255) COMMENT '头像URL',
user_type ENUM('farmer', 'banker', 'insurer', 'government', 'trader', 'admin') NOT NULL COMMENT '用户类型',
status TINYINT DEFAULT 1 COMMENT '状态: 1-正常, 0-禁用',
last_login TIMESTAMP NULL COMMENT '最后登录时间',
username VARCHAR(50) NOT NULL UNIQUE COMMENT '用户名(用于登录)',
email VARCHAR(100) UNIQUE COMMENT '邮箱(用于通知和找回密码)',
phone VARCHAR(20) UNIQUE COMMENT '手机号(实名认证用)',
password_hash VARCHAR(255) NOT NULL COMMENT '密码哈希值BCrypt加密',
real_name VARCHAR(50) COMMENT '真实姓名(需与身份证一致)',
avatar_url VARCHAR(255) COMMENT '头像URLOSS存储路径',
user_type ENUM('farmer', 'banker', 'insurer', 'government', 'trader', 'admin') NOT NULL COMMENT '用户类型:牧民/银行职员/保险员/政府人员/交易员/管理员',
status TINYINT DEFAULT 1 COMMENT '状态: 1-正常, 0-禁用(禁用用户无法登录)',
last_login TIMESTAMP NULL COMMENT '最后登录时间(用于活跃度分析)',
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间(不可修改)',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间(自动维护)',
INDEX idx_user_type (user_type) COMMENT '按用户类型加速查询'
```
### 2. 金融业务表
#### 2.1 贷款申请表 (loan_applications)
```sql
CREATE TABLE loan_applications (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
farmer_id BIGINT UNSIGNED NOT NULL COMMENT '牧户ID',
loan_amount DECIMAL(15,2) NOT NULL COMMENT '申请金额',
risk_score TINYINT COMMENT '风控评分(1-100)',
collateral_type ENUM('cattle', 'land', 'equipment') COMMENT '抵押物类型',
status ENUM('pending', 'approved', 'rejected') DEFAULT 'pending',
FOREIGN KEY (farmer_id) REFERENCES users(id),
INDEX idx_status (status)
);
```
#### 2.2 保险保单表 (insurance_policies)
```sql
CREATE TABLE insurance_policies (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
cattle_id BIGINT UNSIGNED NOT NULL COMMENT '牛只ID',
disaster_type ENUM('drought', 'blizzard', 'epidemic') NOT NULL,
coverage_amount DECIMAL(15,2) NOT NULL,
start_date DATE NOT NULL,
end_date DATE NOT NULL,
INDEX idx_coverage (coverage_amount)
);
```
### 3. 政府监管表
#### 3.1 防疫任务表 (quarantine_tasks)
```sql
CREATE TABLE quarantine_tasks (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
location POINT NOT NULL COMMENT 'GPS坐标',
inspector_id BIGINT UNSIGNED NOT NULL COMMENT '检疫员ID',
completion_status BOOLEAN DEFAULT FALSE,
SPATIAL INDEX (location),
FOREIGN KEY (inspector_id) REFERENCES users(id)
);
```
#### 3.2 补贴发放表 (subsidies)
```sql
CREATE TABLE subsidies (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
farmer_id BIGINT UNSIGNED NOT NULL,
balance_score TINYINT NOT NULL COMMENT '草畜平衡评分(1-100)',
amount DECIMAL(15,2) NOT NULL,
payment_date DATE NOT NULL,
FOREIGN KEY (farmer_id) REFERENCES users(id)
);
```
### 4. 数据中台表
#### 4.1 数据血缘表 (data_lineage)
```sql
CREATE TABLE data_lineage (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
source_table VARCHAR(100) NOT NULL,
source_field VARCHAR(100) NOT NULL,
target_table VARCHAR(100) NOT NULL,
target_field VARCHAR(100) NOT NULL,
transformation_rule TEXT COMMENT '转换规则SQL片段',
UNIQUE KEY (source_table, source_field, target_table, target_field)
);
```
#### 4.2 接口审计表 (api_audit_logs)
```sql
CREATE TABLE api_audit_logs (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
user_id BIGINT UNSIGNED,
endpoint VARCHAR(255) NOT NULL,
request_params JSON,
sensitive_data BOOLEAN DEFAULT FALSE,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (user_id) REFERENCES users(id)
);
```
### 5. AI模型表
#### 5.1 体况评分表 (body_condition_scores)
```sql
CREATE TABLE body_condition_scores (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
cattle_id BIGINT UNSIGNED NOT NULL,
score TINYINT NOT NULL COMMENT '体况评分(1-5)',
muscle_score TINYINT COMMENT '肌肉发育评分',
fat_score TINYINT COMMENT '脂肪覆盖评分',
photo_url VARCHAR(255) COMMENT '评分照片URL',
FOREIGN KEY (cattle_id) REFERENCES cattle(id)
);
```
#### 5.2 饲料配方表 (feed_formulas)
```sql
CREATE TABLE feed_formulas (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
version VARCHAR(50) NOT NULL COMMENT '配方版本',
stage ENUM('calf', 'growing', 'fattening') NOT NULL,
ingredients JSON NOT NULL COMMENT '原料配比',
cost_per_kg DECIMAL(10,2) NOT NULL,
is_active BOOLEAN DEFAULT TRUE COMMENT '是否当前使用版本',
UNIQUE KEY (version, stage)
);
);
-- 常用查询示例:
-- 1. 按用户类型统计数量
-- SELECT user_type, COUNT(*) FROM users GROUP BY user_type;
-- 2. 查询最近登录的活跃用户
-- SELECT * FROM users WHERE last_login > DATE_SUB(NOW(), INTERVAL 7 DAY);
### 2. 贷款申请表 (loan_applications)
存储贷款申请信息,包括申请人、贷款金额、用途等。
```sql
CREATE TABLE loan_applications (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '申请ID',
user_id BIGINT UNSIGNED NOT NULL COMMENT '申请人ID关联users表',
amount DECIMAL(15,2) NOT NULL COMMENT '贷款金额(单位:元,精确到分)',
purpose VARCHAR(255) NOT NULL COMMENT '贷款用途(如:购买饲料、扩建牛舍)',
status ENUM('pending', 'approved', 'rejected', 'disbursed') DEFAULT 'pending' COMMENT '状态:待审批/已通过/已拒绝/已放款',
application_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '申请日期(自动记录)',
approval_date TIMESTAMP NULL COMMENT '审批日期(审批通过时更新)',
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE COMMENT '级联删除用户时同步清理',
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
INDEX idx_status (status) COMMENT '加速状态筛选',
INDEX idx_user_id (user_id) COMMENT '加速申请人查询'
);
-- 常用查询示例:
-- 1. 按状态统计贷款申请
-- SELECT status, COUNT(*) FROM loan_applications GROUP BY status;
-- 2. 查询某用户的贷款历史
-- SELECT * FROM loan_applications WHERE user_id = 123 ORDER BY application_date DESC;
### 3. 质押物监控表 (collateral_monitoring)
存储质押物(牛只)的状态监控信息。
```sql
CREATE TABLE collateral_monitoring (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '监控ID',
loan_id BIGINT UNSIGNED NOT NULL COMMENT '关联贷款ID',
cattle_id BIGINT UNSIGNED NOT NULL COMMENT '质押牛只ID',
health_status VARCHAR(100) NOT NULL COMMENT '健康状况',
location VARCHAR(255) NOT NULL COMMENT '当前位置',
last_check_date TIMESTAMP NULL COMMENT '最后检查日期',
FOREIGN KEY (loan_id) REFERENCES loan_applications(id),
FOREIGN KEY (cattle_id) REFERENCES cattle(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
### 4. 还款计划表 (repayment_schedules)
存储贷款的还款计划信息。
```sql
CREATE TABLE repayment_schedules (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '计划ID',
loan_id BIGINT UNSIGNED NOT NULL COMMENT '关联贷款ID',
due_date TIMESTAMP NOT NULL COMMENT '还款日期',
amount DECIMAL(15,2) NOT NULL COMMENT '还款金额',
status ENUM('pending', 'paid', 'overdue') DEFAULT 'pending' COMMENT '状态',
payment_date TIMESTAMP NULL COMMENT '实际还款日期',
FOREIGN KEY (loan_id) REFERENCES loan_applications(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
### 5. 保险申请表 (insurance_applications)
存储保险申请信息。
```sql
CREATE TABLE insurance_applications (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '申请ID',
user_id BIGINT UNSIGNED NOT NULL COMMENT '申请人ID',
cattle_id BIGINT UNSIGNED NOT NULL COMMENT '投保牛只ID',
coverage_amount DECIMAL(15,2) NOT NULL COMMENT '保额',
premium DECIMAL(15,2) NOT NULL COMMENT '保费',
start_date TIMESTAMP NOT NULL COMMENT '保险开始日期',
end_date TIMESTAMP NOT NULL COMMENT '保险结束日期',
status ENUM('pending', 'approved', 'rejected', 'active', 'expired') DEFAULT 'pending' COMMENT '状态',
FOREIGN KEY (user_id) REFERENCES users(id),
FOREIGN KEY (cattle_id) REFERENCES cattle(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
### 6. 理赔记录表 (claim_records)
存储保险理赔记录。
```sql
CREATE TABLE claim_records (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '理赔ID',
insurance_id BIGINT UNSIGNED NOT NULL COMMENT '关联保险ID',
claim_amount DECIMAL(15,2) NOT NULL COMMENT '理赔金额',
claim_reason VARCHAR(255) NOT NULL COMMENT '理赔原因',
status ENUM('pending', 'approved', 'rejected', 'paid') DEFAULT 'pending' COMMENT '状态',
approval_date TIMESTAMP NULL COMMENT '审批日期',
payment_date TIMESTAMP NULL COMMENT '支付日期',
FOREIGN KEY (insurance_id) REFERENCES insurance_applications(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
### 7. 风险评估表 (risk_assessments)
存储保险风险评估信息。
```sql
CREATE TABLE risk_assessments (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '评估ID',
insurance_id BIGINT UNSIGNED NOT NULL COMMENT '关联保险ID',
risk_level ENUM('low', 'medium', 'high') NOT NULL COMMENT '风险等级',
assessment_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '评估日期',
notes TEXT COMMENT '评估备注',
FOREIGN KEY (insurance_id) REFERENCES insurance_applications(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
### 8. 监管记录表 (supervision_records)
存储政府监管记录。
```sql
CREATE TABLE supervision_records (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY COMMENT '记录ID',
user_id BIGINT UNSIGNED NOT NULL COMMENT '监管人员ID',
cattle_id BIGINT UNSIGNED NOT NULL COMMENT '监管牛只ID',
inspection_date TIMESTAMP NOT NULL COMMENT '检查日期',
findings TEXT NOT NULL COMMENT '检查结果',
actions_taken TEXT COMMENT '采取的措施',
FOREIGN KEY (user_id) REFERENCES users(id),
FOREIGN KEY (cattle_id) REFERENCES cattle(id),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
);
```
INDEX idx_username (username),
INDEX idx_email (email),
INDEX idx_phone (phone),

View File

@@ -12,6 +12,15 @@
4. 主键使用自增ID
5. 外键约束用于保证数据一致性
## 备份与恢复策略
- **每日全量备份**: 通过`mysqldump`导出数据
- **Binlog增量备份**: 实时同步到备份服务器
- **恢复测试**: 每月验证备份文件可用性
## 数据迁移工具
- 使用Flyway管理数据库版本变更
- 迁移脚本存放在`/migrations`目录
## 核心数据表
### 1. 用户表 (users)

View File

@@ -0,0 +1,70 @@
# 后端服务模块
## 概述
本目录包含系统的所有微服务模块,每个模块对应一个业务领域,实现系统的分布式架构。
## 服务模块列表
### 1. 养殖管理服务 (farming-service)
- 牛只档案管理
- 饲养记录管理
- 繁殖管理
- 环境监测数据处理
### 2. 金融服务 (finance-service)
- 银行贷款服务
- 保险服务
- 风控管理
### 3. 政府监管服务 (government-service)
- 防疫监管
- 补贴管理
- 政策信息发布
### 4. 交易管理服务 (trade-service)
- 活牛交易管理
- 合同管理
- 支付流程管理
### 5. 商城管理服务 (mall-service)
- 商品信息管理
- 库存管理
- 订单处理
### 6. 数据中台服务 (data-platform-service)
- 数据查询服务
- 数据共享服务
- 统计分析服务
### 7. AI能力服务 (ai-service)
- 体况评估服务
- 配方推荐服务
- 智能诊断服务
### 8. 用户中心服务 (user-center-service)
- 用户管理
- 权限管理
- 认证服务
## 微服务架构说明
每个服务模块都是独立的具有自己的数据库和业务逻辑通过API网关进行统一访问和管理。服务之间通过RESTful API或消息队列进行通信。
## 部署说明
每个服务模块都可以独立部署,支持容器化部署(Docker)和云原生部署。
## 目录结构
```
services/
├── farming-service/ # 养殖管理服务
├── finance-service/ # 金融服务
├── government-service/ # 政府监管服务
├── trade-service/ # 交易管理服务
├── mall-service/ # 商城管理服务
├── data-platform-service/ # 数据中台服务
├── ai-service/ # AI能力服务
└── user-center-service/ # 用户中心服务
```

View File

@@ -18,6 +18,21 @@
└─────────────────────────────────────────────────────────────────────┘
```
## 硬件配置
- **Web服务器**: 4核CPU / 8GB内存 / 100GB SSD
- **数据库服务器**: 8核CPU / 16GB内存 / 500GB SSD主从配置
- **缓存服务器**: 2核CPU / 4GB内存 / 50GB SSDRedis
## CI/CD流程
1. **代码提交**: 触发GitHub Actions
2. **自动化测试**: 运行单元测试和集成测试
3. **构建镜像**: 使用Docker构建前后端镜像
4. **部署**: 通过Kubernetes滚动更新到生产环境
## 监控与日志
- **监控工具**: Prometheus + Grafana
- **日志收集**: ELK StackElasticsearch, Logstash, Kibana
## 环境要求
### 服务器要求

View File

@@ -7,22 +7,70 @@
## 文档列表
### 1. 架构文档
- [系统架构文档](../ARCHITECTURE.md) - 系统整体架构设计
- [详细需求文档](../REQUIREMENTS.md) - 功能和非功能需求说明
- [开发计划文档](../DEVELOPMENT_PLAN.md) - 项目开发计划和时间安排
- [系统架构文档](./design/ARCHITECTURE.md) - 系统整体架构设计,包含技术栈、系统架构图、前端系统架构、后端系统架构、用户权限管理架构、大屏可视化系统架构、系统集成架构、性能优化策略和部署架构
- [开发计划文档](./design/DEVELOPMENT_PLAN.md) - 项目开发计划和时间安排
### 2. 技术文档
- API接口文档 (待编写)
- 数据库设计文档 (位于[backend/database](file:///Users/ainongkeji/code/vue/xlxumu/backend/database)目录)
### 2. 需求文档
- [系统需求文档](./requirements/SYSTEM_REQUIREMENTS.md) - 系统非功能性需求
- [养殖管理系统需求文档](./requirements/FARMING_MANAGEMENT_REQUIREMENTS.md) - 养殖管理系统的功能性需求
- [金融服务系统需求文档](./requirements/FINANCIAL_SERVICES_REQUIREMENTS.md) - 金融服务系统的功能性需求
- [政府监管系统需求文档](./requirements/GOVERNMENT_SUPERVISION_REQUIREMENTS.md) - 政府监管系统的功能性需求
- [市场交易系统需求文档](./requirements/MARKET_TRADING_REQUIREMENTS.md) - 市场交易系统的功能性需求
- [商城管理系统需求文档](./requirements/MALL_MANAGEMENT_REQUIREMENTS.md) - 商城管理系统的功能性需求
- [数据中台系统需求文档](./requirements/DATA_PLATFORM_REQUIREMENTS.md) - 数据中台系统的功能性需求
- [AI能力系统需求文档](./requirements/AI_CAPABILITIES_REQUIREMENTS.md) - AI能力系统的功能性需求
- [大屏可视化系统需求文档](./requirements/dashboard_requirements.md) - 大屏可视化系统的功能性需求
- [系统集成需求文档](./requirements/SYSTEM_INTEGRATION_REQUIREMENTS.md) - 系统集成需求
- 微信小程序需求文档:
- [养殖户小程序需求文档](./requirements/farming_app_requirements.md) - 养殖户小程序的功能性需求
- [金融服务小程序需求文档](./requirements/finance_app_requirements.md) - 金融服务小程序的功能性需求
- [政府监管小程序需求文档](./requirements/gov_app_requirements.md) - 政府监管小程序的功能性需求
- [市场交易小程序需求文档](./requirements/trading_app_requirements.md) - 市场交易小程序的功能性需求
- [数据中台小程序需求文档](./requirements/data_platform_app_requirements.md) - 数据中台小程序的功能性需求
- [AI能力小程序需求文档](./requirements/ai_app_requirements.md) - AI能力小程序的功能性需求
- [牛肉商城小程序需求文档](./requirements/mall_app_requirements.md) - 牛肉商城小程序的功能性需求
### 3. 设计文档
- [养殖管理API](./design/api/farming.md) - 养殖管理相关接口
- [金融服务API](./design/api/finance.md) - 金融服务相关接口
- [政府监管API](./design/api/government.md) - 政府监管相关接口
- [市场交易API](./design/api/trade.md) - 市场交易相关接口
- [数据中台API](./design/api/data-platform.md) - 数据中台相关接口
- [用户中心API](./design/api/user-center.md) - 用户中心相关接口
- 微信小程序API:
- [养殖户小程序API](./design/api/miniprograms/farming-app.md) - 养殖户小程序相关接口
- [政务人员小程序API](./design/api/miniprograms/gov-app.md) - 政务人员小程序相关接口
- [商户小程序API](./design/api/miniprograms/merchant-app.md) - 商户小程序相关接口
- [普通用户小程序API](./design/api/miniprograms/user-app.md) - 普通用户小程序相关接口
### 4. 技术文档
- 数据库设计文档 (位于[backend/database](file:///E:/vue/xlxumu/backend/database)目录)
- 前端组件文档 (各前端项目中)
- 部署文档 ([deployment/README.md](file:///Users/ainongkeji/code/vue/xlxumu/deployment/README.md))
- 部署文档 ([deployment/README.md](file:///E:/vue/xlxumu/deployment/README.md))
### 3. 用户文档
### 5. 各系统详细开发计划
- [养殖管理系统开发计划](./development_plans/farming_management_development_plan.md) - 养殖管理系统的详细开发计划
- [银行监管系统开发计划](./development_plans/bank_supervision_development_plan.md) - 银行监管系统的详细开发计划
- [保险监管系统开发计划](./development_plans/insurance_supervision_development_plan.md) - 保险监管系统的详细开发计划
- [政府监管平台开发计划](./development_plans/government_platform_development_plan.md) - 政府监管平台的详细开发计划
- [活牛交易系统开发计划](./development_plans/cattle_trading_development_plan.md) - 活牛交易系统的详细开发计划
- [商城管理系统开发计划](./development_plans/mall_management_development_plan.md) - 商城管理系统的详细开发计划
- [后端API服务开发计划](./development_plans/backend_api_development_plan.md) - 后端API服务的详细开发计划
- [大屏可视化系统开发计划](./development_plans/dashboard_development_plan.md) - 大屏可视化系统的详细开发计划
### 6. 微信小程序详细开发计划
- [牛肉商城小程序开发计划](./development_plans/miniprograms/beef_mall_miniprogram_development_plan.md) - 牛肉商城小程序的详细开发计划
- [养殖管理小程序开发计划](./development_plans/miniprograms/farming_management_miniprogram_development_plan.md) - 养殖管理小程序的详细开发计划
- [银行监管小程序开发计划](./development_plans/miniprograms/bank_supervision_miniprogram_development_plan.md) - 银行监管小程序的详细开发计划
- [保险监管小程序开发计划](./development_plans/miniprograms/insurance_supervision_miniprogram_development_plan.md) - 保险监管小程序的详细开发计划
- [活牛交易小程序开发计划](./development_plans/miniprograms/cattle_trading_miniprogram_development_plan.md) - 活牛交易小程序的详细开发计划
### 7. 用户文档
- 用户手册 (待编写)
- 管理员手册 (待编写)
- 操作指南 (待编写)
### 4. 其他文档
### 8. 其他文档
- 测试报告 (待编写)
- 项目总结报告 (待编写)

View File

@@ -2,28 +2,52 @@
## 1. 概述
本项目是一个综合性的畜牧业数字化管理平台,主要面向锡林郭勒盟地区的安格斯牛养殖产业,包含官网展示、后台管理、移动端小程序等多个子系统。平台集成了养殖管理、银行监管、保险监管、牛只交易、运输管理、牛肉商城等功能模块,旨在通过数字化手段提升整个产业链的管理效率和透明度。
本项目是一个综合性的畜牧业数字化管理平台,主要面向锡林郭勒盟地区的养殖产业,包含官网展示、后台管理、移动端小程序、大屏可视化等多个子系统。平台集成了养殖管理、金融服务(银行监管、保险监管)、政府监管、牛只交易、牛肉商城、数据分析等功能模块,旨在通过数字化手段提升整个产业链的管理效率和透明度。
## 2. 技术栈
### 2.1 前端技术栈
- **官网首页**: HTML5 + CSS3 + JavaScript
- **后台管理系统**: Vue.js 3 + TypeScript + Ant Design Vue + Pinia
- **大屏可视化系统**: Vue.js 3 + ECharts + 自定义可视化组件
- **微信小程序矩阵**: 微信小程序原生开发 + uni-app
### 2.2 后端技术栈
- **API服务**: Node.js + Express.js + TypeScript
- **API服务**: Node.js + Express.js + TypeScript + RESTful API
- **数据库**: MySQL
- **文件存储**: 腾讯云存储
- **缓存系统**: Redis
- **消息队列**: RabbitMQ用于异步处理
- **文件存储**: 腾讯云对象存储
- **实时通信**: WebSocket用于大屏数据推送和实时通知
### 2.3 安全架构
### 2.3 数据库配置
#### 2.3.1 测试环境
- **主机**: `192.168.0.240` (MySQL主机地址)
- **端口**: `3306` (MySQL端口)
- **用户名**: `root`
- **密码**: `aiot$Aiot123`
- **数据库**: `xlxumudata`
#### 2.3.2 生产环境
- **主机**: `129.211.213.226`
- **端口**: `9527`(端口号)
- **用户名**: `root`
- **密码**: `aiotAiot123!`
- **数据库**: `xlxumudata`
### 2.4 安全架构
- **身份认证**: JWT (JSON Web Tokens)
- **权限管理**: 基于角色的访问控制 (RBAC)
- **数据传输**: HTTPS 加密传输
- **API防护**: 接口限流、参数校验、防SQL注入等
- **密码安全**: BCrypt加密存储
- **操作审计**: 用户操作日志记录和审计
### 2.4 数据架构
### 2.5 数据架构
- **实时数据采集**: IoT设备数据接入
- **数据处理**: ETL数据处理流程
- **数据存储**: 分层数据存储(操作数据、历史数据、统计数据)
- **大数据分析**: 数据分析引擎
- **智能预警**: 基于规则的预警系统
- **可视化展示**: 图表化数据展示平台
@@ -31,35 +55,39 @@
## 3. 系统架构图
```
┌─────────────────────────────────────────────────────────────────────┐
用户端接入层
├─────────────────┬───────────────────────────────────────────────────┤
│ 官网首页 │ 专业管理系统
│ (HTML5展示) ├───────────────────────────────────────────────────┤
│ │ - 养殖管理系统 (Vue.js 3 + Ant) │
│ │ - 银行监管系统 (Vue.js 3 + Ant) │
│ │ - 保险监管系统 (Vue.js 3 + Ant) │
│ │ - 政府监管平台 (Vue.js 3 + Ant) │
│ │ - 活牛交易系统 (Vue.js 3 + Ant) │
│ │ - 商城管理系统 (Vue.js 3 + Ant) │
├─────────────────┼───────────────────────────────────────────────────┤
│ 微信小程序矩阵 │
- 牛肉商城小程序
│ - 养殖管理小程序
│ - 银行监管小程序
│ - 保险监管小程序 │
│ - 活牛交易小程序
├─────────────────┴───────────────────────────────────────────────────┤
API服务层 (Node.js)
├─────────────────────────────────────────────────────────────────────┤
数据层
├─────────────────────────────────────────────────────────────────────┤
关系数据库(MySQL) 文件存储(腾讯云) 缓存系统(Redis)
├─────────────────────────────────────────────────────────────────────┤
数据分析层
├─────────────────────────────────────────────────────────────────────┤
大数据分析引擎 │ 智能预警系统 可视化平台
─────────────────────────────────────────────────────────────────────
┌─────────────────────────────────────────────────────────────────────────────────────────────
用户端接入层
├─────────────────┬─────────────────────────────────────────────────────────────────────────
│ 官网首页 │ 专业管理系统
│ (HTML5展示) ├─────────────────────────────────────────────────────────────────────────
│ │ - 养殖管理系统 (Vue.js 3 + Ant)
│ │ - 银行监管系统 (Vue.js 3 + Ant)
│ │ - 保险监管系统 (Vue.js 3 + Ant)
│ │ - 政府监管平台 (Vue.js 3 + Ant)
│ │ - 活牛交易系统 (Vue.js 3 + Ant)
│ │ - 商城管理系统 (Vue.js 3 + Ant)
│ │ - 大屏可视化系统 (Vue.js 3 + ECharts) │
├─────────────────┼─────────────────────────────────────────────────────────────────────────┤
微信小程序矩阵
│ - 牛肉商城小程序
│ - 养殖管理小程序
│ - 银行监管小程序
│ - 保险监管小程序
│ - 活牛交易小程序 │
- 政府监管小程序
│ - 数据中台小程序 │
- AI能力小程序
├─────────────────┴─────────────────────────────────────────────────────────────────────────┤
API服务层 (Node.js)
├─────────────────────────────────────────────────────────────────────────────────────────────
数据处理与存储层
├─────────────────────────────────────────────────────────────────────────────────────────────
关系数据库(MySQL) 缓存系统(Redis) │ 消息队列(RabbitMQ) │ 文件存储(腾讯云)
├─────────────────────────────────────────────────────────────────────────────────────────────
│ 数据分析与展示层 │
├─────────────────────────────────────────────────────────────────────────────────────────────┤
│ 大数据分析引擎 │ 智能预警系统 │ 可视化平台 │ 实时数据推送 │
└─────────────────────────────────────────────────────────────────────────────────────────────┘
```
## 4. 前端系统架构
@@ -83,7 +111,8 @@
2. 饲养记录管理
3. 繁殖管理
4. 环境监测数据展示
5. 生产计划制定和执行跟踪
5. 健康监测管理
6. 生产计划制定和执行跟踪
#### 4.2.2 银行监管系统
- 基于Vue.js 3 Composition API
@@ -97,6 +126,7 @@
3. 还款计划跟踪
4. 风险评估数据展示
5. 财务报表生成
6. 风控管理
#### 4.2.3 保险监管系统
- 基于Vue.js 3 Composition API
@@ -123,6 +153,8 @@
3. 政策发布和通知
4. 合规性检查
5. 统计报表生成
6. 用户管理(集中式用户权限管理)
7. 系统配置管理
#### 4.2.5 活牛交易系统
- 基于Vue.js 3 Composition API
@@ -136,6 +168,8 @@
3. 合同管理
4. 支付流程管理
5. 交易记录查询
6. 商户管理
7. 行情管理
#### 4.2.6 商城管理系统
- 基于Vue.js 3 Composition API
@@ -149,11 +183,29 @@
3. 订单处理
4. 物流跟踪
5. 售后服务管理
6. 营销管理
#### 4.2.7 大屏可视化系统
- 基于Vue.js 3 Composition API
- 使用ECharts和自定义可视化组件
- 状态管理采用Pinia
- TypeScript增强代码可维护性
- WebSocket实现实时数据推送
##### 功能模块
1. 产业概览
2. 养殖监控
3. 金融服务
4. 交易统计
5. 运输跟踪
6. 风险预警
7. 生态指标
8. 政府监管
### 4.3 微信小程序矩阵
- 使用微信小程序原生开发框架
- 跨平台支持采用uni-app
- 包含5个专门的小程序应用
- 包含8个专门的小程序应用
#### 4.3.1 牛肉商城小程序(消费者端)
- 商品浏览和搜索
@@ -188,6 +240,22 @@
- 交易记录查询
- 支付状态跟踪
#### 4.3.6 政府监管小程序(监管人员端)
- 防疫任务执行
- 补贴申请审核
- 政策信息查看
- 监管数据上报
#### 4.3.7 数据中台小程序(数据人员端)
- 数据查询和导出
- 统计报表查看
- 数据服务申请
#### 4.3.8 AI能力小程序养殖户/兽医端)
- 牛只体况评估
- 饲料配方推荐
- 智能诊断辅助
## 5. 后端系统架构
### 5.1 API服务层
@@ -195,20 +263,25 @@
- 使用TypeScript增强代码健壮性
- RESTful API设计风格
- JWT身份认证机制
- 微服务架构设计(按业务模块划分)
### 5.2 数据存储层
- 主数据库MySQL关系型数据库
- 缓存系统Redis用于会话缓存、数据缓存
- 消息队列RabbitMQ用于异步任务处理
- 文件存储:腾讯云对象存储服务
- 缓存系统Redis可选
- 日志存储Elasticsearch用于日志分析
### 5.3 安全架构
- 基于JWT的无状态认证
- RBAC角色权限管理系统
- RBAC角色权限管理系统(集中式用户管理)
- HTTPS加密传输
- API接口安全防护限流、防注入等
- 数据加密存储BCrypt等
- 操作日志审计
### 5.4 数据分析层
- 实时数据采集系统
- 实时数据采集系统IoT设备数据、用户行为数据
- 大数据分析引擎
- 智能预警系统
- 数据可视化展示平台
@@ -231,80 +304,122 @@
│ ├── farming-manager/ # 养殖管理小程序
│ ├── bank-supervision/ # 银行监管小程序
│ ├── insurance-supervision/ # 保险监管小程序
── cattle-trading/ # 活牛交易小程序
── cattle-trading/ # 活牛交易小程序
│ ├── gov-supervision/ # 政府监管小程序
│ ├── data-platform/ # 数据中台小程序
│ └── ai-capabilities/ # AI能力小程序
├── backend/ # 后端项目
│ ├── api/ # API服务
│ │ ├── farming/ # 养殖管理API
│ │ ├── finance/ # 金融服务API
│ │ ├── government/ # 政府监管API
│ │ ├── trade/ # 交易管理API
│ │ ├── mall/ # 商城管理API
│ │ ├── data-platform/ # 数据中台API
│ │ ├── ai/ # AI能力API
│ │ └── user-center/ # 用户中心API
│ ├── database/ # 数据库脚本
── utils/ # 工具函数
── utils/ # 工具函数
│ └── services/ # 微服务模块
├── docs/ # 文档
└── deployment/ # 部署相关配置
```
## 7. 大屏可视化系统
## 7. 用户权限管理架构
### 7.1 系统概述
### 7.1 集中式用户管理
- 所有用户信息统一在政府监管平台进行管理
- 各子系统仅负责登录验证和部分权限校验
- 实现统一的RBAC权限模型
### 7.2 权限体系
- 基于角色的访问控制RBAC
- 支持多角色分配
- 细粒度权限控制(菜单权限、操作权限、数据权限)
- 权限继承机制
### 7.3 用户角色
1. 超级管理员
2. 政府监管员
3. 银行信贷员
4. 保险专员
5. 交易管理员
6. 商城管理员
7. 养殖户
8. 普通用户
9. 数据分析师
10. 系统审计员
## 8. 大屏可视化系统架构
### 8.1 系统概述
大屏可视化系统是本项目的重要组成部分,主要用于展示锡林郭勒盟安格斯牛养殖产业的整体数据、实时监控信息和分析结果。通过直观的图表和数据可视化方式,为管理者提供全面的产业洞察。
### 7.2 技术实现
- **前端框架**: Vue.js 3 + ECharts/DataV
### 8.2 技术实现
- **前端框架**: Vue.js 3 + ECharts + 自定义可视化组件
- **可视化库**: Apache ECharts + D3.js
- **响应式设计**: 支持多种大屏比例(16:9, 4:3等)
- **实时数据**: WebSocket实时数据推送
- **性能优化**: 虚拟滚动、数据分页等技术
### 7.3 功能模块
### 8.3 功能模块
1. **产业概览**: 展示整体产业规模、产值、增长率等关键指标
2. **养殖监控**: 实时展示各牧场的养殖情况、环境数据
3. **交易统计**: 牛只交易量、价格趋势、区域分布等数据
4. **运输跟踪**: 牛只运输实时状态和路径展示
5. **风险预警**: 风险事件展示和预警信息推送
6. **生态指标**: 环保数据、可持续发展指标展示
3. **金融服务**: 展示贷款、保险等金融服务数据
4. **交易统计**: 牛只交易量、价格趋势、区域分布等数据
5. **运输跟踪**: 牛只运输实时状态和路径展示
6. **风险预警**: 风险事件展示和预警信息推送
7. **生态指标**: 环保数据、可持续发展指标展示
8. **政府监管**: 展示政府监管相关数据和政策执行效果
### 7.4 设计特色
### 8.4 设计特色
- 融入锡林郭勒盟草原绿色主题
- 采用蒙古族文化元素的UI设计
- 突出安格斯牛品牌形象
- 支持多维度数据钻取和交互
## 8. 设计特色
## 9. 系统集成架构
### 8.1 地域文化特色
- 锡林郭勒盟草原绿色主题设计
- 融入蒙古族文化元素
- 体现当地畜牧业特色
### 9.1 外部系统集成
1. 银行系统对接
2. 政府监管平台对接
3. 第三方系统集成LDAP/AD、OAuth2.0等)
4. 物联网设备集成MQTT/CoAP协议
5. 云服务集成腾讯云COS、短信服务等
### 8.2 品牌专业化
- 突出安格斯牛品牌特色
- 专门的安格斯牛管理和交易模块
- 品牌化展示和推广
### 9.2 数据交换机制
- RESTful API接口
- 消息队列异步处理
- 文件传输
- 数据库同步
### 8.3 生态理念
- 绿色发展理念贯穿整个系统
- 可持续畜牧业理念体现
- 环保数据监控和展示
## 10. 性能优化策略
## 9. 性能优化策略
### 9.1 前端优化
### 10.1 前端优化
- 代码分割和按需加载
- 图片懒加载和压缩
- CDN加速静态资源
- 浏览器缓存策略
- 虚拟滚动处理大数据量展示
### 9.2 后端优化
### 10.2 后端优化
- 数据库索引优化
- API响应缓存
- API响应缓存Redis
- 数据库连接池
- 负载均衡部署
- 异步任务处理RabbitMQ
## 10. 部署架构
## 11. 部署架构
### 10.1 开发环境
### 11.1 开发环境
- 本地开发服务器
- 热重载功能
- 代理配置解决跨域问题
### 10.2 生产环境
### 11.2 生产环境
- Nginx反向代理服务器
- 负载均衡配置
- SSL证书配置
- 日志收集和监控系统
- 日志收集和监控系统
- 容器化部署Docker
- 自动化部署CI/CD

View File

@@ -2,7 +2,7 @@
## 1. 项目概述
本项目是面向锡林郭勒盟地区安格斯牛养殖产业的综合性数字化管理平台,包含官网展示、多个专业管理系统(养殖管理、银行监管、保险监管、政府监管、活牛交易、商城管理)、大屏可视化系统、移动端小程序等多个子系统。平台旨在通过数字化手段提升整个产业链的管理效率和透明度。
本项目是面向锡林郭勒盟地区养殖产业的综合性数字化管理平台,包含官网展示、多个专业管理系统(养殖管理、银行监管、保险监管、政府监管、活牛交易、商城管理)、大屏可视化系统、移动端小程序等多个子系统。平台旨在通过数字化手段提升整个产业链的管理效率和透明度。
## 2. 技术选型
@@ -13,13 +13,26 @@
- **微信小程序矩阵**: 微信小程序原生开发 + uni-app
### 2.2 后端技术栈
- **API服务**: Node.js + Express.js + TypeScript
- **API服务**: Node.js + Express.js + RESTful API
- **数据库**: MySQL
- **缓存**: Redis用于会话管理和高频数据缓存
- **消息队列**: RabbitMQ用于异步任务处理
- **API文档**: Swagger
- **安全**: JWT认证
- **安全**: JWT认证 + 数据加密
- **文件存储**: 腾讯云存储
### 2.3 开发工具
### 2.3 开发优先级
1. **第一阶段2025-09-01至2025-10-31**: 核心功能(养殖管理、银行监管)
2. **第二阶段2025-11-01至2025-12-31**: 扩展功能(保险监管、政府监管)
3. **第三阶段2026-01-01至2026-02-28**: 交易和商城功能
### 2.4 技术风险与应对
- **风险1**: 高并发场景下的数据库性能瓶颈
- **应对**: 引入读写分离和分库分表策略
- **风险2**: 第三方服务(如微信支付)的集成稳定性
- **应对**: 设计降级方案和本地Mock服务
### 2.5 开发工具
- VS Code (推荐IDE)
- Git (版本控制)
- ESLint + Prettier (代码规范)
@@ -68,30 +81,34 @@
- 响应式设计适配
#### 3.7 养殖管理系统 (2周)
- 牛只档案管理
- 饲养记录管理
- 繁殖管理功能
- 环境监测数据展示
- 牛只档案管理(耳标二维码管理、全生命周期记录)
- 饲养记录管理(饲料库存预警、每日投喂量记录)
- 繁殖管理(基因谱系分析、产犊预测模型)
- 环境监测数据展示(物联网设备接入、异常环境自动告警)
#### 3.8 银行监管系统 (1周)
- 贷款申请和审批流程管理
- 质押物(牛只)状态监控
- 还款计划跟踪
- 风险评估和预警
#### 3.9 保险监管系统 (1周)
- 保险投保管理
- 理赔申请和处理流程
- 风险评估和预警
- 保险记录查询
#### 3.10 政府监管平台 (1周)
- 产业数据总览
- 各类监管数据汇总
- 政策发布和通知
- 合规性检查
#### 3.11 活牛交易系统 (1周)
- 牛只信息发布和展示
- 在线交易撮合
- 合同管理
- 支付流程管理
### 阶段三:商城和小程序开发 (4周)
@@ -106,11 +123,13 @@
- 在线下单和支付
- 订单查询和跟踪
- 认养功能实现
- 售后服务申请
#### 3.14 养殖管理小程序 (1周)
- 移动端牛只档案查看
- 饲养记录录入
- 健康状况上报
- 通知消息接收
#### 3.15 银行和保险监管小程序 (1周)
- 银行监管小程序功能开发
@@ -124,9 +143,9 @@
### 阶段四:数据系统和特色功能 (3周)
#### 3.17 数据分析系统 (1周)
- 实时数据采集
- 大数据分析引擎
- 智能预警系统
- 实时数据采集IoT设备数据接入、用户行为数据采集
- 大数据分析引擎(数据清洗和预处理、统计分析模型)
- 智能预警系统(异常数据检测、风险预警机制)
#### 3.18 大屏可视化系统 (1周)
- 数据图表展示
@@ -138,25 +157,30 @@
- 蒙古族文化特色设计
- 安格斯牛品牌突出展示
### 阶段五:测试与部署 (2周)
### 阶段五:系统集成与测试 (2周)
#### 3.20 测试用例编写 (3天)
- 单元测试编写
#### 3.20 系统集成 (3天)
- 内蒙古畜牧云对接(数据同步、接口规范)
- 金融机构API对接银行接口、保险接口
- 第三方服务集成
#### 3.21 测试用例编写 (3天)
- 单元测试编写核心功能模块单元测试覆盖率不低于80%
- 集成测试实现
- E2E测试配置
#### 3.21 Bug修复与优化 (3天)
#### 3.22 Bug修复与优化 (3天)
- 功能测试与Bug修复
- 性能调优
- 性能调优(关键操作响应时间<2秒
- 用户体验优化
#### 3.22 部署准备 (3天)
#### 3.23 部署准备 (3天)
- 生产环境配置
- 构建脚本优化
- 部署文档编写
- Docker配置
#### 3.23 项目验收与交付 (1天)
#### 3.24 项目验收与交付 (1天)
- 用户验收测试
- 项目文档完善
- 代码交接
@@ -185,104 +209,40 @@
### 4.4 测试团队
- 测试工程师(2名):负责测试用例编写和执行
### 4.5 项目管理
- 项目经理(1名):负责进度管理和协调沟通
- 产品经理(1名):负责需求分析和产品设计
## 5. 质量保障
## 5. 风险评估与应对措施
### 5.1 代码质量控制
- 使用ESLint和Prettier统一代码风格
- 通过Code Review确保代码质量
- 使用TypeScript增强代码可维护性
### 5.1 技术风险
- **风险**:新技术学习成本高,可能影响开发进度
- **应对措施**:提前进行技术预研,安排技术培训
### 5.2 测试策略
- 单元测试核心功能模块单元测试覆盖率不低于80%
- 集成测试:实现主要业务流程的集成测试
- E2E测试关键用户路径的端到端测试
- 性能测试确保系统支持500+并发用户
### 5.2 人员风险
- **风险**:关键人员流失可能影响项目进度
- **应对措施**:建立知识共享机制,确保文档完整
### 5.3 安全保障
- 数据传输加密HTTPS
- 敏感数据脱敏存储
- 防止SQL注入和XSS攻击
- CSRF防护机制
- API接口限流和防护
### 5.3 需求变更风险
- **风险**:需求频繁变更导致返工
- **应对措施**:建立需求变更控制流程,定期评审需求
## 6. 部署与运维
### 5.4 进度风险
- **风险**:某个模块开发延期影响整体进度
- **应对措施**:设置里程碑检查点,及时调整资源分配
### 6.1 部署方案
- 支持Docker容器化部署
- 支持云平台部署(腾讯云)
- 支持负载均衡部署
### 5.5 第三方服务风险
- **风险**:腾讯云服务异常或变更可能影响文件存储功能
- **应对措施**:设计抽象层,便于切换云服务提供商
### 6.2 监控体系
- 系统运行状态监控
- 性能监控指标
- 异常告警功能
- 日志收集和分析
## 6. 质量保证措施
### 6.1 代码质量控
- 代码审查制度
- ESLint静态检查
- 单元测试覆盖率要求(>80%)
- TypeScript类型检查
### 6.2 文档管理
- 实时更新技术文档
- 维护API文档
- 编写用户手册
- 完善部署文档
### 6.3 版本管理
- Git分支管理策略
- 版本发布流程
- 回滚机制
- 变更日志记录
## 7. 交付物清单
### 7.1 源代码
- 官网首页源代码
- 6个专业管理系统源代码养殖管理、银行监管、保险监管、政府监管、活牛交易、商城管理
- 大屏可视化系统源代码
- 5个微信小程序源代码
- 后端API服务源代码
- 数据库脚本
### 7.2 文档
- 系统架构文档
- API接口文档
- 部署文档
- 用户手册
- 开发规范文档
- 测试报告
### 7.3 配置和脚本
- 构建脚本
- 部署脚本
- Docker配置文件
- 环境配置文件
## 8. 时间安排总览
| 阶段 | 时间 | 任务 |
|------|------|------|
| 阶段一 | 第1-2周 | 项目初始化与基础架构搭建 |
| 阶段二 | 第3-10周 | 核心功能开发 |
| 阶段三 | 第11-14周 | 商城和小程序开发 |
| 阶段四 | 第15-17周 | 数据系统和特色功能 |
| 阶段五 | 第18-19周 | 测试与部署 |
## 9. 里程碑计划
### 9.1 第一里程碑 (第2周末)
- 完成项目基础架构搭建
- 实现基础的用户认证和权限系统
### 9.2 第二里程碑 (第10周末)
- 完成所有专业管理系统核心功能开发
- 实现养殖管理、银行监管、保险监管、政府监管、活牛交易等核心功能
### 9.3 第三里程碑 (第14周末)
- 完成商城管理系统和所有小程序开发
- 实现牛肉商城(含认养功能)、养殖管理、银行监管、保险监管、活牛交易小程序
### 9.4 第四里程碑 (第17周末)
- 完成数据分析系统和大屏可视化系统
- 实现数据可视化和地域文化特色
### 9.5 第五里程碑 (第19周末)
- 完成测试和部署
- 项目正式交付
### 6.3 故障处理
- 提供故障诊断工具
- 实现自动故障恢复机
- 提供故障处理文档

View File

@@ -0,0 +1,32 @@
# 数据中台系统 API 文档
## 1. 接口概述
### 1.1 功能范围
- 数据血缘追踪
- 接口调用分析
- 数据质量监控
### 1.2 基础路径
`/api/v1/data`
## 2. 接口明细
### 2.1 数据血缘查询
```
GET /lineage
```
| 参数 | 类型 | 必填 | 说明 |
|-------------|--------|------|--------------------|
| source | string | 否 | 源表名 |
| target | string | 否 | 目标表名 |
### 2.2 接口审计
```
GET /audit-logs
```
## 3. 性能指标
- 血缘查询响应时间 < 500ms
- 审计日志保留至少180天

View File

@@ -0,0 +1,57 @@
# 养殖管理系统 API 文档 (v1.1.0)
## 1. 接口概述
### 1.1 功能范围
- 牛只档案管理
- 饲喂记录
- 防疫管理
- 繁殖管理
### 1.2 基础路径
`/api/v1/farming`
## 2. 接口明细
### 2.1 添加牛只
```
POST /cattles
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| ear_tag | string | 是 | 耳标号(唯一) |
| breed | string | 是 | 品种 |
| birth_date | string | 是 | 出生日期(YYYY-MM-DD)|
| gender | string | 是 | 性别(公/母) |
| weight | number | 否 | 体重(kg) |
### 2.2 批量导入牛只
```
POST /cattles/batch
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| file | file | 是 | Excel文件 |
### 2.3 防疫记录
```
POST /vaccinations
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| cattle_id | string | 是 | 牛只ID |
| vaccine_type | string | 是 | 疫苗类型 |
| date | string | 是 | 接种日期(YYYY-MM-DD)|
## 3. 数据规范
- 耳标号格式:省简称+6位数字(如NM000001)
- 疫苗记录保留至少5年
- 敏感数据需RSA加密传输
## 4. 权限控制
- 添加牛只:养殖管理员
- 批量导入:系统管理员
- 防疫记录:兽医

View File

@@ -0,0 +1,54 @@
# 金融业务系统 API 文档 (v1.1.0)
## 1. 接口概述
### 1.1 功能范围
- 贷款申请
- 保险购买
- 理赔处理
- 贷款审批
### 1.2 基础路径
`/api/v1/finance`
## 2. 接口明细
### 2.1 贷款申请
```
POST /loans
```
| 字段 | 类型 | 必填 | 说明 |
|-----------------|---------|------|--------------------|
| farmer_id | number | 是 | 牧户ID |
| amount | number | 是 | 申请金额(元) |
| collateral_type | string | 是 | 抵押物类型 |
| term | number | 是 | 贷款期限(月) |
| interest_rate | number | 是 | 年利率(%) |
### 2.2 贷款审批状态查询
```
GET /loans/:id/status
```
### 2.3 保险购买
```
POST /insurances
```
| 字段 | 类型 | 必填 | 说明 |
|-----------------|---------|------|--------------------|
| farmer_id | number | 是 | 牧户ID |
| cattle_id | string | 是 | 牛只ID |
| insurance_type | string | 是 | 保险类型 |
| premium | number | 是 | 保费(元) |
## 3. 风控规则
- 单笔贷款金额 ≤ 牧户资产总额的50%
- 理赔申请需在灾害发生后30天内提交
- 敏感数据需RSA加密传输
## 4. 权限控制
- 贷款申请:牧户
- 贷款审批:银行管理员
- 保险购买:牧户

View File

@@ -0,0 +1,52 @@
# 政府监管系统 API 文档 (v1.1.0)
## 1. 接口概述
### 1.1 功能范围
- 防疫任务下发
- 补贴发放
- 检疫监管
- 任务状态跟踪
### 1.2 基础路径
`/api/v1/gov`
## 2. 接口明细
### 2.1 创建防疫任务
```
POST /quarantines
```
| 字段 | 类型 | 必填 | 说明 |
|---------------|--------|------|--------------------|
| location | string | 是 | GPS坐标(纬度,经度)|
| inspector_id | number | 是 | 检疫员ID |
| deadline | string | 是 | 截止日期(YYYY-MM-DD)|
| task_type | string | 是 | 任务类型(常规/紧急)|
| priority | number | 否 | 优先级(1-5) |
### 2.2 防疫任务状态查询
```
GET /quarantines/:id/status
```
### 2.3 检疫监管
```
POST /inspections
```
| 字段 | 类型 | 必填 | 说明 |
|---------------|--------|------|--------------------|
| cattle_id | string | 是 | 牛只ID |
| inspector_id | number | 是 | 检疫员ID |
| result | string | 是 | 检疫结果(合格/不合格)|
## 3. 审计要求
- 所有操作记录操作人IP和时间
- 敏感数据需RSA加密传输
## 4. 权限控制
- 防疫任务下发:政府管理员
- 检疫监管:检疫员
- 补贴发放:财务人员

View File

@@ -0,0 +1,33 @@
# 养殖助手小程序 API 文档
## 1. 接口概述
### 1.1 功能范围
- 养殖记录
- 饲喂提醒
- 防疫上报
### 1.2 基础路径
`/api/mini/farming`
## 2. 接口明细
### 2.1 添加饲喂记录
```
POST /feedings
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| cattle_id | number | 是 | 牛只ID |
| feed_type | string | 是 | 饲料类型 |
| amount | number | 是 | 投喂量(kg) |
### 2.2 防疫上报
```
POST /vaccinations
```
## 3. 数据规范
- 时间字段格式: YYYY-MM-DD HH:mm:ss
- 数量单位统一使用kg

View File

@@ -0,0 +1,33 @@
# 政府监管小程序 API 文档
## 1. 接口概述
### 1.1 功能范围
- 防疫检查
- 补贴发放
- 违规上报
### 1.2 基础路径
`/api/mini/gov`
## 2. 接口明细
### 2.1 提交检查报告
```
POST /inspections
```
| 字段 | 类型 | 必填 | 说明 |
|---------------|--------|------|--------------------|
| farm_id | number | 是 | 养殖场ID |
| result | string | 是 | 检查结果 |
| photos | array | 是 | 现场照片URL数组 |
### 2.2 查看补贴名单
```
GET /subsidies
```
## 3. 安全要求
- 所有接口需政府专线VPN接入
- 照片数据需加密存储

View File

@@ -0,0 +1,35 @@
# 商户小程序 API 文档
## 1. 接口概述
### 1.1 功能范围
- 商品管理
- 订单处理
- 数据统计
### 1.2 基础路径
`/api/mini/merchant`
## 2. 接口明细
### 2.1 添加商品
```
POST /products
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| name | string | 是 | 商品名称 |
| price | number | 是 | 价格(元) |
| stock | number | 是 | 库存数量 |
### 2.2 处理订单
```
PUT /orders/{id}
```
## 3. 错误码规范
| 代码 | 说明 |
|------|----------------|
| 4001 | 库存不足 |
| 4002 | 订单已过期 |

View File

@@ -0,0 +1,34 @@
# 用户小程序 API 文档
## 1. 接口概述
### 1.1 功能范围
- 用户登录/注册
- 商品浏览/购买
- 订单查询
- 个人中心
### 1.2 基础路径
`/api/mini/user`
## 2. 接口明细
### 2.1 微信登录
```
POST /login
```
| 字段 | 类型 | 必填 | 说明 |
|------------|--------|------|----------------|
| code | string | 是 | 微信登录code |
| encryptedData | string | 是 | 加密用户数据 |
| iv | string | 是 | 加密算法的初始向量 |
### 2.2 获取商品列表
```
GET /products
```
## 3. 权限控制
- 所有接口需携带`access_token`
- 敏感接口需二次验证(如支付密码)

62
docs/design/api/trade.md Normal file
View File

@@ -0,0 +1,62 @@
# 交易系统 API 文档 (v1.1.0)
## 1. 接口概述
### 1.1 功能范围
- 商品发布/下架
- 订单创建/支付
- 物流跟踪
- 订单状态查询
### 1.2 基础路径
`/api/v1/trades`
## 2. 接口明细
### 2.1 商品发布
```
POST /products
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| name | string | 是 | 商品名称 |
| price | number | 是 | 价格(元) |
| stock | number | 是 | 库存数量 |
| category | string | 是 | 商品分类 |
### 2.2 创建订单
```
POST /orders
```
| 字段 | 类型 | 必填 | 说明 |
|--------------|--------|------|--------------------|
| product_id | number | 是 | 商品ID |
| quantity | number | 是 | 购买数量 |
| address_id | number | 是 | 收货地址ID |
| payment_method | string | 是 | 支付方式(微信/支付宝)|
| coupon_code | string | 否 | 优惠券码 |
### 2.3 物流跟踪
```
GET /logistics/:order_id
```
## 3. 状态流转
```mermaid
stateDiagram
[*] --> 待支付
待支付 --> 已支付: 支付成功
已支付 --> 配送中: 商家发货
配送中 --> 已完成: 确认收货
```
## 4. 安全要求
- 支付接口需HTTPS加密
- 敏感数据需RSA加密传输
## 5. 权限控制
- 商品发布:商户
- 订单创建:用户
- 物流跟踪:用户/商户

View File

@@ -0,0 +1,36 @@
# 用户中心系统 API 文档
## 1. 接口概述
### 1.1 功能范围
- 用户注册/登录/注销
- 个人信息管理
- 权限控制
### 1.2 基础路径
`/api/v1/users`
## 2. 接口明细
### 2.1 用户注册
```
POST /register
```
| 字段 | 类型 | 必填 | 说明 |
|------------|--------|------|----------------|
| username | string | 是 | 4-20位字母数字 |
| password | string | 是 | 6-20位含大小写 |
| phone | string | 是 | 11位手机号 |
### 2.2 用户登录
```
POST /login
```
## 3. 状态码规范
| 代码 | 说明 |
|------|----------------|
| 200 | 成功 |
| 400 | 参数校验失败 |
| 401 | 认证失败 |

View File

@@ -0,0 +1,157 @@
# 后端API服务开发计划
## 1. 系统概述
后端API服务是整个平台的数据中枢基于Node.js和Express.js构建提供RESTful API接口负责处理所有业务逻辑、数据存储和第三方服务集成。
## 2. 技术架构
- **运行环境**: Node.js
- **Web框架**: Express.js
- **API风格**: RESTful API
- **数据库**: MySQL
- **ORM**: Sequelize / TypeORM
- **认证机制**: JWT
- **安全防护**: Helmet, CORS, Rate Limiting
- **日志管理**: Winston
- **测试框架**: Jest
- **API文档**: Swagger
## 3. 功能模块详细计划
### 3.1 用户认证和权限模块 (3天)
- 第1天
- 用户注册/登录接口实现
- JWT Token生成和验证机制
- 第2天
- 角色权限管理接口
- RBAC权限控制实现
- 第3天
- 用户信息管理接口
- 密码重置和安全机制
### 3.2 牛只档案管理模块 (2天)
- 第1天
- 牛只档案增删改查接口
- 耳标二维码管理接口
- 第2天
- 牛只生命周期记录接口
- 牛只档案查询和筛选接口
### 3.3 饲养记录管理模块 (1天)
- 第1天
- 饲料库存管理接口
- 每日投喂量记录接口
- 饲料库存预警接口
### 3.4 繁殖管理模块 (1天)
- 第1天
- 繁殖记录管理接口
- 基因谱系分析接口
- 产犊预测接口
### 3.5 环境监测模块 (1天)
- 第1天
- 物联网设备数据接入接口
- 环境数据存储和查询接口
- 异常环境告警接口
### 3.6 贷款管理模块 (2天)
- 第1天
- 贷款申请和审批接口
- 质押物状态监控接口
- 第2天
- 还款计划跟踪接口
- 风险评估数据接口
### 3.7 保险管理模块 (2天)
- 第1天
- 保险投保管理接口
- 保单状态跟踪接口
- 第2天
- 理赔申请和处理接口
- 风险评估和预警接口
### 3.8 政府监管模块 (1天)
- 第1天
- 产业数据总览接口
- 监管数据汇总接口
- 政策发布接口
### 3.9 交易管理模块 (2天)
- 第1天
- 牛只信息发布接口
- 在线交易撮合接口
- 第2天
- 合同管理接口
- 支付流程管理接口
### 3.10 商城管理模块 (2天)
- 第1天
- 商品信息管理接口
- 库存管理接口
- 第2天
- 订单处理接口
- 物流跟踪接口
### 3.11 数据分析模块 (2天)
- 第1天
- 实时数据采集接口
- 大数据分析引擎接口
- 第2天
- 智能预警系统接口
- 数据可视化接口
## 4. 技术实现要点
- 实现基于JWT的无状态认证
- 使用RBAC角色权限管理系统
- HTTPS加密传输
- API接口安全防护限流、防注入等
- 数据库连接池管理
- 缓存机制优化性能Redis
- 异步任务处理RabbitMQ
- 文件存储服务集成(腾讯云)
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (3天)
- 项目初始化和环境配置
- Express.js框架搭建
- 数据库连接配置
- JWT认证机制实现
- 基础中间件集成(日志、安全、错误处理等)
### 5.2 阶段二:核心功能开发 (15天)
- 用户认证和权限模块开发
- 养殖管理相关模块开发
- 金融服务相关模块开发
- 政府监管模块开发
- 交易管理模块开发
- 商城管理模块开发
- 数据分析模块开发
### 5.3 阶段三:系统集成与测试 (4天)
- 第三方服务集成(银行、保险、腾讯云等)
- API接口测试和优化
- 性能测试和调优
- 安全测试和漏洞修复
- API文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 接口测试确保API稳定性
- 性能测试确保支持500+并发用户
- 安全测试防止SQL注入、XSS等攻击
- 代码审查机制确保代码质量
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署(腾讯云)
- 支持负载均衡部署
- 系统运行状态监控
- 性能监控指标
- 异常告警功能
- 日志收集和分析

View File

@@ -0,0 +1,92 @@
# 银行监管系统开发计划
## 1. 系统概述
银行监管系统用于银行对养殖户贷款申请的审批、质押物监控和还款计划跟踪。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 贷款管理模块 (3天)
- 第1天
- 贷款申请列表展示
- 贷款申请详情查看
- 第2天
- 贷款审批流程实现
- 审批意见填写功能
- 第3天
- 贷款状态更新机制
- 贷款记录查询功能
### 3.2 质押物监控模块 (2天)
- 第1天
- 质押牛只状态展示
- 质押物价值评估功能
- 第2天
- 质押物异常告警机制
- 质押物状态历史记录
### 3.3 还款计划模块 (2天)
- 第1天
- 还款计划生成和展示
- 还款记录管理
- 第2天
- 还款提醒功能
- 提前还款和延期申请处理
### 3.4 风险评估模块 (1天)
- 第1天
- 风险评估模型实现
- 风险评分展示
- 风险预警机制
## 4. 技术实现要点
- 与银行系统API对接实现数据同步
- 实现审批流程的权限控制
- 采用图表展示贷款和还款统计数据
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (2天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (5天)
- 贷款管理模块开发
- 质押物监控模块开发
- 还款计划模块开发
- 风险评估模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,79 @@
# 银行监管小程序开发计划
## 1. 系统概述
银行监管小程序是面向银行工作人员的微信小程序提供贷款审批、质押物监控、风险数据查看等功能。使用微信小程序原生开发框架和uni-app跨平台支持。
## 2. 技术架构
- **开发框架**: 微信小程序原生开发框架
- **跨平台支持**: uni-app
- **状态管理**: Vuexuni-app/原生状态管理
- **UI组件库**: WeUI / Vant Weapp
- **构建工具**: 微信开发者工具
- **代码规范**: ESLint + Prettier
- **单元测试**: Jest
## 3. 功能模块详细计划
### 3.1 贷款审批模块 (2天)
- 第1天
- 贷款申请查看
- 申请详情展示
- 第2天
- 移动端审批功能
- 审批意见填写
### 3.2 质押物监控模块 (1天)
- 第1天
- 质押物状态查看
- 质押物价值评估
- 异常情况提醒
### 3.3 风险数据模块 (1天)
- 第1天
- 风险数据查看
- 风险评估报告
- 风险趋势分析
## 4. 技术实现要点
- 确保数据安全性
- 实现审批流程的权限控制
- 优化移动办公体验
- 实现数据加密存储和传输
- 支持手势操作提升用户体验
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (1天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (3天)
- 贷款审批模块开发
- 质押物监控模块开发
- 风险数据模块开发
### 5.3 阶段三:安全测试与优化 (2天)
- 安全性测试和加固
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
- 安全专项测试
## 7. 部署与运维
- 通过微信开发者工具进行构建和发布
- 支持灰度发布和版本管理
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,96 @@
# 牛肉商城小程序开发计划
## 1. 系统概述
牛肉商城小程序是面向消费者的微信小程序提供商品浏览、购物车、订单管理、认养功能等服务。使用微信小程序原生开发框架和uni-app跨平台支持。
## 2. 技术架构
- **开发框架**: 微信小程序原生开发框架
- **跨平台支持**: uni-app
- **状态管理**: Vuexuni-app/原生状态管理
- **UI组件库**: WeUI / Vant Weapp
- **构建工具**: 微信开发者工具
- **代码规范**: ESLint + Prettier
- **单元测试**: Jest
## 3. 功能模块详细计划
### 3.1 商品浏览模块 (2天)
- 第1天
- 商品分类展示
- 商品搜索功能
- 第2天
- 商品详情页面
- 商品评价展示
### 3.2 购物车模块 (1天)
- 第1天
- 商品添加和删除
- 数量修改功能
- 结算功能
### 3.3 订单模块 (2天)
- 第1天
- 订单提交功能
- 订单支付功能
- 第2天
- 订单查询功能
- 订单状态跟踪
### 3.4 认养功能模块 (2天)
- 第1天
- 牛只认养功能
- 认养进度跟踪
- 第2天
- 认养记录管理
- 认养收益展示
### 3.5 用户中心模块 (1天)
- 第1天
- 个人信息管理
- 收货地址管理
- 售后服务申请
## 4. 技术实现要点
- 使用微信小程序原生开发框架
- 集成微信支付功能
- 实现消息推送功能
- 优化移动端用户体验
- 实现本地数据缓存提升访问速度
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (1天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (6天)
- 商品浏览模块开发
- 购物车模块开发
- 订单模块开发
- 认养功能模块开发
- 用户中心模块开发
### 5.3 阶段三:测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 通过微信开发者工具进行构建和发布
- 支持灰度发布和版本管理
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,88 @@
# 活牛交易系统开发计划
## 1. 系统概述
活牛交易系统用于养殖户之间的活牛在线交易撮合、合同管理和支付流程管理。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 信息发布模块 (2天)
- 第1天
- 活牛信息发布功能
- 活牛信息编辑功能
- 第2天
- 活牛信息展示和搜索功能
- 活牛信息详情页面
### 3.2 交易撮合模块 (2天)
- 第1天
- 在线交易撮合机制
- 交易意向管理功能
- 第2天
- 交易价格谈判功能
- 交易记录管理
### 3.3 合同管理模块 (2天)
- 第1天
- 电子合同生成功能
- 合同签署流程实现
- 第2天
- 合同状态跟踪功能
- 合同查询和导出功能
### 3.4 支付管理模块 (1天)
- 第1天
- 支付流程管理
- 支付状态跟踪功能
## 4. 技术实现要点
- 集成第三方支付接口
- 实现交易纠纷处理机制
- 采用区块链技术确保合同存证
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (2天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (5天)
- 信息发布模块开发
- 交易撮合模块开发
- 合同管理模块开发
- 支付管理模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,77 @@
# 活牛交易小程序开发计划
## 1. 系统概述
活牛交易小程序是面向交易员的微信小程序提供活牛信息发布、交易撮合、合同管理等功能。使用微信小程序原生开发框架和uni-app跨平台支持。
## 2. 技术架构
- **开发框架**: 微信小程序原生开发框架
- **跨平台支持**: uni-app
- **状态管理**: Vuexuni-app/原生状态管理
- **UI组件库**: WeUI / Vant Weapp
- **构建工具**: 微信开发者工具
- **代码规范**: ESLint + Prettier
- **单元测试**: Jest
## 3. 功能模块详细计划
### 3.1 信息发布模块 (1天)
- 第1天
- 活牛信息发布
- 信息编辑功能
- 信息状态管理
### 3.2 交易撮合模块 (1天)
- 第1天
- 交易撮合功能
- 意向管理
- 价格谈判支持
### 3.3 合同管理模块 (1天)
- 第1天
- 合同查看功能
- 合同状态跟踪
- 电子签名支持
## 4. 技术实现要点
- 实现即时通讯功能
- 优化交易撮合体验
- 确保交易数据安全
- 支持实时消息推送
- 实现交易过程可视化
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (1天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (3天)
- 信息发布模块开发
- 交易撮合模块开发
- 合同管理模块开发
### 5.3 阶段三:测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
- 实时通信功能专项测试
## 7. 部署与运维
- 通过微信开发者工具进行构建和发布
- 支持灰度发布和版本管理
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,309 @@
# 大屏可视化系统开发计划
## 1. 系统概述
大屏可视化系统是本项目的重要组成部分,主要用于展示锡林郭勒盟安格斯牛养殖产业的整体数据、实时监控信息和分析结果。通过直观的图表和数据可视化方式,为管理者提供全面的产业洞察。
## 2. 技术架构
- **前端框架**: Vue.js 3
- **可视化库**: ECharts + 自定义Vue 3兼容组件替代DataV
- **构建工具**: Vite
- **状态管理**: Pinia
- **响应式设计**: 支持多种大屏比例(16:9, 4:3等)
- **实时数据**: WebSocket实时数据推送
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 产业概览模块 (3天)
- 第1天
- 整体产业规模展示(牛只总数、牧场数量等关键指标)
- 产值和增长率关键指标(年度产值、增长率趋势图)
- 第2天
- 数据可视化图表实现(饼图展示品种分布、柱状图展示区域分布)
- 实时数据更新机制WebSocket连接建立
- 第3天
- 数据钻取功能实现(点击图表可查看详细数据)
- 多维度数据展示(按时间、区域、品种等维度筛选)
### 3.2 养殖监控模块 (3天)
- 第1天
- 各牧场养殖情况展示(地图展示各牧场位置和规模)
- 环境数据实时监控(温湿度、氨气浓度等传感器数据)
- 第2天
- 异常情况告警展示(环境异常、健康异常等告警信息)
- 历史数据趋势分析(环境数据历史趋势图)
- 第3天
- 牛只健康状态监控(健康、亚健康、患病牛只数量统计)
- 饲养记录统计(饲料消耗、投喂量趋势)
### 3.3 金融服务模块 (2天)
- 第1天
- 贷款统计展示(贷款申请数、放款总额、还款情况)
- 保险统计展示(投保数量、保费总额、理赔情况)
- 第2天
- 风险数据展示(高风险贷款、理赔率高的牧场等)
- 金融服务趋势分析(贷款和保险业务增长趋势)
### 3.4 交易统计模块 (2天)
- 第1天
- 牛只交易量统计(日交易量、月交易量、年度交易量)
- 价格趋势和区域分布展示(价格热力图、区域价格对比)
- 第2天
- 交易类型分析(活牛交易、牛肉制品销售等)
- 交易排行榜(热门牧场、活跃交易员等)
### 3.5 运输跟踪模块 (2天)
- 第1天
- 牛只运输实时状态展示(运输路线、当前位置、预计到达时间)
- 运输车辆监控(车辆状态、司机信息等)
- 第2天
- 运输异常告警(延误、偏离路线等异常情况)
- 运输效率分析(运输时间、成本等统计)
### 3.6 风险预警模块 (2天)
- 第1天
- 风险事件展示(疫病风险、市场风险、自然灾害风险等)
- 预警信息推送和展示(不同级别预警的分类展示)
- 第2天
- 风险趋势分析(各类风险的历史趋势和预测)
- 风险地图(按区域展示风险分布)
### 3.7 生态指标模块 (2天)
- 第1天
- 环保数据展示(碳排放、水资源使用、饲料消耗等)
- 可持续发展指标展示(草畜平衡、生态效益等)
- 第2天
- 环保趋势分析(环保指标的历史变化趋势)
- 生态效益评估(经济效益与生态效益的平衡分析)
### 3.8 政府监管模块 (2天)
- 第1天
- 监管数据总览(防疫完成率、补贴发放情况等)
- 合规性检查结果展示(合规牧场比例、违规事件统计等)
- 第2天
- 政策执行效果分析(政策实施后的数据变化)
- 监管报告生成和展示(自动生成的监管报告可视化)
## 4. 技术实现要点
- 使用自定义全屏容器组件实现自适应全屏显示
- 开发装饰组件(如边框、装饰线等)增强视觉效果
- 采用合理的布局结构(如三栏布局)分布数据展示区域
- 开发排名轮播组件展示动态数据
- 采用深色科技风格背景,搭配主题色系(如绿色渐变)体现业务特色
- 添加实时时间显示等实用功能
- 结合ECharts图表实现丰富的数据可视化
- 使用自适应容器确保不同分辨率下的正常显示
- 添加窗口大小改变时的重绘功能
- 实现WebSocket实时数据推送机制
- 针对大数据量渲染进行性能优化
## 5. 数据接口对接
### 5.1 API接口对接计划
- 对接养殖管理相关接口:
- 牛只档案数据接口(获取牛只总数、品种分布等)
- 环境监测数据接口(获取实时环境数据)
- 饲养记录数据接口(获取饲料消耗、投喂量等数据)
- 对接金融服务相关接口:
- 贷款申请数据接口(获取贷款申请数、放款总额等)
- 保险保单数据接口(获取投保数量、保费总额等)
- 理赔数据接口(获取理赔情况)
- 对接交易相关接口:
- 活牛交易数据接口(获取交易量、价格等数据)
- 商城订单数据接口(获取销售数据、热门商品等)
- 对接政府监管相关接口:
- 防疫数据接口(获取防疫完成率等数据)
- 补贴发放数据接口(获取补贴发放情况)
- 对接数据分析相关接口:
- 预警信息接口(获取各类风险预警信息)
- 分析报告接口(获取各类分析报告数据)
### 5.2 数据更新机制
- 实时数据通过WebSocket推送机制实现实时更新
- 定时数据通过定时轮询机制定期更新如每5分钟
- 手动刷新:提供手动刷新按钮供用户主动刷新数据
## 6. 开发阶段规划
### 6.1 阶段一:基础框架搭建 (4天)
- 第1天
- 项目初始化和环境配置
- 移除DataV依赖搭建Vue 3兼容的基础组件库
- 第2天
- 开发基础可视化组件(边框、装饰线等)
- 实现全屏适配方案
- 第3天
- 开发排名轮播组件
- 实现WebSocket连接机制
- 第4天
- 基础数据获取服务封装
- 开发基础布局组件
### 6.2 阶段二:核心功能开发 (18天)
- 第1-3天
- 产业概览模块开发
- 第4-6天
- 养殖监控模块开发
- 第7-8天
- 金融服务模块开发
- 第9-10天
- 交易统计模块开发
- 第11-12天
- 运输跟踪模块开发
- 第13-14天
- 风险预警模块开发
- 第15-16天
- 生态指标模块开发
- 第17-18天
- 政府监管模块开发
### 6.3 阶段三:集成测试与优化 (4天)
- 第1天
- 功能测试和Bug修复
- 第2天
- 性能优化(大数据量渲染优化)
- 第3天
- 视觉效果优化
- 第4天
- 响应式适配测试和部署准备
## 7. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
- 多种分辨率适配测试
- 实时数据推送功能专项测试
- 大屏设备兼容性测试
## 8. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制
- 大屏设备适配和部署指导
- 实时数据推送服务监控
- 性能监控和优化建议
## 9. 风险与应对措施
### 9.1 技术风险
- **Vue 3与DataV兼容性问题**
- 风险DataV是为Vue 2设计的在Vue 3中存在兼容性问题
- 应对完全移除DataV依赖使用原生Vue 3组件和ECharts实现可视化功能
### 9.2 性能风险
- **大数据量渲染性能问题**
- 风险大屏系统需要展示大量数据可能导致页面卡顿
- 应对采用虚拟滚动数据分页懒加载等技术优化性能
### 9.3 数据风险
- **实时数据推送稳定性问题**
- 风险WebSocket连接可能中断导致数据更新不及时
- 应对实现断线重连机制提供数据手动刷新功能
## 10. 验收标准
- 所有功能模块按计划完成并正常运行
- 系统能够在不同分辨率的大屏设备上正常显示
- 实时数据推送功能稳定可靠
- 系统响应时间小于2秒
- 通过所有测试用例包括功能测试性能测试和兼容性测试
- 用户界面美观符合设计要求
## 11. 自定义组件开发计划
### 11.1 核心可视化组件 (3天)
- 第1天
- 开发全屏容器组件
- 实现基础边框组件
- 第2天
- 开发装饰线组件
- 实现动态数字组件
- 第3天
- 开发排名轮播组件
- 实现水球图组件
### 11.2 布局组件 (2天)
- 第1天
- 开发栅格布局组件
- 实现响应式容器组件
- 第2天
- 开发卡片组件
- 实现折叠面板组件
### 11.3 工具组件 (1天)
- 第1天
- 开发时间显示组件
- 实现加载状态组件
- 开发提示信息组件
## 12. 性能优化策略
### 12.1 前端性能优化
- 使用虚拟滚动技术处理大量数据展示
- 实施组件懒加载减少初始加载时间
- 采用图片懒加载和压缩优化视觉效果
- 利用localStorage缓存部分非敏感数据减少请求
### 12.2 数据处理优化
- 对大量数据进行分页处理
- 实现数据缓存机制减少重复请求
- 使用防抖和节流技术优化高频操作
- 对复杂计算采用Web Worker处理
### 12.3 网络优化
- 实施WebSocket心跳机制保持连接稳定
- 使用gzip压缩减少数据传输量
- 实现请求合并减少网络请求次数
- 设置合理的缓存策略提高响应速度
## 13. 可视化设计规范
### 13.1 色彩规范
- 主色调草原绿色系#4CAF50, #8BC34A
- 辅助色科技蓝#2196F3)、警示红#F44336
- 背景色深灰#1e1e1e营造科技感
- 文字色白色#FFFFFF和浅灰#E0E0E0
### 13.2 字体规范
- 主要字体Microsoft YaHei, sans-serif
- 数字字体DIN Pro用于关键数据展示
- 字号规范
- 标题24-32px
- 正文14-18px
- 辅助文字12-14px
- 数据展示16-24px
### 13.3 图表规范
- 使用ECharts作为主要图表库
- 统一图表配色方案
- 保持图表风格一致性
- 提供图表交互功能tooltiplegend等
## 14. 安全性考虑
### 14.1 数据安全
- 对敏感数据进行加密传输
- 实施访问权限控制
- 对用户操作进行日志记录
### 14.2 网络安全
- 使用HTTPS协议保障数据传输安全
- 实施CSRF防护措施
- 对输入数据进行验证和过滤
### 14.3 系统安全
- 定期更新依赖库修复安全漏洞
- 实施CORS策略防止跨站攻击
- 对WebSocket连接进行身份验证

View File

@@ -0,0 +1,91 @@
# 养殖管理系统开发计划
## 1. 系统概述
养殖管理系统是整个平台的核心模块之一主要用于管理牛只档案、饲养记录、繁殖信息和环境监测数据。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 牛只档案管理模块 (2周)
- 第1周
- 耳标二维码生成和管理功能
- 牛只基本信息录入和编辑界面
- 牛只照片上传功能
- 第2周
- 牛只全生命周期记录(出生、转栏、淘汰、死亡)
- 牛只档案查询和筛选功能
- 牛只档案导出功能
### 3.2 饲养记录管理模块 (1周)
- 第1周
- 饲料库存管理功能
- 饲料库存预警机制
- 每日投喂量记录功能
- 投喂记录与牛群增重数据关联分析
### 3.3 繁殖管理模块 (1周)
- 第1周
- 繁殖记录管理功能
- 基因谱系分析功能
- 产犊预测模型实现
- 繁殖数据统计报表
### 3.4 环境监测模块 (1周)
- 第1周
- 物联网设备接入接口
- 棚舍温湿度数据展示
- 氨气浓度监测功能
- 异常环境自动告警机制
## 4. 技术实现要点
- 使用WebSocket实现实时数据推送
- 采用ECharts实现数据可视化展示
- 集成腾讯云存储服务用于图片和文件存储
- 实现数据权限控制,确保数据安全
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (3天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (5天)
- 牛只档案管理模块开发
- 饲养记录管理模块开发
- 繁殖管理模块开发
- 环境监测模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,84 @@
# 养殖管理小程序开发计划
## 1. 系统概述
养殖管理小程序是面向牧民的微信小程序提供牛只档案查看、饲养记录录入、健康状况上报等功能。使用微信小程序原生开发框架和uni-app跨平台支持。
## 2. 技术架构
- **开发框架**: 微信小程序原生开发框架
- **跨平台支持**: uni-app
- **状态管理**: Vuexuni-app/原生状态管理
- **UI组件库**: WeUI / Vant Weapp
- **构建工具**: 微信开发者工具
- **代码规范**: ESLint + Prettier
- **单元测试**: Jest
## 3. 功能模块详细计划
### 3.1 牛只档案模块 (1天)
- 第1天
- 牛只档案查看功能
- 牛只信息查询功能
- 牛只照片展示
### 3.2 饲养记录模块 (1天)
- 第1天
- 饲养记录录入功能
- 饲料投喂记录
- 饲料库存查看
### 3.3 健康状况模块 (1天)
- 第1天
- 健康状况上报功能
- 异常情况报告
- 疫苗接种记录
### 3.4 消息通知模块 (1天)
- 第1天
- 系统通知接收
- 预警信息推送
- 消息分类管理
## 4. 技术实现要点
- 优化移动端用户体验
- 实现离线数据存储
- 集成扫码功能用于耳标识别
- 实现数据同步机制(在线/离线切换)
- 使用本地存储提升访问速度
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (1天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (4天)
- 牛只档案模块开发
- 饲养记录模块开发
- 健康状况模块开发
- 消息通知模块开发
### 5.3 阶段三:测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化(特别是离线存储性能)
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
- 离线功能专项测试
## 7. 部署与运维
- 通过微信开发者工具进行构建和发布
- 支持灰度发布和版本管理
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,80 @@
# 政府监管平台开发计划
## 1. 系统概述
政府监管平台用于政府部门对养殖产业的数据监管、政策发布和合规性检查。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 数据监管模块 (2天)
- 第1天
- 产业数据总览界面
- 各类监管数据汇总展示
- 第2天
- 数据上报功能实现
- 监管检查记录管理
### 3.2 政策管理模块 (2天)
- 第1天
- 政策发布功能
- 政策列表展示
- 第2天
- 政策解读功能
- 政策落实跟踪机制
### 3.3 合规检查模块 (1天)
- 第1天
- 合规性检查功能
- 合规报告生成
- 整改任务跟踪机制
## 4. 技术实现要点
- 与内蒙古畜牧云平台对接实现数据同步
- 实现数据权限分级管理
- 采用数据可视化技术展示统计报表
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (2天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (3天)
- 数据监管模块开发
- 政策管理模块开发
- 合规检查模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,80 @@
# 保险监管系统开发计划
## 1. 系统概述
保险监管系统用于保险公司对养殖户保险投保、理赔处理和风险评估管理。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 保险管理模块 (2天)
- 第1天
- 保险投保申请列表
- 保险产品信息展示
- 第2天
- 保单状态跟踪功能
- 保险记录查询功能
### 3.2 理赔管理模块 (2天)
- 第1天
- 理赔申请提交功能
- 理赔申请列表展示
- 第2天
- 理赔审核流程实现
- 理赔进度查询功能
### 3.3 风险预警模块 (1天)
- 第1天
- 养殖风险预警功能
- 高风险牛只标记机制
- 风险数据可视化展示
## 4. 技术实现要点
- 与保险系统API对接实现数据同步
- 实现理赔流程的多级审核机制
- 集成天气数据API实现天气指数保险功能
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (2天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (3天)
- 保险管理模块开发
- 理赔管理模块开发
- 风险预警模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,79 @@
# 保险监管小程序开发计划
## 1. 系统概述
保险监管小程序是面向保险工作人员的微信小程序提供保险处理、理赔管理、风险评估等功能。使用微信小程序原生开发框架和uni-app跨平台支持。
## 2. 技术架构
- **开发框架**: 微信小程序原生开发框架
- **跨平台支持**: uni-app
- **状态管理**: Vuexuni-app/原生状态管理
- **UI组件库**: WeUI / Vant Weapp
- **构建工具**: 微信开发者工具
- **代码规范**: ESLint + Prettier
- **单元测试**: Jest
## 3. 功能模块详细计划
### 3.1 保险处理模块 (1天)
- 第1天
- 保险投保处理
- 保单信息查看
- 保单状态跟踪
### 3.2 理赔管理模块 (2天)
- 第1天
- 理赔申请处理
- 理赔材料审核
- 第2天
- 理赔进度跟踪
- 理赔结果通知
### 3.3 风险评估模块 (1天)
- 第1天
- 风险数据查看
- 风险评估报告
- 风险等级划分
## 4. 技术实现要点
- 实现移动端查勘功能
- 集成图片上传功能
- 确保数据传输安全
- 支持离线填写理赔信息
- 实现多媒体内容展示
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (1天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (3天)
- 保险处理模块开发
- 理赔管理模块开发
- 风险评估模块开发
### 5.3 阶段三:测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
- 图片上传和处理功能专项测试
## 7. 部署与运维
- 通过微信开发者工具进行构建和发布
- 支持灰度发布和版本管理
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,85 @@
# 商城管理系统开发计划
## 1. 系统概述
商城管理系统用于牛肉及相关产品的在线销售管理包括商品信息、库存、订单和物流管理。系统采用Vue.js 3 + TypeScript + Ant Design Vue + Pinia技术栈。
## 2. 技术架构
- **前端框架**: Vue.js 3 Composition API
- **UI组件库**: Ant Design Vue
- **状态管理**: Pinia
- **编程语言**: TypeScript
- **构建工具**: Vite
- **代码规范**: ESLint + Prettier
- **单元测试**: Vitest
## 3. 功能模块详细计划
### 3.1 商品管理模块 (2天)
- 第1天
- 商品信息管理功能
- 商品分类管理
- 第2天
- 商品上架和下架功能
- 商品详情编辑功能
### 3.2 库存管理模块 (1天)
- 第1天
- 库存数量管理
- 库存预警机制
### 3.3 订单管理模块 (2天)
- 第1天
- 订单列表展示
- 订单详情查看
- 第2天
- 订单状态管理
- 订单处理流程
### 3.4 物流管理模块 (1天)
- 第1天
- 物流信息跟踪功能
- 物流状态更新机制
## 4. 技术实现要点
- 集成物流API实现物流跟踪
- 实现促销活动管理功能
- 采用消息队列处理订单异步任务
- 使用Pinia进行状态管理确保数据一致性
- 实现响应式设计,适配不同屏幕尺寸
## 5. 开发阶段规划
### 5.1 阶段一:基础框架搭建 (2天)
- 项目初始化和环境配置
- 基础组件和布局搭建
- 路由配置和导航菜单实现
- UI组件库集成和基础样式设置
### 5.2 阶段二:核心功能开发 (4天)
- 商品管理模块开发
- 库存管理模块开发
- 订单管理模块开发
- 物流管理模块开发
### 5.3 阶段三:集成测试与优化 (2天)
- 功能测试和Bug修复
- 性能优化
- 用户体验优化
- 代码审查和文档完善
## 6. 质量保障措施
- 单元测试覆盖率达到80%以上
- 代码审查机制确保代码质量
- 自动化测试保障功能稳定性
- 性能测试确保系统响应速度(<2秒)
## 7. 部署与运维
- 支持Docker容器化部署
- 支持云平台部署
- 日志收集和分析
- 系统监控和告警机制

View File

@@ -0,0 +1,76 @@
# AI能力系统详细需求文档
## 1. 系统概述
AI能力系统是锡林郭勒盟地区养殖产业平台的智能化支撑系统主要用于提供各类人工智能服务包括模型训练、算法配置、体况评估、配方推荐等功能。该系统通过AI技术提升养殖效率和管理水平。
## 2. 功能需求
### 2.1 模型训练
- **训练数据版本管理**:管理模型训练数据的版本
- **模型性能监控看板**:提供模型性能监控看板
- **模型训练任务管理**:管理模型训练任务
- **模型评估和优化**:对模型进行评估和优化
### 2.2 算法配置
- **评分阈值调整**:调整算法评分阈值
- **配方优化权重设置**:设置配方优化算法权重
- **算法参数配置**:配置算法相关参数
- **算法效果评估**:评估算法效果
### 2.3 体况评估
- **多角度拍照引导**:引导用户从多角度拍照
- **评分历史对比**:对比历史评分数据
- **体况趋势分析**:分析体况变化趋势
- **改善建议推送**:推送体况改善建议
### 2.4 配方推荐
- **原料库存联动**:与原料库存数据联动
- **成本估算模拟**:模拟不同配方的成本
- **配方优化建议**:提供配方优化建议
- **饲喂效果跟踪**:跟踪饲喂效果
### 2.5 智能诊断
- **症状描述引导**:引导用户描述症状
- **疾病概率预测**:预测疾病发生概率
- **治疗方案推荐**:推荐治疗方案
- **就医指导建议**:提供就医指导建议
## 3. 用户角色与权限
### 3.1 AI系统管理员
- 可以管理模型和算法
- 可以配置算法参数
- 可以查看模型性能监控
- 可以管理训练数据
### 3.2 养殖户
- 可以使用体况评估功能
- 可以使用配方推荐功能
- 可以使用智能诊断功能
- 可以查看相关建议和报告
### 3.3 兽医
- 可以使用智能诊断功能
- 可以查看疾病预测结果
- 可以查看治疗方案推荐
- 可以提供专业诊断意见
## 4. 非功能需求
### 4.1 性能需求
- 图像识别响应时间不超过2秒
- 算法计算响应时间不超过1秒
- 系统支持50+并发AI服务调用
### 4.2 安全需求
- 模型数据安全保护
- 用户隐私数据保护
- 操作日志记录和审计
- 算法使用权限控制
### 4.3 可用性需求
- 提供友好的AI服务使用界面
- 提供详细的操作指引和帮助文档
- 支持移动端操作
- 提供准确的AI分析结果

View File

@@ -0,0 +1,63 @@
# 数据中台系统详细需求文档
## 1. 系统概述
数据中台系统是锡林郭勒盟地区养殖产业平台的数据管理中心,主要用于整合各业务系统的数据,提供数据资产管理、数据共享、数据分析等功能。该系统为各业务系统提供统一的数据服务,支持数据驱动的决策分析。
## 2. 功能需求
### 2.1 数据资产管理
- **数据血缘关系可视化**:可视化展示数据的来源和流转关系
- **敏感字段自动标记**:自动识别和标记敏感数据字段
- **数据质量监控**:监控数据质量并生成报告
- **数据标准管理**:管理数据标准和规范
### 2.2 数据共享管理
- **数据接口调用审计**:审计数据接口的调用情况
- **脱敏策略配置**:配置数据脱敏策略
- **数据访问权限管理**:管理数据访问权限
- **数据服务目录管理**:管理数据服务目录
### 2.3 数据分析管理
- **分析模型管理**:管理数据分析模型
- **数据挖掘任务配置**:配置数据挖掘任务
- **分析报告模板管理**:管理分析报告模板
- **可视化图表配置**:配置数据可视化图表
## 3. 用户角色与权限
### 3.1 数据管理员
- 可以管理数据资产
- 可以配置数据共享策略
- 可以管理数据分析模型
- 可以查看数据质量报告
### 3.2 数据分析师
- 可以使用数据服务
- 可以配置数据分析任务
- 可以查看分析报告
- 可以配置可视化图表
### 3.3 业务系统管理员
- 可以申请数据接口访问权限
- 可以查看数据使用情况
- 可以查看相关分析报告
## 4. 非功能需求
### 4.1 性能需求
- 数据查询响应时间不超过1秒
- 数据同步延迟不超过5分钟
- 系统支持100+并发数据服务调用
### 4.2 安全需求
- 数据传输加密
- 敏感数据脱敏处理
- 操作日志记录和审计
- 访问权限控制
### 4.3 可用性需求
- 提供友好的数据服务管理界面
- 提供详细的操作指引和帮助文档
- 支持API方式访问数据服务
- 提供数据质量监控和告警功能

View File

@@ -0,0 +1,74 @@
# 养殖管理系统详细需求文档
## 1. 系统概述
养殖管理系统是锡林郭勒盟地区养殖产业平台的重要组成部分,主要用于管理牛只档案、饲喂记录、环境监测和繁殖管理等核心养殖业务。通过该系统,养殖户和监管人员可以全面掌握牛只的生长状况和养殖环境情况。
## 2. 功能需求
### 2.1 牛只档案管理
- **耳标二维码生成与打印**:为每只牛生成唯一标识二维码,支持打印功能
- **疫苗接种计划自动提醒**:根据预设计划自动提醒接种时间
- **牛只生命周期记录管理**:记录牛只的出生、转栏、淘汰、死亡等全生命周期事件
- **牛只照片和视频资料管理**:支持上传和管理牛只的照片和视频资料
### 2.2 饲喂管理
- **饲料库存多维度分析**:按仓库、品种等维度分析饲料库存情况
- **投喂量异常波动预警**:当投喂量出现异常波动时自动发出预警
- **饲料消耗统计和成本分析**:统计饲料消耗情况并进行成本分析
- **饲喂计划制定和执行跟踪**:制定饲喂计划并跟踪执行情况
### 2.3 环境监测
- **物联网设备状态监控**:实时监控各类环境监测设备的运行状态
- **历史环境数据趋势分析**:分析历史环境数据的变化趋势
- **环境异常自动告警**:当环境数据异常时通过短信/邮件自动告警
- **环境数据报表生成**:自动生成环境数据统计报表
### 2.4 繁殖管理
- **繁殖计划制定和跟踪**:制定繁殖计划并跟踪执行情况
- **配种记录管理**:记录配种相关信息
- **妊娠检查记录**:记录妊娠检查结果
- **分娩记录管理**:记录分娩相关信息
- **犊牛档案自动生成**:分娩后自动生成犊牛档案
### 2.5 健康监测
- **疾病记录管理**:记录牛只疾病相关信息
- **免疫记录管理**:记录牛只免疫相关信息
- **药物使用记录**:记录药物使用情况
- **健康状况统计分析**:对牛只健康状况进行统计分析
## 3. 用户角色与权限
### 3.1 养殖户
- 可以查看和管理自己名下的牛只档案
- 可以录入饲喂记录和环境数据
- 可以查看繁殖计划和记录
- 可以录入健康相关信息
### 3.2 养殖场管理员
- 拥有养殖户的所有权限
- 可以查看和管理整个养殖场的牛只信息
- 可以配置饲喂计划和繁殖计划
- 可以查看和分析统计数据
### 3.3 政府监管员
- 可以查看辖区内所有养殖场的养殖数据
- 可以查看和审核养殖场提交的各类记录
- 可以查看统计数据和分析报告
## 4. 非功能需求
### 4.1 性能需求
- 页面响应时间不超过2秒
- 数据查询响应时间不超过500ms
- 支持同时管理10000+头牛只的数据
### 4.2 安全需求
- 牛只信息访问权限控制
- 操作日志记录和审计
- 数据传输加密
### 4.3 可用性需求
- 界面简洁易用,符合养殖户操作习惯
- 提供详细的操作指引和帮助文档
- 支持移动端操作

View File

@@ -0,0 +1,75 @@
# 金融服务系统详细需求文档
## 1. 系统概述
金融服务系统是锡林郭勒盟地区养殖产业平台的重要组成部分,主要包括贷款服务和保险服务两大模块。该系统为养殖户提供便捷的金融支持,为银行和保险公司提供高效的业务管理平台。
## 2. 功能需求
### 2.1 贷款管理
- **多级审批流程配置**:支持配置多级贷款审批流程
- **还款计划自动生成**:根据贷款金额和期限自动生成还款计划
- **贷款合同模板管理**:提供贷款合同模板的管理和维护功能
- **贷款风险评估模型配置**:支持配置贷款风险评估模型
- **贷款逾期提醒和催收管理**:自动提醒逾期贷款并支持催收管理
### 2.2 保险管理
- **保单模板自定义**:支持自定义保险保单模板
- **理赔材料智能预审**:对理赔材料进行智能预审
- **保险产品管理**:管理各类保险产品信息
- **保险费率配置**:配置不同保险产品的费率
- **理赔进度跟踪**:跟踪理赔处理进度
### 2.3 风控管理
- **风险评估模型管理**:管理各类风险评估模型
- **风险预警规则配置**:配置风险预警规则
- **风险事件记录和分析**:记录和分析风险事件
- **风险报告生成**:自动生成风险分析报告
## 3. 用户角色与权限
### 3.1 养殖户
- 可以提交贷款申请
- 可以查看贷款审批进度
- 可以查看还款计划
- 可以提交保险投保申请
- 可以查看保单信息和理赔进度
### 3.2 银行信贷员
- 可以查看贷款申请
- 可以进行贷款审批操作
- 可以查看贷款合同
- 可以查看还款记录
- 可以进行催收管理
### 3.3 保险专员
- 可以查看保险投保申请
- 可以进行保险审批操作
- 可以查看保单信息
- 可以处理理赔申请
- 可以查看理赔进度
### 3.4 风控管理员
- 可以配置风险评估模型
- 可以配置风险预警规则
- 可以查看风险事件记录
- 可以查看风险分析报告
## 4. 非功能需求
### 4.1 性能需求
- 贷款审批流程处理时间不超过1个工作日
- 保险理赔处理时间不超过3个工作日
- 系统支持100+并发用户同时操作
### 4.2 安全需求
- 金融数据传输加密国密SM4
- 敏感字段脱敏处理
- 操作日志审计跟踪
- 用户身份认证和权限控制
### 4.3 可用性需求
- 界面设计符合金融行业规范
- 提供详细的操作指引和帮助文档
- 支持移动端操作
- 提供数据统计和分析功能

View File

@@ -0,0 +1,69 @@
# 政府监管系统详细需求文档
## 1. 系统概述
政府监管系统是锡林郭勒盟地区养殖产业平台的核心组成部分,主要用于政府相关部门对养殖产业进行监管和管理。该系统集成了防疫监管、补贴管理、用户管理等功能,为政府提供全面的监管工具。
## 2. 功能需求
### 2.1 防疫监管
- **防疫任务派发与跟踪**:向下级单位派发防疫任务并跟踪执行情况
- **检疫证明电子验签**:支持检疫证明的电子验签功能
- **疫苗使用记录管理**:记录和管理疫苗使用情况
- **疫病监测和报告**:监测疫病发生情况并生成报告
### 2.2 补贴管理
- **补贴规则动态配置**:支持动态配置各类补贴规则
- **资金发放电子回执**:生成资金发放的电子回执
- **补贴申请审核**:审核养殖户提交的补贴申请
- **补贴发放记录查询**:查询历史补贴发放记录
### 2.3 用户管理
- **用户信息维护**:对系统用户进行增删改查操作
- **角色权限分配**:为用户分配相应的角色和权限
- **组织架构管理**:管理系统的组织架构信息
- **用户状态管理**:管理用户的状态(启用/禁用)
### 2.4 系统配置
- **参数配置管理**:管理系统各类参数配置
- **字典数据维护**:维护系统字典数据
- **系统日志查看**:查看系统操作日志
- **政策信息发布和管理**:发布和管理相关政策信息
## 3. 用户角色与权限
### 3.1 超级管理员
- 拥有系统的全部权限
- 可以管理所有用户和角色
- 可以配置系统参数和字典数据
- 可以查看所有系统日志
### 3.2 政府监管员
- 可以查看和管理防疫监管数据
- 可以审核补贴申请
- 可以查看政策信息
- 可以生成监管报表
### 3.3 下级监管人员
- 可以执行具体的防疫任务
- 可以录入防疫相关数据
- 可以查看相关政策信息
## 4. 非功能需求
### 4.1 性能需求
- 系统支持1000+并发用户访问
- 数据查询响应时间不超过500ms
- 报表生成时间不超过10秒
### 4.2 安全需求
- 用户身份认证和权限控制
- 操作日志记录和审计
- 数据传输加密
- 符合政府信息安全规范
### 4.3 可用性需求
- 界面设计符合政府办公系统规范
- 提供详细的操作指引和帮助文档
- 支持多级审批流程
- 提供数据统计和分析功能

View File

@@ -0,0 +1,70 @@
# 商城管理系统详细需求文档
## 1. 系统概述
商城管理系统是锡林郭勒盟地区养殖产业平台的重要组成部分,主要用于牛肉及相关产品的在线销售。该系统为消费者提供商品浏览、下单购买、支付等服务,为商家提供商品管理、订单处理、库存管理等功能。
## 2. 功能需求
### 2.1 商品管理
- **商品信息维护**:维护商品基本信息
- **商品分类管理**:管理商品分类信息
- **商品属性配置**:配置商品属性信息
- **商品审核管理**:审核商家提交的商品信息
### 2.2 订单管理
- **订单状态跟踪**:跟踪订单处理状态
- **订单异常处理**:处理异常订单
- **退换货处理**:处理退换货申请
- **订单统计分析**:统计和分析订单数据
### 2.3 库存管理
- **库存预警设置**:设置库存预警阈值
- **库存调拨管理**:管理库存调拨操作
- **盘点记录管理**:记录库存盘点信息
- **库存成本核算**:核算库存成本
### 2.4 营销管理
- **促销活动管理**:管理各类促销活动
- **优惠券管理**:管理优惠券信息
- **积分规则配置**:配置积分规则
- **广告位管理**:管理广告位信息
## 3. 用户角色与权限
### 3.1 商城管理员
- 可以管理商品信息
- 可以处理订单
- 可以管理库存
- 可以配置营销活动
### 3.2 商家
- 可以发布和管理商品信息
- 可以处理订单
- 可以管理库存
- 可以参与营销活动
### 3.3 消费者
- 可以浏览商品
- 可以下单购买
- 可以查看订单状态
- 可以参与营销活动
## 4. 非功能需求
### 4.1 性能需求
- 商品浏览响应时间不超过1秒
- 订单处理响应时间不超过1秒
- 系统支持1000+并发用户同时访问
### 4.2 安全需求
- 支付数据传输加密
- 用户信息保护
- 操作日志记录和审计
- 防止恶意刷单行为
### 4.3 可用性需求
- 界面设计符合电商平台规范
- 提供详细的操作指引和帮助文档
- 支持移动端操作
- 提供数据统计和分析功能

View File

@@ -0,0 +1,67 @@
# 市场交易系统详细需求文档
## 1. 系统概述
市场交易系统是锡林郭勒盟地区养殖产业平台的重要组成部分,主要用于活牛交易和相关市场服务。该系统为买卖双方提供在线交易平台,支持活牛信息发布、在线交易撮合、合同管理等功能。
## 2. 功能需求
### 2.1 交易管理
- **保证金冻结/释放操作**:支持交易保证金的冻结和释放操作
- **纠纷仲裁记录**:记录和管理交易纠纷仲裁信息
- **交易合同模板管理**:管理交易合同模板
- **交易规则配置**:配置交易相关规则
### 2.2 行情管理
- **价格数据人工校准**:支持人工校准价格数据
- **行情报告自动生成**:自动生成行情分析报告
- **价格指数计算和发布**:计算并发布价格指数
- **市场趋势分析**:分析市场趋势并生成报告
### 2.3 商户管理
- **商户资质审核**:审核商户资质信息
- **商户信用评级**:对商户进行信用评级
- **商户交易统计**:统计商户交易数据
- **商户违规处理**:处理商户违规行为
## 3. 用户角色与权限
### 3.1 交易管理员
- 可以管理交易规则和合同模板
- 可以处理交易纠纷
- 可以查看和分析交易数据
- 可以管理商户信息
### 3.2 商户
- 可以发布活牛交易信息
- 可以查看交易行情
- 可以参与在线交易
- 可以查看交易合同和记录
### 3.3 普通用户
- 可以查看交易信息和行情
- 可以关注感兴趣的交易
### 3.4 政府监管员
- 可以查看交易数据
- 可以监督交易过程
- 可以处理违规交易
## 4. 非功能需求
### 4.1 性能需求
- 交易撮合响应时间不超过1秒
- 行情数据更新延迟不超过5秒
- 系统支持500+并发用户同时交易
### 4.2 安全需求
- 交易数据传输加密
- 资金操作安全保护
- 操作日志记录和审计
- 防止交易欺诈行为
### 4.3 可用性需求
- 界面设计符合电商平台规范
- 提供详细的操作指引和帮助文档
- 支持移动端操作
- 提供数据统计和分析功能

View File

@@ -0,0 +1,151 @@
# 系统集成需求文档
## 1. 系统概述
系统集成是锡林郭勒盟地区养殖产业平台的重要组成部分,主要用于实现平台与外部系统的数据交换和业务协同。通过系统集成,平台可以与银行系统、政府监管平台、第三方系统、物联网设备和云服务等进行有效对接。
## 2. 集成需求
### 2.1 银行系统对接
- **数据接口**
- 贷款申请状态实时同步
- 还款记录自动对账
- 质押物状态实时更新
- 风险评估数据共享
- **安全规范**
- 金融数据传输加密国密SM4
- 敏感字段脱敏处理
- 接口访问权限控制
- 操作日志审计跟踪
- **用户权限**
- 银行用户权限同步
- 跨系统操作权限控制
- 银行内部系统集成
### 2.2 政府监管平台对接
- **数据交换**
- 防疫数据自动上报JSON格式
- 补贴名单批量导入
- 监管报表自动推送
- 政策信息实时同步
- **协议规范**
- 基于HTTPS的双向认证
- 数据签名验签机制
- 数据格式标准化
- 接口调用频率限制
- **权限集成**
- 政府用户身份互认
- 跨平台权限映射
- 统一权限管理接口
- 政府内部系统集成
### 2.3 第三方系统集成
- **认证集成**
- 支持LDAP/AD集成
- OAuth2.0认证集成
- CAS单点登录集成
- 微信认证集成
- **权限同步**
- 外部系统角色映射
- 权限变更实时同步
- 用户状态统一管理
- 组织架构同步
- **数据共享**
- 标准化API接口
- 数据访问权限控制
- 数据使用审计跟踪
- 数据质量保障机制
### 2.4 物联网设备集成
- **设备接入**
- 传感器设备接入协议MQTT/CoAP
- 设备状态监控和管理
- 设备故障告警机制
- 设备固件远程升级
- **数据采集**
- 实时数据采集和处理
- 数据质量检测和清洗
- 异常数据识别和处理
- 数据存储和备份
### 2.5 云服务集成
- **对象存储**
- 腾讯云COS集成
- 文件上传和下载
- 存储空间管理和监控
- 访问权限控制
- **消息服务**
- 短信服务集成
- 邮件服务集成
- 推送通知服务
- 消息模板管理
## 3. 集成架构
### 3.1 集成方式
- API接口集成
- 消息队列集成
- 文件传输集成
- 数据库同步集成
### 3.2 集成协议
- RESTful API
- SOAP
- MQTT
- FTP/SFTP
### 3.3 数据格式
- JSON
- XML
- CSV
- 二进制数据
## 4. 安全要求
### 4.1 认证与授权
- 支持多种认证方式API Key、OAuth2.0、JWT等
- 实现细粒度权限控制
- 支持角色和权限映射
### 4.2 数据安全
- 敏感数据传输加密
- 数据存储加密
- 数据脱敏处理
- 数据完整性保护
### 4.3 通信安全
- HTTPS加密传输
- 支持双向SSL认证
- 防止重放攻击
- 防止中间人攻击
## 5. 性能要求
### 5.1 响应时间
- API接口响应时间不超过1秒
- 批量数据处理时间不超过10分钟
- 实时数据传输延迟不超过5秒
### 5.2 并发处理
- 支持1000+并发接口调用
- 支持100+并发数据同步任务
- 支持50+并发文件传输
### 5.3 可靠性
- 接口可用性达到99.9%
- 数据传输成功率99.9%
- 支持故障自动恢复
## 6. 监控与运维
### 6.1 监控要求
- 接口调用监控
- 数据传输监控
- 错误日志监控
- 性能指标监控
### 6.2 运维要求
- 支持灰度发布
- 支持版本管理
- 支持配置管理
- 支持故障排查

View File

@@ -0,0 +1,120 @@
# 系统需求文档
## 1. 项目概述
### 1.1 项目名称
xlxumu - 锡林郭勒盟地区养殖产业平台
### 1.2 项目背景
本项目是面向锡林郭勒盟地区养殖产业的综合性数字化管理平台。通过整合物联网、大数据分析等现代信息技术,构建覆盖养殖、监管、交易、运输、销售全链条的数字化管理体系,提升畜牧业管理效率和透明度。
### 1.3 项目目标
- 构建完整的畜牧业数字化管理生态系统
- 实现养殖过程可视化、监管实时化、交易透明化
- 提升产业链协同效率
- 促进锡林郭勒盟安格斯牛品牌建设
## 2. 非功能需求
### 2.1 性能需求
- 首页加载时间不超过2秒
- 后台管理系统页面切换响应时间不超过1秒
- 支持1000+并发用户访问
- 实时数据更新延迟不超过5秒
- API接口响应时间不超过500ms
- 大文件上传速度不低于1MB/s
- 数据库查询响应时间不超过200ms
### 2.2 兼容性需求
- 官网首页兼容所有主流浏览器Chrome、Firefox、Safari、Edge
- 后台管理系统支持Chrome、Firefox、Safari、Edge最新版本
- 微信小程序符合微信平台规范基础库版本2.0以上)
- 移动端适配iOS 12+和Android 8.0+系统
- 支持不同分辨率屏幕1366x768至4K
- 支持横向和纵向屏幕显示
### 2.3 安全需求
- 用户密码加密存储BCrypt等
- JWT Token安全传输
- 敏感数据传输加密HTTPS
- 防止SQL注入和XSS攻击
- CSRF防护机制
- API接口限流和防护
- 数据备份和恢复机制
- 定期安全漏洞扫描
- 用户操作日志审计
### 2.4 可用性需求
- 系统全年可用性达到99.9%
- 提供友好的错误提示信息
- 实现异常处理和恢复机制
- 支持多端数据同步
- 提供系统维护窗口通知
- 支持故障自动切换
- 提供健康检查接口
### 2.5 可维护性需求
- 微服务架构设计,降低模块间耦合
- 完善的日志记录和监控
- 支持灰度发布和热更新
- 容器化部署支持
- 配置文件与代码分离
- 自动化测试覆盖率达到80%以上
- 提供完善的API文档
### 2.6 可扩展性需求
- 支持水平扩展和垂直扩展
- 模块化设计,支持功能插件化
- 数据库支持分库分表
- 支持多语言扩展
- 支持多主题扩展
- 支持第三方服务集成
### 2.7 国际化需求
- 支持中英文切换
- 支持蒙古语显示
- 日期时间格式本地化
- 数字和货币格式本地化
- 文本方向适配LTR/RTL
## 3. 用户界面需求
### 3.1 设计风格
- 突出锡林郭勒盟草原绿色主题
- 融入蒙古族文化元素
- 简洁、现代的设计风格
- 统一的色彩搭配方案
- 一致的图标和按钮风格
- 清晰的信息层级结构
### 3.2 响应式设计
- 支持PC端大屏显示1920x1080及以上
- 适配平板设备768x1024至1024x1366
- 支持手机端浏览320x480至414x896
- 自适应不同分辨率
- 支持横竖屏切换
- 触控友好设计
### 3.3 交互体验
- 提供操作反馈(加载状态、成功/失败提示)
- 实现页面过渡动画
- 支持键盘快捷操作
- 提供搜索和筛选功能
- 支持拖拽操作
- 提供撤销/重做功能
- 支持多选操作
### 3.4 可访问性需求
- 支持屏幕阅读器
- 提供高对比度模式
- 支持键盘导航
- 图片提供alt文本
- 视频提供字幕
- 表单提供标签关联
### 3.5 移动端适配
- 手势操作支持(滑动、缩放等)
- 移动端专用控件(底部导航、浮动按钮等)
- 离线功能支持
- 推送通知集成
- 设备传感器集成摄像头、GPS等

View File

@@ -0,0 +1,64 @@
# AI能力小程序需求文档
## 1. 系统概述
AI能力小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分主要面向希望通过人工智能技术提升养殖效率和管理水平的用户。通过该小程序用户可以进行牛只体况评估、获取饲料配方推荐和使用智能诊断功能。
## 2. 功能需求
### 2.1 体况评估
- **多角度拍照引导**:引导用户从多个角度拍摄牛只照片
- **评分历史对比**:对比历史体况评分数据
- **体况趋势分析**:分析牛只体况变化趋势
- **改善建议推送**:推送体况改善建议
### 2.2 配方推荐
- **原料库存联动**:与原料库存数据联动
- **成本估算模拟**:模拟不同配方的成本
- **配方优化建议**:提供配方优化建议
- **饲喂效果跟踪**:跟踪饲喂效果
### 2.3 智能诊断
- **症状描述引导**:引导用户描述牛只症状
- **疾病概率预测**:预测可能的疾病及其概率
- **治疗方案推荐**:推荐相应的治疗方案
- **就医指导建议**:提供就医指导建议
## 3. 用户角色与权限
### 3.1 养殖户
- 可以使用体况评估功能
- 可以使用配方推荐功能
- 可以使用智能诊断功能
### 3.2 兽医
- 可以使用智能诊断功能
- 可以查看疾病预测结果
- 可以查看治疗方案推荐
- 可以提供专业诊断意见
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 图像识别响应时间不超过2秒
- 算法计算响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
- 支持摄像头功能
### 4.3 安全需求
- 用户信息保护
- 图片数据安全处理
- 数据传输加密
- 符合微信小程序安全规范
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,158 @@
# 大屏可视化系统需求文档
## 1. 系统概述
大屏可视化系统是锡林郭勒盟安格斯牛养殖产业平台的重要组成部分,主要用于展示锡林郭勒盟地区安格斯牛养殖产业的整体数据、实时监控信息和分析结果。通过直观的图表和数据可视化方式,为管理者提供全面的产业洞察,支持决策制定。
## 2. 功能需求
### 2.1 产业概览模块
- **整体产业规模展示**:展示牛只总数、牧场数量等关键指标
- **产值和增长率关键指标**:展示年度产值、增长率趋势图
- **数据可视化图表**:通过饼图展示品种分布、柱状图展示区域分布
- **实时数据更新机制**通过WebSocket实现数据实时更新
- **数据钻取功能**:支持点击图表查看详细数据
- **多维度数据展示**:支持按时间、区域、品种等维度筛选
### 2.2 养殖监控模块
- **各牧场养殖情况展示**:通过地图展示各牧场位置和规模
- **环境数据实时监控**:展示温湿度、氨气浓度等传感器数据
- **异常情况告警展示**:展示环境异常、健康异常等告警信息
- **历史数据趋势分析**:展示环境数据历史趋势图
- **牛只健康状态监控**:展示健康、亚健康、患病牛只数量统计
- **饲养记录统计**:展示饲料消耗、投喂量趋势
### 2.3 金融服务模块
- **贷款统计展示**:展示贷款申请数、放款总额、还款情况
- **保险统计展示**:展示投保数量、保费总额、理赔情况
- **风险数据展示**:展示高风险贷款、理赔率高的牧场等
- **金融服务趋势分析**:展示贷款和保险业务增长趋势
### 2.4 交易统计模块
- **牛只交易量统计**:展示日交易量、月交易量、年度交易量
- **价格趋势和区域分布展示**:展示价格热力图、区域价格对比
- **交易类型分析**:分析活牛交易、牛肉制品销售等
- **交易排行榜**:展示热门牧场、活跃交易员等
### 2.5 运输跟踪模块
- **牛只运输实时状态展示**:展示运输路线、当前位置、预计到达时间
- **运输车辆监控**:展示车辆状态、司机信息等
- **运输异常告警**:展示延误、偏离路线等异常情况
- **运输效率分析**:展示运输时间、成本等统计
### 2.6 风险预警模块
- **风险事件展示**:展示疫病风险、市场风险、自然灾害风险等
- **预警信息推送和展示**:分类展示不同级别预警
- **风险趋势分析**:展示各类风险的历史趋势和预测
- **风险地图**:按区域展示风险分布
### 2.7 生态指标模块
- **环保数据展示**:展示碳排放、水资源使用、饲料消耗等
- **可持续发展指标展示**:展示草畜平衡、生态效益等
- **环保趋势分析**:展示环保指标的历史变化趋势
- **生态效益评估**:展示经济效益与生态效益的平衡分析
### 2.8 政府监管模块
- **监管数据总览**:展示防疫完成率、补贴发放情况等
- **合规性检查结果展示**:展示合规牧场比例、违规事件统计等
- **政策执行效果分析**:展示政策实施后的数据变化
- **监管报告生成和展示**:展示自动生成的监管报告可视化
## 3. 用户角色与权限
### 3.1 政府监管人员
- 可以查看所有模块的数据和图表
- 可以导出数据报告
- 可以配置部分展示参数
### 3.2 系统管理员
- 拥有所有功能权限
- 可以配置系统参数
- 可以管理用户权限
## 4. 非功能需求
### 4.1 性能需求
- 系统响应时间小于2秒
- 数据更新延迟不超过5秒
- 支持同时展示多个数据图表
- 大数据量渲染优化,确保流畅显示
### 4.2 兼容性需求
- 支持多种大屏比例(16:9, 4:3等)
- 适配不同分辨率的大屏设备
- 支持主流浏览器Chrome、Firefox、Safari、Edge
### 4.3 安全需求
- 用户身份认证和权限控制
- 数据传输加密HTTPS
- 操作日志记录和审计
- 防止SQL注入和XSS攻击
### 4.4 可用性需求
- 系统全年可用性达到99.9%
- 提供友好的错误提示信息
- 实现异常处理和恢复机制
- 支持全屏显示模式
### 4.5 可维护性需求
- 微服务架构设计,降低模块间耦合
- 完善的日志记录和监控
- 支持配置文件与代码分离
- 提供完善的API文档
## 5. 技术要求
### 5.1 前端技术栈
- **框架**Vue.js 3
- **可视化库**ECharts
- **构建工具**Vite
- **状态管理**Pinia
- **响应式设计**:支持多种大屏比例
### 5.2 实时数据
- **数据推送**WebSocket实时数据推送
- **数据更新**:支持实时、定时和手动刷新
### 5.3 设计规范
- **主题风格**:深色科技风格背景
- **色彩搭配**:草原绿色系为主,科技蓝为辅
- **字体规范**:清晰易读的字体设计
- **布局结构**:合理的数据展示区域分布
## 6. 数据接口需求
### 6.1 养殖管理相关接口
- 牛只档案数据接口(获取牛只总数、品种分布等)
- 环境监测数据接口(获取实时环境数据)
- 饲养记录数据接口(获取饲料消耗、投喂量等数据)
### 6.2 金融服务相关接口
- 贷款申请数据接口(获取贷款申请数、放款总额等)
- 保险保单数据接口(获取投保数量、保费总额等)
- 理赔数据接口(获取理赔情况)
### 6.3 交易相关接口
- 活牛交易数据接口(获取交易量、价格等数据)
- 商城订单数据接口(获取销售数据、热门商品等)
### 6.4 政府监管相关接口
- 防疫数据接口(获取防疫完成率等数据)
- 补贴发放数据接口(获取补贴发放情况)
### 6.5 数据分析相关接口
- 预警信息接口(获取各类风险预警信息)
- 分析报告接口(获取各类分析报告数据)
## 7. 部署要求
### 7.1 部署环境
- 支持Docker容器化部署
- 支持云平台部署
- 支持本地服务器部署
### 7.2 监控需求
- 实现系统运行状态监控
- 提供性能监控指标
- 支持异常告警功能
- 日志收集和分析

View File

@@ -0,0 +1,54 @@
# 数据中台小程序需求文档
## 1. 系统概述
数据中台小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向需要查询和使用平台数据的各类用户。通过该小程序,用户可以方便地查询养殖档案、申请数据导出、查看统计报表和使用数据共享服务。
## 2. 功能需求
### 2.1 数据查询
- **养殖档案模糊搜索**:通过关键词模糊搜索养殖档案
- **数据导出申请提交**:提交数据导出申请
- **统计报表查看**:查看各类统计报表
- **数据趋势分析**:查看数据趋势分析结果
### 2.2 共享服务
- **接口调用记录查询**:查询已调用的数据接口记录
- **数据使用报告生成**:生成数据使用情况报告
- **数据申请审批**:审批数据使用申请
- **数据服务目录浏览**:浏览可用的数据服务目录
## 3. 用户角色与权限
### 3.1 数据使用人员
- 可以查询和申请所需数据
- 可以查看统计报表和分析结果
### 3.2 数据管理人员
- 可以审批数据使用申请
- 可以管理数据服务目录
- 可以查看数据使用情况报告
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 数据传输加密
- 敏感数据脱敏处理
- 符合微信小程序安全规范
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,67 @@
# 养殖户小程序需求文档
## 1. 系统概述
养殖户小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向参与养殖的牧民用户。通过该小程序,养殖户可以随时随地管理牛只档案、记录饲喂情况、监控环境数据、管理繁殖信息和跟踪牛只健康状况。
## 2. 功能需求
### 2.1 档案管理
- **耳标扫码快速建档**:通过扫描耳标二维码快速创建牛只档案
- **疫苗记录拍照上传**:拍照上传疫苗接种记录
- **牛只照片和视频上传**:上传牛只的照片和视频资料
- **档案信息查看和更新**:查看和更新牛只档案信息
### 2.2 饲喂助手
- **库存不足推送提醒**:当饲料库存不足时推送提醒消息
- **投喂量快捷登记**:快速登记每日投喂量
- **饲喂计划查看**:查看饲喂计划
- **饲料消耗统计**:统计饲料消耗情况
### 2.3 环境监控
- **棚舍实时数据图表**:以图表形式展示棚舍实时环境数据
- **异常环境震动提醒**:当环境数据异常时通过震动提醒用户
- **环境历史数据查询**:查询历史环境数据
- **环境趋势分析**:分析环境数据变化趋势
### 2.4 繁殖管理
- **配种计划提醒**:提醒用户配种计划
- **妊娠检查记录**:记录妊娠检查信息
- **分娩信息登记**:登记分娩相关信息
- **犊牛信息录入**:录入新生犊牛信息
### 2.5 健康管理
- **疾病症状记录**:记录牛只疾病症状
- **用药记录登记**:登记用药记录
- **免疫计划提醒**:提醒用户免疫计划
- **健康状况查询**:查询牛只健康状况
## 3. 用户角色与权限
### 3.1 养殖户
- 可以使用小程序的所有功能
- 可以查看和管理自己名下的牛只信息
- 可以接收系统推送的通知和提醒
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 数据传输加密
- 符合微信小程序安全规范
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,64 @@
# 金融服务小程序需求文档
## 1. 系统概述
金融服务小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向需要贷款和保险服务的养殖户以及银行、保险公司的工作人员。通过该小程序,用户可以便捷地申请贷款、投保保险、查看进度和处理相关业务。
## 2. 功能需求
### 2.1 贷款服务
- **申请材料手机拍摄**:通过手机拍照上传贷款申请材料
- **电子合同在线签署**:在线签署电子贷款合同
- **贷款进度实时查询**:实时查询贷款申请进度
- **还款计划查看**:查看贷款还款计划
- **还款提醒设置**:设置还款提醒功能
### 2.2 保险服务
- **灾害预警消息订阅**:订阅灾害预警消息
- **理赔进度实时推送**:实时推送理赔进度信息
- **保险产品浏览**:浏览可投保的保险产品
- **在线投保申请**:在线提交投保申请
- **保单信息查询**:查询保单详细信息
## 3. 用户角色与权限
### 3.1 养殖户
- 可以提交贷款申请
- 可以查看贷款进度和还款计划
- 可以投保保险和查看保单信息
- 可以查看理赔进度
### 3.2 银行工作人员
- 可以处理贷款审批业务
- 可以查看相关贷款数据
- 可以与客户进行业务沟通
### 3.3 保险工作人员
- 可以处理保险投保和理赔业务
- 可以查看相关保险数据
- 可以与客户进行业务沟通
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 支付安全保护
- 数据传输加密
- 符合微信小程序安全规范
- 金融数据传输加密国密SM4
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,56 @@
# 政府监管小程序需求文档
## 1. 系统概述
政府监管小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向政府相关部门的监管人员。通过该小程序,监管人员可以随时随地执行防疫任务、处理补贴申请、查看政策信息和进行相关监管工作。
## 2. 功能需求
### 2.1 防疫助手
- **免疫记录GPS定位**记录免疫操作时的GPS位置信息
- **检疫证明手机亮证**:通过手机展示检疫证明
- **疫苗使用记录**:记录疫苗使用情况
- **疫病上报功能**:上报发现的疫病情况
### 2.2 补贴服务
- **申领条件智能匹配**:智能匹配用户是否符合补贴申领条件
- **到账短信自动触发**:补贴到账后自动发送短信通知
- **补贴申请进度查询**:查询补贴申请处理进度
- **补贴政策查看**:查看相关补贴政策信息
### 2.3 政策资讯
- **最新政策推送**:推送最新发布的政策信息
- **政策解读查看**:查看政策解读内容
- **通知公告浏览**:浏览相关通知公告
- **政策咨询反馈**:提交政策咨询和反馈意见
## 3. 用户角色与权限
### 3.1 政府监管人员
- 可以使用小程序的所有功能
- 可以查看和处理辖区内的监管业务
- 可以接收系统推送的通知和提醒
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 数据传输加密
- 符合微信小程序安全规范
- 政府数据安全保护
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,63 @@
# 牛肉商城小程序需求文档
## 1. 系统概述
牛肉商城小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向购买牛肉及相关产品的消费者。通过该小程序,用户可以方便地浏览商品、下单购买、查看订单和参与牛只认养等活动。
## 2. 功能需求
### 2.1 商品浏览
- **商品分类浏览**:按分类浏览商品
- **商品详情查看**:查看商品详细信息
- **商品评价查看**:查看其他用户对商品的评价
- **商品搜索和筛选**:通过关键词搜索和条件筛选商品
### 2.2 购物功能
- **商品加入购物车**:将商品加入购物车
- **在线下单和支付**:在线提交订单并通过微信支付
- **优惠券使用**:在下单时使用优惠券
- **积分抵扣**:使用积分抵扣部分订单金额
### 2.3 订单服务
- **订单查询和跟踪**:查询订单状态并跟踪物流信息
- **售后服务申请**:申请售后服务
- **退换货处理**:处理退换货申请
- **订单评价**:对已完成的订单进行评价
### 2.4 认养服务
- **牛只认养申请**:申请认养特定牛只
- **认养进度跟踪**:跟踪认养牛只的成长进度
- **成长过程查看**:查看认养牛只的成长过程记录
- **认养收益分享**:分享认养收益相关信息
## 3. 用户角色与权限
### 3.1 消费者
- 可以浏览商品和下单购买
- 可以查看和管理自己的订单
- 可以参与牛只认养活动
- 可以使用优惠券和积分
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 支付接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 支付安全保护
- 数据传输加密
- 符合微信小程序安全规范
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 购物流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

View File

@@ -0,0 +1,57 @@
# 市场交易小程序需求文档
## 1. 系统概述
市场交易小程序是锡林郭勒盟地区养殖产业平台在微信生态中的重要组成部分,主要面向参与活牛交易的交易员和商户。通过该小程序,用户可以方便地参与活牛交易、查看行情信息、管理交易订单和跟踪交易状态。
## 2. 功能需求
### 2.1 交易中心
- **出价记录实时刷新**:实时刷新出价记录信息
- **保证金微信支付**:通过微信支付交易保证金
- **交易合同查看**:查看交易合同详情
- **交易状态跟踪**:跟踪交易状态变化
### 2.2 行情工具
- **价格走势收藏夹**:收藏关注的价格走势信息
- **区域价差地图模式**:以地图形式展示区域价格差异
- **价格预警设置**:设置价格预警条件
- **行情资讯浏览**:浏览最新的行情资讯
### 2.3 订单管理
- **订单状态查看**:查看订单当前状态
- **物流信息跟踪**:跟踪订单物流信息
- **退换货申请**:提交退换货申请
- **评价和反馈**:对交易进行评价和反馈
## 3. 用户角色与权限
### 3.1 交易员
- 可以使用小程序的所有功能
- 可以参与活牛交易和查看交易信息
- 可以管理自己的交易订单
## 4. 非功能需求
### 4.1 性能需求
- 小程序页面加载时间不超过3秒
- 接口调用响应时间不超过1秒
- 符合微信小程序性能规范
### 4.2 兼容性需求
- 支持微信最新版本
- 兼容iOS和Android系统
- 适配不同屏幕尺寸
### 4.3 安全需求
- 用户信息保护
- 支付安全保护
- 数据传输加密
- 符合微信小程序安全规范
- 交易数据安全保护
### 4.4 可用性需求
- 界面设计符合微信小程序设计规范
- 操作流程简洁明了
- 提供操作指引和帮助信息
- 支持离线部分功能

73670
frontend/dashboard/node_modules/.vite/deps/echarts.js generated vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1141
frontend/dashboard/package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -1,7 +1,7 @@
{
"name": "farming-management",
"name": "dashboard",
"version": "1.0.0",
"description": "锡林郭勒盟安格斯牛养殖管理系统",
"description": "锡林郭勒盟安格斯牛养殖产业大屏可视化系统",
"author": "xlxumu team",
"private": true,
"scripts": {
@@ -10,16 +10,16 @@
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.2.0",
"vue-router": "^4.0.0",
"ant-design-vue": "^3.0.0",
"echarts": "^5.0.0",
"pinia": "^2.0.0",
"echarts": "^5.0.0"
"vue": "^3.2.0",
"vue-router": "^4.0.0"
},
"devDependencies": {
"@types/node": "^18.0.0",
"@vitejs/plugin-vue": "^3.0.0",
"vite": "^3.0.0",
"typescript": "^4.0.0",
"@types/node": "^18.0.0"
"vite": "^3.0.0"
}
}
}

View File

@@ -13,5 +13,36 @@ export default {
<style>
#app {
height: 100vh;
font-family: 'Arial', sans-serif;
background: #0a1929;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
overflow: hidden;
}
/* 滚动条样式 */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
}
::-webkit-scrollbar-thumb {
background: rgba(76, 175, 80, 0.5);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(76, 175, 80, 0.8);
}
</style>

View File

@@ -6,10 +6,12 @@ import router from './router'
import 'ant-design-vue/dist/antd.css'
import './styles/global.css'
// DataV组件按需引入避免Vue 3兼容性问题
const app = createApp(App)
app.use(createPinia())
app.use(router)
app.use(Antd)
app.mount('#app')

View File

@@ -0,0 +1,17 @@
import { createRouter, createWebHistory } from 'vue-router'
import Dashboard from '@/views/Dashboard.vue'
const routes = [
{
path: '/',
name: 'Dashboard',
component: Dashboard
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router

View File

@@ -4,10 +4,10 @@
--secondary-color: #388E3C;
--accent-color: #FF9800;
--light-color: #f5f5f5;
--dark-color: #333;
--text-color: #333;
--border-radius: 4px;
--box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
--dark-color: #0a1929;
--text-color: #ffffff;
--border-radius: 8px;
--box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
* {
@@ -17,81 +17,91 @@
}
body {
font-family: 'Arial', sans-serif;
font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
line-height: 1.6;
color: var(--text-color);
background-color: #fff;
background-color: var(--dark-color);
overflow: hidden;
}
#app {
height: 100vh;
background: linear-gradient(135deg, #0c2d48, #145da0);
}
.container {
max-width: 1200px;
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
padding: 0;
}
/* 通用按钮样式 */
.btn {
display: inline-block;
padding: 0.5rem 1rem;
padding: 0.75rem 1.5rem;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: 500;
transition: all 0.3s;
border: none;
cursor: pointer;
background: rgba(255, 255, 255, 0.1);
color: var(--text-color);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn:hover {
background: rgba(255, 255, 255, 0.2);
}
.btn-primary {
background-color: var(--primary-color);
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
color: white;
font-weight: bold;
}
.btn-primary:hover {
background-color: var(--secondary-color);
}
.btn-secondary {
background-color: var(--accent-color);
color: white;
}
.btn-secondary:hover {
background-color: #F57C00;
}
/* 通用卡片样式 */
.card {
background: white;
padding: 1.5rem;
border-radius: var(--border-radius);
background: linear-gradient(45deg, var(--secondary-color), #2E7D32);
transform: translateY(-2px);
box-shadow: var(--box-shadow);
margin-bottom: 1.5rem;
}
/* 通用表单样式 */
.form-group {
margin-bottom: 1rem;
/* 滚动条样式 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: var(--border-radius);
font-size: 1rem;
::-webkit-scrollbar-thumb {
background: rgba(76, 175, 80, 0.5);
border-radius: 4px;
}
/* 响应式设计 */
@media (max-width: 768px) {
.container {
padding: 0 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(76, 175, 80, 0.8);
}
/* DataV组件样式覆盖 */
.dv-border-box-content {
padding: 10px;
}
.dv-scroll-board .header {
color: #4CAF50 !important;
background: rgba(76, 175, 80, 0.1) !important;
}
.dv-scroll-board .row {
color: #fff !important;
background: rgba(255, 255, 255, 0.05) !important;
}
.dv-scroll-board .row:hover {
background: rgba(76, 175, 80, 0.2) !important;
}

View File

@@ -0,0 +1,605 @@
<template>
<div class="dashboard">
<div class="dashboard-container">
<!-- 头部标题区域 -->
<div class="dashboard-header">
<div class="header-decoration left"></div>
<div class="header-title">
<h1>锡林郭勒盟安格斯牛养殖产业数据大屏</h1>
</div>
<div class="header-decoration right"></div>
<div class="header-info">
<span>实时数据更新时间: {{ currentTime }}</span>
</div>
</div>
<!-- 主要内容区域 -->
<div class="dashboard-main">
<!-- 左侧区域 -->
<div class="left-section">
<!-- 关键指标 -->
<div class="metric-cards">
<div class="metric-card" v-for="(metric, index) in keyMetrics" :key="index">
<div class="metric-border">
<div class="metric-content">
<div class="metric-title">{{ metric.title }}</div>
<div class="metric-value">{{ metric.value }}</div>
<div class="metric-change" :class="metric.change > 0 ? 'positive' : 'negative'">
{{ metric.change > 0 ? '↑' : '↓' }} {{ Math.abs(metric.change) }}%
</div>
</div>
</div>
</div>
</div>
<!-- 区域分布图表 -->
<div class="chart-container">
<div class="chart-border">
<div class="chart-title">区域养殖分布</div>
<div ref="regionChart" class="chart-wrapper"></div>
</div>
</div>
</div>
<!-- 中间区域 -->
<div class="center-section">
<!-- 核心数据 -->
<div class="center-top">
<div class="center-border">
<div class="center-content">
<div class="total-count">
<div class="count-title">养殖总数</div>
<div class="count-value">12,860</div>
<div class="count-unit"></div>
</div>
<div class="growth-rate">
<div class="rate-title">同比增长</div>
<div class="rate-value positive">+5.2%</div>
</div>
</div>
</div>
</div>
<!-- 中心图表 -->
<div class="center-middle">
<div class="center-chart-border">
<div class="chart-title">养殖规模趋势</div>
<div ref="breedingChart" class="chart-wrapper"></div>
</div>
</div>
<!-- 风险预警 -->
<div class="center-bottom">
<div class="center-border">
<div class="risk-content">
<div class="risk-title">风险预警</div>
<div class="risk-list">
<div class="risk-item" v-for="(risk, index) in riskData" :key="index">
<div class="risk-time">{{ risk.time }}</div>
<div class="risk-type">{{ risk.type }}</div>
<div class="risk-desc">{{ risk.desc }}</div>
<div class="risk-status" :class="risk.status">{{ risk.status }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 右侧区域 -->
<div class="right-section">
<!-- 交易数据 -->
<div class="chart-container">
<div class="chart-border">
<div class="chart-title">交易数据分析</div>
<div ref="transactionChart" class="chart-wrapper"></div>
</div>
</div>
<!-- 雷达图 -->
<div class="chart-container">
<div class="chart-border">
<div class="chart-title">综合风险评估</div>
<div ref="riskRadarChart" class="chart-wrapper"></div>
</div>
</div>
</div>
</div>
<!-- 底部信息 -->
<div class="dashboard-footer">
<div class="footer-decoration left"></div>
<div class="footer-content">
<p>锡林郭勒盟安格斯牛养殖产业数字化管理平台</p>
</div>
<div class="footer-decoration right"></div>
</div>
</div>
</div>
</template>
<script>
import * as echarts from 'echarts'
import { ref, onMounted, onBeforeUnmount } from 'vue'
export default {
name: 'Dashboard',
setup() {
const currentTime = ref(new Date().toLocaleString())
const breedingChart = ref(null)
const transactionChart = ref(null)
const regionChart = ref(null)
const riskRadarChart = ref(null)
let breedingChartInstance = null
let transactionChartInstance = null
let regionChartInstance = null
let riskRadarChartInstance = null
let timer = null
// 关键指标数据
const keyMetrics = ref([
{ title: '本月交易额', value: '¥860万', change: 5.7 },
{ title: '平均体重', value: '420kg', change: 0.8 },
{ title: '疫苗接种率', value: '98.6%', change: 2.1 },
{ title: '风险事件', value: '12起', change: -15.2 }
])
// 风险数据
const riskData = ref([
{ time: '08-19 10:23', type: '健康问题', desc: '某牧场发现疑似疫情', status: '处理中' },
{ time: '08-19 09:45', type: '环境异常', desc: '气温过高,注意防暑', status: '已处理' },
{ time: '08-19 08:30', type: '交易风险', desc: '一笔交易存在争议', status: '处理中' },
{ time: '08-18 16:15', type: '运输风险', desc: '运输路线受阻', status: '已处理' }
])
// 初始化图表
const initCharts = () => {
// 养殖规模趋势图
breedingChartInstance = echarts.init(breedingChart.value)
breedingChartInstance.setOption({
title: { text: '' },
tooltip: { trigger: 'axis' },
xAxis: {
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月']
},
yAxis: { type: 'value' },
series: [{
data: [8200, 9100, 10500, 11200, 12100, 12860],
type: 'line',
smooth: true,
itemStyle: { color: '#4CAF50' },
areaStyle: { color: 'rgba(76, 175, 80, 0.3)' }
}]
})
// 交易数据分析图
transactionChartInstance = echarts.init(transactionChart.value)
transactionChartInstance.setOption({
tooltip: { trigger: 'item' },
legend: { bottom: '0' },
series: [{
type: 'pie',
radius: ['40%', '70%'],
data: [
{ value: 335, name: '线上交易' },
{ value: 310, name: '线下交易' },
{ value: 234, name: '跨区域交易' },
{ value: 135, name: '本地交易' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
})
// 区域分布图
regionChartInstance = echarts.init(regionChart.value)
regionChartInstance.setOption({
tooltip: { trigger: 'item' },
xAxis: {
type: 'category',
data: ['东乌旗', '西乌旗', '锡市', '镶黄旗', '正蓝旗', '太仆寺旗']
},
yAxis: { type: 'value' },
series: [{
data: [1200, 1800, 2400, 1600, 2100, 1900],
type: 'bar',
itemStyle: { color: '#388E3C' }
}]
})
// 风险雷达图
riskRadarChartInstance = echarts.init(riskRadarChart.value)
riskRadarChartInstance.setOption({
title: { text: '' },
tooltip: { trigger: 'item' },
radar: {
indicator: [
{ name: '健康问题', max: 100 },
{ name: '交易风险', max: 100 },
{ name: '环境异常', max: 100 },
{ name: '运输风险', max: 100 },
{ name: '市场波动', max: 100 }
]
},
series: [{
type: 'radar',
data: [{
value: [60, 30, 50, 20, 40],
name: '风险指数',
itemStyle: { color: '#FF9800' },
areaStyle: { color: 'rgba(255, 152, 0, 0.3)' }
}]
}]
})
}
// 更新时间
const updateTime = () => {
currentTime.value = new Date().toLocaleString()
}
// 窗口大小改变时重绘图表
const resizeCharts = () => {
if (breedingChartInstance) breedingChartInstance.resize()
if (transactionChartInstance) transactionChartInstance.resize()
if (regionChartInstance) regionChartInstance.resize()
if (riskRadarChartInstance) riskRadarChartInstance.resize()
}
onMounted(() => {
initCharts()
timer = setInterval(updateTime, 1000)
window.addEventListener('resize', resizeCharts)
})
onBeforeUnmount(() => {
clearInterval(timer)
window.removeEventListener('resize', resizeCharts)
if (breedingChartInstance) breedingChartInstance.dispose()
if (transactionChartInstance) transactionChartInstance.dispose()
if (regionChartInstance) regionChartInstance.dispose()
if (riskRadarChartInstance) riskRadarChartInstance.dispose()
})
return {
currentTime,
keyMetrics,
riskData,
breedingChart,
transactionChart,
regionChart,
riskRadarChart
}
}
}
</script>
<style scoped>
.dashboard {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #0f2027, #20555d, #2c5364);
color: #fff;
overflow: hidden;
}
.dashboard-container {
position: relative;
height: 100vh;
padding: 20px;
box-sizing: border-box;
}
.dashboard-header {
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
margin-bottom: 20px;
}
.header-decoration {
width: 200px;
height: 40px;
position: relative;
}
.header-decoration::before {
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #4CAF50, transparent);
}
.header-title {
flex: 1;
text-align: center;
}
.header-title h1 {
font-size: 32px;
font-weight: bold;
margin: 0;
background: linear-gradient(to right, #4CAF50, #8BC34A);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
.header-info {
font-size: 16px;
color: #ccc;
}
.dashboard-main {
display: flex;
height: calc(100% - 180px);
gap: 20px;
}
.left-section, .right-section {
width: 25%;
display: flex;
flex-direction: column;
gap: 20px;
}
.center-section {
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
}
.metric-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
height: 30%;
}
.metric-card {
height: 100%;
}
.metric-border {
width: 100%;
height: 100%;
padding: 15px;
background: rgba(255, 255, 255, 0.08);
border-radius: 8px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.metric-content {
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.metric-title {
font-size: 16px;
color: #ccc;
margin-bottom: 10px;
}
.metric-value {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
color: #4CAF50;
}
.metric-change {
font-size: 14px;
}
.metric-change.positive {
color: #4CAF50;
}
.metric-change.negative {
color: #f44336;
}
.chart-container {
flex: 1;
}
.chart-border {
width: 100%;
height: 100%;
padding: 20px;
background: rgba(255, 255, 255, 0.08);
border-radius: 8px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.center-top {
height: 20%;
}
.center-middle {
height: 50%;
}
.center-bottom {
height: 30%;
}
.center-border, .center-chart-border {
width: 100%;
height: 100%;
padding: 20px;
background: rgba(255, 255, 255, 0.08);
border-radius: 8px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.center-content {
height: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
.total-count {
text-align: center;
}
.count-title {
font-size: 18px;
color: #ccc;
margin-bottom: 10px;
}
.count-value {
font-size: 40px;
font-weight: bold;
color: #4CAF50;
}
.count-unit {
font-size: 16px;
color: #ccc;
}
.growth-rate {
text-align: center;
}
.rate-title {
font-size: 18px;
color: #ccc;
margin-bottom: 10px;
}
.rate-value {
font-size: 24px;
font-weight: bold;
}
.rate-value.positive {
color: #4CAF50;
}
.risk-content {
height: 100%;
display: flex;
flex-direction: column;
}
.risk-title {
font-size: 18px;
margin-bottom: 15px;
text-align: center;
}
.risk-list {
flex: 1;
overflow-y: auto;
}
.risk-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.risk-time {
width: 15%;
font-size: 14px;
color: #ccc;
}
.risk-type {
width: 20%;
font-size: 14px;
}
.risk-desc {
flex: 1;
font-size: 14px;
padding: 0 10px;
}
.risk-status {
width: 15%;
font-size: 14px;
text-align: center;
padding: 4px 8px;
border-radius: 4px;
}
.risk-status.处理中 {
background: rgba(255, 152, 0, 0.2);
color: #FF9800;
}
.risk-status.已处理 {
background: rgba(76, 175, 80, 0.2);
color: #4CAF50;
}
.chart-title {
font-size: 18px;
text-align: center;
margin-bottom: 15px;
}
.chart-wrapper {
height: calc(100% - 40px);
}
.dashboard-footer {
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
margin-top: 20px;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
}
.footer-decoration {
width: 300px;
height: 5px;
position: relative;
}
.footer-decoration::before {
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #4CAF50, transparent);
}
.footer-content {
text-align: center;
font-size: 18px;
color: #4CAF50;
}
</style>

View File

@@ -20,9 +20,5 @@ export default defineConfig({
rewrite: (path) => path.replace(/^\/api/, '')
}
}
},
build: {
outDir: 'dist',
assetsDir: 'assets'
}
})

View File

@@ -1,200 +1,80 @@
/* 锡林郭勒盟安格斯牛平台官网样式 */
/* 基础样式重置 */
:root {
--primary-color: #4CAF50;
--secondary-color: #388E3C;
--accent-color: #FF9800;
--light-color: #f5f5f5;
--dark-color: #333;
--text-color: #333;
--border-radius: 4px;
--box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
--grass-green: #2e8b57;
--golden-yellow: #ffd700;
--dark-green: #1e5631;
--light-gold: #ffec80;
}
body {
font-family: 'Arial', sans-serif;
font-family: 'Microsoft YaHei', sans-serif;
line-height: 1.6;
color: var(--text-color);
background-color: #fff;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
/* 蒙古族风格装饰元素 */
.gold-pattern {
background-image: url('../images/gold-pattern.png');
background-repeat: repeat-x;
height: 10px;
}
/* 头部样式 */
header {
background-color: var(--primary-color);
color: white;
padding: 1rem 0;
box-shadow: var(--box-shadow);
/* 导航栏增强 */
.navbar {
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
header h1 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
.navbar.scrolled {
background-color: var(--dark-green) !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
nav ul {
display: flex;
list-style: none;
/* 英雄区域动画 */
.hero-section {
animation: fadeIn 1.5s ease-in-out;
}
nav ul li {
margin-right: 1.5rem;
}
nav ul li a {
color: white;
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
nav ul li a:hover {
color: var(--light-color);
}
/* 主要内容区域 */
main {
min-height: calc(100vh - 140px);
}
/* 英雄区域 */
.hero {
background: linear-gradient(rgba(76, 175, 80, 0.8), rgba(56, 142, 60, 0.9)), url('../images/hero-bg.jpg') no-repeat center center/cover;
color: white;
text-align: center;
padding: 4rem 0;
}
.hero h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 1rem;
}
.btn {
display: inline-block;
padding: 0.8rem 1.5rem;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: 500;
transition: all 0.3s;
}
.btn.primary {
background-color: var(--accent-color);
color: white;
}
.btn.primary:hover {
background-color: #F57C00;
transform: translateY(-2px);
}
.btn.secondary {
background-color: transparent;
color: white;
border: 2px solid white;
}
.btn.secondary:hover {
background-color: white;
color: var(--primary-color);
transform: translateY(-2px);
}
/* 特色功能区域 */
.features {
padding: 4rem 0;
background-color: var(--light-color);
}
.features h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 3rem;
color: var(--primary-color);
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* 功能卡片增强 */
.feature-card {
background: white;
padding: 2rem;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
text-align: center;
transition: transform 0.3s;
border-radius: 12px;
overflow: hidden;
}
.feature-card:hover {
transform: translateY(-5px);
.feature-card .card-body {
position: relative;
z-index: 1;
}
.feature-card h3 {
color: var(--primary-color);
margin-bottom: 1rem;
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--grass-green), var(--dark-green));
opacity: 0;
transition: opacity 0.3s ease;
z-index: 0;
}
/* 页脚 */
footer {
background-color: var(--dark-color);
color: white;
text-align: center;
padding: 1.5rem 0;
.feature-card:hover::before {
opacity: 0.1;
}
/* 响应式设计 */
/* 响应式调整 */
@media (max-width: 768px) {
header h1 {
font-size: 1.5rem;
.hero-section {
min-height: 50vh;
}
nav ul {
flex-direction: column;
}
nav ul li {
margin: 0.5rem 0;
}
.hero h2 {
font-size: 2rem;
}
.hero p {
font-size: 1rem;
}
.cta-buttons {
flex-direction: column;
align-items: center;
}
.feature-grid {
grid-template-columns: 1fr;
.display-3 {
font-size: 2.5rem;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 KiB

View File

@@ -3,67 +3,507 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>锡林郭勒盟安格斯牛数字化管理平台</title>
<title>锡林郭勒盟畜牧数字化管理平台</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
<!-- 自定义CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Chart.js -->
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
<!-- Chart.js CDN -->
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
<style>
:root {
--grass-green: #2e8b57;
--golden-yellow: #ffd700;
}
.hero-section {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url('images/grassland-banner.jpg') no-repeat center center;
background-size: cover;
min-height: 60vh;
color: white;
}
.feature-card {
transition: all 0.3s ease;
border: 2px solid var(--golden-yellow);
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.gold-border {
border: 3px solid var(--golden-yellow);
}
</style>
</head>
<body>
<header>
<!-- 顶部导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-success sticky-top gold-border">
<div class="container">
<h1>锡林郭勒盟安格斯牛数字化管理平台</h1>
<nav>
<ul>
<li><a href="#home">首页</a></li>
<li><a href="#about">关于我们</a></li>
<li><a href="#services">服务</a></li>
<li><a href="#contact">联系我们</a></li>
<a class="navbar-brand fs-3 fw-bold" href="#">
<i class="bi bi-cloud-sun-fill me-2"></i>
锡林郭勒盟畜牧数字化管理平台
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="#home">
<i class="bi bi-house-door me-1"></i> 首页
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">
<i class="bi bi-stack me-1"></i> 平台功能
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#data">
<i class="bi bi-bar-chart-line me-1"></i> 数据看板
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">
<i class="bi bi-newspaper me-1"></i> 行业动态
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">
<i class="bi bi-info-circle me-1"></i> 关于我们
</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
</nav>
<main>
<section id="home" class="hero">
<div class="container">
<h2>推动畜牧业数字化转型</h2>
<p>打造锡林郭勒盟安格斯牛全产业链数字化管理平台</p>
<div class="cta-buttons">
<a href="#" class="btn primary">平台入口</a>
<a href="#" class="btn secondary">了解详情</a>
</div>
<!-- 英雄区域 -->
<section id="home" class="hero-section d-flex align-items-center">
<div class="container text-center text-white">
<h1 class="display-3 fw-bold mb-4">
畜牧数字化 赋能新牧区
</h1>
<p class="lead fs-4 mb-5">
打造锡林郭勒盟现代化畜牧业全产业链数字化管理平台
</p>
<div class="d-flex justify-content-center gap-4">
<a href="#features" class="btn btn-success btn-lg px-4 py-2">
<i class="bi bi-play-circle me-2"></i> 平台演示
</a>
<a href="#contact" class="btn btn-outline-light btn-lg px-4 py-2">
<i class="bi bi-telephone me-2"></i> 联系我们
</a>
</div>
</section>
</div>
</section>
<section id="features" class="features">
<div class="container">
<h2>平台特色</h2>
<div class="feature-grid">
<div class="feature-card">
<h3>养殖管理</h3>
<p>全流程数字化养殖管理,提升养殖效率</p>
</div>
<div class="feature-card">
<h3>交易撮合</h3>
<p>安全可靠的活牛交易平台,保障交易双方权益</p>
</div>
<div class="feature-card">
<h3>金融监管</h3>
<p>银行与保险机构数字化监管,降低金融风险</p>
</div>
<div class="feature-card">
<h3>政府监管</h3>
<p>政府数字化监管平台,提升监管效率</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<!-- 功能展示区 -->
<section id="features" class="py-5 bg-light">
<div class="container">
<p>&copy; 2025 锡林郭勒盟安格斯牛数字化管理平台. 保留所有权利.</p>
<div class="text-center mb-5">
<h2 class="fw-bold display-5 mb-3">
<i class="bi bi-stars text-success me-2"></i>
核心功能
</h2>
<p class="lead text-muted">六大数字化管理模块助力畜牧业现代化发展</p>
</div>
<div class="row g-4">
<!-- 养殖管理 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-egg-fill fs-1 text-success"></i>
</div>
<h3 class="h4">数字化养殖管理</h3>
<p class="text-muted">
全生命周期档案管理
饲喂计划与健康监测
电子耳标追溯系统
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
<!-- 活体抵押 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-cash-coin fs-1 text-success"></i>
</div>
<h3 class="h4">活体抵押贷款</h3>
<p class="text-muted">
银行监管系统对接
资产评估与风险控制
贷款全流程数字化
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
<!-- 保险监管 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-shield-check fs-1 text-success"></i>
</div>
<h3 class="h4">养殖保险监管</h3>
<p class="text-muted">
保险产品数字化对接
理赔流程透明化
风险预警系统
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
<!-- 政府监管 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-building fs-1 text-success"></i>
</div>
<h3 class="h4">政府监管平台</h3>
<p class="text-muted">
畜牧业数据可视化
政策法规发布
产业分析报告
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
<!-- 活牛交易 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-cart-check fs-1 text-success"></i>
</div>
<h3 class="h4">线上活牛交易</h3>
<p class="text-muted">
电子交易平台
质量认证体系
物流跟踪系统
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
<!-- 牛肉商城 -->
<div class="col-md-6 col-lg-4">
<div class="card feature-card h-100">
<div class="card-body text-center p-4">
<div class="bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3">
<i class="bi bi-shop fs-1 text-success"></i>
</div>
<h3 class="h4">优质牛肉商城</h3>
<p class="text-muted">
品牌直销平台
质量追溯系统
冷链物流对接
</p>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 数据可视化区 -->
<section id="data" class="py-5 bg-white">
<div class="container">
<div class="text-center mb-5">
<h2 class="fw-bold display-5 mb-3">
<i class="bi bi-bar-chart-line text-success me-2"></i>
畜牧业数据看板
</h2>
<p class="lead text-muted">实时掌握锡林郭勒盟畜牧业发展动态</p>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h3 class="h4 text-center mb-4">牲畜存栏量统计</h3>
<div class="ratio ratio-16x9">
<canvas id="livestockChart"></canvas>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h3 class="h4 text-center mb-4">牧草产量与价格</h3>
<div class="ratio ratio-16x9">
<canvas id="forageChart"></canvas>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4">
<a href="#" class="btn btn-success px-4">
<i class="bi bi-arrow-right-circle me-2"></i> 查看更多数据
</a>
</div>
</div>
</section>
<!-- 新闻动态区 -->
<section id="news" class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="fw-bold display-5 mb-3">
<i class="bi bi-newspaper text-success me-2"></i>
行业动态
</h2>
<p class="lead text-muted">了解畜牧业最新政策与市场资讯</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<img src="images/news-1.jpg" class="card-img-top" alt="新闻图片1">
<div class="card-body">
<span class="badge bg-success mb-2">政策解读</span>
<h3 class="h5">锡林郭勒盟出台畜牧业数字化发展三年规划</h3>
<p class="text-muted small">2025-08-15</p>
<p class="card-text">规划提出到2027年实现全盟畜牧业数字化覆盖率90%以上...</p>
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<img src="images/news-2.jpg" class="card-img-top" alt="新闻图片2">
<div class="card-body">
<span class="badge bg-success mb-2">市场动态</span>
<h3 class="h5">安格斯牛肉价格连续三月上涨</h3>
<p class="text-muted small">2025-08-10</p>
<p class="card-text">受市场需求增加影响优质安格斯牛肉价格环比上涨8.5%...</p>
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<img src="images/news-3.jpg" class="card-img-top" alt="新闻图片3">
<div class="card-body">
<span class="badge bg-success mb-2">技术前沿</span>
<h3 class="h5">区块链技术在畜牧业追溯系统中的应用</h3>
<p class="text-muted small">2025-08-05</p>
<p class="card-text">新型区块链技术可实现牲畜从养殖到餐桌的全流程追溯...</p>
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="text-center mt-4">
<a href="#" class="btn btn-outline-success px-4">
<i class="bi bi-collection me-2"></i> 查看更多新闻
</a>
</div>
</div>
</section>
<!-- 畜牧业数据看板 -->
<script>
// 牲畜存栏量统计图表
const livestockCtx = document.getElementById('livestockChart');
new Chart(livestockCtx, {
type: 'bar',
data: {
labels: ['牛', '羊', '马', '骆驼'],
datasets: [{
label: '存栏量(万头)',
data: [120, 85, 32, 8],
backgroundColor: [
'rgba(54, 162, 235, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(255, 159, 64, 0.7)',
'rgba(153, 102, 255, 0.7)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
title: {
display: true,
text: '牲畜存栏量统计'
}
}
}
});
// 牧草产量与价格图表
const forageCtx = document.getElementById('forageChart');
new Chart(forageCtx, {
type: 'line',
data: {
labels: ['1月', '2月', '3月', '4月', '5月', '6月'],
datasets: [
{
label: '产量(万吨)',
data: [12, 19, 15, 22, 28, 35],
borderColor: 'rgb(75, 192, 192)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
yAxisID: 'y'
},
{
label: '价格(元/吨)',
data: [1800, 1750, 1850, 1900, 1950, 2000],
borderColor: 'rgb(255, 159, 64)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
yAxisID: 'y1'
}
]
},
options: {
responsive: true,
interaction: {
mode: 'index',
intersect: false
},
plugins: {
title: {
display: true,
text: '牧草产量与价格趋势'
}
},
scales: {
y: {
type: 'linear',
display: true,
position: 'left',
title: {
display: true,
text: '产量(万吨)'
}
},
y1: {
type: 'linear',
display: true,
position: 'right',
title: {
display: true,
text: '价格(元/吨)'
},
grid: {
drawOnChartArea: false
}
}
}
}
});
</script>
<!-- 页脚 -->
<footer id="contact" class="bg-success text-white py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-4">
<h3 class="h4 mb-4">
<i class="bi bi-cloud-sun-fill me-2"></i>
锡林郭勒盟畜牧数字化管理平台
</h3>
<p>
打造现代化畜牧业全产业链数字化管理平台,推动锡林郭勒盟畜牧业高质量发展。
</p>
<div class="d-flex gap-3">
<a href="#" class="text-white fs-4"><i class="bi bi-wechat"></i></a>
<a href="#" class="text-white fs-4"><i class="bi bi-weibo"></i></a>
<a href="#" class="text-white fs-4"><i class="bi bi-youtube"></i></a>
</div>
</div>
<div class="col-lg-4">
<h3 class="h4 mb-4">快速链接</h3>
<ul class="list-unstyled">
<li class="mb-2"><a href="#home" class="text-white text-decoration-none">平台首页</a></li>
<li class="mb-2"><a href="#features" class="text-white text-decoration-none">核心功能</a></li>
<li class="mb-2"><a href="#data" class="text-white text-decoration-none">数据看板</a></li>
<li class="mb-2"><a href="#news" class="text-white text-decoration-none">行业动态</a></li>
<li class="mb-2"><a href="#about" class="text-white text-decoration-none">关于我们</a></li>
</ul>
</div>
<div class="col-lg-4">
<h3 class="h4 mb-4">联系我们</h3>
<ul class="list-unstyled">
<li class="mb-2">
<i class="bi bi-geo-alt-fill me-2"></i>
内蒙古自治区锡林郭勒盟锡林浩特市
</li>
<li class="mb-2">
<i class="bi bi-telephone-fill me-2"></i>
0479-8888888
</li>
<li class="mb-2">
<i class="bi bi-envelope-fill me-2"></i>
contact@xlxumu.com
</li>
</ul>
</div>
</div>
<hr class="my-4 opacity-25">
<div class="text-center">
<p class="mb-0">
© 2025 锡林郭勒盟畜牧数字化管理平台. 保留所有权利 |
<a href="#" class="text-white text-decoration-none">隐私政策</a> |
<a href="#" class="text-white text-decoration-none">使用条款</a>
</p>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- 自定义JS -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -1,64 +1,47 @@
// 锡林郭勒盟安格斯牛平台官网JavaScript
// 导航栏滚动效果
document.addEventListener('DOMContentLoaded', function() {
// 平滑滚动效果
const links = document.querySelectorAll('a[href^="#"]');
links.forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 70,
behavior: 'smooth'
});
}
const navbar = document.querySelector('.navbar');
window.addEventListener('scroll', function() {
if (window.scrollY > 50) {
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
});
// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 70,
behavior: 'smooth'
});
}
});
});
// 新闻轮播
const newsItems = document.querySelectorAll('#news .card');
if (newsItems.length > 0) {
let currentIndex = 0;
// 简单的移动端菜单切换
const mobileMenuButton = document.createElement('button');
mobileMenuButton.classList.add('mobile-menu-toggle');
mobileMenuButton.innerHTML = '☰';
mobileMenuButton.setAttribute('aria-label', '切换菜单');
const header = document.querySelector('header');
const nav = document.querySelector('nav');
if (header && nav) {
header.insertBefore(mobileMenuButton, nav);
mobileMenuButton.addEventListener('click', function() {
nav.classList.toggle('active');
});
function showNextNews() {
newsItems[currentIndex].classList.remove('active');
currentIndex = (currentIndex + 1) % newsItems.length;
newsItems[currentIndex].classList.add('active');
}
// 添加一些简单的交互效果
const featureCards = document.querySelectorAll('.feature-card');
// 初始化第一个新闻项
newsItems[0].classList.add('active');
featureCards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.2)';
});
card.addEventListener('mouseleave', function() {
this.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.1)';
});
});
});
// 简单的表单验证示例
function validateForm(form) {
// 这里可以添加表单验证逻辑
console.log('表单验证');
return true;
}
// 页面加载完成后的初始化
window.addEventListener('load', function() {
console.log('锡林郭勒盟安格斯牛平台官网加载完成');
// 每5秒自动轮播
setInterval(showNextNews, 5000);
}
});

127
package-lock.json generated Normal file
View File

@@ -0,0 +1,127 @@
{
"name": "xlxumu",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"dependencies": {
"mysql2": "^3.14.3"
}
},
"node_modules/aws-ssl-profiles": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
"integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
"engines": {
"node": ">= 6.0.0"
}
},
"node_modules/denque": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
"integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
"engines": {
"node": ">=0.10"
}
},
"node_modules/generate-function": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
"integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
"dependencies": {
"is-property": "^1.0.2"
}
},
"node_modules/iconv-lite": {
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-property": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
"integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g=="
},
"node_modules/long": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
"integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA=="
},
"node_modules/lru-cache": {
"version": "7.18.3",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
"integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
"engines": {
"node": ">=12"
}
},
"node_modules/lru.min": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.2.tgz",
"integrity": "sha512-Nv9KddBcQSlQopmBHXSsZVY5xsdlZkdH/Iey0BlcBYggMd4two7cZnKOK9vmy3nY0O5RGH99z1PCeTpPqszUYg==",
"engines": {
"bun": ">=1.0.0",
"deno": ">=1.30.0",
"node": ">=8.0.0"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/wellwelwel"
}
},
"node_modules/mysql2": {
"version": "3.14.3",
"resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.14.3.tgz",
"integrity": "sha512-fD6MLV8XJ1KiNFIF0bS7Msl8eZyhlTDCDl75ajU5SJtpdx9ZPEACulJcqJWr1Y8OYyxsFc4j3+nflpmhxCU5aQ==",
"dependencies": {
"aws-ssl-profiles": "^1.1.1",
"denque": "^2.1.0",
"generate-function": "^2.3.1",
"iconv-lite": "^0.6.3",
"long": "^5.2.1",
"lru.min": "^1.0.0",
"named-placeholders": "^1.1.3",
"seq-queue": "^0.0.5",
"sqlstring": "^2.3.2"
},
"engines": {
"node": ">= 8.0"
}
},
"node_modules/named-placeholders": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.3.tgz",
"integrity": "sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w==",
"dependencies": {
"lru-cache": "^7.14.1"
},
"engines": {
"node": ">=12.0.0"
}
},
"node_modules/safer-buffer": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
},
"node_modules/seq-queue": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz",
"integrity": "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="
},
"node_modules/sqlstring": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz",
"integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==",
"engines": {
"node": ">= 0.6"
}
}
}
}

5
package.json Normal file
View File

@@ -0,0 +1,5 @@
{
"dependencies": {
"mysql2": "^3.14.3"
}
}