智慧隧道综合运行管控平台-后台管理系统产品系统

立项旨在解决隧道运营中多套业务系统入口分散、账号与权限不统一、审批和值班交接依赖线下纸质流转、运行数据难以集中查看与追溯等问题。隧道运营涉及监控中心 7×24 小时值守、跨部门审批、人员排班交接、应用与接口治理等工作，项目通过建设统一后台管理系统，为建设单位、运营单位和相关管理人员提供统一入口、统一权限和统一流程，提升跨系统协同效率与运营管理的规范化、可审计水平。

统由统一登录与门户、系统管理、流程审批、交接班管理、公告通知、运维监控、日志审计和任务调度等模块组成。统一登录支持账号密码、手机号、扫码以及一体化平台单点登录；系统管理覆盖人员、角色、菜单、机构部门、数据字典、参数、租户、应用及应用分类、接口、客户端、访问申请、APP 版本和埋点分析；流程中心提供自定义表单与可视化流程设计、流程实例、我的审批和阅办，支持同意、驳回、退回、转办、加签、委托、终止等审批动作；交接班模块提供班次配置、月/周/日排班日历、值班人员、交接记录查询与统计；监控模块提供服务状态、运行服务、App 访问、前端性能（FP/FCP/LCP/CLS）、用户活跃度和在线用户看板；日志模块覆盖登录、操作、接口、慢接口和慢 SQL；此外还包括 XXL-JOB 定时任务、AccessKey 管理，首页提供应用中心、待办、通知和日程。

本人负责交接班排班管理模块的前端设计与开发，主要包括班次管理、排班日历、个人排班视图和交接班记录查询。项目整体采用 Vue 3 + TypeScript + Vite + Element Plus + Pinia + Vue Router 的后端驱动动态路由架构，本模块基于 Element Plus 表单/弹窗组件与 dayjs 日期处理实现。班次管理支持班次名称、起止时间、排序号和说明的增删改查及启用/禁用，开关操作先二次确认、接口成功后再更新状态；排班日历支持周/月视图切换、按周/月选择和前后翻页，可按班次为每天安排多名值班人并填写排班说明，保存时把新增、修改、删除合并为一次批量提交，保存成功后自动刷新日历；同时支持监控人员/维护人员两类班组切换、人员值班次数统计、历史日期只读、班次颜色与排序联动。个人排班提供月/周/日视图和选中日期的班次、值班地点、交接信息、同班同事及本月统计；记录查询支持按排班类型、交班/接班类型和时间范围分页检索并查看详情。实现难点包括：同一班次多人排班的增删改差异计算与批量保存、跨天班次时长计算、6×7 月历网格与周起始日处理、后端多种返回结构和字段命名的兼容、人员删除后历史排班姓名回显等；同时复用统一请求签名与异常处理机制，保持与主框架一致的交互规范。