← 返回项目库

水质管理与预测系统中文本地化版

面向水质监测数据录入、查询、趋势分析和预测的中文前端管理界面。

该项目是基于 Vue 2、iView、ECharts 和 axios 的水质管理前端，默认带有有界本地演示适配器，提供登录注册、数据表格、指标趋势、模型预测、模型训练和用户权限页面，适合作为水务数据平台的浏览器端控制台。

真实界面

项目截图

共 8 张

登录工作台
创建监测账号
添加水质采样数据
历史数据
趋势分析
预测结果
训练效果对比
用户与权限

Capabilities

核心功能

✓用户登录与注册入口
✓近期水质数据查看和新增
✓历史水质数据按监测站和日期查询
✓PH、溶解氧和氨氮指标表格展示
✓水质趋势图表分析
✓可用预测模型列表和下月预测
✓机器学习模型训练结果可视化
✓用户角色和权限管理

适用场景

监测人员录入新采集的水质指标并查看近期记录
管理人员按站点和日期范围追踪历史水质变化
数据团队对预测模型进行训练、选择和结果展示

适合谁

水质监测站、环保运维团队、教学实验项目和需要管理水质指标数据的内部系统团队。

商业化思路

适合以私有化部署、定制开发和持续运维服务方式交付，围绕数据接入、模型调优、权限配置和报表扩展提供项目服务。

你会拿到什么

  • ✓中文本地化后的前端源码与本地演示适配器
  • ✓构建配置、静态素材和部署说明

部署流程

  1. 1在 FrontEnd 目录安装依赖并运行生产构建脚本生成静态资源
  2. 2将构建产物部署到静态 Web 服务；接入真实服务时配置运行时 API 地址

真实验证结果

已通过 8 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

默认启用浏览器本地演示适配器，数据保存在当前浏览器；接入真实服务时在运行时全局配置中提供 apiBaseUrl，并确保后端覆盖原有接口。上游 WQPS 后端仍要求 Python 与机器学习运行环境，当前交付未将其作为默认运行依赖。

部署难度

中等

最低配置

默认本地演示只需 Node.js 运行构建并由普通 Web 服务器托管静态资源；接入真实数据时，还需要覆盖登录、水质、模型和用户接口的后端 API。

开源许可证

上游未声明许可证

最后验证

2026-09-02

技术栈

Vue 2vue-routeriViewEChartsaxioswebpack 3

授权说明

上游仓库未提供明确许可证文件；交付包已内置醒目的研究用途与权利声明，仅限学习研究，超出范围需另行取得权利人授权。

Release notes

版本记录

1 个已发布版本

vcn-77ac0fd19c57 当前推荐

完成产品界面、表单提示、菜单、弹窗、表格标题、图表标题和 iView 组件语言的 zh-CN 本地化，并更新可执行的多状态截图采集计划。

部署要求：默认演示需要 Node.js 运行旧版 webpack 构建；接入真实数据时还需要可访问的水质管理后端 API，构建时使用兼容旧版 webpack 的 OpenSSL 选项。

已知问题：构建通过但存在旧版依赖的 Node 警告；默认数据为浏览器本地演示样本，真实服务接入需按部署环境配置 API 地址。

登录后领取