《污水从业人员实训体系》
项目描述:
一个针对污水行业培训场景设计的数字化管理平台,支持管理员、教师和学员三端协同工作。涵盖了教务管理、题库管理、在线考试、成绩查询及档案等核心流程,旨在提升培训组织与评估效率。
技术栈:React + TypeScript + Umi Max + Ant Design/ProComponents + Umi-request
项目职责: 主导考试全流程模块的实现,包括题库与自动组卷开发并完善角色权限控制机制和通用组件封装
技术要点:
设计多角色路由体系,开发适配于三种用户角色的首页界面。根据用户角色动态渲染个性化页面内容和主题色切换,为学生和教师提供考试及课程安排表,为管理员提供培训看板,并确保各角色的主题色全局生效;
开发在线答题的关键交互逻辑,如锁定考试界面、自动保存答案、统一处理单选、多选和判断题型、试卷总览导航、倒计时与超时自动提交等功能,提升了考试过程的稳定性和用户体验;
负责成绩查询模块的开发,利用在线考试查询接口获取详细题目信息和作答数据,按题型分类展示,并通过复用试卷总览模态窗实现快速查看正确率和跳转至题目详情的功能,从而优化了学员的成绩复查流程;
实现考试管理和理论题库管理模块的各项功能,包括考试时间段与时长验证、开考后编辑限制、监考教师分配、班级学员批量选择等;题库管理方面,则支持基于等级和题型进行检索、试题编辑删除、通过模板上传导入试题以及条件导出试题,通过调整组卷状态来完成自动组卷,满足了高效组卷与题库维护的需求;
《通用仓库管理系统》
项目描述:
面向中小微企业的轻量化仓库管理系统,替代传统 Excel 台账管理模式,实现物料入库、出库、库存盘点、库存预警全流程线上化,规范仓储操作流程,降低库存管理误差。
技术栈:Vue2 + Vue Router + Vuex + Element UI / Ant+ Axios + ECharts
项目职责: 负责核心功能开发、数据可视化实现、联调兼容优化,推动系统功能完善与团队协作效率提升
技术要点:
承接入库单 / 出库单管理模块,实现物料信息下拉选择、数量自动计算(如出库单自动关联库存余量), 支持单据草稿保存与后续编辑,提升仓储单据处理的效率与灵活性;
开发库存盘点模块,支持按区域、货架筛选物料,提供扫码盘点功能(对接扫码枪设备),自动对比盘点 数据与系统库存,生成差异报表,简化盘点流程并降低误差;
设计库存预警模块,支持自定义物料库存预警阈值,触发预警时通过系统消息和弹窗双渠道提醒仓储人 员,同步提供采购、调拨等处理建议,助力库存风险前置管控;
搭建 ECharts 库存数据大屏,基于 ECharts 开发多维度数据可视化大屏,支持出入库趋势与库存周转率 等图表联动,配套全屏展示模式,助力仓储数据直观化决策;
《污水厂运营管理平台 》
项目描述:
为污水厂运营场景构建的一个统一中后台平台,覆盖了运营总览、预警管理、设备管理、库存管理、生产监测和系统设置等核心业务流程。打通完整的业务链路,提高运营过程的可视化程度和管理精细化水平。
技术栈:React + TypeScript + Umi Max + Ant Design/ProComponents + hooks + ECharts
项目职责: 负责平台核心业务模块的前端设计与实现,确保关键业务功能稳定上线,并持续优化用户体验
技术要点:
开发运营总览与工作台的数据看板,封装进出水量、水质、能耗等图表组件。支持通过下拉框查询相关数据,实现关键指标统计、多维度趋势可视化及预警信息聚合展示,能够快速定位异常波动和业务风险;
构建预警管理的追踪体系,实现从预警规则设定、预警工单生成到预警记录回溯的完整流程。提供规则新增编辑、状态查询以及详情追溯等功能,确保预警链路在Web端可配置、可查询且可回顾;
主导设备管理及其详情页面的重构工作,在保留原有版本数据字段布局基础上开发维护记录模块。固定设备状态映射规则,并支持操作维护记录模块以实现维护活动的记录保存,增强了设备信息的一致性;
实现了库存管理全流程的核心功能,包括库存台账、库存数量查询以及仓库管理三大区域。出入库物料字段支持查询功能,并能进行模糊匹配物料字典,完成物料联动校验、自动回填及异常输入兜底处理。
《污水厂运营管理平台》
项目描述:
针对污水处理业务场景,开发了一个预警工单移动处置小程序,实现了Web端预警工单处理流程的移动化。包括工作台页面、底部导航框架、工单统计展示与待办任务列表等核心功能的原型实现。
技术栈:Taro 3.x + React 18 + Webpack5 + 微信小程序 + ESLin