丹东银行存取款设备监控管理系统产品系统

银行业 ATM 等自助设备数量持续增长，设备分布广泛，运行状态难以实时掌握，故障响应滞后，传统人工巡检已无法满足运维要求。本系统应用于银行自助设备集中监控与运维管理，覆盖全行 ATM、存取款一体机等设备，实现状态实时监控、故障告警即时推送、运行数据统计分析与报表自动生成。以丹东银行存取款自助设备监控管理系统为典型应用案例，助力银行提升设备运营管理水平。

1. 实时监控与告警：通过 SSE 技术实现设备告警实时推送，登录后自动建立连接，按用户机构过滤，仅推送本机构设备告警，支持优先级排序与去重，具备指数退避重连机制。
2. Excel 报表管理：集成 Luckysheet 在线电子表格编辑器，支持报表设计、参数化查询预览、导出 Excel/PDF、生成分享链接（可设有效期与分享码）、报表复制等全生命周期管理。
3. 大屏可视化设计：集成 anji-report Vue3 移植版大屏设计器，提供柱状图、折线图、饼图、地图等 ECharts 图表，支持组件联动（mitt 事件总线）、全屏预览与数据集绑定。
4. 数据集管理：支持 SQL 和 HTTP 两种数据集类型，提供 JS 脚本、字典映射、JavaBean 三种数据转换方式，支持在线测试预览。
5. 分享管理：集中管理报表与大屏分享记录，支持生成链接、设置有效期、配置分享码、查看列表、删除分享（链接即刻失效）。
6. 用户与权限管理：采用 RBAC 模型，登录后根据服务端菜单数据生成动态路由，支持三层树形菜单权限（T_MENUAUTH）与按机构（F_ORGID）的数据行级隔离。
7. 多布局与国际化：支持 classic、topLeft、top、cutMenu 四种布局模式，内置中英文 i18n。

技术栈：Vue 3（Composition API）+ TypeScript + Vite 5 + Element Plus + Pinia + UnoCSS + ECharts + Luckysheet，后端为 Spring Boot + 达梦数据库 + Redis，包管理强制使用 pnpm。
架构设计：采用 Hash 路由，静态路由仅含登录/404/redirect，登录后由路由守卫拉取服务端菜单动态生成业务路由；认证基于 Cookie/Session（Spring Security XSRF-TOKEN）。针对不同场景配置四个 axios 实例：登录鉴权（60s，支持 AbortController）、常规业务（50s）、文件下载（180s，blob）、文件上传（multipart），拦截器按 {returnCode,data,returnInfo} 契约统一解包，0002/0009 强制重登。SSE 客户端基于原生 EventSource，登录后自动连接 /trtc/api/sse，由 Pinia store 管理连接生命周期与指数退避重连。状态管理采用 Pinia + 持久化插件，核心 store 包括 user、permission、sse、alert、app。布局组件为 TSX 写法，支持四种布局，自定义 CSS 统一 v- 前缀避免与 Element Plus 冲突。大屏设计器为 anji-report Vue3 移植版，内部组件采用 Options API，联动走 mitt 事件总线，ECharts 由模块内统一注册。
工程化：ESLint + Prettier + Stylelint 三重规范，husky pre-commit 钩子依次执行 lint-staged、ts:check、vitest run，commitlint 约束提交信息。支持多环境配置