← 返回项目库

清源智控污水厂运行驾驶舱

面向污水厂值班人员的中文运行监控与设备管理界面。

项目把处理量、工艺仪表、运营指标、设备健康、告警处置和展示偏好整合到一个可重复运行的 Vue 控制台中。

真实界面

项目截图

共 6 张

运行总览
工艺监测
运营分析
设备台账
告警中心
系统设置

Capabilities

核心功能

✓处理量、能耗和达标率运行总览
✓进水段、生化段和出水段工艺监测
✓达标率趋势与能耗运营分析
✓设备搜索、健康度和维护计划
✓告警筛选、确认与处置记录
✓本地演示模式和展示偏好设置

适用场景

验证污水厂值班驾驶舱的信息架构
演示工艺监测、设备台账和告警闭环
作为 Vue 2 中文工业界面学习样例

适合谁

污水厂运营人员、前端学习者和需要评审工业看板交互的产品团队。

商业化思路

适合作为污水处理数字化方案的交互原型和二次开发底座，真实部署需要接入自有设备、数据服务与安全策略。

你会拿到什么

  • ✓Vue 2 中文运行驾驶舱源码
  • ✓确定性本地演示数据、构建配置和运行说明

部署流程

  1. 1执行 npm ci 安装依赖
  2. 2执行 npm run serve 启动本地预览或执行 npm run build 生成生产静态文件

真实验证结果

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

部署前须知

当前使用固定演示数据，不接入真实设备、生产数据库、外部 API、用户鉴权或告警通知；接入生产系统前需自行完成数据安全、权限和运维验证。

部署难度

简单

最低配置

Node.js 14 或以上、npm 6 或以上和支持现代 JavaScript 的浏览器。

开源许可证

MIT

最后验证

2026-09-04

技术栈

Vue 2Vue RouterVuexCSS

授权说明

源码包保留上游 LICENSE 和版权声明；中文界面、本地演示数据与运行说明属于适配修改，不扩大上游许可证授予的权利范围。

Release notes

版本记录

1 个已发布版本

vcn-058c4189548f 当前推荐

将上游数字大屏整理为中文污水厂运行驾驶舱，补充六个功能页、确定性演示数据、交互状态和自包含构建配置。

部署要求：Node.js 14 或以上、npm 6 或以上和支持现代 JavaScript 的浏览器。

已知问题：本版本仅证明本地演示流程与界面交互；真实设备数据、生产部署、权限管理和外部服务接入需要另行配置与验证。

登录后领取