一、项目概述

（一）项目背景

本项目旨在开发一个工业水泵控制移动终端APP应用，用于实时监控和控制工业环境中的水泵设备，提供设备运行状态监控、参数调节、告警管理和系统设置等功能，帮助操作人员高效管理水泵设备，提高设备运行效率和安全性。

（二）项目目标

• 打造一款功能完整、直观易用的工业水泵控制终端应用，为用户提供清晰的设备监控、便捷的参数控制以及良好的交互体验。
• 通过实时数据监控与交互等功能，帮助维护人员及时发现设备异常和故障隐患，提升用户对设备状态的感知和掌控能力。
• 实现设备参数灵活设置与系统配置，满足不同工业环境下的水泵控制需求。
• 提供响应式界面设计，确保在不同设备上的良好显示效果，支持离线资源访问，确保系统稳定性。

（三）术语定义

• 水泵：工业环境中用于液体传输的机械设备
• 压力：系统内液体的压力值，单位为MPa
• 流量：单位时间内通过水泵的液体体积，单位为m³/h
• 告警：设备运行异常时触发的通知
• 运行模式：水泵的控制方式，包括自动、手动、定时等

二、功能需求

（一）监控页面

1. 运行状态展示

• 显示设备当前运行状态（正常运行/已暂停/已关闭）
• 提供运行状态指示器和累计运行时间

2. 系统压力监控

• 以仪表盘形式展示当前系统压力值
• 显示压力状态（正常/偏高/过低/过高）
• 提供压力范围参考标记（正常/警告/危险区域）

3. 关键参数监控

• 实时显示流量、转速、出口温度、功率等关键参数
• 提供参数变化趋势指示（较昨日对比）
• 以进度条形式展示参数在允许范围内的占比
• 对异常参数进行视觉高亮显示（如轴承温度偏高）

4. 运行模式切换

• 支持自动、手动、定时三种运行模式切换
• 提供模式切换后的状态反馈

5. 参数趋势图

• 展示选定参数的历史趋势数据
• 支持不同参数（流量、压力、温度、功率）的切换查看
• 提供时间范围选择（24小时、7天）

6. 告警提醒

• 显示近期未处理的告警信息
• 提供告警处理入口

7. 设备控制

• 提供暂停/继续、关闭电源、速度调节等控制按钮
• 重要操作（如关闭电源）需二次确认

（二）参数页面

1. 设备信息展示

• 显示设备型号、编号、安装位置、生产日期等基本信息
• 展示额定流量、额定功率等设备规格参数

2. 实时参数监控

• 详细展示压力、流量、温度、轴承温度等关键参数的实时值
• 提供参数正常范围参考和当前值在范围内的占比
• 对超出正常范围的参数进行颜色警示

3. 电气参数展示

• 显示电流、电压、功率、功率因数等电气参数
• 提供参数在允许范围内的占比指示

4. 运行统计

• 展示累计运行时间、累计启动次数、本月运行时间、平均负载率等统计数据

（三）告警页面

1. 告警统计

• 显示总告警数、未处理告警数、已处理告警数等统计信息

2. 告警过滤

• 支持按状态（全部/未处理/已处理）过滤告警
• 支持按告警等级（全部/警告/危险/信息）过滤告警

3. 告警列表

• 展示告警详情，包括告警类型、描述、发生时间、状态等
• 提供告警处理操作
• 已处理告警以半透明状态显示，并记录处理人信息

（四）设置页面

1. 设备参数设置

• 允许设置压力上限、压力下限、温度上限、轴承温度上限等参数阈值
• 提供数值输入器，支持微调按钮操作

2. 系统功能设置

• 提供自动启停、告警通知、故障自诊断、数据上传等功能的开关控制
• 使用开关组件控制功能启用状态

3. 维护设置

• 允许设置定期维护提醒间隔和过滤器清洗提醒间隔
• 提供数值输入器，支持微调按钮操作

4. 设置管理

• 提供保存设置功能
• 支持恢复默认设置操作（需二次确认）

（五）交互功能

1. 模态窗口

• 自定义确认对话框：用于重要操作的二次确认
• 告警详情模态框：显示告警的详细信息和处理选项
• 设置模态框：提供快速参数设置入口

2. 消息提示

• 操作成功/失败的消息提示
• 模式切换、时间范围切换等操作的反馈提示

3. 页面导航

• 底部导航栏：用于在监控、参数、告警、设置等主要功能页面间切换
• 导航状态指示：高亮显示当前所在页面

三、非功能需求

（一）性能需求

• 页面加载速度快，响应及时，确保实时数据的流畅展示
• 支持多参数并发监控，数据更新频率高（建议≥1次/秒）
• 具备良好的系统稳定性，确保长时间运行不崩溃

（二）可用性需求

• 界面简洁直观，操作流程符合用户习惯，降低学习成本
• 关键信息突出显示，异常状态明确提醒
• 提供操作反馈和确认机制，防止误操作

（三）兼容性需求

• 支持主流浏览器（Chrome、Firefox、Safari、Edge等）
• 提供响应式设计，适应不同屏幕尺寸（从手机到桌面显示器）
• 支持离线资源访问，确保在网络不稳定情况下的基本功能可用

（四）安全性需求

• 提供用户认证和权限管理机制
• 重要操作需要二次确认，防止误操作造成设备损坏
• 设备控制指令发送前需要验证，确保安全性

（五）可维护性需求

• 代码结构清晰，注释完整，便于后续维护和扩展
• 提供配置文件，便于系统参数调整和更新
• 支持日志记录，便于问题排查和系统优化

四、用户界面需求

（一）整体风格

• 采用简洁、专业的
• 风格
• 色彩方案专业，主色调采用蓝色系，辅助色用于状态标识和告警提醒
• 图标使用直观、清晰，符合功能表达
• 布局合理，信息层次分明，重要信息突出显示

（二）页面布局

• 顶部区域：显示运行状态、累计运行时间等核心信息
• 中部区域：展示参数监控卡片、趋势图等主要功能模块
• 底部区域：提供导航栏，便于不同页面间切换
• 弹窗/模态框：用于详细信息展示、操作确认和参数设置

（三）组件设计

• 数据卡片：展示各项监控参数，包含数值、单位、状态指示
• 图表：使用Chart.js实现数据可视化，支持多参数切换
• 进度条：直观展示参数在允许范围内的占比
• 按钮：操作按钮清晰可辨，重要操作按钮视觉突出
• 开关：用于功能启用/禁用控制，状态明确

（四）响应式设计

• 在不同屏幕尺寸下保持良好的布局和可读性
• 在移动设备上自动调整元素大小和位置，确保操作便捷
• 支持触摸操作，适配移动设备使用习惯