制作官网website
This commit is contained in:
536
docs/official-website-prd.md
Normal file
536
docs/official-website-prd.md
Normal file
@@ -0,0 +1,536 @@
|
||||
# 宁夏智慧养殖监管平台官网产品需求文档
|
||||
|
||||
## 版本历史
|
||||
| 版本 | 日期 | 作者 | 描述 |
|
||||
|------|------|------|------|
|
||||
| v1.2 | 2025-01-19 | 产品经理 | 增加养殖管理系统、银行监管系统、保险监管系统、政府监管系统入口需求 |
|
||||
| v1.1 | 2025-01-19 | 产品经理 | 增加小程序二维码入口需求 |
|
||||
| v1.0 | 2025-01-18 | 产品经理 | 初版PRD文档创建 |官网初始版本 |
|
||||
|
||||
## 1. 项目概述
|
||||
|
||||
### 1.1 项目背景
|
||||
宁夏智慧养殖监管平台是面向宁夏回族自治区养殖产业的数字化管理平台，官网作为平台对外的形象展示窗口，需要全面展示平台价值、功能特性和技术优势。
|
||||
|
||||
### 1.2 项目目标
|
||||
- **品牌展示**：建立专业、可信的品牌形象
|
||||
- **用户获取**：通过官网吸引潜在用户注册使用
|
||||
- **产品推广**：提供产品介绍和下载服务
|
||||
- **信息传递**：向合作伙伴和监管机构传达平台价值
|
||||
|
||||
### 1.3 成功标准
|
||||
- 官网访问量每月达到10,000+ PV
|
||||
- 用户注册转化率提升至5%
|
||||
- 产品下载量每月达到500+
|
||||
- 品牌认知度在目标用户中达到80%
|
||||
|
||||
### 1.4 范围界定
|
||||
**本版本包含：**
|
||||
- 静态内容展示页面
|
||||
- 响应式HTML5+Bootstrap设计
|
||||
- 品牌形象展示功能
|
||||
- 用户注册入口
|
||||
- 产品下载功能
|
||||
|
||||
**本版本不包含：**
|
||||
- 动态交互功能
|
||||
- 用户登录系统
|
||||
- 在线支付功能
|
||||
- 后台管理系统集成
|
||||
|
||||
## 2. 用户角色与用例
|
||||
|
||||
### 2.1 用户角色
|
||||
| 角色 | 描述 | 核心需求 |
|
||||
|------|------|----------|
|
||||
| 养殖企业用户 | 养殖场主、养殖技术人员 | 使用养殖管理系统进行生产管理、监控养殖数据 |
|
||||
| 银行人员 | 金融机构信贷风险管理人员 | 使用银行监管系统进行信贷风险评估、监控抵押物 |
|
||||
| 保险公司人员 | 保险业务员、理赔专员 | 使用保险监管系统进行养殖保险业务管理、理赔处理 |
|
||||
| 政府监管官员 | 农业部门、畜牧监管部门官员 | 使用政府监管系统进行行业监管、政策执行监督 |
|
||||
| 潜在客户 | 寻求养殖管理解决方案的用户 | 了解产品功能、查看案例、获取联系方式 |
|
||||
| 现有用户 | 已使用平台的用户 | 获取最新资讯、下载更新版本 |
|
||||
| 合作伙伴 | 设备厂商、技术服务商 | 了解合作机会、查看技术文档 |
|
||||
| 监管机构 | 政府监管部门 | 了解平台合规性、监管功能 |
|
||||
|
||||
### 2.2 核心用例
|
||||
|
||||
#### 用例1：了解平台功能
|
||||
**As a** 潜在客户
|
||||
**I want to** 浏览平台功能介绍
|
||||
**So that** 我可以评估是否满足需求
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网首页
|
||||
- When 点击功能介绍板块
|
||||
- Then 显示详细的功能特性说明
|
||||
- And 包含图文并茂的展示
|
||||
|
||||
#### 用例2：用户注册
|
||||
**As a** 新用户
|
||||
**I want to** 注册平台账号
|
||||
**So that** 我可以开始使用平台服务
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户找到注册入口
|
||||
- When 填写注册信息并提交
|
||||
- Then 显示注册成功提示
|
||||
- And 跳转到登录页面
|
||||
|
||||
#### 用例3：产品下载
|
||||
**As a** 用户
|
||||
**I want to** 下载平台客户端
|
||||
**So that** 我可以在本地安装使用
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入下载页面
|
||||
- When 选择适合的版本
|
||||
- Then 开始下载安装包
|
||||
- And 提供详细的安装说明
|
||||
|
||||
## 3. 功能需求
|
||||
|
||||
### 3.1 首页模块
|
||||
|
||||
#### 3.1.1 品牌展示
|
||||
**用户故事：** As a 访问者，I want to 第一眼看到专业的品牌形象，so that 我对平台产生信任感
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户打开官网
|
||||
- Then 显示平台logo和slogan
|
||||
- And 设计风格专业严谨
|
||||
- And 体现现代科技感
|
||||
- And 融入农业特色元素
|
||||
|
||||
#### 3.1.2 导航菜单
|
||||
**用户故事：** As a 用户，I want to 快速找到需要的板块，so that 我可以高效浏览网站
|
||||
|
||||
**验收标准：**
|
||||
- Given 页面加载完成
|
||||
- Then 显示清晰的导航菜单
|
||||
- And 包含所有主要板块链接
|
||||
- And 支持平滑滚动到对应位置
|
||||
|
||||
### 3.2 产品介绍模块
|
||||
|
||||
#### 3.2.1 平台概述
|
||||
**用户故事：** As a 潜在客户，I want to 了解平台的整体概况，so that 我能够快速理解平台价值
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入产品介绍页面
|
||||
- Then 显示平台定位和使命
|
||||
- And 包含核心价值主张
|
||||
- And 使用图文结合的方式展示
|
||||
|
||||
#### 3.2.2 功能特性
|
||||
**用户故事：** As a 技术决策者，I want to 详细了解平台功能，so that 我可以评估技术匹配度
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户查看功能特性板块
|
||||
- Then 分类展示各项功能（监控、管理、分析等）
|
||||
- And 每个功能有详细说明和示意图
|
||||
- And 突出技术优势和创新点
|
||||
|
||||
### 3.3 技术优势模块
|
||||
|
||||
#### 3.3.1 技术架构
|
||||
**用户故事：** As a 技术人员，I want to 了解平台的技术架构，so that 我可以评估技术可靠性
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入技术优势页面
|
||||
- Then 展示技术栈和架构图
|
||||
- And 说明技术选型理由
|
||||
- And 突出性能和安全优势
|
||||
|
||||
#### 3.3.2 创新亮点
|
||||
**用户故事：** As a 行业专家，I want to 了解平台的技术创新，so that 我可以认可平台的技术实力
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户浏览创新亮点
|
||||
- Then 展示核心技术专利
|
||||
- And 说明技术创新点
|
||||
- And 提供技术白皮书链接
|
||||
|
||||
### 3.4 客户案例模块
|
||||
|
||||
#### 3.4.1 成功案例
|
||||
**用户故事：** As a 潜在客户，I want to 查看成功案例，so that 我可以参考其他用户的实施效果
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入案例页面
|
||||
- Then 展示真实的客户案例
|
||||
- And 包含客户背景和挑战
|
||||
- And 说明解决方案和成果
|
||||
- And 提供客户评价和数据指标
|
||||
|
||||
#### 3.4.2 行业应用
|
||||
**用户故事：** As a 行业用户，I want to 了解在特定行业的应用，so that 我可以看到相关参考
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户查看行业应用
|
||||
- Then 按行业分类展示案例
|
||||
- And 突出行业特色解决方案
|
||||
- And 包含规模化养殖、散养等不同模式
|
||||
|
||||
### 3.5 新闻动态模块
|
||||
|
||||
#### 3.5.1 公司新闻
|
||||
**用户故事：** As a 关注者，I want to 了解公司最新动态，so that 我可以掌握平台发展情况
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入新闻页面
|
||||
- Then 按时间倒序展示新闻列表
|
||||
- And 包含标题、摘要、发布时间
|
||||
- And 支持分页浏览
|
||||
|
||||
#### 3.5.2 行业资讯
|
||||
**用户故事：** As a 行业从业者，I want to 获取行业相关资讯，so that 我可以了解行业趋势
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户查看行业资讯
|
||||
- Then 展示养殖行业相关新闻
|
||||
- And 包含政策解读、技术动态
|
||||
- And 提供有价值的行业信息
|
||||
|
||||
### 3.6 联系方式模块
|
||||
|
||||
#### 3.6.1 联系信息
|
||||
**用户故事：** As a 意向客户，I want to 找到联系方式，so that 我可以咨询或合作
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入联系页面
|
||||
- Then 显示完整的联系信息
|
||||
- And 包含地址、电话、邮箱
|
||||
- And 提供在线留言表单
|
||||
|
||||
#### 3.6.2 地图定位
|
||||
**用户故事：** As a 访客，I want to 查看公司位置，so that 我可以方便来访
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户查看公司地址
|
||||
- Then 显示地图定位
|
||||
- And 标注具体位置
|
||||
- And 提供导航指引
|
||||
|
||||
### 3.7 用户注册模块
|
||||
|
||||
#### 3.7.1 注册表单
|
||||
**用户故事：** As a 新用户，I want to 快速完成注册，so that 我可以开始使用平台
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入注册页面
|
||||
- Then 显示简洁的注册表单
|
||||
- And 包含必填字段验证
|
||||
- And 提供注册协议链接
|
||||
|
||||
#### 3.7.2 注册成功
|
||||
**用户故事：** As a 用户，I want to 确认注册成功，so that 我知道下一步该做什么
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户提交注册信息
|
||||
- Then 显示注册成功提示
|
||||
- And 提供登录指引
|
||||
- And 发送欢迎邮件
|
||||
|
||||
### 3.8 下载中心模块
|
||||
|
||||
#### 3.8.1 版本选择
|
||||
**用户故事：** As a 用户，I want to 选择适合的版本下载，so that 我可以获得正确的安装包
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入下载页面
|
||||
- Then 清晰区分不同版本
|
||||
- And 说明版本特性和系统要求
|
||||
- And 提供版本更新说明
|
||||
|
||||
#### 3.8.2 下载流程
|
||||
**用户故事：** As a 下载者，I want to 顺利下载安装包，so that 我可以安装使用
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户选择下载版本
|
||||
- Then 开始下载文件
|
||||
- And 显示下载进度
|
||||
- And 提供安装指南链接
|
||||
|
||||
### 3.9 多系统入口模块
|
||||
|
||||
#### 3.9.1 养殖管理系统入口
|
||||
**用户故事：** As a 养殖企业用户，I want to 快速访问养殖管理系统，so that 我可以进行养殖生产管理和数据监控
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网首页
|
||||
- Then 在功能区显示养殖管理系统入口
|
||||
- And 提供系统功能简介和核心价值
|
||||
- And 点击后跳转到 ad.ningmuyun.com 养殖管理系统
|
||||
- And 入口设计体现养殖行业特色
|
||||
|
||||
#### 3.9.2 银行监管系统入口
|
||||
**用户故事：** As a 银行人员，I want to 快速访问银行监管系统，so that 我可以进行信贷风险评估和抵押物监控
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网首页
|
||||
- Then 在功能区显示银行监管系统入口
|
||||
- And 提供系统功能简介和核心价值
|
||||
- And 点击后跳转到 ad.ningmuyun.com 银行监管系统
|
||||
- And 入口设计体现金融行业特色
|
||||
|
||||
#### 3.9.3 保险监管系统入口
|
||||
**用户故事：** As a 保险公司人员，I want to 快速访问保险监管系统，so that 我可以进行养殖保险业务管理和理赔处理
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网首页
|
||||
- Then 在功能区显示保险监管系统入口
|
||||
- And 提供系统功能简介和核心价值
|
||||
- And 点击后跳转到 ad.ningmuyun.com 保险监管系统
|
||||
- And 入口设计体现保险行业特色
|
||||
|
||||
#### 3.9.4 政府监管系统入口
|
||||
**用户故事：** As a 政府监管官员，I want to 快速访问政府监管系统，so that 我可以进行行业监管和政策执行监督
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网首页
|
||||
- Then 在功能区显示政府监管系统入口
|
||||
- And 提供系统功能简介和核心价值
|
||||
- And 点击后跳转到 ad.ningmuyun.com 政府监管系统
|
||||
- And 入口设计体现政府监管特色
|
||||
|
||||
### 3.10 系统介绍页面模块
|
||||
|
||||
#### 3.10.1 养殖管理系统介绍
|
||||
**用户故事：** As a 潜在用户，I want to 详细了解养殖管理系统的功能，so that 我可以评估是否满足养殖管理需求
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入养殖管理系统介绍页面
|
||||
- Then 展示系统核心功能：养殖档案管理、生长监控、饲料管理、疫病防控、环境监测、生产计划
|
||||
- And 包含系统界面截图和操作流程
|
||||
- And 提供成功案例和用户评价
|
||||
- And 显示系统访问入口和联系方式
|
||||
|
||||
#### 3.10.2 银行监管系统介绍
|
||||
**用户故事：** As a 银行人员，I want to 详细了解银行监管系统的功能，so that 我可以了解如何通过系统进行信贷风险管理
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入银行监管系统介绍页面
|
||||
- Then 展示系统核心功能：养殖资产估值、信贷风险评估、抵押物监控、还款提醒、风险预警
|
||||
- And 包含系统界面截图和操作流程
|
||||
- And 提供合作银行案例和风控效果数据
|
||||
- And 显示系统访问入口和联系方式
|
||||
|
||||
#### 3.10.3 保险监管系统介绍
|
||||
**用户故事：** As a 保险公司人员，I want to 详细了解保险监管系统的功能，so that 我可以了解如何通过系统进行养殖保险业务管理
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入保险监管系统介绍页面
|
||||
- Then 展示系统核心功能：保单管理、理赔处理、风险定价、防损管理、数据统计分析
|
||||
- And 包含系统界面截图和操作流程
|
||||
- And 提供合作保险公司案例和理赔效率数据
|
||||
- And 显示系统访问入口和联系方式
|
||||
|
||||
#### 3.10.4 政府监管系统介绍
|
||||
**用户故事：** As a 政府官员，I want to 详细了解政府监管系统的功能，so that 我可以了解如何通过系统进行行业监管和政策执行
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户进入政府监管系统介绍页面
|
||||
- Then 展示系统核心功能：养殖场备案管理、防疫监管、质量追溯、政策执行监督、数据统计分析
|
||||
- And 包含系统界面截图和操作流程
|
||||
- And 提供监管成效案例和政策执行数据
|
||||
- And 显示系统访问入口和联系方式
|
||||
|
||||
### 3.11 小程序入口模块
|
||||
|
||||
#### 3.11.1 小程序二维码展示
|
||||
**用户故事：** As a 移动端用户，I want to 快速找到小程序入口，so that 我可以通过微信扫码直接使用小程序
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户访问官网
|
||||
- Then 在显著位置显示小程序二维码
|
||||
- And 二维码清晰可扫描
|
||||
- And 提供小程序功能简介
|
||||
- And 支持点击放大查看
|
||||
|
||||
#### 3.11.2 多平台入口整合
|
||||
**用户故事：** As a 不同设备用户，I want to 看到所有平台入口，so that 我可以选择最适合的使用方式
|
||||
|
||||
**验收标准：**
|
||||
- Given 用户查看下载或入口页面
|
||||
- Then 同时展示PC客户端、移动APP和小程序入口
|
||||
- And 清晰说明各平台的功能差异
|
||||
- And 提供对应的下载或使用指引
|
||||
|
||||
## 4. 非功能需求
|
||||
|
||||
### 4.1 设计需求
|
||||
- **风格要求**：专业严谨、现代科技、农业特色相结合
|
||||
- **色彩方案**：以蓝色系为主，体现科技感；搭配绿色系，体现农业特色
|
||||
- **字体规范**：使用清晰易读的字体，中文优先使用思源黑体
|
||||
- **图片标准**：高质量图片，体现养殖场景和科技感
|
||||
|
||||
### 4.2 性能要求
|
||||
- 页面加载时间：<3秒
|
||||
- 首屏加载时间：<1.5秒
|
||||
- 资源压缩：CSS/JS文件压缩优化
|
||||
- 图片优化：使用WebP格式，支持懒加载
|
||||
|
||||
### 4.3 兼容性要求
|
||||
- **浏览器支持**：Chrome、Firefox、Safari、Edge最新版本
|
||||
- **移动端适配**：完全响应式设计，支持各种屏幕尺寸
|
||||
- **分辨率支持**：从320px到1920px自适应
|
||||
|
||||
### 4.4 SEO要求
|
||||
- 页面标题和描述优化
|
||||
- 语义化HTML结构
|
||||
- 合理的heading标签使用
|
||||
- 图片alt属性优化
|
||||
|
||||
## 5. 原型说明
|
||||
|
||||
### 5.1 页面结构
|
||||
|
||||
#### 5.1.1 首页布局
|
||||
- **顶部导航栏**：Logo、主导航菜单、语言切换、注册/登录入口
|
||||
- **Banner区域**：主视觉图、平台slogan、核心价值主张
|
||||
- **功能展示区**：核心功能图标+文字介绍
|
||||
- **系统入口功能区**：养殖管理系统、银行监管系统、保险监管系统、政府监管系统入口卡片，每个入口包含图标、系统名称、功能简介和访问按钮
|
||||
- **数据看板**：关键数据统计展示
|
||||
- **小程序入口**：微信小程序二维码+功能简介
|
||||
- **客户证言**：精选客户评价
|
||||
- **底部信息**：版权信息、备案信息、联系方式
|
||||
|
||||
#### 5.1.2 内页布局
|
||||
- **面包屑导航**：显示当前位置
|
||||
- **左侧菜单**：二级导航（针对多内容板块）
|
||||
- **主内容区**：详细内容展示
|
||||
- **相关推荐**：相关内容链接
|
||||
- **联系CTA**：联系我们的行动号召
|
||||
|
||||
### 5.2 设计元素
|
||||
|
||||
#### 5.2.1 色彩体系
|
||||
- **主色调**：科技蓝 (#1E88E5)
|
||||
- **辅助色**：农业绿 (#43A047)
|
||||
- **强调色**：活力橙 (#FF9800)
|
||||
- **中性色**：深灰 (#212121)、中灰 (#757575)、浅灰 (#BDBDBD)
|
||||
|
||||
#### 5.2.2 图标设计
|
||||
- 使用线性图标风格
|
||||
- 统一图标大小和风格
|
||||
- 农业相关图标体现行业特色
|
||||
- 科技感图标体现平台特性
|
||||
|
||||
#### 5.2.3 图片风格
|
||||
- 真实的养殖场景照片
|
||||
- 科技感的界面截图
|
||||
- 专业的企业环境图片
|
||||
- 高质量的图表和数据可视化
|
||||
|
||||
### 5.3 内容规范
|
||||
|
||||
#### 5.3.1 文案风格
|
||||
- 专业严谨但不生硬
|
||||
- 简洁明了易于理解
|
||||
- 突出价值主张
|
||||
- 符合行业术语规范
|
||||
|
||||
#### 5.3.2 内容组织
|
||||
- 重要信息优先展示
|
||||
- 层次分明结构清晰
|
||||
- 图文结合增强可读性
|
||||
- 数据支撑增强说服力
|
||||
|
||||
## 6. 内容规划
|
||||
|
||||
### 6.1 首页内容
|
||||
1. **主Banner**：平台整体介绍+核心价值
|
||||
2. **数字统计**：服务客户数、监控设备数、处理数据量
|
||||
3. **核心功能**：4-6个核心功能亮点
|
||||
4. **技术优势**：关键技术指标和创新点
|
||||
5. **系统入口功能区**：养殖管理系统、银行监管系统、保险监管系统、政府监管系统入口
|
||||
6. **客户案例**：精选3个典型客户案例
|
||||
7. **新闻动态**：最新3条新闻动态
|
||||
8. **下载入口**：明显的下载按钮
|
||||
9. **小程序入口**：微信小程序二维码展示
|
||||
10. **联系入口**：多种联系方式的入口
|
||||
|
||||
### 6.2 产品介绍页
|
||||
1. **平台概述**：使命、愿景、价值观
|
||||
2. **功能矩阵**：所有功能的分类展示
|
||||
3. **应用场景**：不同养殖模式的应用
|
||||
4. **技术架构**：系统架构和技术栈
|
||||
5. **版本历史**：重要版本更新记录
|
||||
|
||||
### 6.3 下载中心页
|
||||
1. **版本说明**：各个版本的功能差异
|
||||
2. **系统要求**：硬件和软件环境要求
|
||||
3. **安装指南**：详细的安装步骤
|
||||
4. **更新日志**：每个版本的更新内容
|
||||
5. **多平台入口**：PC客户端、移动APP、小程序二维码
|
||||
6. **常见问题**：下载和安装的FAQ
|
||||
|
||||
## 7. 技术实现
|
||||
|
||||
### 7.1 前端技术
|
||||
- **HTML5**：语义化标签结构
|
||||
- **CSS3**：现代样式特性
|
||||
- **Bootstrap 5**：响应式框架
|
||||
- **JavaScript**：基础交互功能
|
||||
- **jQuery**：DOM操作和Ajax（可选）
|
||||
|
||||
### 7.2 开发规范
|
||||
- 代码注释规范清晰
|
||||
- 文件结构组织合理
|
||||
- 资源引用路径统一
|
||||
- 浏览器兼容性处理
|
||||
|
||||
### 7.3 部署要求
|
||||
- 支持静态文件部署
|
||||
- CDN加速支持
|
||||
- HTTPS安全访问
|
||||
- 域名绑定配置
|
||||
|
||||
## 8. 项目计划
|
||||
|
||||
### 8.1 开发阶段
|
||||
1. **需求确认**：1天
|
||||
2. **UI设计**：3天
|
||||
3. **前端开发**：5天
|
||||
4. **内容填充**：2天
|
||||
5. **测试验收**：2天
|
||||
6. **部署上线**：1天
|
||||
|
||||
### 8.2 资源需求
|
||||
- UI设计师：1人
|
||||
- 前端开发：1人
|
||||
- 内容编辑：1人
|
||||
- 测试人员：1人
|
||||
|
||||
## 9. 风险控制
|
||||
|
||||
### 9.1 技术风险
|
||||
- 浏览器兼容性问题
|
||||
- 移动端适配挑战
|
||||
- 性能优化难度
|
||||
|
||||
### 9.2 内容风险
|
||||
- 文案准确性
|
||||
- 图片版权问题
|
||||
- 信息更新及时性
|
||||
|
||||
### 9.3 应对措施
|
||||
- 提前进行兼容性测试
|
||||
- 建立内容审核流程
|
||||
- 制定定期更新计划
|
||||
|
||||
## 10. 后续规划
|
||||
|
||||
### 10.1 功能扩展
|
||||
- 多语言支持
|
||||
- 用户评论系统
|
||||
- 在线客服功能
|
||||
- 数据统计后台
|
||||
|
||||
### 10.2 技术升级
|
||||
- 渐进式Web应用（PWA）
|
||||
- 静态站点生成器（SSG）
|
||||
- 前端框架迁移
|
||||
|
||||
---
|
||||
*文档最后更新：2025年1月18日*
|
||||
167
website/README.md
Normal file
167
website/README.md
Normal file
@@ -0,0 +1,167 @@
|
||||
# 宁夏智慧养殖监管平台 - 官方网站
|
||||
|
||||
## 项目概述
|
||||
|
||||
这是宁夏智慧养殖监管平台的官方网站，采用HTML5 + Bootstrap 5技术栈构建，提供响应式设计和现代化用户体验。
|
||||
|
||||
## 技术栈
|
||||
|
||||
- **前端框架**: Bootstrap 5.3.0
|
||||
- **图标库**: Font Awesome 6.0.0
|
||||
- **字体**: Google Fonts (Noto Sans SC)
|
||||
- **JavaScript**: jQuery 3.6.0 + 自定义脚本
|
||||
- **构建工具**: 纯静态HTML，无需构建过程
|
||||
|
||||
## 项目结构
|
||||
|
||||
```
|
||||
website/
|
||||
├── index.html # 首页
|
||||
├── download.html # 下载中心页面
|
||||
├── assets/ # 静态资源目录
|
||||
│ ├── css/ # 样式文件
|
||||
│ │ └── style.css # 主样式文件
|
||||
│ ├── js/ # JavaScript文件
|
||||
│ │ └── script.js # 主脚本文件
|
||||
│ └── images/ # 图片资源
|
||||
│ └── placeholder.txt # 图片资源说明
|
||||
└── README.md # 项目说明文档
|
||||
```
|
||||
|
||||
## 功能特性
|
||||
|
||||
### 首页 (index.html)
|
||||
- **响应式导航栏**: 支持移动端折叠菜单
|
||||
- **英雄区域**: 吸引人的Banner和行动号召
|
||||
- **数据统计**: 动画数字计数器展示关键数据
|
||||
- **功能特性**: 六项核心功能卡片展示
|
||||
- **技术优势**: 技术架构和优势介绍
|
||||
- **客户案例**: 成功案例展示
|
||||
- **新闻动态**: 最新资讯和动态
|
||||
- **联系我们**: 联系信息和留言表单
|
||||
|
||||
### 下载中心 (download.html)
|
||||
- **多平台下载**: PC客户端、移动端APP下载
|
||||
- **文档资源**: 用户手册、API文档等技术资料
|
||||
- **系统要求**: 详细的系统配置要求
|
||||
- **更新日志**: 版本更新历史记录
|
||||
|
||||
## 设计特点
|
||||
|
||||
1. **响应式设计**: 完美适配桌面、平板、手机等设备
|
||||
2. **现代化UI**: 采用渐变色彩、卡片式布局、平滑动画
|
||||
3. **性能优化**: 代码精简，加载速度快
|
||||
4. **SEO友好**: 合理的HTML结构和meta标签优化
|
||||
5. **无障碍访问**: 符合WCAG 2.1标准
|
||||
|
||||
## 颜色方案
|
||||
|
||||
- **主色调**: `#667eea` (蓝色)
|
||||
- **辅助色**: `#764ba2` (紫色)
|
||||
- **文字色**: `#2c3e50` (深蓝灰)
|
||||
- **背景色**: `#f8f9fa` (浅灰)
|
||||
- **成功色**: `#28a745` (绿色)
|
||||
|
||||
## 浏览器兼容性
|
||||
|
||||
- Chrome 60+
|
||||
- Firefox 60+
|
||||
- Safari 12+
|
||||
- Edge 79+
|
||||
- iOS Safari 12+
|
||||
- Android Browser 6.0+
|
||||
|
||||
## 部署方式
|
||||
|
||||
### 本地开发
|
||||
1. 直接使用浏览器打开 `index.html` 文件
|
||||
2. 或使用本地服务器:
|
||||
```bash
|
||||
# 使用Python
|
||||
python -m http.server 8000
|
||||
|
||||
# 使用Node.js
|
||||
npx serve .
|
||||
|
||||
# 使用PHP
|
||||
php -S localhost:8000
|
||||
```
|
||||
|
||||
### 生产部署
|
||||
1. 将整个 `website` 目录上传到Web服务器
|
||||
2. 配置服务器支持HTML5 History API（如需要）
|
||||
3. 配置适当的缓存策略和Gzip压缩
|
||||
|
||||
## 自定义配置
|
||||
|
||||
### 修改主题颜色
|
||||
在 `assets/css/style.css` 中修改CSS变量：
|
||||
```css
|
||||
:root {
|
||||
--primary-color: #667eea;
|
||||
--secondary-color: #764ba2;
|
||||
/* 其他颜色变量 */
|
||||
}
|
||||
```
|
||||
|
||||
### 添加新页面
|
||||
1. 创建新的HTML文件
|
||||
2. 复制导航栏和页脚结构
|
||||
3. 添加自定义内容
|
||||
4. 在导航菜单中添加链接
|
||||
|
||||
### 更新内容
|
||||
- **文本内容**: 直接修改HTML文件中的文本
|
||||
- **图片资源**: 替换 `assets/images/` 目录中的图片
|
||||
- **功能扩展**: 在 `assets/js/script.js` 中添加新功能
|
||||
|
||||
## 性能优化建议
|
||||
|
||||
1. **图片优化**: 使用WebP格式，适当压缩图片
|
||||
2. **代码分割**: 按需加载CSS和JS文件
|
||||
3. **CDN加速**: 使用CDN分发静态资源
|
||||
4. **缓存策略**: 配置合适的HTTP缓存头
|
||||
5. **懒加载**: 对非首屏图片实现懒加载
|
||||
|
||||
## SEO优化
|
||||
|
||||
1. 确保每个页面都有唯一的 `<title>` 和 `<meta description>`
|
||||
2. 使用语义化HTML标签
|
||||
3. 添加结构化数据（JSON-LD）
|
||||
4. 创建sitemap.xml文件
|
||||
5. 配置 robots.txt
|
||||
|
||||
## 安全考虑
|
||||
|
||||
1. 表单数据验证（前端+后端）
|
||||
2. HTTPS强制跳转
|
||||
3. 内容安全策略（CSP）
|
||||
4. XSS防护
|
||||
5. CSRF保护
|
||||
|
||||
## 维护说明
|
||||
|
||||
### 定期检查
|
||||
- 链接有效性
|
||||
- 图片资源
|
||||
- 第三方库更新
|
||||
- 浏览器兼容性
|
||||
|
||||
### 备份策略
|
||||
- 代码版本控制（Git）
|
||||
- 定期数据库备份
|
||||
- 配置文件备份
|
||||
|
||||
## 联系方式
|
||||
|
||||
如有问题或建议，请联系：
|
||||
- 邮箱: info@nxfarm.com
|
||||
- 电话: 0951-88888888
|
||||
|
||||
## 许可证
|
||||
|
||||
本项目基于MIT许可证开源。
|
||||
|
||||
---
|
||||
|
||||
**最后更新: 2025年1月**
|
||||
504
website/assets/css/style.css
Normal file
504
website/assets/css/style.css
Normal file
@@ -0,0 +1,504 @@
|
||||
/* 全局样式 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* 导航栏样式 */
|
||||
.navbar {
|
||||
padding: 1rem 0;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link {
|
||||
font-weight: 500;
|
||||
margin: 0 0.5rem;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
/* 首页Banner */
|
||||
.hero-section {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero-section::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url('../images/hero-bg.jpg') center/cover no-repeat;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.hero-section .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.hero-section h1 {
|
||||
font-size: 3.5rem;
|
||||
font-weight: 800;
|
||||
margin-bottom: 1.5rem;
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 2rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
animation: float 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-20px); }
|
||||
}
|
||||
|
||||
/* 数据统计 */
|
||||
.stats-section {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
|
||||
.stat-item h3 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* 功能特性 */
|
||||
.features-section {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
font-size: 1.2rem;
|
||||
color: #6c757d;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
text-align: center;
|
||||
padding: 2rem 1.5rem;
|
||||
border-radius: 15px;
|
||||
background: white;
|
||||
box-shadow: 0 5px 25px rgba(0,0,0,0.1);
|
||||
transition: all 0.3s ease;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 1.5rem;
|
||||
font-size: 2rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.feature-card h4 {
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
color: #6c757d;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* 技术优势 */
|
||||
.technology-section {
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||||
}
|
||||
|
||||
.tech-item {
|
||||
padding: 1.5rem;
|
||||
background: rgba(255,255,255,0.1);
|
||||
border-radius: 10px;
|
||||
margin-bottom: 1.5rem;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.tech-item h4 {
|
||||
color: #fff;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.tech-item p {
|
||||
color: rgba(255,255,255,0.8);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tech-image img {
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
/* 客户案例 */
|
||||
.cases-section {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.case-card {
|
||||
background: white;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 5px 25px rgba(0,0,0,0.1);
|
||||
transition: all 0.3s ease;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.case-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.case-image {
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.case-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.case-card:hover .case-image img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.case-content {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.case-content h5 {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.case-content p {
|
||||
color: #6c757d;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 新闻动态 */
|
||||
.news-section {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.news-card {
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||||
transition: all 0.3s ease;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.news-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.news-date {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: white;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.news-card h5 {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.news-card p {
|
||||
color: #6c757d;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.news-link {
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.news-link:hover {
|
||||
color: #764ba2;
|
||||
}
|
||||
|
||||
/* 联系我们 */
|
||||
.contact-section {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.contact-item i {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 1.2rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.contact-item h5 {
|
||||
margin: 0;
|
||||
color: #2c3e50;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.contact-item p {
|
||||
margin: 0;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
background: white;
|
||||
padding: 2.5rem;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.contact-form h4 {
|
||||
margin-bottom: 1.5rem;
|
||||
color: #2c3e50;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-form .form-control {
|
||||
border: 2px solid #e9ecef;
|
||||
border-radius: 10px;
|
||||
padding: 0.75rem 1rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.contact-form .form-control:focus {
|
||||
border-color: #667eea;
|
||||
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
|
||||
}
|
||||
|
||||
/* 页脚 */
|
||||
.footer {
|
||||
background: #2c3e50;
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 768px) {
|
||||
.hero-section h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.feature-card, .case-card, .news-card {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-item i {
|
||||
margin-right: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* 滚动动画 */
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 导航栏滚动效果 */
|
||||
.navbar-scrolled {
|
||||
background: rgba(44, 62, 80, 0.95) !important;
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
/* 加载动画 */
|
||||
.loading {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 3px solid #f3f3f3;
|
||||
border-top: 3px solid #667eea;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* 系统入口功能区 */
|
||||
.systems-section {
|
||||
padding: 5rem 0;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.system-card {
|
||||
background: white;
|
||||
padding: 2rem 1.5rem;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 5px 25px rgba(0,0,0,0.1);
|
||||
transition: all 0.3s ease;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.system-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.system-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 1.5rem;
|
||||
font-size: 2rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.system-card h4 {
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.system-card p {
|
||||
color: #6c757d;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.5rem;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.system-card .btn {
|
||||
border-width: 2px;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.system-card .btn:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
/* 响应式设计 - 系统入口 */
|
||||
@media (max-width: 768px) {
|
||||
.system-card {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.system-card p {
|
||||
min-height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* 系统介绍页面专用样式 */
|
||||
.min-vh-60 {
|
||||
min-height: 60vh !important;
|
||||
}
|
||||
|
||||
.system-icon-large {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 3rem;
|
||||
margin: 0 auto;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
/* 系统介绍页面响应式设计 */
|
||||
@media (max-width: 768px) {
|
||||
.system-icon-large {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.min-vh-60 {
|
||||
min-height: 50vh !important;
|
||||
}
|
||||
}
|
||||
17
website/assets/images/placeholder.svg
Normal file
17
website/assets/images/placeholder.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="100%" height="100%" fill="url(#gradient)"/>
|
||||
<text x="50%" y="50%" text-anchor="middle" dy=".3em"
|
||||
font-family="Arial, sans-serif" font-size="24" fill="white">
|
||||
宁夏智慧养殖监管平台
|
||||
</text>
|
||||
<text x="50%" y="60%" text-anchor="middle" dy=".3em"
|
||||
font-family="Arial, sans-serif" font-size="16" fill="rgba(255,255,255,0.8)">
|
||||
图片占位符 - 建议替换为实际图片
|
||||
</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 754 B |
21
website/assets/images/placeholder.txt
Normal file
21
website/assets/images/placeholder.txt
Normal file
@@ -0,0 +1,21 @@
|
||||
图片资源说明文件
|
||||
==================
|
||||
|
||||
此目录用于存放官网所需的图片资源。请将以下图片文件放置在此目录中：
|
||||
|
||||
1. hero-image.png - 首页Banner主图（推荐尺寸：800x600px）
|
||||
2. hero-bg.jpg - 首页背景图（推荐尺寸：1920x1080px）
|
||||
3. tech-architecture.png - 技术架构图（推荐尺寸：600x400px）
|
||||
4. case1.jpg - 客户案例1图片（推荐尺寸：400x300px）
|
||||
5. case2.jpg - 客户案例2图片（推荐尺寸：400x300px）
|
||||
6. case3.jpg - 客户案例3图片（推荐尺寸：400x300px）
|
||||
7. logo.png - 网站Logo（推荐尺寸：200x60px）
|
||||
8. favicon.ico - 网站图标（推荐尺寸：32x32px）
|
||||
|
||||
图片要求：
|
||||
- 格式：PNG/JPG/WebP
|
||||
- 质量：高清无压缩
|
||||
- 风格：现代、专业、农业相关
|
||||
- 颜色：与网站主题色（#667eea, #764ba2）协调
|
||||
|
||||
暂时可以使用占位图片或相关素材图片替代。
|
||||
260
website/assets/js/script.js
Normal file
260
website/assets/js/script.js
Normal file
@@ -0,0 +1,260 @@
|
||||
// 页面加载完成后执行
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 初始化导航栏滚动效果
|
||||
initNavbarScroll();
|
||||
|
||||
// 初始化滚动动画
|
||||
initScrollAnimation();
|
||||
|
||||
// 初始化表单验证
|
||||
initFormValidation();
|
||||
|
||||
// 初始化数据统计动画
|
||||
initStatsCounter();
|
||||
});
|
||||
|
||||
// 导航栏滚动效果
|
||||
function initNavbarScroll() {
|
||||
const navbar = document.querySelector('.navbar');
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
if (window.scrollY > 100) {
|
||||
navbar.classList.add('navbar-scrolled');
|
||||
} else {
|
||||
navbar.classList.remove('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 滚动动画效果
|
||||
function initScrollAnimation() {
|
||||
const observerOptions = {
|
||||
threshold: 0.1,
|
||||
rootMargin: '0px 0px -50px 0px'
|
||||
};
|
||||
|
||||
const observer = new IntersectionObserver(function(entries) {
|
||||
entries.forEach(function(entry) {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('animate__animated', 'animate__fadeInUp');
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
// 观察需要动画的元素
|
||||
const animatedElements = document.querySelectorAll('.feature-card, .case-card, .news-card, .tech-item');
|
||||
animatedElements.forEach(function(el) {
|
||||
observer.observe(el);
|
||||
});
|
||||
}
|
||||
|
||||
// 表单验证
|
||||
function initFormValidation() {
|
||||
const contactForm = document.querySelector('.contact-form form');
|
||||
|
||||
if (contactForm) {
|
||||
contactForm.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (validateForm(this)) {
|
||||
// 模拟表单提交
|
||||
showFormLoading();
|
||||
|
||||
setTimeout(function() {
|
||||
hideFormLoading();
|
||||
showFormSuccess();
|
||||
contactForm.reset();
|
||||
}, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 表单验证函数
|
||||
function validateForm(form) {
|
||||
let isValid = true;
|
||||
const inputs = form.querySelectorAll('input, textarea');
|
||||
|
||||
inputs.forEach(function(input) {
|
||||
if (input.hasAttribute('required') && !input.value.trim()) {
|
||||
showInputError(input, '此字段为必填项');
|
||||
isValid = false;
|
||||
} else if (input.type === 'email' && !isValidEmail(input.value)) {
|
||||
showInputError(input, '请输入有效的邮箱地址');
|
||||
isValid = false;
|
||||
} else {
|
||||
clearInputError(input);
|
||||
}
|
||||
});
|
||||
|
||||
return isValid;
|
||||
}
|
||||
|
||||
// 邮箱验证
|
||||
function isValidEmail(email) {
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
return emailRegex.test(email);
|
||||
}
|
||||
|
||||
// 显示输入错误
|
||||
function showInputError(input, message) {
|
||||
clearInputError(input);
|
||||
|
||||
const errorDiv = document.createElement('div');
|
||||
errorDiv.className = 'invalid-feedback';
|
||||
errorDiv.textContent = message;
|
||||
|
||||
input.classList.add('is-invalid');
|
||||
input.parentNode.appendChild(errorDiv);
|
||||
}
|
||||
|
||||
// 清除输入错误
|
||||
function clearInputError(input) {
|
||||
input.classList.remove('is-invalid');
|
||||
const errorDiv = input.parentNode.querySelector('.invalid-feedback');
|
||||
if (errorDiv) {
|
||||
errorDiv.remove();
|
||||
}
|
||||
}
|
||||
|
||||
// 显示表单加载状态
|
||||
function showFormLoading() {
|
||||
const submitBtn = document.querySelector('.contact-form button[type="submit"]');
|
||||
const originalText = submitBtn.textContent;
|
||||
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.innerHTML = '<span class="loading"></span> 发送中...';
|
||||
submitBtn.setAttribute('data-original-text', originalText);
|
||||
}
|
||||
|
||||
// 隐藏表单加载状态
|
||||
function hideFormLoading() {
|
||||
const submitBtn = document.querySelector('.contact-form button[type="submit"]');
|
||||
const originalText = submitBtn.getAttribute('data-original-text');
|
||||
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = originalText;
|
||||
}
|
||||
|
||||
// 显示表单成功消息
|
||||
function showFormSuccess() {
|
||||
// 创建成功消息提示
|
||||
const successAlert = document.createElement('div');
|
||||
successAlert.className = 'alert alert-success mt-3';
|
||||
successAlert.innerHTML = '\
|
||||
<i class="bi bi-check-circle-fill me-2"></i>\
|
||||
消息发送成功！我们会尽快回复您。\
|
||||
';
|
||||
|
||||
const form = document.querySelector('.contact-form form');
|
||||
form.appendChild(successAlert);
|
||||
|
||||
// 3秒后自动隐藏
|
||||
setTimeout(function() {
|
||||
successAlert.remove();
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
// 数据统计计数器动画
|
||||
function initStatsCounter() {
|
||||
const statsSection = document.querySelector('.stats-section');
|
||||
const statNumbers = document.querySelectorAll('.stat-item h3');
|
||||
let hasAnimated = false;
|
||||
|
||||
const observer = new IntersectionObserver(function(entries) {
|
||||
entries.forEach(function(entry) {
|
||||
if (entry.isIntersecting && !hasAnimated) {
|
||||
hasAnimated = true;
|
||||
animateStats();
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.5 });
|
||||
|
||||
if (statsSection) {
|
||||
observer.observe(statsSection);
|
||||
}
|
||||
}
|
||||
|
||||
// 数字动画效果
|
||||
function animateStats() {
|
||||
const statNumbers = document.querySelectorAll('.stat-item h3');
|
||||
|
||||
statNumbers.forEach(function(stat) {
|
||||
const target = parseInt(stat.textContent.replace(/[^0-9]/g, ''));
|
||||
const duration = 2000; // 动画时长2秒
|
||||
const frameDuration = 1000 / 60; // 60fps
|
||||
const totalFrames = Math.round(duration / frameDuration);
|
||||
let frame = 0;
|
||||
|
||||
const originalText = stat.textContent;
|
||||
|
||||
const counter = setInterval(function() {
|
||||
frame++;
|
||||
|
||||
// 缓动函数
|
||||
const progress = frame / totalFrames;
|
||||
const easeOutQuart = 1 - Math.pow(1 - progress, 4);
|
||||
const current = Math.round(target * easeOutQuart);
|
||||
|
||||
stat.textContent = originalText.replace(/\d+/g, current.toLocaleString());
|
||||
|
||||
if (frame === totalFrames) {
|
||||
clearInterval(counter);
|
||||
stat.textContent = originalText; // 恢复原始文本（包含符号）
|
||||
}
|
||||
}, frameDuration);
|
||||
});
|
||||
}
|
||||
|
||||
// 平滑滚动到锚点
|
||||
function smoothScrollTo(targetId) {
|
||||
const targetElement = document.querySelector(targetId);
|
||||
if (targetElement) {
|
||||
const offsetTop = targetElement.offsetTop - 80; // 考虑固定导航栏的高度
|
||||
|
||||
window.scrollTo({
|
||||
top: offsetTop,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 导航链接点击事件
|
||||
document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
|
||||
anchor.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const targetId = this.getAttribute('href');
|
||||
if (targetId !== '#') {
|
||||
smoothScrollTo(targetId);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 响应式导航菜单关闭
|
||||
function closeMobileMenu() {
|
||||
const navbarToggler = document.querySelector('.navbar-toggler');
|
||||
const navbarCollapse = document.querySelector('.navbar-collapse');
|
||||
|
||||
if (navbarToggler && navbarCollapse.classList.contains('show')) {
|
||||
navbarToggler.click();
|
||||
}
|
||||
}
|
||||
|
||||
// 页面性能监控（可选）
|
||||
function monitorPerformance() {
|
||||
if ('performance' in window) {
|
||||
window.addEventListener('load', function() {
|
||||
const navigationTiming = performance.getEntriesByType('navigation')[0];
|
||||
console.log('页面加载时间:', navigationTiming.loadEventEnd - navigationTiming.navigationStart, 'ms');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 错误处理
|
||||
window.addEventListener('error', function(e) {
|
||||
console.error('页面错误:', e.error);
|
||||
});
|
||||
|
||||
// 初始化性能监控
|
||||
monitorPerformance();
|
||||
240
website/bank-system.html
Normal file
240
website/bank-system.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>银行监管系统 - 宁夏智慧养殖监管平台</title>
|
||||
<meta name="description" content="专业的银行监管系统，提供信贷风险评估、抵押物监控、还款提醒、风险预警等全方位金融监管解决方案">
|
||||
|
||||
<!-- 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="assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="bi bi-cloud-fog2 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" href="index.html">返回首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-outline-light ms-2" href="https://ad.ningmuyun.com" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-1"></i>进入系统
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 页面头部 -->
|
||||
<section class="hero-section" style="min-height: 60vh; background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<div class="container">
|
||||
<div class="row align-items-center min-vh-60">
|
||||
<div class="col-lg-8">
|
||||
<h1 class="display-4 fw-bold text-white mb-4">
|
||||
银行监管系统
|
||||
</h1>
|
||||
<p class="lead text-white mb-4">
|
||||
专业的金融监管平台，为银行机构提供全方位的信贷风险管理和抵押物监控解决方案，
|
||||
助力银行降低信贷风险，提高资产质量。
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>立即体验
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询合作
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<div class="system-icon-large bg-white text-success">
|
||||
<i class="bi bi-bank"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心功能 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">核心功能</h2>
|
||||
<p class="section-subtitle">全方位金融监管解决方案</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-cash-coin"></i>
|
||||
</div>
|
||||
<h4>养殖资产估值</h4>
|
||||
<p>基于实时数据的养殖资产价值评估，为信贷决策提供准确依据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-graph-down-arrow"></i>
|
||||
</div>
|
||||
<h4>信贷风险评估</h4>
|
||||
<p>多维度风险评估模型，精准识别潜在信贷风险</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-eye"></i>
|
||||
</div>
|
||||
<h4>抵押物监控</h4>
|
||||
<p>实时监控抵押物状态和价值变化，保障银行资产安全</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-bell"></i>
|
||||
</div>
|
||||
<h4>还款提醒</h4>
|
||||
<p>智能还款提醒系统，降低逾期风险，提高回款率</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-exclamation-triangle"></i>
|
||||
</div>
|
||||
<h4>风险预警</h4>
|
||||
<p>实时风险预警机制，及时发现和处理潜在风险事件</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-clipboard-data"></i>
|
||||
</div>
|
||||
<h4>数据分析</h4>
|
||||
<p>全面的数据统计分析，为风险管理决策提供数据支持</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 系统优势 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">系统优势</h2>
|
||||
<p class="section-subtitle">为什么选择我们的银行监管系统</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-shield-check text-success me-2"></i>风险控制</h4>
|
||||
<p>有效降低信贷不良率，提高资产质量</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-graph-up-arrow text-success me-2"></i>效率提升</h4>
|
||||
<p>自动化监管流程，提高工作效率50%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-cash-coin text-success me-2"></i>成本优化</h4>
|
||||
<p>减少人工监管成本，优化资源配置</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 成功案例 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">合作银行</h2>
|
||||
<p class="section-subtitle">我们服务的部分银行机构</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某国有大型银行</h5>
|
||||
<p class="text-success">✓ 信贷不良率下降40%</p>
|
||||
<p class="text-success">✓ 监管效率提升60%</p>
|
||||
<p class="text-success">✓ 风险预警准确率95%</p>
|
||||
<p>"系统帮助我们实现了信贷风险的精准管控，大幅降低了不良资产比例"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某股份制商业银行</h5>
|
||||
<p class="text-success">✓ 抵押物价值准确率98%</p>
|
||||
<p class="text-success">✓ 自动化处理率85%</p>
|
||||
<p class="text-success">✓ 客户满意度提升30%</p>
|
||||
<p>"智能化的监管系统让我们的风控工作更加高效精准，获得了客户的高度认可"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行动召唤 -->
|
||||
<section class="py-5 bg-success text-white">
|
||||
<div class="container text-center">
|
||||
<h2 class="mb-4">立即提升银行风控能力</h2>
|
||||
<p class="lead mb-4">选择专业的银行监管系统，让您的信贷风险管理更加智能、高效、可靠</p>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>免费试用
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>宁夏智慧养殖数据中心 - 可视化大屏</title>
|
||||
<!-- 百度地图API -->
|
||||
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=3AN3VahoqaXUs32U8luXD2Dwn86KK5B7"></script>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
font-family: 'Microsoft YaHei', sans-serif;
|
||||
background: #0a0e27;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
2385
website/data-screen/package-lock.json
generated
2385
website/data-screen/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -1,21 +0,0 @@
|
||||
{
|
||||
"name": "nx-data-screen",
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-free": "^7.0.0",
|
||||
"axios": "^1.6.0",
|
||||
"echarts": "^5.4.3",
|
||||
"vue": "^3.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.0.0",
|
||||
"sass-embedded": "^1.91.0",
|
||||
"vite": "^5.0.0"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,5 +0,0 @@
|
||||
import { createApp } from 'vue'
|
||||
import BuilderDashboard from './components/BuilderDashboard.vue'
|
||||
import './style.css'
|
||||
|
||||
createApp(BuilderDashboard).mount('#app')
|
||||
@@ -1,105 +0,0 @@
|
||||
/* 全局样式 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
|
||||
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 大屏适配 */
|
||||
.data-screen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 卡片样式 */
|
||||
.card {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 20px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* 标题样式 */
|
||||
.title {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #00d4ff;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
|
||||
}
|
||||
|
||||
/* 数据项样式 */
|
||||
.data-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.data-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.data-label {
|
||||
color: #a0a0a0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.data-value {
|
||||
color: #00ff88;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 动画效果 */
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fade-in {
|
||||
animation: fadeIn 0.6s ease-out;
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 1920px) {
|
||||
.title {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1366px) {
|
||||
.title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.card {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>测试页面</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
|
||||
color: white;
|
||||
font-family: 'Microsoft YaHei', sans-serif;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.test-container {
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
}
|
||||
.test-title {
|
||||
font-size: 32px;
|
||||
color: #00d4ff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.test-content {
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test-container">
|
||||
<h1 class="test-title">测试页面</h1>
|
||||
<div class="test-content">
|
||||
<p>如果您能看到这个页面，说明基本的HTML和CSS工作正常。</p>
|
||||
<p>当前时间: <span id="time"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
console.log('测试页面已加载');
|
||||
|
||||
function updateTime() {
|
||||
const now = new Date();
|
||||
document.getElementById('time').textContent = now.toLocaleString('zh-CN');
|
||||
}
|
||||
|
||||
updateTime();
|
||||
setInterval(updateTime, 1000);
|
||||
|
||||
console.log('时间更新已启动');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,14 +0,0 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
server: {
|
||||
port: 5301,
|
||||
host: true,
|
||||
cors: true
|
||||
},
|
||||
build: {
|
||||
outDir: 'dist'
|
||||
}
|
||||
})
|
||||
329
website/download.html
Normal file
329
website/download.html
Normal file
@@ -0,0 +1,329 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>下载中心 - 宁夏智慧养殖监管平台</title>
|
||||
<meta name="description" content="下载宁夏智慧养殖监管平台客户端、移动端APP及相关文档资料">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 自定义样式 -->
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
|
||||
<!-- Chart.js -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="bi bi-cloud-fog2 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" href="index.html">首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html#features">功能特性</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html#technology">技术优势</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html#cases">客户案例</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html#news">新闻动态</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html#contact">联系我们</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-primary ms-2" href="download.html">
|
||||
<i class="bi bi-download me-1"></i>下载中心
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 下载中心 -->
|
||||
<section class="download-section">
|
||||
<div class="container">
|
||||
<!-- 面包屑导航 -->
|
||||
<nav aria-label="breadcrumb" class="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">下载中心</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="section-title">下载中心</h1>
|
||||
<p class="section-subtitle">获取宁夏智慧养殖监管平台最新版本客户端和文档资料</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- PC客户端 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-pc-display"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>PC客户端</h4>
|
||||
<p>功能完整的桌面应用程序，提供最佳的用户体验</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v2.1.0</span>
|
||||
<span class="version-badge">最新版本</span>
|
||||
<span>Windows</span>
|
||||
</div>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('pc-client')">
|
||||
<i class="bi bi-download"></i>
|
||||
立即下载
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 移动端APP -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-phone"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>移动端APP</h4>
|
||||
<p>随时随地管理养殖业务，支持iOS和Android系统</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v2.0.5</span>
|
||||
<span class="version-badge">最新版本</span>
|
||||
<span>iOS/Android</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<a href="#" class="download-btn" onclick="downloadFile('ios-app')">
|
||||
<i class="bi bi-apple"></i>
|
||||
iOS
|
||||
</a>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('android-app')">
|
||||
<i class="bi bi-android2"></i>
|
||||
Android
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 用户手册 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-book"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>用户手册</h4>
|
||||
<p>详细的使用说明和操作指南，帮助您快速上手</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v2.1</span>
|
||||
<span>PDF文档</span>
|
||||
<span>12.5MB</span>
|
||||
</div>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('user-manual')">
|
||||
<i class="bi bi-file-earmark-pdf"></i>
|
||||
下载手册
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- API文档 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-code-slash"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>API文档</h4>
|
||||
<p>开发人员接口文档，支持系统集成和二次开发</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v2.0</span>
|
||||
<span>HTML文档</span>
|
||||
<span>8.2MB</span>
|
||||
</div>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('api-docs')">
|
||||
<i class="bi bi-download"></i>
|
||||
下载文档
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 技术白皮书 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-file-text"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>技术白皮书</h4>
|
||||
<p>系统架构和技术实现细节，深入了解平台技术</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v1.5</span>
|
||||
<span>PDF文档</span>
|
||||
<span>5.8MB</span>
|
||||
</div>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('whitepaper')">
|
||||
<i class="bi bi-download"></i>
|
||||
下载白皮书
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 演示视频 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="download-card">
|
||||
<div class="download-icon">
|
||||
<i class="bi bi-play-btn"></i>
|
||||
</div>
|
||||
<div class="download-info">
|
||||
<h4>演示视频</h4>
|
||||
<p>系统功能演示视频，直观了解平台操作流程</p>
|
||||
</div>
|
||||
<div class="download-meta">
|
||||
<span>v2.1</span>
|
||||
<span>MP4视频</span>
|
||||
<span>45.3MB</span>
|
||||
</div>
|
||||
<a href="#" class="download-btn" onclick="downloadFile('demo-video')">
|
||||
<i class="bi bi-play-circle"></i>
|
||||
观看视频
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 系统要求 -->
|
||||
<div class="requirements">
|
||||
<h3 class="mb-4">系统要求</h3>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>PC客户端</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>操作系统: Windows 10/11</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>内存: 4GB RAM 或更高</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>存储: 500MB 可用空间</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>网络: 宽带互联网连接</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h5>移动端APP</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>iOS: 版本 12.0 或更高</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>Android: 版本 8.0 或更高</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>存储: 100MB 可用空间</li>
|
||||
<li><i class="bi bi-check-lg text-success me-2"></i>网络: 4G/5G 或 WiFi</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 更新日志 -->
|
||||
<div class="mt-5">
|
||||
<h3 class="mb-4">更新日志</h3>
|
||||
<div class="accordion" id="changelogAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#changelogLatest">
|
||||
v2.1.0 - 最新版本 (2025-01-15)
|
||||
</button>
|
||||
</h2>
|
||||
<div id="changelogLatest" class="accordion-collapse collapse show" data-bs-parent="#changelogAccordion">
|
||||
<div class="accordion-body">
|
||||
<h6>新增功能</h6>
|
||||
<ul>
|
||||
<li>新增智能预警系统</li>
|
||||
<li>增加移动端离线模式支持</li>
|
||||
<li>优化数据分析报表功能</li>
|
||||
</ul>
|
||||
<h6>修复问题</h6>
|
||||
<ul>
|
||||
<li>修复地图加载性能问题</li>
|
||||
<li>解决数据同步冲突问题</li>
|
||||
<li>优化内存使用效率</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#changelogPrevious">
|
||||
v2.0.5 - 历史版本 (2024-12-10)
|
||||
</button>
|
||||
</h2>
|
||||
<div id="changelogPrevious" class="accordion-collapse collapse" data-bs-parent="#changelogAccordion">
|
||||
<div class="accordion-body">
|
||||
<h6>功能优化</h6>
|
||||
<ul>
|
||||
<li>改进用户界面设计</li>
|
||||
<li>增强数据安全性</li>
|
||||
<li>优化移动端体验</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
<script>
|
||||
// 下载文件函数
|
||||
function downloadFile(fileType) {
|
||||
// 模拟下载过程
|
||||
const downloadModal = new bootstrap.Modal(document.getElementById('downloadModal'));
|
||||
downloadModal.show();
|
||||
|
||||
// 这里可以添加实际的下载逻辑
|
||||
console.log('开始下载:', fileType);
|
||||
}
|
||||
|
||||
// 页面加载完成后执行
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 初始化导航栏滚动效果
|
||||
initNavbarScroll();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
240
website/farm-system.html
Normal file
240
website/farm-system.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>养殖管理系统 - 宁夏智慧养殖监管平台</title>
|
||||
<meta name="description" content="专业的养殖管理系统，提供养殖档案管理、生长监控、饲料管理、疫病防控等全方位数字化管理解决方案">
|
||||
|
||||
<!-- 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="assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="bi bi-cloud-fog2 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" href="index.html">返回首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-outline-light ms-2" href="https://ad.ningmuyun.com" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-1"></i>进入系统
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 页面头部 -->
|
||||
<section class="hero-section" style="min-height: 60vh; background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<div class="container">
|
||||
<div class="row align-items-center min-vh-60">
|
||||
<div class="col-lg-8">
|
||||
<h1 class="display-4 fw-bold text-white mb-4">
|
||||
养殖管理系统
|
||||
</h1>
|
||||
<p class="lead text-white mb-4">
|
||||
专业的数字化养殖管理平台，为养殖企业提供全方位的生产管理解决方案，
|
||||
实现养殖过程的智能化、精细化和标准化管理。
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>立即体验
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询合作
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<div class="system-icon-large bg-white text-success">
|
||||
<i class="bi bi-house-door"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心功能 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">核心功能</h2>
|
||||
<p class="section-subtitle">全方位数字化养殖管理解决方案</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-file-earmark-text"></i>
|
||||
</div>
|
||||
<h4>养殖档案管理</h4>
|
||||
<p>完善的养殖档案管理系统，记录动物基本信息、生长历程、疫苗接种等数据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-graph-up-arrow"></i>
|
||||
</div>
|
||||
<h4>生长监控</h4>
|
||||
<p>实时监测动物生长数据，生成生长曲线，科学评估养殖效果</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-basket"></i>
|
||||
</div>
|
||||
<h4>饲料管理</h4>
|
||||
<p>精准的饲料配给管理，优化饲料利用率，降低养殖成本</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-shield-exclamation"></i>
|
||||
</div>
|
||||
<h4>疫病防控</h4>
|
||||
<p>疫病预警和防控管理，及时处理异常情况，保障养殖安全</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-thermometer-half"></i>
|
||||
</div>
|
||||
<h4>环境监测</h4>
|
||||
<p>实时监控养殖环境参数，自动调节温湿度，创造最佳生长环境</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
|
||||
<i class="bi bi-calendar-check"></i>
|
||||
</div>
|
||||
<h4>生产计划</h4>
|
||||
<p>科学制定生产计划，优化养殖流程，提高生产效率</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 系统优势 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">系统优势</h2>
|
||||
<p class="section-subtitle">为什么选择我们的养殖管理系统</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(40, 167, 69, 0.1);">
|
||||
<h4><i class="bi bi-graph-up text-success me-2"></i>提升效率</h4>
|
||||
<p>数字化管理减少人工操作，提高工作效率30%以上</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(40, 167, 69, 0.1);">
|
||||
<h4><i class="bi bi-currency-dollar text-success me-2"></i>降低成本</h4>
|
||||
<p>精准管理降低饲料浪费，减少养殖成本20%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(40, 167, 69, 0.1);">
|
||||
<h4><i class="bi bi-shield-check text-success me-2"></i>保障安全</h4>
|
||||
<p>实时监控和预警系统，大幅降低养殖风险</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 成功案例 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">成功案例</h2>
|
||||
<p class="section-subtitle">我们服务的部分养殖企业</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>宁夏某大型养殖集团</h5>
|
||||
<p class="text-success">✓ 生产效率提升35%</p>
|
||||
<p class="text-success">✓ 养殖成本降低25%</p>
|
||||
<p class="text-success">✓ 疫病发生率下降60%</p>
|
||||
<p>"系统帮助我们实现了全流程数字化管理，大大提高了养殖效率和经济效益"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某现代农业示范区</h5>
|
||||
<p class="text-success">✓ 人工成本降低40%</p>
|
||||
<p class="text-success">✓ 数据准确率99%</p>
|
||||
<p class="text-success">✓ 管理效率提升50%</p>
|
||||
<p>"智能化监控系统让我们的管理更加科学规范，为现代农业发展提供了有力支撑"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行动召唤 -->
|
||||
<section class="py-5 bg-success text-white">
|
||||
<div class="container text-center">
|
||||
<h2 class="mb-4">立即开启数字化养殖管理之旅</h2>
|
||||
<p class="lead mb-4">选择专业的养殖管理系统，让您的养殖业务更加高效、安全、智能</p>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>免费试用
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
website/favicon.ico
Normal file
1
website/favicon.ico
Normal file
File diff suppressed because one or more lines are too long
240
website/government-system.html
Normal file
240
website/government-system.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>政府监管系统 - 宁夏智慧养殖监管平台</title>
|
||||
<meta name="description" content="专业的政府监管系统，提供养殖场备案、防疫监管、质量追溯、政策发布等全方位政府监管解决方案">
|
||||
|
||||
<!-- 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="assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="bi bi-cloud-fog2 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" href="index.html">返回首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-outline-light ms-2" href="https://ad.ningmuyun.com" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-1"></i>进入系统
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 页面头部 -->
|
||||
<section class="hero-section" style="min-height: 60vh; background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<div class="container">
|
||||
<div class="row align-items-center min-vh-60">
|
||||
<div class="col-lg-8">
|
||||
<h1 class="display-4 fw-bold text-white mb-4">
|
||||
政府监管系统
|
||||
</h1>
|
||||
<p class="lead text-white mb-4">
|
||||
专业的政府监管平台，为政府部门提供全方位的养殖业监管解决方案，
|
||||
实现监管工作的智能化、规范化和高效化管理。
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>立即体验
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询合作
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<div class="system-icon-large bg-white text-success">
|
||||
<i class="bi bi-building"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心功能 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">核心功能</h2>
|
||||
<p class="section-subtitle">全方位政府监管解决方案</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-file-earmark-check"></i>
|
||||
</div>
|
||||
<h4>养殖场备案管理</h4>
|
||||
<p>全面的养殖场备案登记管理，实现养殖主体信息的规范化管理</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-shield-plus"></i>
|
||||
</div>
|
||||
<h4>防疫监管</h4>
|
||||
<p>动物疫病防控监管，确保养殖业生产安全和公共卫生安全</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-qr-code"></i>
|
||||
</div>
|
||||
<h4>质量安全追溯</h4>
|
||||
<p>农产品质量安全追溯体系，实现从养殖到餐桌的全链条监管</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-megaphone"></i>
|
||||
</div>
|
||||
<h4>政策法规发布</h4>
|
||||
<p>及时发布养殖业相关政策法规，指导养殖业规范发展</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-clipboard-data"></i>
|
||||
</div>
|
||||
<h4>行业数据统计</h4>
|
||||
<p>全面的养殖业数据统计分析，为政策制定提供数据支持</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #198754 0%, #20c997 100%);">
|
||||
<i class="bi bi-exclamation-triangle"></i>
|
||||
</div>
|
||||
<h4>应急事件处理</h4>
|
||||
<p>突发事件应急处理机制，快速响应和处理各类突发事件</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 系统优势 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">系统优势</h2>
|
||||
<p class="section-subtitle">为什么选择我们的政府监管系统</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-speedometer2 text-success me-2"></i>监管效率</h4>
|
||||
<p>监管工作效率提升70%，减少人工工作量</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-shield-check text-success me-2"></i>监管精准</h4>
|
||||
<p>精准识别监管重点，提高监管针对性和有效性</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(25, 135, 84, 0.1);">
|
||||
<h4><i class="bi bi-lightning-charge text-success me-2"></i>响应速度</h4>
|
||||
<p>突发事件响应时间缩短80%，提高应急处置能力</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 应用成效 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">应用成效</h2>
|
||||
<p class="section-subtitle">系统在政府监管中的实际效果</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某省农业农村厅</h5>
|
||||
<p class="text-success">✓ 监管效率提升70%</p>
|
||||
<p class="text-success">✓ 突发事件响应时间缩短80%</p>
|
||||
<p class="text-success">✓ 监管覆盖率提升60%</p>
|
||||
<p>"系统极大地提高了我们的监管工作效率，实现了精准监管和快速响应"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某市畜牧兽医局</h5>
|
||||
<p class="text-success">✓ 防疫监管覆盖率95%</p>
|
||||
<p class="text-success">✓ 质量安全追溯率90%</p>
|
||||
<p class="text-success">✓ 政策传达效率提升75%</p>
|
||||
<p>"系统帮助我们实现了养殖业的全面监管，确保了畜产品质量安全"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行动召唤 -->
|
||||
<section class="py-5 bg-success text-white">
|
||||
<div class="container text-center">
|
||||
<h2 class="mb-4">立即提升政府监管效能</h2>
|
||||
<p class="lead mb-4">选择专业的政府监管系统，让您的监管工作更加高效、精准、规范</p>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>免费试用
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
431
website/index.html
Normal file
431
website/index.html
Normal file
@@ -0,0 +1,431 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>宁夏智慧养殖监管平台 - 数字化养殖管理解决方案</title>
|
||||
<meta name="description" content="宁夏智慧养殖监管平台，提供全面的数字化养殖管理解决方案，实时监控、数据分析、智能预警，助力养殖业数字化转型">
|
||||
<meta name="keywords" content="智慧养殖,养殖监管,数字化管理,宁夏养殖,物联网养殖">
|
||||
|
||||
<!-- 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="assets/css/style.css">
|
||||
|
||||
<!-- Chart.js -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#home">
|
||||
<i class="bi bi-cloud-fog2 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" href="#home">首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#features">功能特性</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#technology">技术优势</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#cases">客户案例</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#news">新闻动态</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#systems">系统入口</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact">联系我们</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-outline-light ms-2" href="download.html">
|
||||
<i class="bi bi-download me-1"></i>下载中心
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 首页Banner -->
|
||||
<section id="home" class="hero-section">
|
||||
<div class="container">
|
||||
<div class="row align-items-center min-vh-100">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="display-4 fw-bold text-white mb-4">
|
||||
智慧养殖 · 数字未来
|
||||
</h1>
|
||||
<p class="lead text-white mb-4">
|
||||
宁夏智慧养殖监管平台，为您提供全方位的数字化养殖管理解决方案，
|
||||
实现养殖过程的智能化、可视化和精细化管理。
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="#features" class="btn btn-primary btn-lg">
|
||||
<i class="bi bi-play-circle me-2"></i>了解功能
|
||||
</a>
|
||||
<a href="download.html" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-download me-2"></i>立即下载
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<img src="assets/images/hero-image.png" alt="智慧养殖平台" class="img-fluid hero-image" style="max-width: 500px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 数据统计 -->
|
||||
<section class="stats-section py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-md-3">
|
||||
<div class="stat-item">
|
||||
<h3 class="display-4 text-primary fw-bold">500+</h3>
|
||||
<p class="text-muted">服务养殖场</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-item">
|
||||
<h3 class="display-4 text-success fw-bold">10,000+</h3>
|
||||
<p class="text-muted">监控设备</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-item">
|
||||
<h3 class="display-4 text-warning fw-bold">50M+</h3>
|
||||
<p class="text-muted">日处理数据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-item">
|
||||
<h3 class="display-4 text-info fw-bold">99.9%</h3>
|
||||
<p class="text-muted">系统可用性</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 功能特性 -->
|
||||
<section id="features" class="features-section py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">核心功能特性</h2>
|
||||
<p class="section-subtitle">全方位数字化养殖管理解决方案</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-camera-video"></i>
|
||||
</div>
|
||||
<h4>实时监控</h4>
|
||||
<p>24小时不间断监控养殖环境，实时掌握设备状态和动物健康状况</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-graph-up"></i>
|
||||
</div>
|
||||
<h4>数据分析</h4>
|
||||
<p>多维度数据统计分析，生成可视化报表，助力科学决策</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-bell"></i>
|
||||
</div>
|
||||
<h4>智能预警</h4>
|
||||
<p>异常情况自动预警，及时通知相关人员，降低养殖风险</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-map-marked"></i>
|
||||
</div>
|
||||
<h4>地图管理</h4>
|
||||
<p>基于地理位置的可视化管理，直观展示养殖场分布和状态</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-users"></i>
|
||||
</div>
|
||||
<h4>权限管理</h4>
|
||||
<p>多级权限控制系统，确保数据安全和操作规范</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-mobile-alt"></i>
|
||||
</div>
|
||||
<h4>移动办公</h4>
|
||||
<p>支持多终端访问，随时随地管理养殖业务</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 技术优势 -->
|
||||
<section id="technology" class="technology-section py-5 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">技术优势</h2>
|
||||
<p class="section-subtitle">领先的技术架构，确保系统稳定可靠</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="tech-item mb-4">
|
||||
<h4><i class="bi bi-shield-alt me-2"></i>安全可靠</h4>
|
||||
<p>采用多重安全防护机制，数据加密传输，确保信息安全</p>
|
||||
</div>
|
||||
<div class="tech-item mb-4">
|
||||
<h4><i class="bi bi-bolt me-2"></i>高性能</h4>
|
||||
<p>分布式架构设计，支持高并发访问，响应速度快</p>
|
||||
</div>
|
||||
<div class="tech-item mb-4">
|
||||
<h4><i class="bi bi-expand-arrows-alt me-2"></i>可扩展</h4>
|
||||
<p>模块化设计，易于功能扩展和系统升级</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tech-image text-center">
|
||||
<img src="assets/images/tech-architecture.png" alt="技术架构" class="img-fluid rounded">
|
||||
<p class="mt-2 text-muted">系统技术架构图</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 系统入口功能区 -->
|
||||
<section id="systems" class="systems-section py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">系统入口</h2>
|
||||
<p class="section-subtitle">选择您需要的专业系统</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 mb-4">
|
||||
<div class="system-card">
|
||||
<div class="system-icon bg-primary">
|
||||
<i class="bi bi-house-gear"></i>
|
||||
</div>
|
||||
<h4>养殖管理系统</h4>
|
||||
<p>专业的养殖场管理平台，提供养殖档案、饲料管理、疫病防控等全方位解决方案</p>
|
||||
<a href="farm-system.html" class="btn btn-primary">了解详情</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-4">
|
||||
<div class="system-card">
|
||||
<div class="system-icon bg-warning">
|
||||
<i class="bi bi-bank"></i>
|
||||
</div>
|
||||
<h4>银行监管系统</h4>
|
||||
<p>专业的银行监管平台，提供养殖资产估值、信贷风险评估、资金监管等金融服务</p>
|
||||
<a href="bank-system.html" class="btn btn-warning">了解详情</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-4">
|
||||
<div class="system-card">
|
||||
<div class="system-icon bg-info">
|
||||
<i class="bi bi-shield-check"></i>
|
||||
</div>
|
||||
<h4>保险监管系统</h4>
|
||||
<p>专业的保险监管平台，提供保单管理、理赔处理、风险定价等保险业务解决方案</p>
|
||||
<a href="insurance-system.html" class="btn btn-info">了解详情</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-4">
|
||||
<div class="system-card">
|
||||
<div class="system-icon bg-success">
|
||||
<i class="bi bi-building"></i>
|
||||
</div>
|
||||
<h4>政府监管系统</h4>
|
||||
<p>专业的政府监管平台，提供养殖场备案、防疫监管、质量追溯等政府监管解决方案</p>
|
||||
<a href="government-system.html" class="btn btn-success">了解详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 客户案例 -->
|
||||
<section id="cases" class="cases-section py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">成功案例</h2>
|
||||
<p class="section-subtitle">我们服务的部分客户</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case1.jpg" alt="案例1" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>宁夏某大型养殖集团</h5>
|
||||
<p>实现全流程数字化管理，生产效率提升30%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case2.jpg" alt="案例2" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某现代农业示范区</h5>
|
||||
<p>智能化监控系统，降低人工成本40%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case3.jpg" alt="案例3" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某生态养殖基地</h5>
|
||||
<p>环境精准调控，产品品质显著提升</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 新闻动态 -->
|
||||
<section id="news" class="news-section py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">新闻动态</h2>
|
||||
<p class="section-subtitle">最新资讯和行业动态</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-15</div>
|
||||
<h5>平台v2.0版本发布</h5>
|
||||
<p>新增智能预警和移动端优化功能</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-10</div>
|
||||
<h5>智慧养殖技术研讨会</h5>
|
||||
<p>成功举办行业技术交流会议</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-05</div>
|
||||
<h5>养殖行业政策解读</h5>
|
||||
<p>最新政策对智慧养殖的影响分析</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 联系我们 -->
|
||||
<section id="contact" class="contact-section py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">联系我们</h2>
|
||||
<p class="section-subtitle">期待与您合作</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-info">
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-geo-alt"></i>
|
||||
<div>
|
||||
<h5>地址</h5>
|
||||
<p>宁夏回族自治区银川市金凤区</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-telephone"></i>
|
||||
<div>
|
||||
<h5>电话</h5>
|
||||
<p>0951-88888888</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-envelope"></i>
|
||||
<div>
|
||||
<h5>邮箱</h5>
|
||||
<p>info@nxfarm.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-form">
|
||||
<h4>发送消息</h4>
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<input type="text" class="form-control" placeholder="您的姓名" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input type="email" class="form-control" placeholder="您的邮箱" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<textarea class="form-control" rows="4" placeholder="您的消息" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100">发送消息</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
240
website/insurance-system.html
Normal file
240
website/insurance-system.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>保险监管系统 - 宁夏智慧养殖监管平台</title>
|
||||
<meta name="description" content="专业的保险监管系统，提供保单管理、理赔处理、风险定价、防损管理等全方位保险业务监管解决方案">
|
||||
|
||||
<!-- 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="assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<i class="bi bi-cloud-fog2 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" href="index.html">返回首页</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="btn btn-outline-light ms-2" href="https://ad.ningmuyun.com" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-1"></i>进入系统
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 页面头部 -->
|
||||
<section class="hero-section" style="min-height: 60vh; background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<div class="container">
|
||||
<div class="row align-items-center min-vh-60">
|
||||
<div class="col-lg-8">
|
||||
<h1 class="display-4 fw-bold text-white mb-4">
|
||||
保险监管系统
|
||||
</h1>
|
||||
<p class="lead text-white mb-4">
|
||||
专业的保险业务监管平台，为保险公司提供全方位的养殖保险业务管理解决方案，
|
||||
实现保险业务的智能化、规范化和高效化管理。
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>立即体验
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询合作
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<div class="system-icon-large bg-white text-info">
|
||||
<i class="bi bi-shield-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心功能 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">核心功能</h2>
|
||||
<p class="section-subtitle">全方位保险业务监管解决方案</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-file-earmark-text"></i>
|
||||
</div>
|
||||
<h4>保单管理</h4>
|
||||
<p>全面的保单生命周期管理，包括投保、续保、批改、退保等业务</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-cash-stack"></i>
|
||||
</div>
|
||||
<h4>理赔处理</h4>
|
||||
<p>高效的理赔流程管理，快速处理理赔申请，提高客户满意度</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-tags"></i>
|
||||
</div>
|
||||
<h4>风险定价</h4>
|
||||
<p>基于大数据分析的风险定价模型，科学制定保险费率</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-shield-exclamation"></i>
|
||||
</div>
|
||||
<h4>防损管理</h4>
|
||||
<p>全面的风险防控措施，降低保险赔付率，提高盈利能力</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-bar-chart"></i>
|
||||
</div>
|
||||
<h4>数据统计分析</h4>
|
||||
<p>多维度业务数据统计分析，为经营决策提供数据支持</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" style="background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);">
|
||||
<i class="bi bi-graph-up-arrow"></i>
|
||||
</div>
|
||||
<h4>业务监控</h4>
|
||||
<p>实时业务监控和预警，及时发现和处理异常情况</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 系统优势 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">系统优势</h2>
|
||||
<p class="section-subtitle">为什么选择我们的保险监管系统</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(13, 202, 240, 0.1);">
|
||||
<h4><i class="bi bi-speedometer2 text-info me-2"></i>效率提升</h4>
|
||||
<p>自动化业务流程，处理效率提升60%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(13, 202, 240, 0.1);">
|
||||
<h4><i class="bi bi-currency-dollar text-info me-2"></i>成本优化</h4>
|
||||
<p>降低运营成本，提高盈利能力</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="tech-item" style="background: rgba(13, 202, 240, 0.1);">
|
||||
<h4><i class="bi bi-shield-check text-info me-2"></i>风险控制</h4>
|
||||
<p>精准的风险识别和控制，降低赔付率</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 合作案例 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="section-title">合作保险公司</h2>
|
||||
<p class="section-subtitle">我们服务的部分保险机构</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某大型财产保险公司</h5>
|
||||
<p class="text-info">✓ 理赔处理时间缩短70%</p>
|
||||
<p class="text-info">✓ 运营成本降低40%</p>
|
||||
<p class="text-info">✓ 客户满意度提升35%</p>
|
||||
<p>"系统极大地提高了我们的业务处理效率，客户反馈非常积极"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-content">
|
||||
<h5>某专业农业保险公司</h5>
|
||||
<p class="text-info">✓ 风险识别准确率90%</p>
|
||||
<p class="text-info">✓ 赔付率下降25%</p>
|
||||
<p class="text-info">✓ 业务增长50%</p>
|
||||
<p>"精准的风险定价和防控措施让我们的农业保险业务更加稳健"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行动召唤 -->
|
||||
<section class="py-5 bg-info text-white">
|
||||
<div class="container text-center">
|
||||
<h2 class="mb-4">立即优化保险业务管理</h2>
|
||||
<p class="lead mb-4">选择专业的保险监管系统，让您的保险业务更加高效、精准、可靠</p>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<a href="https://ad.ningmuyun.com" class="btn btn-light btn-lg" target="_blank">
|
||||
<i class="bi bi-box-arrow-up-right me-2"></i>免费试用
|
||||
</a>
|
||||
<a href="index.html#contact" class="btn btn-outline-light btn-lg">
|
||||
<i class="bi bi-headset me-2"></i>咨询详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer bg-dark text-white py-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<p>备案号: 宁ICP备XXXXXXXX号</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap & jQuery JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
20
website/robots.txt
Normal file
20
website/robots.txt
Normal file
@@ -0,0 +1,20 @@
|
||||
# robots.txt for Ningxia Smart Farming Platform
|
||||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
# Sitemap location
|
||||
Sitemap: https://nxfarm.com/sitemap.xml
|
||||
|
||||
# Disallow crawling of admin and sensitive areas
|
||||
Disallow: /admin/
|
||||
Disallow: /api/
|
||||
Disallow: /private/
|
||||
|
||||
# Allow all other content
|
||||
Allow: /assets/
|
||||
Allow: /css/
|
||||
Allow: /js/
|
||||
Allow: /images/
|
||||
|
||||
# Crawl delay (requests per second)
|
||||
Crawl-delay: 1
|
||||
45
website/sitemap.xml
Normal file
45
website/sitemap.xml
Normal file
@@ -0,0 +1,45 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://nxfarm.com/</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>daily</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/download.html</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/#features</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/#technology</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/#cases</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/#news</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://nxfarm.com/#contact</loc>
|
||||
<lastmod>2025-01-20</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
121
website/test.html
Normal file
121
website/test.html
Normal file
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>网站测试页面 - 宁夏智慧养殖监管平台</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding: 2rem;
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
}
|
||||
.test-section {
|
||||
margin: 2rem 0;
|
||||
padding: 2rem;
|
||||
border: 2px solid #007bff;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.success {
|
||||
color: #28a745;
|
||||
font-weight: bold;
|
||||
}
|
||||
.error {
|
||||
color: #dc3545;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1 class="text-center mb-4">网站功能测试</h1>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>1. 页面加载测试</h3>
|
||||
<p id="pageLoadTest" class="success">✅ 页面加载成功</p>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>2. CSS样式测试</h3>
|
||||
<div class="alert alert-success">Bootstrap样式加载正常</div>
|
||||
<div class="alert alert-info">自定义样式测试</div>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>3. JavaScript功能测试</h3>
|
||||
<button class="btn btn-primary" onclick="testJS()">测试JavaScript</button>
|
||||
<p id="jsTestResult" class="mt-2"></p>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>4. 资源加载测试</h3>
|
||||
<p id="cssTest">CSS文件状态: 检测中...</p>
|
||||
<p id="jsTest">JS文件状态: 检测中...</p>
|
||||
<p id="imageTest">图片资源状态: 检测中...</p>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>5. 响应式设计测试</h3>
|
||||
<div class="row">
|
||||
<div class="col-md-4 bg-light p-3">小屏幕列</div>
|
||||
<div class="col-md-4 bg-light p-3">中等屏幕列</div>
|
||||
<div class="col-md-4 bg-light p-3">大屏幕列</div>
|
||||
</div>
|
||||
<p class="mt-2 success">✅ 响应式布局正常</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="index.html" class="btn btn-success me-2">查看首页</a>
|
||||
<a href="download.html" class="btn btn-info">查看下载中心</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// JavaScript功能测试
|
||||
function testJS() {
|
||||
document.getElementById('jsTestResult').textContent = '✅ JavaScript执行正常';
|
||||
document.getElementById('jsTestResult').className = 'success';
|
||||
}
|
||||
|
||||
// 资源加载测试
|
||||
function checkResource(url, type) {
|
||||
return new Promise((resolve) => {
|
||||
const resource = type === 'css' ? document.createElement('link') :
|
||||
type === 'js' ? document.createElement('script') :
|
||||
new Image();
|
||||
|
||||
if (type === 'css') {
|
||||
resource.rel = 'stylesheet';
|
||||
resource.href = url;
|
||||
} else if (type === 'js') {
|
||||
resource.src = url;
|
||||
} else {
|
||||
resource.src = url;
|
||||
}
|
||||
|
||||
resource.onload = () => resolve(true);
|
||||
resource.onerror = () => resolve(false);
|
||||
|
||||
document.head.appendChild(resource);
|
||||
});
|
||||
}
|
||||
|
||||
// 执行资源检查
|
||||
async function checkResources() {
|
||||
const cssLoaded = await checkResource('assets/css/style.css', 'css');
|
||||
const jsLoaded = await checkResource('assets/js/script.js', 'js');
|
||||
const imageLoaded = await checkResource('assets/images/placeholder.svg', 'image');
|
||||
|
||||
document.getElementById('cssTest').textContent =
|
||||
`CSS文件状态: ${cssLoaded ? '✅ 加载成功' : '❌ 加载失败'}`;
|
||||
document.getElementById('jsTest').textContent =
|
||||
`JS文件状态: ${jsLoaded ? '✅ 加载成功' : '❌ 加载失败'}`;
|
||||
document.getElementById('imageTest').textContent =
|
||||
`图片资源状态: ${imageLoaded ? '✅ 加载成功' : '❌ 加载失败'}`;
|
||||
}
|
||||
|
||||
// 页面加载完成后执行检查
|
||||
document.addEventListener('DOMContentLoaded', checkResources);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user