管道局QHSE智能管理平台_系统开发案例-程序员客栈

技术信息

语言技术
CSS、JavaScript、Vue、TypeScript、Node.js系统类型
Web、H5、Web3行业分类
工业互联网、企业服务

作品详情

行业场景

面向石油化工、制造业等高危行业企业的安全环保（QHSE）管理部门，替代传统 Excel 台账 + 线下签字审批模式，将隐患上报、整改闭环、特种作业证书到期预警、安全检查计划、环境体系管理等线下流程线上化，并通过工作流引擎实现跨部门审批流转，帮助企业满足安全生产标准化合规要求，降低事故风险。

功能介绍

平台涵盖十大业务域：**隐患排查治理**（隐患记录上报、整改闭环、隐患奖励申报与统计）、**特种作业证书管理**（员工证书台账、证书异常记录、到期风险提醒、认证安全检查）、**QHSE 环境体系管理**、**安全检查计划与统计分析**、**岗位职责与岗位统计**、**调度通话记录与人脸识别同步台账**；同时内置**自研低代码流程审批引擎**（可视化拖拽设计器 + BPMN 流程建模 + 审批中心 + 业务委派 / 条件分支 / 并签会签）、**系统运维监控中心**（在线用户、Redis / 服务器 / 服务监控、登录 / 操作 / 数据日志、定时任务、IP 黑名单）、**低代码表单设计器与代码生成工具**，并集成 **AI 智能助手**与 **OCR 识别**能力。

项目实现

1. **双部署模式架构**：通过 `VITE_GLOB_APP_SERVER_TYPE` 在 `vue`（单体）与 `cloud`（微服务）两套后端模式间切换，利用 Vite 环境变量 + 动态 API 别名（`api-vue/` ↔ `api-cloud/`）实现一套代码对接两套后端；构建后通过 `postBuild.ts` 注入 `dist/_app.config.js` 运行时配置，无需重新打包即可切换接口地址。
2. **自研流程审批引擎前端**：基于 LogicFlow 封装可视化流程设计器（发起人 / 审批人 / 抄送 / 并行分支等节点可拖拽配置），同时集成 bpmn-js + properties-panel 实现标准 BPMN 2.0 流程建模、流程定义 / 实例管理、审批意见、业务委派、动态按钮、表达式与监听器扩展。
3. **高性能表格与复杂业务页**：基于 vxe-table 封装大数据量台账表格（隐患记录、证书台账、通话记录等），配合 xlsx 实现导入导出；封装通用查询表单、分页、状态字典、权限按钮指令，提升业务页开发效率。
4. **AI 智能助手集成**：通过 Vite 代理 `/ai-api` 对接大模型服务，基于 `@opencode-ai/sdk` 内嵌完整对话 UI；可进一步结合你简历里已有的 **SSE 流式分片渲染**经验来写。
5. **运维监控中台**：实现服务器监控、Redis 监控、在线用户管理、操作日志 / 登录日志 / 数据日志、定时任务管理、IP 黑名单等模块，ECharts 可视化展示服务运行状态。