功能点划分

• 功能: 展示茶园的实时数据，包括气象、土壤、设备状态等。
• 未选择茶园时布局结构：

• 顶部：时间轴 + 预警通知栏（病虫害红色预警、设备故障提醒）
• 中间：区域地图（标记茶园位置，点击跳转到【具体茶园布局结构】）
• 左侧：核心指标卡片（土壤墒情、空气温湿度、当日采摘量、设备在线率）
• 右侧：【产量预测】
• 底部：趋势图表（近 30 天生长指标曲线、病虫害发生频次热力图）

• 具体茶园布局结构：

• 顶部：时间轴 + 预警通知栏（病虫害红色预警、设备故障提醒）
• 中间：茶园地图（卫星视图，标记地块编号、传感器位置）
• 左侧：核心指标卡片（土壤墒情、空气温湿度、当日采摘量、设备在线率）
• 底部：趋势图表（近 30 天生长指标曲线、病虫害发生频次热力图）

• 核心功能：

• 地图交互：点击地块显示该区域土壤 pH 值、氮磷钾含量实时数据
• 数据下钻：点击指标卡片跳转对应详情页（如「设备在线率」→设备状态列表）
• 实时刷新：传感器数据每 5 分钟自动更新，异常值闪烁提醒

• 交互逻辑:

• 鼠标悬停图表显示具体数值，支持双指缩放时间轴
• 移动端适配：地图转为列表视图，指标卡片堆叠显示
• 用户可选择不同茶园查看其数据。
• 点击图表可查看和导出详细数据。
• 实时更新数据，用户可设置刷新频率。

• 功能: 基于历史数据和AI模型预测茶园产量。生成 PDF 预测报告（含数据来源、模型误差分析）
• 布局结构：

• 左侧：数据输入区（选择地块、种植品种、历史产量数据导入）
• 右侧：模型参数设置（生长周期、气象影响权重、病虫害修正系数）
• 底部：预测结果可视化（未来 3 个月产量曲线、置信区间柱状图）

• 交互逻辑:

• 用户可选择不同时间段查看预测结果。
• 可调整模型参数查看不同情景下的预测。
• 参数调整时右侧图表动态更新，用渐变色标注影响程度
• 历史预测记录可对比实际产量，形成模型优化反馈闭环

• 功能: AI自动生成茶园管理建议。
• 页面元素:

• 管理建议列表（文本形式）。
• 建议优先级标识。
• 相关数据支持图表。

• 布局结构：

• 顶部：建议分类标签（灌溉、施肥、病虫害防治、采摘）
• 中部：建议卡片列表（标题 + 关键数据 + 执行按钮）
  ▶ 示例卡片：「地块 A 土壤含水率低于 15%，建议今日 16:00-18:00 开启滴灌系统」
• 底部：建议历史记录（已执行 / 待处理状态标记）

• 交互逻辑:

• 用户可标记建议为已读/未读。
• 可下载或打印建议。
• 点击建议可查看详情和数据支持。
• 新建议用红点标记，点击展开详情（含建议依据的传感器数据）
• 支持批量勾选建议生成次日农事计划
• 智能推送：根据实时数据触发建议（如湿度低于阈值自动生成灌溉建议）
• 人工调整：农技员可编辑建议内容或驳回重算
• 任务关联：点击「执行」按钮直接生成无人机巡航任务

• 核心定位：茶园知识检索与智能问答中枢
• 布局结构：

顶部搜索栏（高度 80px）：

输入框：「输入问题，如‘茶尺蠖如何防治？’」，支持语音输入（麦克风图标）

快捷标签：预设「病虫害识别」「施肥技术」「采摘标准」「设备故障」等热门标签，点击快速填充搜索词

问答展示区（主体区域）：

实时问答卡片：
▶ 用户提问：「土壤 pH 值过高怎么办？」
▶ AI 回答：「建议施用硫磺粉调节，每亩用量 3-5kg，配合灌溉稀释。数据支持：地块 B 当前 pH 值 8.2（正常范围 5.5-6.5）」
▶ 交互：回答中关键数据（如 pH 值）高亮显示，点击「查看数据来源」跳转传感器详情页

历史记录列表：按时间倒序排列，每条记录显示问题摘要 + 回答关键词，支持左右滑动查看完整内容

知识分类导航：侧边抽屉式菜单（点击左侧图标展开），按「种植技术」「设备操作」「政策法规」等分类展示热门问题 TOP5

• 核心功能：

多模态输入：支持文字输入、图片上传（识别病虫害）、语音提问、语音通话

数据联动：回答中自动关联当前茶园实时数据（如提问灌溉时，显示土壤墒情图表）

知识更新：底部「同步网络爬虫」按钮，手动触发最新行业知识抓取（与中间模块的网络爬虫功能联动）

• 布局结构：

1. 用户资料上传区（上半部分，高度占比 60%）：

• 文件上传组件：
  ▶ 拖拽上传区域：「支持 Excel/CSV/ 图片 / PDF，批量上传最多 50 个文件」
  ▶ 格式提示：不同文件类型图标区分（Excel - 绿色表格、图片 - 相机图标）
  ▶ 进度条：显示上传进度（如「土壤检测报告.xlsx 85%」），失败文件标红并支持重试
• 已上传文件列表：
  ▶ 字段：文件名、类型、上传时间、解析状态（「待解析」「解析完成」「解析失败」）、操作（查看 / 下载 / 删除）
  ▶ 交互：点击「查看」显示文件预览（Excel 表格前 10 行数据，图片放大查看），解析完成后显示「数据已用于 AI 训练」

2. 关键词网络爬虫区（下半部分，高度占比 40%）：

• 爬虫配置面板：
  ▶ 输入框：自定义爬取关键词（如「2025 茶园病虫害防治新技术」）
  ▶ 爬取范围：可选「行业报告」「学术论文」「农技博客」三类数据源
  ▶ 执行按钮：「开始爬取」，按钮加载时显示进度（如「已抓取 12 篇文章」）
• 爬取结果展示：
  ▶ 列表：标题、来源、抓取时间、相关度评分（1-5 星），支持按相关度 / 时间排序
  ▶ 操作：点击标题在新标签页打开原文，「加入知识库」按钮将内容同步至左侧问答库

• 核心功能：

• 数据解析能力：

• Excel/CSV 自动识别表头（如「地块编号」「检测日期」「有机质含量」），匹配系统数据字段
• 图片智能分类：自动识别「病虫害叶片」「设备故障」「采摘现场」三类图片，标记关键区域

• 爬虫知识沉淀：

• 爬取内容自动去重，按「防治方法」「施肥配方」等标签分类存储
• 支持设置定时爬取任务（如每周一自动爬取「茶园管理」相关最新资讯）

• 土壤管理页：
  ▶ 功能：土壤数据看板（各地块 EC 值、有机质含量）、采样记录上传（拍照 + 文字备注）、肥力评估报告
  ▶ 交互：点击地块显示 30 天土壤数据趋势，支持添加施肥记录关联土壤变化
• 施肥管理页：
  ▶ 功能：施肥计划模板（春茶 / 秋茶施肥方案）、自定义配方计算器（氮磷钾比例调节）、施肥任务派发（关联无人机调度）
  ▶ 交互：拖拽日历生成施肥周期，点击「同步设备」自动推送参数至施肥机
• 采摘管理页：
  ▶ 功能：采摘进度看板（各地块采摘完成率）、芽叶等级分拣记录（一芽一叶 / 二叶占比）、采摘工效统计（人均日采摘量）
  ▶ 交互：扫码录入采摘批次，自动计算当日鲜叶产量与收购价

• 功能: 病虫害的识别、预警和防治建议。
• 页面元素:

1. AI 识别页：
   ▶ 功能：拍照识虫（无人机图像、视频流、历史识别记录（含防治效果反馈）、典型病虫害知识库（图文对照）
   ▶ 交互：拍照后 3 秒内返回识别结果（如「茶小绿叶蝉，危害等级★★★」），附带防治药物推荐
2. 预警地图页：
   ▶ 功能：区域病虫害热力图（颜色深浅表示发生密度）、未来 7 天气象风险预测（湿度＞80% 易发病）、预警推送设置（按地块订阅）
   ▶ 交互：点击热力图区域显示具体病虫害种类及扩散趋势线
3. 防治执行页：
   ▶ 功能：防治方案库（生物防治 / 化学防治选项）、无人机喷药任务创建（自动计算药剂用量）、防治效果追踪（7 天后复查拍照对比）
   ▶ 交互：选择地块后自动生成药剂配比，联动设备模块调度无人机

• 交互逻辑:

• 用户上传图片进行病虫害识别。
• 系统自动预警病虫害爆发。
• 提供防治建议和操作指南。

• 功能: 查询和展示指定用户所有茶园的信息。
• 页面元素:

• 茶园列表：显示所有茶园的基本信息。
• 茶园详情：显示选定茶园的详细状态信息。
• 筛选工具：允许用户按状态、类型筛选茶园。

• 交互逻辑:

• 详情查看：用户点击茶园可查看详细信息（卡片效果）。
• 实时更新：系统实时更新茶园信息，用户可查看最新信息。
• 数据导入导出：批量导入导出茶园信息。

• 功能: 管理茶园的智能设备。
• 页面元素:

• 设备清单（无人机 / 传感器 / 灌溉设备编号、购买日期）、设备状态看板（在线 / 离线 / 故障）、位置追踪（地图显示无人机实时坐标）
• 设备列表和状态指示器。
• 设备详细信息和参数设置。
• 维护记录和日志。

• 交互逻辑:

• 点击设备显示维修历史，支持批量导出资产报表
• 用户可远程控制设备。
• 系统提醒设备维护和升级。
• 可查看设备历史数据。

• 功能: 调度和管理茶园任务。
• 页面元素:

• 任务列表和状态：以表格形式展示所有任务及其状态（待执行、执行中、已完成）。
• 任务创建和编辑表单：提供任务创建和编辑功能。
• 任务详情：显示选定任务的详细信息，包括飞行路线、航点信息、任务状态等。
• 资源分配工具：用于分配无人机资源和设置任务优先级。

• 交互逻辑:

• 用户可创建和分配任务。
• 系统自动调度任务。
• 可跟踪任务进度和结果。
• 任务创建：用户填写任务详情，系统生成任务ID并保存任务。
• 任务编辑：用户可编辑任务详情，系统更新任务信息。
• 任务执行：用户启动任务，系统开始执行并实时更新任务状态。 任务监控：用户可实时查看任务进度和无人机状态。

• 功能: 实时展示无人机编队的位置和飞行轨迹。
• 页面元素:

• 地图展示：显示茶园地图和无人机实时位置。
• 无人机状态列表：显示每架无人机的详细状态信息。
• 飞行轨迹：显示无人机的历史飞行路径和未来航点。
• 环境信息：显示当前的气象和环境条件。

• 交互逻辑:

• 实时更新：系统实时更新无人机位置和状态。
• 轨迹回放：用户可查看无人机的历史飞行轨迹。
• 环境监测：系统实时显示环境条件，用户可查看详细信息。

• 功能: 查询和展示指定茶园内所有无人机的状态信息。
• 页面元素:

• 无人机列表：显示茶园内所有无人机的基本信息和状态。
• 无人机详情：显示选定无人机的详细状态信息。
• 筛选工具：允许用户按状态、类型筛选无人机。

• 交互逻辑:

• 状态查询：用户可查询特定茶园的无人机状态。
• 详情查看：用户点击无人机可查看详细状态信息。
• 实时更新：系统实时更新无人机状态，用户可查看最新信息。

• 功能: 设备的维护和升级管理。
• 页面元素:

• 维护计划和日程。
• 升级记录和指南。
• 维修请求表单。

• 核心设计

• 报修管理：
  ▶ 功能：扫码报修（设备故障扫码上报）、维修工单跟踪（待受理 / 维修中 / 已完成）、维修知识库（常见故障自助解决指南）
  ▶ 交互：拍照上传故障部位，系统自动匹配相似报修案例
• 固件升级：
  ▶ 功能：设备固件版本检测（可升级版本提示）、批量升级计划（选择夜间自动升级）、升级日志查询（成功 / 失败记录）
  ▶ 交互：升级进度条显示，失败时自动回滚至前一版本

• 交互逻辑:

• 用户可提交维修请求。
• 自动生成维护计划。
• 提供远程技术支持。

• 功能: 管理系统用户和权限。
• 页面元素:

• 用户列表和角色分配。
• 权限设置表单。
• 操作日志。

• 交互逻辑:

• 管理员可添加/删除用户。
• 分配角色和权限。
• 查看用户操作日志。
• 批量导入、导出农户信息（Excel 模板）

• 功能: 用户的个人信息和活动中心。
• 页面元素:

• 个人信息和设置。
• 活动日志和通知。
• 我的茶园列表。

• 布局结构：

• 顶部：今日任务卡片（待施肥 / 待采摘地块）
• 中部：我的设备（绑定的传感器 / 无人机列表，点击查看状态）
• 底部：历史作业（近 30 天农事记录，支持按类型筛选）

• 交互逻辑:

• 用户可修改个人信息。
• 查看通知和消息。
• 管理自己的茶园。
• 任务提醒：点击「去执行」跳转对应作业页面
• 设备绑定：扫码添加个人使用的传感器，接收专属数据推送
• 收益统计：自动计算本月采摘量与销售额，图表展示环比变化

• 功能: 系统的全局设置。
• 页面元素:

• 基础设置：系统时间校准、数据同步频率设置（15 分钟 / 1 小时）、单位切换（公制 / 英制）
• 通知设置：选择接收的通知类型（病虫害预警 / 设备故障 / 任务提醒），设置通知时段
• 账号安全：修改密码、绑定手机号、登录设备管理（显示最近登录记录）
• 数据备份和恢复选项。
• 集成设置（第三方服务）。

• 交互逻辑:

• 管理员可修改系统设置。
• 配置数据备份计划。
• 集成第三方服务（如气象API）。

https://www.51cto.com/article/790661.html

1、数据总浏览

2、点击地图某地区进入该地区的数据展示

前端开发中，布局是前端基础的内容，而其中三栏布局在实际开发和面试中最常见，三栏布局是指中间自适应两边固定宽，而我们经常使用的淘宝首页（pc端）就是典型的三栏布局实现的。

【各模块由导航栏进入，进入后不保留导航栏，但要有一个退出按钮】

**【**vue 自适应屏幕分辨率，在不同分辨率，以及缩放都按照设计展示】

• 功能: 展示茶园的实时数据，包括气象、土壤、设备状态等。实时信息SSE推送机制。
• 布局设计：
  • 顶部：时间轴 + 预警通知栏（病虫害红色预警、设备故障提醒）
  • 中间：
    • 未选择茶园时****布局结构：区域地图（标记茶园位置，点击跳转到【具体茶园布局结构】）
    • 具体茶园****布局结构：茶园地图（卫星视图，标记地块编号、传感器位置）
  • 左侧：核心指标卡片（土壤墒情、空气温湿度、当日采摘量、设备在线率）【参考上面数据大屏】
  • 底部：趋势图表（近 30 天生长指标曲线、病虫害发生频次热力图）
• 核心功能：
  • 地图交互：点击地块显示该区域土壤 pH 值、氮磷钾含量等实时数据
  • 数据下钻：点击指标卡片跳转对应详情页（如「设备在线率」→设备状态列表页）
  • 实时刷新：预测数据每 5 分钟自动更新，异常值闪烁提醒
• 交互逻辑:
  • 鼠标悬停图表显示具体数值，支持双指缩放时间轴
  • 移动端适配：地图转为列表视图，指标卡片堆叠显示
  • 用户可选择不同茶园查看其数据。
  • 点击图表可查看和导出详细数据。
  • 实时更新数据，用户可设置刷新频率**【在系统设置页设置】**。

- **功能**: 基于历史数据和AI模型**预测茶园产量**。点击跳转到**预测详情与****生成 PDF 预测报告页**（含数据来源、模型误差分析）
- **布局结构**：
    * 上方：预测结果可视化（未来 3 个月产量曲线、置信区间柱状图）
    * 底部左侧：数据输入区（选择地块、种植品种、历史产量数据导入）
    * 底部右侧：模型参数设置（生长周期、气象影响权重、病虫害修正系数）
- **交互逻辑**:
    * 用户可选择不同时间段查看预测结果。
    * 可调整模型参数查看不同情景下的预测。
    * 参数调整时右侧图表动态更新，用渐变色标注影响程度
    * 历史预测记录可对比实际产量，形成模型优化反馈闭环

• 功能: AI自动生成茶园管理建议。
• 布局结构：
  • 顶部：建议分类标签（灌溉、施肥、病虫害防治、采摘）
  • 中部：建议卡片列表（标题 + 关键数据（相关数据支持图表） + 执行按钮 + 建议优先级标识）
    ▶ 示例卡片：「地块 A 土壤含水率低于 15%，建议今日 16:00-18:00 开启滴灌系统」
  • 底部：建议历史记录（已执行 / 待处理状态标记）
• 交互逻辑:
  • 用户可标记建议为已读/未读。（下拉菜单）
  • 可导出下载或打印建议。
  • 点击建议可查看详情和数据支持。
  • 新建议用红点标记，点击展开详情（含建议依据的传感器数据）
  • 支持批量勾选建议生成次日农事计划【需要点击提交或者自动提交给后端】
  • 智能推送：根据实时数据触发建议（如湿度低于阈值自动生成灌溉建议） 【弹窗或者列表滚动并点击查看详情】
  • 任务关联：点击「执行」按钮直接生成无人机巡航任务**【个人中心页操作】**

• 核心定位：茶园知识检索与智能问答中枢
• 布局结构：

问答展示区（主体区域）：

实时问答聊天室【WebSocket】：
▶ 用户提问：「土壤 pH 值过高怎么办？」
▶ AI 回答：「建议施用硫磺粉调节，每亩用量 3-5kg，配合灌溉稀释。数据支持：地块 B 当前 pH 值 8.2（正常范围 5.5-6.5）」
▶ 交互：回答中关键数据（如 pH 值）高亮显示，点击「查看数据来源」跳转传感器详情页

历史记录列表【icon点击显示】：按时间倒序排列，每条记录显示问题摘要 + 回答关键词，支持左右滑动查看完整内容

知识分类导航【有对话时点击icon才显示】：侧边抽屉式菜单（点击左侧图标展开），按「种植技术」「设备操作」「政策法规」等分类展示热门问题 TOP5

底部输入框（高度 80px）：

输入框：「输入问题，如‘茶尺蠖如何防治？’」，支持语音输入（麦克风图标）【实现在移动端可以语音通话】

快捷标签：预设「病虫害识别」「施肥技术」「采摘标准」「设备故障」等热门标签，点击快速填充搜索词

• 核心功能：

多模态输入：支持文字输入、图片上传（识别病虫害）、语音提问、语音通话

数据联动：回答中自动关联当前茶园数据（如提问灌溉时，显示土壤墒情图表）

知识更新：底部「同步网络爬虫」按钮，手动触发最新行业知识抓取（与中间模块的网络爬虫功能联动）

• 布局结构：【底部放置知识库选择组件，既是指定上传知识库****，也是****指定问答使用知识库】
  1. 用户资料上传区（上半部分，高度占比 60%）：
     • 文件上传组件：
       ▶ 拖拽上传区域：「支持 Excel/CSV/ 图片 / PDF，批量上传最多 50 个文件」
       ▶ 格式提示：不同文件类型图标区分（Excel - 绿色表格、图片 - 相机图标）
       ▶ 进度条：显示上传进度（如「土壤检测报告.xlsx 85%」），失败文件标红并支持重试
     • 已上传文件列表【左侧无操作时显示，有操作时隐藏】：
       ▶ 字段：文件名、类型、上传时间、解析状态（「待解析」「解析完成」「解析失败」）、操作（查看 / 下载 / 删除）
       ▶ 交互：点击「查看」显示文件预览（Excel 表格前 10 行数据，图片放大查看），解析完成后显示「数据已完成解析」
  2. 关键词网络爬虫区（下半部分，高度占比 40%）：
     • 爬虫配置面板：
       ▶ 输入框：自定义爬取关键词（如「2025 茶园病虫害防治新技术」）
       ▶ 爬取范围：可选「行业报告」「学术论文」「农技博客」三类数据源
       ▶ 执行按钮：「开始爬取」，按钮加载时显示进度（如「已抓取 12 篇文章」）
     • 爬取结果展示：
       ▶ 列表：标题、来源、抓取时间、相关度评分（1-5 星），支持按相关度 / 时间排序
       ▶ 操作：点击标题在新标签页打开原文，「加入知识库」按钮将内容同步至左侧问答库
• 核心功能：
  • 数据解析能力：
    • Excel/CSV 自动识别表头（如「地块编号」「检测日期」「有机质含量」），匹配系统数据字段
  • 爬虫知识沉淀：
    • 爬取内容自动去重，按「防治方法」「施肥配方」等标签分类存储
    • 支持设置定时爬取任务（如每周一自动爬取「茶园管理」相关最新资讯）

• 土壤管理页：
  ▶ 功能：土壤数据看板**（实时数据列表+地图显示）**
  ▶ 交互：点击地块显示 30 天土壤数据趋势，支持添加施肥记录关联土壤变化
• 施肥管理页：
  ▶ 功能：施肥计划模板（春茶 / 秋茶施肥方案）、自定义配方计算器（氮磷钾比例调节）、施肥任务派发（关联无人机调度）
  ▶ 交互：拖拽日历生成施肥周期，点击「同步设备」自动推送参数至个人中心**【可以添加调度使用自动施肥机器】**

• 功能: 病虫害的识别、预警和防治建议。
• 页面元素:
  1. AI 识别页：
     ▶ 功能：拍照识虫（无人机图像、视频流、历史识别记录（含防治效果反馈）
     ▶ 交互：模型推理后返回识别结果（如「茶小绿叶蝉，危害等级★★★」），附带防治策略和药物推荐
  2. 预警地图页：
     ▶ 功能：区域病虫害热力图（颜色深浅表示发生密度）、未来 7 天气象风险预测（湿度＞80% 易发病）、预警推送设置（按地块订阅）
     ▶ 交互：点击热力图区域显示具体病虫害种类及扩散趋势线
  3. 防治执行页：
     ▶ 功能：防治方案库（生物防治 / 化学防治选项）、无人机喷药任务创建（自动计算药剂用量）、防治效果追踪（7 天后复查拍照对比）
     ▶ 交互：选择地块后自动生成药剂配比，联动设备模块调度无人机**【跳转到无人机调度】**
• 交互逻辑:
  • 无人机巡检图像、视频流进行病虫害识别并定位。
  • 病虫害识别定位后同步到前端卫星地图，计算扩散模型
  • 系统自动预警病虫害爆发。
  • 提供防治建议和操作指南。

• 功能: 查询和展示指定用户所有茶园的信息**【列表，支持增删改查】**。
• 页面元素:
  • 茶园列表：显示所有茶园的基本信息。
  • 茶园详情：显示选定茶园的详细状态信息。
  • 筛选工具：允许用户按状态、类型筛选茶园。
• 交互逻辑:
  • 详情查看：用户点击茶园可查看详细信息**（卡片效果）**。
  • 实时更新：系统实时更新茶园信息，用户可查看最新信息。
  • 数据导入导出：批量导入导出茶园信息。

• 功能: 管理茶园的智能设备。
• 页面元素:
  • 设备清单（无人机 / 传感器 / 灌溉设备编号、购买日期）、设备状态看板（在线 / 离线 / 故障）、位置追踪（地图显示无人机实时坐标）
  • 设备列表和状态指示器。
  • 设备详细信息和参数设置。
  • 维护记录和日志。
• 交互逻辑:
  • 点击设备显示维修历史，支持批量导出资产报表
  • 用户可远程控制设备。
  • 系统提醒设备维护和升级。
  • 可查看设备历史数据。

• 功能: 调度和管理茶园任务。
• 页面元素:
  • 任务列表和状态：以表格形式展示所有任务及其状态（待执行、执行中、已完成）。
  • 任务创建和编辑表单：提供任务创建和编辑功能。
  • 任务详情：显示选定任务的详细信息，包括飞行路线、航点信息、任务状态等。
  • 资源分配工具：用于分配无人机资源和设置任务优先级。
• 交互逻辑:
  • 用户可创建和分配任务。
  • 系统自动调度任务。
  • 可跟踪任务进度和结果。
  • 任务创建：用户填写任务详情**【填写采集点】**，系统生成任务ID并保存任务。
  • 任务编辑：用户可编辑任务详情，系统更新任务信息。
  • 任务执行：用户启动任务，系统开始执行并实时更新任务状态。
  • 任务监控：用户可实时查看任务进度和无人机状态**【轨迹信息与状态数据实时同步】**。

• 功能: 实时展示无人机编队的位置和飞行轨迹。
• 页面元素:
  • 地图展示：显示茶园地图、无人机实时位置。
  • 无人机状态列表：显示每架无人机的详细状态信息。
  • 飞行轨迹：显示无人机的历史飞行路径和未来航点**【飞线效果，无人机在飞线上巡检】**。
  • 环境信息：显示当前的气象和环境条件。
• 交互逻辑:
  • 实时更新：系统实时更新无人机位置和状态。
  • 轨迹回放：用户可查看无人机的历史飞行轨迹。
  • 环境监测：系统实时显示环境条件，用户可查看详细信息。

• 功能: 查询和展示指定茶园内所有无人机的状态信息。
• 页面元素:
  • 无人机列表：显示茶园内所有无人机的基本信息和状态。
  • 无人机详情：显示选定无人机的详细状态信息。
  • 筛选工具：允许用户按状态、类型筛选无人机。
• 交互逻辑:
  • 状态查询：用户可查询特定茶园的无人机状态。
  • 详情查看：用户点击无人机可查看详细状态信息。
  • 实时更新：系统实时更新无人机状态，用户可查看最新信息。

• 功能: 设备的维护和升级管理。
• 页面元素:
  • 维护计划和日程。
  • 升级记录和指南。
  • 维修请求表单。
• 核心设计
  • 报修管理：
    ▶ 功能：设备故障扫码上报、维修工单跟踪**（待受理 / 维修中 / 已完成）**
    ▶ 交互：系统自动匹配相似报修案例，信息及时推送前端和用户短信
  • 固件升级：
    ▶ 功能：设备固件程序烧录，设备固件版本检测（可升级版本提示）、批量升级计划（选择夜间自动升级）、升级日志查询（成功 / 失败记录）
    ▶ 交互：升级进度条显示，失败时自动回滚至前一版本
• 交互逻辑:
  • 用户可提交维修请求。
  • 自动生成维护计划。
  • 提供远程技术支持**【个人中心客服聊天室】**。

• 功能: 管理系统用户和权限。
• 页面元素:
  • 用户列表和角色分配。
  • 权限设置表单。
• 交互逻辑:
  • 管理员可添加/删除用户。
  • 分配角色和权限。
  • 查看用户操作日志。
  • 批量导入、导出农户信息（Excel 模板）

• 功能: 用户的个人信息和活动中心。
• 页面元素:
  • 个人信息和设置。
  • 活动日志和通知。
  • 我的茶园列表。
  • 客服聊天室。
• 布局结构：
  • 顶部：今日任务卡片（待施肥 / 待采摘地块）【支持打勾同步到后端】
  • 中部：我的设备**【显示各种设备运行中的百分比】（绑定的传感器 / 无人机列表，点击查看状态【跳转设备页】**）
  • 底部：历史作业（近 30 天农事记录，支持按类型筛选）
• 交互逻辑:
  • 用户可修改个人信息。
  • 查看通知和消息。
  • 管理自己的茶园。
  • 任务提醒：点击「去执行」跳转对应作业页面
  • 设备绑定：扫码添加个人使用的传感器，接收专属数据推送**【后面扩展点，暂不实现】**
  • 收益统计：自动计算本月采摘量与销售额，图表展示环比变化

• 功能: 系统的全局设置。
• 页面元素:
  • 基础设置：系统时间校准、数据同步频率设置（15 分钟 / 1 小时）【刷新频率】、单位切换（公制 / 英制）
  • 通知设置：选择接收的通知类型（病虫害预警 / 设备故障 / 任务提醒），设置通知时段
  • 账号安全：修改密码、绑定手机号、登录设备管理（显示最近登录记录）
  • 数据备份和恢复选项。
  • 集成设置（第三方服务）。
• 交互逻辑:
  • 管理员可修改系统设置。
  • 配置数据备份计划。
  • 集成第三方服务（如气象API）。