64 Commits

Author SHA1 Message Date
yangsy fa44554593 style(vimp-tree): 优化线路树组件的标签页样式与文本展示
修改了alarm-tree.vue和camera-tree.vue两个组件,优化NTabs的样式配置,自定义标签尺寸与文本格式,调整内部布局细节
2026-06-01 20:14:44 +08:00
yangsy cbeddebbc0 refactor(alarm-tree, camera-tree): 整合节点图标到标签并优化渲染逻辑
为树形节点标签添加弹性布局以正确对齐图标与文字,将图标渲染逻辑从单独的前缀函数整合到标签渲染函数中,为摄像机树形组件新增按类型匹配对应图标的逻辑,并移除了冗余的前缀渲染属性与函数
2026-06-01 03:19:44 +08:00
yangsy c78c8b8419 refactor(vimp-alarm): 重构告警树数据构建逻辑并优化节点显示
- 统一区域数据处理流程,使用compiledCodeAreas替代原有的四个独立区域数组
- 使用Map索引替代线性查找,提升数据构建性能
- 将节点的后缀/前缀渲染从节点属性迁移至Tree组件的renderPrefix和renderSuffix方法
- 为区域节点添加areaLevel字段以适配不同层级的样式
- 为告警节点添加警笛图标前缀,为各层级节点添加统计信息后缀
2026-06-01 03:13:38 +08:00
yangsy 148be10186 修复(vimp设备中心): 按编码排序站点与通道以稳定UI显示顺序
- 新增通用排序工具函数,对站点和通道数组按code字段排序,确保线路面板、站点节点和通道节点的显示顺序稳定一致,避免UI因数据源顺序波动出现跳动。
2026-06-01 02:54:49 +08:00
yangsy 650ca78464 style(use-device-center-query): 移除未使用的类型导入 2026-06-01 02:24:30 +08:00
yangsy 64449a22c5 perf(vimp): 预编译码表区域索引优化查询性能
- 新增compileCodeAreas工具函数,将区域数据预构建为Map索引,降低区域查找的时间复杂度
- 重构camera store,移除冗余的区域遍历查找逻辑,改用预编译索引数据
新增节点areaLevel字段,适配不同层级节点的统计后缀样式间距
- 将摄像头图标和节点统计后缀的渲染逻辑迁移至camera-tree组件
- 清理调试控制台日志,简化空通道判断逻辑
2026-06-01 02:22:55 +08:00
yangsy 0c7f3153ce refactor(vimp): 重命名映射变量并优化摄像头商店逻辑
1. 统一重命名站点告警、摄像头的映射变量为更具可读性的命名格式
2. 重构摄像头商店的buildLineTabPanes方法,提取重复逻辑为独立工具函数
3. 使用Map和Set优化节点索引与查找流程,避免重复添加摄像头节点
4. 统一统计后缀的渲染逻辑,简化代码结构
2026-05-31 17:08:30 +08:00
yangsy b9c4a3ca27 perf(vimp): 优化存储响应式并重构设备查询逻辑
将 camera 和 alarm 存储的 lineTabPanes 从 ref 替换为 shallowRef,减少大型数组的响应式开销。重构设备查询组合式函数,拆分相机和告警的站点与通道数据,添加调试控制台日志。
2026-05-30 23:27:22 +08:00
yangsy 12c431b0ec refactor(vimp): 修复重复站点问题并重构告警逻辑
- 新增站点去重逻辑避免重复条目
- 更新告警面板构建函数的参数与内部实现
- 修正摄像机和告警区域的注释表述
2026-05-30 22:17:11 +08:00
yangsy 176e35609f fix(device-center-query): 简化并修正设备站点与通道的处理逻辑
原先的逻辑先按API返回的站点分组通道,再通过通道编码重建站点列表,存在冗余且可能出错。现在改为单次循环直接基于通道编码生成正确的站点,并按站点分组相机和告警通道,同时完善了相关注释说明。
2026-05-30 22:02:52 +08:00
yangsy 7cd59956b1 style(use-device-center-query): 调整代码空行优化可读性 2026-05-30 16:56:11 +08:00
yangsy df1c7deead refactor(vimp): 重构摄像头站点处理逻辑,修正站点匹配问题
将站点聚合逻辑从摄像头store移至设备中心查询模块,基于通道编码生成正确的站点列表,解决接口返回站点编码不匹配的问题
简化buildLineTabPanes函数的参数和内部处理流程
移除未使用的@vueuse/core的objectEntries导入
2026-05-30 13:48:20 +08:00
yangsy 3e88379eb9 refactor(vimp): 将普通对象替换为Map并优化代码逻辑 (不包含警报器树)
- 将站点摄像机和告警的映射存储从普通对象改为Map,提升查询性能
- 新增站点在线状态缓存和已访问站点集合,简化重复站点判断逻辑
- 移动buildTrainAreas和axios配置对象至顶层作用域
- 调整代码结构并临时注释告警存储的线路面板构建调用
2026-05-30 09:42:14 +08:00
yangsy 9827eddae2 build(proxy): 添加内网后端代理注释配置
新增一条注释的内网后端代理配置,方便团队成员快速切换开发后端服务地址
2026-05-29 23:34:44 +08:00
yangsy 5b2315981e feat(vimp/codes): 添加新的站点、OCC及停车场代码条目 2026-05-29 23:33:29 +08:00
yangsy c8eed3d2d1 fix(vimp设备中心): 修正摄像头和告警的站点映射及区域码截取逻辑
- 重命名站点摄像头和告警的映射变量以提升代码可读性,存储API返回数据时将站点代码截断为前6位。
- 新增摄像头站点列表生成逻辑,通过摄像头国标码修复原始站点列表的匹配错误问题,同时调整区域码截取长度,列车站点使用3位长度,其他站点使用2位。
2026-05-29 20:15:02 +08:00
yangsy 7f5aa7bb82 refactor(vimp): 重构设备中心代码,修复图标渲染并整理导入
- 重新组织use-device-center-query的导入语句,合并api与类型导入
- 将接口返回的站点数据重命名为sitesFromApi以提升代码可读性
- 修复camera和alarm store中图标的渲染插槽语法
- 更新store方法调用时的参数传递
2026-05-29 15:02:31 +08:00
yangsy 0b1a0546dd style(vimp): 清理未使用的lucide图标导入 2026-05-29 00:36:57 +08:00
yangsy 7b15300ab7 feat(resource-pannel): 为资源面板添加标签页图标和新标签,清理未使用导入
- 优化资源面板标签页布局,将图标置于文字上方
- 新增复合技和地图两个标签页
更新标签页数据结构以支持图标配置
移除未使用的naive-ui和vueuse依赖导入
2026-05-29 00:35:42 +08:00
yangsy 8fae86d6ff feat(vimp-resource): 优化资源面板,添加设备搜索与图标展示
- 新增bullet-camera、hemi-ptz-camera、ptz-camera三个自定义svg摄像头图标
- 替换告警和摄像头列表的文字前缀为对应图标展示
- 重构资源面板状态管理,简化搜索关键词的存储逻辑
- 为摄像头和告警树添加本地搜索过滤功能,搜索时自动展开所有节点
- 重构资源面板UI布局,添加折叠动画,优化搜索框显示逻辑与侧边栏样式
2026-05-29 00:11:43 +08:00
yangsy 2f38e97481 fix(resource-pannel): 调整资源面板的展开触发方式为点击标签页
移除顶部资源标题的点击展开事件,为各标签页添加点击触发展开的事件并优化模板条件顺序,提升用户体验
2026-05-28 16:24:55 +08:00
yangsy d5b380e1e3 refactor(vimp): 提取资源面板为独立组件并添加pinia存储
- 将原内嵌的资源标签页逻辑提取为独立组件
- 新增专用pinia存储管理资源面板的折叠和搜索状态
- 统一折叠展开与搜索交互的逻辑实现
2026-05-28 16:23:42 +08:00
yangsy bd1cc0483b refactor(vimp): 重构模块结构,优化代码组织
- 将设备中心查询逻辑从API层抽取至composables目录,封装为useDeviceCenterQuery组合式函数
- 拆分camera、alarm的状态管理为独立store文件,新增资源面板搜索状态store
- 更新相关组件的依赖导入路径,清理冗余导出并调整导出列表
2026-05-28 10:47:28 +08:00
yangsy 67dccc5011 refactor(vimp): 移除冗余的选中设备GB编码相关代码
删除alarm-tree、camera-tree组件中的选中状态定义、节点绑定及双击设置逻辑,同时移除vimp主页面中对应的状态声明、组件传参和状态展示代码
2026-05-27 22:28:57 +08:00
yangsy a0048411a4 重构(alarm-tree): 使用 alarmOnline 函数替代直接状态检查
将多处行内的告警状态检查替换为统一的 alarmOnline 辅助函数,后续若需调整在线状态校验逻辑仅需修改一处,提升代码可读性与可维护性。
2026-05-27 22:25:50 +08:00
yangsy d177956edd fix(device-center-query): 移除设备及告警数据赋值的非空判断
解决空数组无法更新对应站点映射的问题,避免残留旧数据
2026-05-27 21:48:03 +08:00
yangsy d1b973be15 refactor(vimp/types): 重命名树类型模块为设备树并补充类型定义
创建device-tree.ts作为新的设备树类型模块,迁移原tree.ts中的类型定义,新增摄像机、警报器设备树的节点类型、类型守卫函数及标签页属性类型,同时更新类型入口文件的导出路径。
2026-05-27 21:31:16 +08:00
yangsy 65603d469d refactor(vimp): 抽离并重构vimp的摄像机、告警store与树形类型
- 新增camera-store.ts与alarm-store.ts,封装摄像机、告警业务逻辑为独立Pinia store
- 重构tree.ts中的树形节点类型命名与关联判断函数
- 更新stores/index.ts的导出文件路径
- 移除alarm-tree.vue中的冗余类型导入
2026-05-27 21:29:59 +08:00
yangsy a92e47bc18 refactor(vimp): 重构vimp模块的API目录与导入路径
重新梳理vimp模块的API代码结构,拆分为client、model、query、request子模块并添加统一导出入口;修正所有相关文件的导入路径,新增通用响应类型与工具函数,优化树组件的类型判断逻辑,同时新增设备查询相关API与查询hook。
2026-05-27 15:43:53 +08:00
yangsy 7467b54834 feat(vimp): 设备树原型 2026-05-27 02:33:06 +08:00
yangsy e08cea9c6a build(vite config): 优化开发服务器代理与端口配置
- 将开发服务器端口提取为常量 SERVER_PORT 以简化维护
- 为 API 代理添加环境注释并注释备用后端地址
- 新增本地测试用的 vimp/api 代理配置
- 新增 CDN 代理指向本地开发服务器端口
2026-05-27 02:23:13 +08:00
yangsy 24e126e946 feat(codes): 新增地铁基础静态配置JSON数据
本次新增public/vimp/codes/目录下的5个静态配置文件,覆盖地铁线路信息、区域分区编码、停车区域、站点内部区域细分以及全量站点列表,为地铁相关业务提供基础数据支撑。
2026-05-27 02:22:12 +08:00
yangsy 1e2ad96e56 docs(AGENTS.md): 新增AGENTS.md项目说明文档 2026-05-25 10:14:54 +08:00
yangsy 6c57af9e55 feat(vite配置): 添加杨浦21号线测试环境代理配置
新增杨浦21号线测试环境专用代理配置列表,添加注释的默认测试环境代理条目,并将新代理列表加入主代理配置中
2026-05-25 10:09:43 +08:00
yangsy ca7d6baa2e refactor: 重构NVR集群处理逻辑,优化设备树展示
抽离NVR集群相关的公共工具函数,重构isNvrCluster的实现逻辑。修复原有设备树中NVR分组的逻辑错误,原本会将所有单机NVR添加到每个集群的子节点中,现在会正确将单机NVR分配到对应集群,未归属的单机NVR作为独立节点。简化设备树组件的代码,统一使用封装后的工具方法处理集群分组。修复设备定位时的集群匹配逻辑,使用更准确的IP包含判断。初始化设备树数据的默认空值,修正类型定义错误。
2026-05-20 21:18:54 +08:00
yangsy 0b39c9c602 chore: 版本信息和更新日志 2026-05-20 13:55:14 +08:00
yangsy ec77b28cf2 fix: 修复设备硬件卡片进度条异常值并完善状态判断逻辑
新增进度百分比限制函数,修正0值进度的状态判断,调整模板变量判断条件
2026-05-20 13:35:41 +08:00
yangsy 983b865ff7 feat: 新增录像机环境状态卡片和网卡信息 2026-05-20 12:52:24 +08:00
yangsy 161f7db147 feat: 为交换机诊断信息添加temperature字段 2026-05-20 12:50:27 +08:00
yangsy 01a2a5bda6 feat: 新增安防箱网卡信息展示并更新卡片标题
- 修改安防箱环境卡片标题为“安防箱环境状态”
- 新增网卡信息展示模块,包含IP、子网掩码、MAC地址等参数
2026-05-20 12:48:18 +08:00
yangsy 6437b6bf35 feat: 添加服务器网卡信息展示
扩展NdmServerDiagInfo数据类型,新增网卡和IP信息字段,并在服务器诊断面板展示相关网络状态详情
2026-05-20 12:45:54 +08:00
yangsy 848f2a0018 fix: 优化安防箱环境数据卡片空标签渲染并重构风扇展示
为温度、湿度、门禁和防雷标签添加数据存在性判断,避免渲染空标签;移除冗余计算属性,改为循环直接展示每个风扇转速
2026-05-20 12:04:04 +08:00
yangsy eaa855a09e chore: 版本信息和更新日志 2026-05-19 19:42:23 +08:00
yangsy a014bbfd13 feat: 支持配置摄像机的告警阈值 2026-05-19 16:40:18 +08:00
yangsy 87962d188c feat: 新增摄像机硬件占用率历史诊断记录卡片 2026-05-19 16:38:49 +08:00
yangsy d334e55551 fix: 修复录像机历史诊断记录loading载状态同步问题 2026-05-19 16:37:56 +08:00
yangsy b8927e064b fix: 修复解码器历史诊断记录loading载状态同步问题 2026-05-19 16:34:29 +08:00
yangsy 11b673550b 修复: 优化摄像机网卡信息的运行状态显示并移除管理状态
将运行状态的原始值转换为中文展示,值为'1'时显示“正常”,其他非空值显示“异常”,无值时显示'-'
2026-05-19 15:08:43 +08:00
yangsy c3f3844cd5 feat: 新增多厂商安防箱支持并重构相关逻辑
- 新增安防箱适配器模块,统一封装不同厂商的设备操作逻辑
- 拆分原有安防箱API为beidian、ningtech两个厂商的专属实现
- 扩展安防箱诊断信息接口,补充设备ID、版本等元数据字段
- 更新安防箱设备卡片组件,支持自动识别厂商并适配空开控制逻辑
2026-05-19 15:01:27 +08:00
yangsy a43a8b24e3 fix 修正安防箱门禁和防雷状态显示错误 2026-05-19 14:58:15 +08:00
yangsy f29ab9f768 feat: 安防箱修改面板新增开关数量和团体字符串(写) 2026-05-19 14:56:30 +08:00
yangsy 2a6f049938 feat: 为安防箱新增circuitCount字段 2026-05-19 14:55:04 +08:00
yangsy 18378b79a6 refactor: 重构helpers目录导出入口,整合原有分散的模块导出 2026-05-18 15:01:53 +08:00
yangsy 3fae0b841b feat: 为各设备实体模型新增writeCommunity字段
在各设备实体接口文件中添加writeCommunity字符串字段
2026-05-18 14:12:00 +08:00
yangsy b8ef57e417 feat: 统一并优化设备诊断页面的信息展示
重构报警主机、解码器、录像机、安防箱的设备诊断页通用信息展示逻辑,适配组件新的props格式。完善摄像头诊断相关的接口类型定义,为摄像头诊断页新增硬件使用率展示卡片,补充完整的设备基础信息和网络信息内容
2026-05-18 14:11:59 +08:00
yangsy c03667b312 fix: 修正交换机端口卡片显示条件,仅在端口非空时展示 2026-05-18 14:11:58 +08:00
yangsy 2b7b4e7bd9 refactor: 重构设备通用卡片组件,调整props格式并优化布局
- 导出DeviceCommonCardProps类型以提供类型支持
- 将commonInfo属性从键值对对象调整为分组数组格式
- 使用NFlex和NText优化卡片内部的布局展示
2026-05-18 14:11:58 +08:00
yangsy dc8184d5dd refactor: 提取设备硬件卡片中通用百分比解析函数并优化空值展示
提取统一的百分比字符串解析工具函数,替换原有重复的解析逻辑,新增空值或无效值时显示 `-` 的处理
2026-05-18 14:11:58 +08:00
yangsy f36e5c3d3c refactor: 移除未使用的 NCard 导入 2026-04-13 11:02:36 +08:00
yangsy de241334a9 chore: 版本信息和更新日志 2026-04-10 15:43:12 +08:00
yangsy c75338cb70 feat: 添加视频服务器双机热备状态 2026-04-10 15:11:58 +08:00
yangsy 86e3e1726d fix: 修复设备查询缓存键冲突问题
- 将查询键中的设备ID改为由车站编码和设备ID组成的唯一键,防止不同车站下相同设备ID导致的数据混淆。
- 同时更新相关监控逻辑,当车站或设备IP变化时重置页面状态。
2026-04-10 10:15:32 +08:00
yangsy 943aa27de1 fix: 将“电路”统一更正为“空开” 2026-04-02 10:38:48 +08:00
yangsy b4442fe6c4 fix: 修复设备树节点key值生成逻辑,最大限度避免key值碰撞导致设备树渲染异常 2026-03-30 20:30:26 +08:00
94 changed files with 4362 additions and 239 deletions
+271
View File
@@ -0,0 +1,271 @@
# 网络设备管理平台
## 项目概述
这是网络设备管理平台的前端项目,用于在地铁线路运管中心检测和查看各车站网络设备的详细数据、运行情况、异常告警,并提供分析、统计、日志和权限管理能力。
主要设备类型:
- 摄像机
- 网络录像机
- 交换机
- 解码器
- 智能安防箱
- 媒体服务器
- 视频服务器
- 网络键盘
- 报警主机
## 技术栈
- 包管理:pnpm
- 构建工具:Vite
- 前端框架:Vue 3
- 语言:TypeScript
- 路由:Vue Router
- 组件库:Naive UI
- 状态管理:Pinia + pinia-plugin-persistedstate
- 服务端状态/轮询:TanStack Vue Query
- 本地持久化:localStorage、sessionStorage、IndexedDB/localforage
- 网络请求:axios
- 实时消息:STOMP/WebSocket`@stomp/stompjs`
- 图表:ECharts
- 图标:lucide-vue-next
- 样式:Sass
## 环境与脚本
### 运行环境
- Node.js`^20.19.0 || >=22.12.0`
- pnpm:以 `package.json``packageManager` 为准
### 常用命令
```bash
pnpm install # 安装依赖
pnpm dev # 启动开发服务,默认端口 9763
pnpm build # 类型检查 + Vite 构建 + 构建产物压缩
pnpm preview # 预览构建产物
pnpm build-only # 仅执行 Vite 构建
pnpm type-check # 执行 vue-tsc 类型检查
pnpm lint # 执行 ESLint,并带 --fix
pnpm format # 使用 Prettier 格式化 src/
```
当前项目未配置测试脚本,也未发现测试文件;不要声称已运行单元测试。需要验证改动时,优先运行 `pnpm type-check``pnpm lint``pnpm build` 中与改动相关的命令。
### 构建流程
`pnpm build` 的实际流程为:
1. `tsx build/pre-build.ts`:根据 `package.json` 的版本和构建时间写入 `public/manifest.json`
2. `vue-tsc --build`:类型检查。
3. `vite build`:生成 `dist/`
4. `tsx build/post-build.ts`:基于 `dist/` 生成 `.zip``.tar``.tar.gz` 压缩包。
压缩包命名格式为:`ndm-web-platform_v<version>_<YYMMDD-HHmmss>`
## 目录结构
项目源码集中在 `src/`
```text
src/
apis/ # 接口客户端、接口模型、业务请求封装
components/ # 业务组件与全局组件
device/
global/
permission/
station/
composables/ # 组合式函数
alarm/
common/
device/
permission/
query/ # TanStack Query 轮询与请求编排
station/
stomp/ # STOMP/WebSocket 客户端
constants/ # 常量
enums/ # 枚举
helpers/ # 辅助逻辑
layouts/
app-layout.vue # 登录后主布局
pages/ # 页面
plugins/ # Pinia 持久化等插件
router/
index.ts # 路由配置与守卫
stores/ # Pinia stores
styles/ # 全局样式
types/ # 全局/工具类型
utils/ # 通用工具函数
```
路径别名:`@/*` 指向 `src/*`
## 页面与路由
路由配置在 `src/router/index.ts`。登录页独立于主布局;除 `/login` 外,其余页面都作为 `src/layouts/app-layout.vue` 的子路由。
```text
src/
router/
index.ts
layouts/
app-layout.vue
pages/
login/
login-page.vue # 登录页,对应 /login
station/
station-page.vue # 车站状态页/首页,对应 /station
device/
device-page.vue # 设备诊断页,对应 /device
alarm/
alarm-log-page.vue # 设备告警记录,对应 /alarm/alarm-log
alarm-ignore-page.vue # 告警忽略管理,对应 /alarm/alarm-ignore
log/
vimp-log-page.vue # 视频平台日志,对应 /log/vimp-log
call-log-page.vue # 上级调用日志,对应 /log/call-log
permission/
permission-page.vue # 权限管理,对应 /permission
system/
changelog/
changelog-page.vue # 更新记录,对应 /changelog
error/
not-found-page.vue # 404 页面,对应 catch-all
```
路由守卫规则:
- 未登录访问非 `/login` 页面会跳转到 `/login`
- 已登录访问 `/login` 会跳转到 `/`
- `/` 默认重定向到 `/station`
- `/permission` 需要 `useUserStore().isLamp` 为真,否则跳转到 404。
## 数据轮询与状态管理
由于后端服务按车站分布,前端需要向各车站服务依次请求数据。项目采用“单点驱动 + 变更监听 + 级联触发”的轮询模式。
核心文件位于 `src/composables/query/`
- `use-line-stations-query.ts`:查询所有车站,是业务轮询入口。
- `use-user-permission-query.ts`:查询并计算当前用户在各车站的权限,负责调度后续设备/告警查询。
- `use-line-devices-query.ts`:查询设备数据。
- `use-line-alarms-query.ts`:查询告警数据。
- `use-verify-user-query.ts`:用户登录/校验相关请求。
- `use-version-check-query.ts`:版本检查,依赖构建阶段生成的 `/manifest.json`
关键 Pinia stores 位于 `src/stores/`
- `user.ts`:用户登录态、Token、用户类型等。
- `station.ts`:车站数据。
- `device.ts`:设备数据。
- `alarm.ts`:告警数据。
- `permission.ts`:权限数据。
- `setting.ts`:系统设置、调试开关、网络开关等。
- `polling.ts`:轮询状态控制。
- `unread.ts`:未读状态。
持久化注意事项:
- 大体量业务数据会使用 IndexedDB/localforage。
- 普通设置类状态会使用 localStorage/sessionStorage。
- `src/main.ts` 会比较 `VITE_STORAGE_VERSION` 与本地 `ndm-storage-version`,不一致时清空 localStorage 并清空 localforage。
## 接口与代理
接口相关代码位于 `src/apis/`
- `client/`HTTP 客户端基础封装。
- `domain/`:领域相关类型/逻辑。
- `model/`:接口模型。
- `request/`:按业务拆分的请求函数。
开发代理配置在 `vite.config.ts`
- 开发服务端口:`9763`
- 已配置多个线路/站点前缀代理,包括 01、02、04、10、21 相关站点。
- 当前配置包含 `/api``/minio``/ws` 等代理项。
- `ProxyItem.rewrite` 用于将本地请求前缀改写为后端真实路径,例如将 `/1001/api` 改写为 `/api`
修改代理时,应同步检查 `key``target``rewrite``ws` 是否匹配实际环境。
## 环境变量
项目使用 Vite 环境变量,当前变量集中在 `.env`。文档或回答中只列变量名和用途,不要复述真实密钥、密码或授权值。
常见变量:
- `VITE_APP_TITLE`:页面标题。
- `VITE_REQUEST_INTERVAL`:轮询间隔,单位秒。
- `VITE_NDM_APP_KEY`:网管 appKey。
- `VITE_LAMP_CLIENT_ID`LAMP clientId。
- `VITE_LAMP_CLIENT_SECRET`LAMP clientSecret。
- `VITE_LAMP_USERNAME`LAMP 登录用户名。
- `VITE_LAMP_PASSWORD`LAMP 登录密码。
- `VITE_LAMP_AUTHORIZATION`:已有 Authorization 时直接使用,否则由 clientId/clientSecret 生成。
- `VITE_STORAGE_VERSION`:本地缓存版本,用于触发缓存清理。
- `VITE_DEBUG_CODE`:调试模式授权码。
## 调试模式与离线开发
调试模式默认隐藏,用于开发、联调和故障排查。
开启方式:
1. 使用快捷键 `Ctrl + Alt + D` 唤起验证弹窗。
2. 输入 `VITE_DEBUG_CODE` 对应授权码。
3. 验证通过后,“系统设置”中会显示调试分组。
调试相关能力:
- 显示设备原始数据。
- 控制是否轮询车站。
- 控制是否主动请求。
- 控制是否订阅 STOMP/WebSocket 消息。
- 启用模拟用户。
- 允许在特定场景下直接操作本地 IndexedDB。
离线开发:
- 如果浏览器已有现场缓存,可在调试模式中关闭轮询、主动请求和消息订阅,直接查看本地缓存。
- 全新环境可在登录页控制台设置 `window.$mockUser.value = true` 进入模拟登录,再通过调试面板导入 `docs/data/` 下的数据:
- `ndm-station-store.json`
- `ndm-device-store.json`
- `ndm-alarm-store.json`
## 代码风格与约定
- 遵循现有 Vue SFC、TypeScript、组合式函数和 Pinia 写法。
- 新增业务请求时优先放入 `src/apis/request/` 对应业务分类。
- 新增页面时同步更新 `src/router/index.ts`,并保持 `src/pages/` 目录与路由语义一致。
- 新增共享逻辑优先放入 `src/composables/``src/helpers/``src/utils/`,不要在页面中堆积重复逻辑。
- 新增全局/业务组件时优先放入 `src/components/` 对应分类。
- 使用 `@/` 引用 `src/` 下模块。
- 不要在代码、文档或回复中泄露真实密码、Token、Authorization 或现场地址以外的敏感信息。
格式化配置来自 `.prettierrc.json`
- LF 换行
- 2 空格缩进
- 单引号
- 使用分号
- `trailingComma: all`
- `printWidth: 200`
ESLint 重点规则:
- `@typescript-eslint/no-unused-vars` 为 warn。
- `@typescript-eslint/no-explicit-any` 当前关闭,但新增代码仍应尽量保持类型清晰。
- `vue/multi-word-component-names` 当前关闭。
## 协作规则
1. 默认不要直接修改项目代码;当用户明确授权修改时,只修改授权范围内的文件。
2. 修改前先阅读相关文件和既有实现,避免凭空猜测目录、接口或状态结构。
3. 修改后说明改了哪些文件、为什么改、如何验证。
4. 文档类修改至少重新读取目标文件确认内容正确。
5. 代码类修改应按影响范围运行 `pnpm type-check``pnpm lint``pnpm build` 或更小范围的可用验证命令。
6. 不要提交 Git commit,除非用户明确要求。
7. 不要删除失败测试或通过压制类型错误来规避问题。
8. 不要在最终说明中声称执行了未实际执行的命令。
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "ndm-web-platform",
"version": "0.39.0",
"version": "0.0.0",
"private": true,
"type": "module",
"engines": {
+44
View File
@@ -1,4 +1,48 @@
[
{
"version": "0.42.0",
"date": "2026-05-20",
"changes": {
"fixes": [
{ "content": "优化安防箱环境数据卡片,避免空标签渲染并改进风扇信息展示" },
{ "content": "修复设备硬件卡片进度条异常值显示问题,并完善状态判断逻辑" }
],
"feats": [
{ "content": "新增服务器网卡信息展示" },
{ "content": "新增安防箱网卡信息展示,并优化相关卡片标题" },
{ "content": "为交换机诊断信息新增温度字段" },
{ "content": "新增录像机环境状态卡片和网卡信息展示" }
]
}
},
{
"version": "0.41.0",
"date": "2026-05-19",
"changes": {
"fixes": [
{ "content": "修复交换机端口卡片在端口数据为空时仍展示的问题" },
{ "content": "修复安防箱门禁状态和防雷状态显示错误的问题" },
{ "content": "修复解码器和录像机历史诊断中硬件占用卡片的加载状态同步问题" }
],
"feats": [
{ "content": "新增摄像机阈值配置功能" },
{ "content": "新增摄像机硬件占用率历史诊断记录卡片" },
{ "content": "优化设备诊断页的信息展示结构,支持按设备型号、网卡信息、接入信息等分组展示" },
{ "content": "为摄像机诊断信息新增网卡信息、IP信息和设备通用信息展示" },
{ "content": "新增多厂商安防箱支持,支持BeiDian和NingTech安防箱的空开控制与设备重启" },
{ "content": "安防箱配置新增开关数量和团体字符串(写)" },
{ "content": "为各类设备实体新增团体字符串(写)字段" }
]
}
},
{
"version": "0.40.0",
"date": "2026-04-10",
"changes": {
"fixes": [{ "content": "修复设备树搜索时节点错乱的问题" }, { "content": "将安防箱面板的“电路”统一更正为“空开”" }, { "content": "修复设备查询缓存键冲突问题" }],
"feats": [{ "content": "添加视频服务器双机热备状态" }]
}
},
{
"version": "0.39.0",
"date": "2026-03-02",
+2 -2
View File
@@ -1,4 +1,4 @@
{
"version": "0.39.0",
"buildTime": "2026-03-11 14:35:45"
"version": "0.42.0",
"buildTime": "2026-05-20 13:52:07"
}
+43
View File
@@ -0,0 +1,43 @@
{
"001": { "name": "1号线", "color": "#E81B38" },
"002": { "name": "2号线", "color": "#8AC63F" },
"003": { "name": "3号线", "color": "#FBD005" },
"004": { "name": "4号线", "color": "#4F2D8B" },
"005": { "name": "5号线", "color": "#9056A3" },
"006": { "name": "6号线", "color": "#D61670" },
"007": { "name": "7号线", "color": "#F37120" },
"008": { "name": "8号线", "color": "#009DD8" },
"009": { "name": "9号线", "color": "#7AC7EA" },
"010": { "name": "10号线", "color": "#BCA8D1" },
"011": { "name": "11号线", "color": "#7D2030" },
"012": { "name": "12号线", "color": "#007C65" },
"013": { "name": "13号线", "color": "#E795C0" },
"014": { "name": "14号线", "color": "#5E5C29" },
"015": { "name": "15号线", "color": "#759092" },
"016": { "name": "16号线", "color": "#8ED1C0" },
"017": { "name": "17号线", "color": "#B87975" },
"018": { "name": "18号线", "color": "#BB8C51" },
"019": { "name": "19号线", "color": "#BABABA" },
"020": { "name": "20号线", "color": "#BABABA" },
"021": { "name": "21号线", "color": "#BABABA" },
"022": { "name": "22号线", "color": "#BABABA" },
"023": { "name": "23号线", "color": "#BABABA" },
"024": { "name": "24号线", "color": "#BABABA" },
"025": { "name": "25号线", "color": "#BABABA" },
"051": { "name": "浦江线", "color": "#BABABA" },
"501": { "name": "COCC", "color": "#BABABA" },
"502": { "name": "BCOCC", "color": "#BABABA" },
"601": { "name": "上海火车站分控", "color": "#BABABA" },
"602": { "name": "徐家汇分控", "color": "#BABABA" },
"603": { "name": "宜山路分控", "color": "#BABABA" },
"604": { "name": "陆家嘴分控", "color": "#BABABA" },
"605": { "name": "人民广场分控", "color": "#BABABA" },
"606": { "name": "东宝兴路分控", "color": "#BABABA" },
"607": { "name": "虹桥枢纽分控", "color": "#BABABA" },
"608": { "name": "松江大学城分控", "color": "#BABABA" },
"609": { "name": "民生路分控", "color": "#BABABA" },
"610": { "name": "西藏南路分控", "color": "#BABABA" },
"611": { "name": "延吉中路分控", "color": "#BABABA" },
"612": { "name": "迪士尼分控", "color": "#BABABA" },
"900": { "name": "轨交总队", "color": "#BABABA" }
}
+102
View File
@@ -0,0 +1,102 @@
[
{
"code": "01",
"name": "地下区",
"subs": [
{ "code": "01001", "name": "地下01层" },
{ "code": "01002", "name": "地下02层" },
{ "code": "01003", "name": "地下03层" },
{ "code": "01004", "name": "地下04层" },
{ "code": "01005", "name": "地下05层" },
{ "code": "01006", "name": "地下06层" },
{ "code": "01007", "name": "地下07层" },
{ "code": "01008", "name": "地下08层" },
{ "code": "01009", "name": "地下09层" }
]
},
{
"code": "02",
"name": "调度大厅",
"subs": [{ "code": "02001", "name": "调度大厅" }]
},
{
"code": "03",
"name": "一区",
"subs": [
{ "code": "03001", "name": "01层" },
{ "code": "03002", "name": "02层" },
{ "code": "03003", "name": "03层" },
{ "code": "03004", "name": "04层" },
{ "code": "03005", "name": "05层" },
{ "code": "03006", "name": "06层" },
{ "code": "03007", "name": "07层" },
{ "code": "03008", "name": "08层" },
{ "code": "03009", "name": "09层" },
{ "code": "03010", "name": "10层" }
]
},
{
"code": "04",
"name": "二区",
"subs": [
{ "code": "04001", "name": "11层" },
{ "code": "04002", "name": "12层" },
{ "code": "04003", "name": "13层" },
{ "code": "04004", "name": "14层" },
{ "code": "04005", "name": "15层" },
{ "code": "04006", "name": "16层" },
{ "code": "04007", "name": "17层" },
{ "code": "04008", "name": "18层" },
{ "code": "04009", "name": "19层" },
{ "code": "04010", "name": "20层" }
]
},
{
"code": "05",
"name": "三区",
"subs": [
{ "code": "05001", "name": "21层" },
{ "code": "05002", "name": "22层" },
{ "code": "05003", "name": "23层" },
{ "code": "05004", "name": "24层" },
{ "code": "05005", "name": "25层" },
{ "code": "05006", "name": "26层" },
{ "code": "05007", "name": "27层" },
{ "code": "05008", "name": "28层" },
{ "code": "05009", "name": "29层" },
{ "code": "05010", "name": "30层" }
]
},
{
"code": "06",
"name": "四区",
"subs": [
{ "code": "06001", "name": "31层" },
{ "code": "06002", "name": "32层" },
{ "code": "06003", "name": "33层" },
{ "code": "06004", "name": "34层" },
{ "code": "06005", "name": "35层" },
{ "code": "06006", "name": "36层" },
{ "code": "06007", "name": "37层" },
{ "code": "06008", "name": "38层" },
{ "code": "06009", "name": "39层" },
{ "code": "06010", "name": "40层" }
]
},
{
"code": "07",
"name": "五区",
"subs": [
{ "code": "07001", "name": "41层" },
{ "code": "07002", "name": "42层" },
{ "code": "07003", "name": "43层" },
{ "code": "07004", "name": "44层" },
{ "code": "07005", "name": "45层" },
{ "code": "07006", "name": "46层" },
{ "code": "07007", "name": "47层" },
{ "code": "07008", "name": "48层" },
{ "code": "07009", "name": "49层" },
{ "code": "07010", "name": "50层" }
]
}
]
+378
View File
@@ -0,0 +1,378 @@
[
{
"code": "01",
"name": "停车库",
"subs": [
{ "code": "01001", "name": "库门01" },
{ "code": "01002", "name": "库门02" },
{ "code": "01003", "name": "库门03" },
{ "code": "01004", "name": "库门04" },
{ "code": "01005", "name": "库门05" },
{ "code": "01006", "name": "库门06" },
{ "code": "01007", "name": "库门07" },
{ "code": "01008", "name": "库门08" },
{ "code": "01009", "name": "库门09" },
{ "code": "01010", "name": "库门10" },
{ "code": "01011", "name": "库门11" },
{ "code": "01012", "name": "库门12" },
{ "code": "01013", "name": "库门13" },
{ "code": "01014", "name": "库门14" },
{ "code": "01015", "name": "库门15" },
{ "code": "01016", "name": "库门16" },
{ "code": "01017", "name": "库门17" },
{ "code": "01018", "name": "库门18" },
{ "code": "01019", "name": "库门19" },
{ "code": "01020", "name": "库门20" },
{ "code": "01031", "name": "库门31" },
{ "code": "01032", "name": "库门32" },
{ "code": "01033", "name": "库门33" },
{ "code": "01034", "name": "库门34" },
{ "code": "01035", "name": "库门35" },
{ "code": "01036", "name": "库门36" },
{ "code": "01037", "name": "库门37" },
{ "code": "01038", "name": "库门38" },
{ "code": "01039", "name": "库门39" },
{ "code": "01040", "name": "库门40" },
{ "code": "01041", "name": "库门41" },
{ "code": "01042", "name": "库门42" },
{ "code": "01043", "name": "库门43" },
{ "code": "01044", "name": "库门44" },
{ "code": "01045", "name": "库门45" },
{ "code": "01046", "name": "库门46" },
{ "code": "01047", "name": "库门47" },
{ "code": "01048", "name": "库门48" },
{ "code": "01049", "name": "库门49" },
{ "code": "01050", "name": "库门50" }
]
},
{
"code": "02",
"name": "其它车库",
"subs": [
{ "code": "02001", "name": "检修库01" },
{ "code": "02002", "name": "检修库02" },
{ "code": "02003", "name": "检修库03" },
{ "code": "02004", "name": "检修库04" },
{ "code": "02005", "name": "检修库05" },
{ "code": "02006", "name": "洗车库01" },
{ "code": "02007", "name": "洗车库02" },
{ "code": "02008", "name": "洗车库03" },
{ "code": "02009", "name": "洗车库04" },
{ "code": "02010", "name": "洗车库05" },
{ "code": "02011", "name": "镟轮库01" },
{ "code": "02012", "name": "镟轮库02" },
{ "code": "02013", "name": "镟轮库03" },
{ "code": "02014", "name": "镟轮库04" },
{ "code": "02015", "name": "镟轮库05" },
{ "code": "02016", "name": "地下机动车库01" },
{ "code": "02017", "name": "地下机动车库02" },
{ "code": "02018", "name": "地下机动车库03" },
{ "code": "02019", "name": "地下机动车库04" },
{ "code": "02020", "name": "地下机动车库05" },
{ "code": "02021", "name": "特种车库01" },
{ "code": "02022", "name": "特种车库02" },
{ "code": "02023", "name": "特种车库03" },
{ "code": "02024", "name": "特种车库04" },
{ "code": "02025", "name": "特种车库05" },
{ "code": "02026", "name": "联合车库01" },
{ "code": "02027", "name": "联合车库02" },
{ "code": "02028", "name": "联合车库03" },
{ "code": "02029", "name": "联合车库04" },
{ "code": "02030", "name": "联合车库05" },
{ "code": "02031", "name": "静调库01" },
{ "code": "02032", "name": "静调库02" },
{ "code": "02033", "name": "静调库03" },
{ "code": "02034", "name": "静调库04" },
{ "code": "02035", "name": "静调库05" }
]
},
{
"code": "03",
"name": "办公楼",
"subs": [
{ "code": "03001", "name": "信号楼01" },
{ "code": "03002", "name": "信号楼02" },
{ "code": "03003", "name": "信号楼03" },
{ "code": "03004", "name": "信号楼04" },
{ "code": "03005", "name": "信号楼05" },
{ "code": "03006", "name": "信号楼06" },
{ "code": "03007", "name": "信号楼07" },
{ "code": "03008", "name": "信号楼08" },
{ "code": "03009", "name": "信号楼09" },
{ "code": "03010", "name": "信号楼10" },
{ "code": "03011", "name": "办公楼01" },
{ "code": "03012", "name": "办公楼02" },
{ "code": "03013", "name": "办公楼03" },
{ "code": "03014", "name": "办公楼04" },
{ "code": "03015", "name": "办公楼05" },
{ "code": "03016", "name": "办公楼06" },
{ "code": "03017", "name": "办公楼07" },
{ "code": "03018", "name": "办公楼08" },
{ "code": "03019", "name": "办公楼09" },
{ "code": "03020", "name": "办公楼10" }
]
},
{
"code": "04",
"name": "出入口",
"subs": [
{ "code": "04001", "name": "出入口01" },
{ "code": "04002", "name": "出入口02" },
{ "code": "04003", "name": "出入口03" },
{ "code": "04004", "name": "出入口04" },
{ "code": "04005", "name": "出入口05" },
{ "code": "04006", "name": "喉部01" },
{ "code": "04007", "name": "喉部02" },
{ "code": "04008", "name": "喉部03" },
{ "code": "04009", "name": "喉部04" },
{ "code": "04010", "name": "喉部05" },
{ "code": "04011", "name": "峒口01" },
{ "code": "04012", "name": "峒口02" },
{ "code": "04013", "name": "峒口03" },
{ "code": "04014", "name": "峒口04" },
{ "code": "04015", "name": "峒口05" }
]
},
{
"code": "05",
"name": "周界",
"subs": [
{ "code": "05001", "name": "周界01" },
{ "code": "05002", "name": "周界02" },
{ "code": "05003", "name": "周界03" },
{ "code": "05004", "name": "周界04" },
{ "code": "05005", "name": "周界05" },
{ "code": "05006", "name": "周界06" },
{ "code": "05007", "name": "周界07" },
{ "code": "05008", "name": "周界08" },
{ "code": "05009", "name": "周界09" },
{ "code": "05010", "name": "周界10" }
]
},
{
"code": "06",
"name": "仓库",
"subs": [
{ "code": "06001", "name": "危险物品仓库01" },
{ "code": "06002", "name": "危险物品仓库02" },
{ "code": "06003", "name": "危险物品仓库03" },
{ "code": "06004", "name": "危险物品仓库04" },
{ "code": "06005", "name": "危险物品仓库05" },
{ "code": "06006", "name": "物流仓库01" },
{ "code": "06007", "name": "物流仓库02" },
{ "code": "06008", "name": "物流仓库03" },
{ "code": "06009", "name": "物流仓库04" },
{ "code": "06010", "name": "物流仓库05" }
]
},
{
"code": "07",
"name": "道路",
"subs": [
{ "code": "07001", "name": "道路01" },
{ "code": "07002", "name": "道路02" },
{ "code": "07003", "name": "道路03" },
{ "code": "07004", "name": "道路04" },
{ "code": "07005", "name": "道路05" }
]
},
{
"code": "08",
"name": "其它",
"subs": [
{ "code": "08001", "name": "变电站01" },
{ "code": "08002", "name": "变电站02" },
{ "code": "08003", "name": "变电站03" },
{ "code": "08004", "name": "变电站04" },
{ "code": "08005", "name": "变电站05" }
]
},
{
"code": "11",
"name": "停车库(录)",
"subs": [
{ "code": "11001", "name": "库门01" },
{ "code": "11002", "name": "库门02" },
{ "code": "11003", "name": "库门03" },
{ "code": "11004", "name": "库门04" },
{ "code": "11005", "name": "库门05" },
{ "code": "11006", "name": "库门06" },
{ "code": "11007", "name": "库门07" },
{ "code": "11008", "name": "库门08" },
{ "code": "11009", "name": "库门09" },
{ "code": "11010", "name": "库门10" },
{ "code": "11011", "name": "库门11" },
{ "code": "11012", "name": "库门12" },
{ "code": "11013", "name": "库门13" },
{ "code": "11014", "name": "库门14" },
{ "code": "11015", "name": "库门15" },
{ "code": "11016", "name": "库门16" },
{ "code": "11017", "name": "库门17" },
{ "code": "11018", "name": "库门18" },
{ "code": "11019", "name": "库门19" },
{ "code": "11020", "name": "库门20" },
{ "code": "11031", "name": "库门31" },
{ "code": "11032", "name": "库门32" },
{ "code": "11033", "name": "库门33" },
{ "code": "11034", "name": "库门34" },
{ "code": "11035", "name": "库门35" },
{ "code": "11036", "name": "库门36" },
{ "code": "11037", "name": "库门37" },
{ "code": "11038", "name": "库门38" },
{ "code": "11039", "name": "库门39" },
{ "code": "11040", "name": "库门40" },
{ "code": "11041", "name": "库门41" },
{ "code": "11042", "name": "库门42" },
{ "code": "11043", "name": "库门43" },
{ "code": "11044", "name": "库门44" },
{ "code": "11045", "name": "库门45" },
{ "code": "11046", "name": "库门46" },
{ "code": "11047", "name": "库门47" },
{ "code": "11048", "name": "库门48" },
{ "code": "11049", "name": "库门49" },
{ "code": "11050", "name": "库门50" }
]
},
{
"code": "12",
"name": "其它车库(录)",
"subs": [
{ "code": "12001", "name": "检修库01" },
{ "code": "12002", "name": "检修库02" },
{ "code": "12003", "name": "检修库03" },
{ "code": "12004", "name": "检修库04" },
{ "code": "12005", "name": "检修库05" },
{ "code": "12006", "name": "洗车库01" },
{ "code": "12007", "name": "洗车库02" },
{ "code": "12008", "name": "洗车库03" },
{ "code": "12009", "name": "洗车库04" },
{ "code": "12010", "name": "洗车库05" },
{ "code": "12011", "name": "镟轮库01" },
{ "code": "12012", "name": "镟轮库02" },
{ "code": "12013", "name": "镟轮库03" },
{ "code": "12014", "name": "镟轮库04" },
{ "code": "12015", "name": "镟轮库05" },
{ "code": "12016", "name": "地下机动车库01" },
{ "code": "12017", "name": "地下机动车库02" },
{ "code": "12018", "name": "地下机动车库03" },
{ "code": "12019", "name": "地下机动车库04" },
{ "code": "12020", "name": "地下机动车库05" },
{ "code": "12021", "name": "特种车库01" },
{ "code": "12022", "name": "特种车库02" },
{ "code": "12023", "name": "特种车库03" },
{ "code": "12024", "name": "特种车库04" },
{ "code": "12025", "name": "特种车库05" },
{ "code": "12026", "name": "联合车库01" },
{ "code": "12027", "name": "联合车库02" },
{ "code": "12028", "name": "联合车库03" },
{ "code": "12029", "name": "联合车库04" },
{ "code": "12030", "name": "联合车库05" },
{ "code": "12031", "name": "静调库01" },
{ "code": "12032", "name": "静调库02" },
{ "code": "12033", "name": "静调库03" },
{ "code": "12034", "name": "静调库04" },
{ "code": "12035", "name": "静调库05" }
]
},
{
"code": "13",
"name": "办公楼(录)",
"subs": [
{ "code": "13001", "name": "信号楼01" },
{ "code": "13002", "name": "信号楼02" },
{ "code": "13003", "name": "信号楼03" },
{ "code": "13004", "name": "信号楼04" },
{ "code": "13005", "name": "信号楼05" },
{ "code": "13006", "name": "信号楼06" },
{ "code": "13007", "name": "信号楼07" },
{ "code": "13008", "name": "信号楼08" },
{ "code": "13009", "name": "信号楼09" },
{ "code": "13010", "name": "信号楼10" },
{ "code": "13011", "name": "办公楼01" },
{ "code": "13012", "name": "办公楼02" },
{ "code": "13013", "name": "办公楼03" },
{ "code": "13014", "name": "办公楼04" },
{ "code": "13015", "name": "办公楼05" },
{ "code": "13016", "name": "办公楼06" },
{ "code": "13017", "name": "办公楼07" },
{ "code": "13018", "name": "办公楼08" },
{ "code": "13019", "name": "办公楼09" },
{ "code": "13020", "name": "办公楼10" }
]
},
{
"code": "14",
"name": "出入口(录)",
"subs": [
{ "code": "14001", "name": "出入口01" },
{ "code": "14002", "name": "出入口02" },
{ "code": "14003", "name": "出入口03" },
{ "code": "14004", "name": "出入口04" },
{ "code": "14005", "name": "出入口05" },
{ "code": "14006", "name": "喉部01" },
{ "code": "14007", "name": "喉部02" },
{ "code": "14008", "name": "喉部03" },
{ "code": "14009", "name": "喉部04" },
{ "code": "14010", "name": "喉部05" },
{ "code": "14011", "name": "峒口01" },
{ "code": "14012", "name": "峒口02" },
{ "code": "14013", "name": "峒口03" },
{ "code": "14014", "name": "峒口04" },
{ "code": "14015", "name": "峒口05" }
]
},
{
"code": "15",
"name": "周界(录)",
"subs": [
{ "code": "15001", "name": "周界01" },
{ "code": "15002", "name": "周界02" },
{ "code": "15003", "name": "周界03" },
{ "code": "15004", "name": "周界04" },
{ "code": "15005", "name": "周界05" },
{ "code": "15006", "name": "周界06" },
{ "code": "15007", "name": "周界07" },
{ "code": "15008", "name": "周界08" },
{ "code": "15009", "name": "周界09" },
{ "code": "15010", "name": "周界10" }
]
},
{
"code": "16",
"name": "仓库(录)",
"subs": [
{ "code": "16001", "name": "危险物品仓库01" },
{ "code": "16002", "name": "危险物品仓库02" },
{ "code": "16003", "name": "危险物品仓库03" },
{ "code": "16004", "name": "危险物品仓库04" },
{ "code": "16005", "name": "危险物品仓库05" },
{ "code": "16006", "name": "物流仓库01" },
{ "code": "16007", "name": "物流仓库02" },
{ "code": "16008", "name": "物流仓库03" },
{ "code": "16009", "name": "物流仓库04" },
{ "code": "16010", "name": "物流仓库05" }
]
},
{
"code": "17",
"name": "道路(录)",
"subs": [
{ "code": "17001", "name": "道路01" },
{ "code": "17002", "name": "道路02" },
{ "code": "17003", "name": "道路03" },
{ "code": "17004", "name": "道路04" },
{ "code": "17005", "name": "道路05" }
]
},
{
"code": "18",
"name": "其它(录)",
"subs": [
{ "code": "18001", "name": "变电站01" },
{ "code": "18002", "name": "变电站02" },
{ "code": "18003", "name": "变电站03" },
{ "code": "18004", "name": "变电站04" },
{ "code": "18005", "name": "变电站05" }
]
}
]
+470
View File
@@ -0,0 +1,470 @@
[
{
"code": "01",
"name": "站厅层",
"subs": [
{ "code": "01001", "name": "客服中心01" },
{ "code": "01002", "name": "客服中心02" },
{ "code": "01003", "name": "客服中心03" },
{ "code": "01004", "name": "客服中心04" },
{ "code": "01005", "name": "闸机组01" },
{ "code": "01006", "name": "闸机组02" },
{ "code": "01007", "name": "闸机组03" },
{ "code": "01008", "name": "闸机组04" },
{ "code": "01009", "name": "闸机组05" },
{ "code": "01010", "name": "闸机组06" },
{ "code": "01011", "name": "闸机组07" },
{ "code": "01012", "name": "闸机组08" },
{ "code": "01013", "name": "闸机组09" },
{ "code": "01014", "name": "闸机组10" },
{ "code": "01015", "name": "闸机组11" },
{ "code": "01016", "name": "闸机组12" },
{ "code": "01017", "name": "闸机组13" },
{ "code": "01018", "name": "闸机组14" },
{ "code": "01019", "name": "闸机组15" },
{ "code": "01020", "name": "闸机组16" },
{ "code": "01021", "name": "闸机组17" },
{ "code": "01022", "name": "闸机组18" },
{ "code": "01023", "name": "闸机组19" },
{ "code": "01024", "name": "闸机组20" },
{ "code": "01025", "name": "人工售票01" },
{ "code": "01026", "name": "人工售票02" },
{ "code": "01027", "name": "人工售票03" },
{ "code": "01028", "name": "人工售票04" },
{ "code": "01029", "name": "人工售票05" },
{ "code": "01030", "name": "自动售票01" },
{ "code": "01031", "name": "自动售票02" },
{ "code": "01032", "name": "自动售票03" },
{ "code": "01033", "name": "自动售票04" },
{ "code": "01034", "name": "自动售票05" },
{ "code": "01035", "name": "站厅球机" },
{ "code": "01036", "name": "直升梯01" },
{ "code": "01037", "name": "直升梯02" },
{ "code": "01038", "name": "直升梯03" },
{ "code": "01039", "name": "直升梯04" },
{ "code": "01040", "name": "公共区01" },
{ "code": "01041", "name": "公共区02" },
{ "code": "01042", "name": "公共区03" },
{ "code": "01043", "name": "公共区04" },
{ "code": "01044", "name": "公共区05" },
{ "code": "01045", "name": "站厅楼梯01" },
{ "code": "01046", "name": "站厅楼梯02" },
{ "code": "01047", "name": "站厅楼梯03" },
{ "code": "01048", "name": "站厅楼梯04" },
{ "code": "01049", "name": "站厅楼梯05" },
{ "code": "01050", "name": "站厅扶梯01" },
{ "code": "01051", "name": "站厅扶梯02" },
{ "code": "01052", "name": "站厅扶梯03" },
{ "code": "01053", "name": "站厅扶梯04" },
{ "code": "01054", "name": "站厅扶梯05" },
{ "code": "01055", "name": "01号口" },
{ "code": "01056", "name": "02号口" },
{ "code": "01057", "name": "03号口" },
{ "code": "01058", "name": "04号口" },
{ "code": "01059", "name": "05号口" },
{ "code": "01060", "name": "06号口" },
{ "code": "01061", "name": "07号口" },
{ "code": "01062", "name": "08号口" },
{ "code": "01063", "name": "09号口" },
{ "code": "01064", "name": "10号口" },
{ "code": "01065", "name": "11号口" },
{ "code": "01066", "name": "12号口" },
{ "code": "01067", "name": "13号口" },
{ "code": "01068", "name": "14号口" },
{ "code": "01069", "name": "15号口" },
{ "code": "01070", "name": "16号口" },
{ "code": "01071", "name": "17号口" },
{ "code": "01072", "name": "18号口" },
{ "code": "01073", "name": "19号口" },
{ "code": "01074", "name": "20号口" },
{ "code": "01075", "name": "21号口" },
{ "code": "01076", "name": "22号口" },
{ "code": "01077", "name": "23号口" },
{ "code": "01078", "name": "24号口" },
{ "code": "01079", "name": "25号口" },
{ "code": "01080", "name": "26号口" },
{ "code": "01081", "name": "换乘厅01" },
{ "code": "01082", "name": "换乘厅02" },
{ "code": "01083", "name": "长通道01" },
{ "code": "01084", "name": "长通道02" },
{ "code": "01085", "name": "安检区" },
{ "code": "01086", "name": "预留1" },
{ "code": "01087", "name": "预留2" },
{ "code": "01088", "name": "预留3" }
]
},
{
"code": "02",
"name": "站台层",
"subs": [
{ "code": "02001", "name": "站台球机" },
{ "code": "02002", "name": "公共区01" },
{ "code": "02003", "name": "公共区02" },
{ "code": "02004", "name": "公共区03" },
{ "code": "02005", "name": "公共区04" },
{ "code": "02006", "name": "公共区05" },
{ "code": "02007", "name": "上行01" },
{ "code": "02008", "name": "上行02" },
{ "code": "02009", "name": "上行03" },
{ "code": "02010", "name": "上行04" },
{ "code": "02011", "name": "上行05" },
{ "code": "02012", "name": "下行01" },
{ "code": "02013", "name": "下行02" },
{ "code": "02014", "name": "下行03" },
{ "code": "02015", "name": "下行04" },
{ "code": "02016", "name": "下行05" },
{ "code": "02017", "name": "站台楼梯01" },
{ "code": "02018", "name": "站台楼梯02" },
{ "code": "02019", "name": "站台楼梯03" },
{ "code": "02020", "name": "站台楼梯04" },
{ "code": "02021", "name": "站台楼梯05" },
{ "code": "02022", "name": "预留1" },
{ "code": "02023", "name": "预留2" },
{ "code": "02024", "name": "预留3" }
]
},
{
"code": "03",
"name": "设备区",
"subs": [
{ "code": "03001", "name": "站厅走道01" },
{ "code": "03002", "name": "站厅走道02" },
{ "code": "03003", "name": "站厅走道03" },
{ "code": "03004", "name": "站厅走道04" },
{ "code": "03005", "name": "站厅走道05" },
{ "code": "03006", "name": "站厅走道06" },
{ "code": "03007", "name": "站厅走道07" },
{ "code": "03008", "name": "站厅走道08" },
{ "code": "03009", "name": "站厅走道09" },
{ "code": "03010", "name": "站厅走道10" },
{ "code": "03011", "name": "站厅楼梯01" },
{ "code": "03012", "name": "站厅楼梯02" },
{ "code": "03013", "name": "站厅楼梯03" },
{ "code": "03014", "name": "站厅楼梯04" },
{ "code": "03015", "name": "站厅楼梯05" },
{ "code": "03016", "name": "站厅楼梯06" },
{ "code": "03017", "name": "站厅楼梯07" },
{ "code": "03018", "name": "站厅楼梯08" },
{ "code": "03019", "name": "站厅楼梯09" },
{ "code": "03020", "name": "站厅楼梯10" },
{ "code": "03021", "name": "站台走道01" },
{ "code": "03022", "name": "站台走道02" },
{ "code": "03023", "name": "站台走道03" },
{ "code": "03024", "name": "站台走道04" },
{ "code": "03025", "name": "站台走道05" },
{ "code": "03026", "name": "站台走道06" },
{ "code": "03027", "name": "站台走道07" },
{ "code": "03028", "name": "站台走道08" },
{ "code": "03029", "name": "站台走道09" },
{ "code": "03030", "name": "站台走道10" },
{ "code": "03031", "name": "站台楼梯01" },
{ "code": "03032", "name": "站台楼梯02" },
{ "code": "03033", "name": "站台楼梯03" },
{ "code": "03034", "name": "站台楼梯04" },
{ "code": "03035", "name": "站台楼梯05" },
{ "code": "03036", "name": "站台楼梯06" },
{ "code": "03037", "name": "站台楼梯07" },
{ "code": "03038", "name": "站台楼梯08" },
{ "code": "03039", "name": "站台楼梯09" },
{ "code": "03040", "name": "站台楼梯10" },
{ "code": "03041", "name": "编码室" },
{ "code": "03042", "name": "车控室01" },
{ "code": "03043", "name": "车控室02" },
{ "code": "03044", "name": "主变电站01" },
{ "code": "03045", "name": "主变电站02" },
{ "code": "03046", "name": "降压变电所01" },
{ "code": "03047", "name": "降压变电所02" },
{ "code": "03048", "name": "通信设备室" },
{ "code": "03049", "name": "信号设备室" },
{ "code": "03050", "name": "弱电电源室" },
{ "code": "03051", "name": "民用通信机房" },
{ "code": "03052", "name": "区间通风机房" },
{ "code": "03053", "name": "环控机房" },
{ "code": "03054", "name": "冷水机房" },
{ "code": "03055", "name": "环控电控室" },
{ "code": "03056", "name": "线间楼梯01" },
{ "code": "03057", "name": "线间楼梯02" },
{ "code": "03058", "name": "线间楼梯03" },
{ "code": "03059", "name": "线间楼梯04" },
{ "code": "03060", "name": "线间楼梯05" },
{ "code": "03061", "name": "线间通道01" },
{ "code": "03062", "name": "线间通道02" },
{ "code": "03063", "name": "线间通道03" },
{ "code": "03064", "name": "线间通道04" },
{ "code": "03065", "name": "线间通道05" },
{ "code": "03066", "name": "站长室外" },
{ "code": "03067", "name": "气瓶间" },
{ "code": "03068", "name": "消防泵房" },
{ "code": "03069", "name": "钢瓶室" },
{ "code": "03070", "name": "民用通信机房" },
{ "code": "03071", "name": "民用机房" },
{ "code": "03074", "name": "公网引入室" },
{ "code": "03075", "name": "环控电控室" },
{ "code": "03076", "name": "UPS间" }
]
},
{
"code": "04",
"name": "区间内",
"subs": [
{ "code": "04001", "name": "区间变电01" },
{ "code": "04002", "name": "区间变电02" },
{ "code": "04003", "name": "区间变电03" },
{ "code": "04004", "name": "区间变电04" },
{ "code": "04005", "name": "区间变电05" },
{ "code": "04006", "name": "上行峒口" },
{ "code": "04007", "name": "下行峒口" },
{ "code": "04008", "name": "上行轨道" },
{ "code": "04009", "name": "下行轨道" },
{ "code": "04010", "name": "上行风井" },
{ "code": "04011", "name": "下行风井" },
{ "code": "04012", "name": "旁通道" },
{ "code": "04013", "name": "道岔" },
{ "code": "04014", "name": "预留1" },
{ "code": "04015", "name": "预留2" },
{ "code": "04016", "name": "预留3" }
]
},
{
"code": "05",
"name": "派出所",
"subs": [
{ "code": "05001", "name": "监控室" },
{ "code": "05002", "name": "综合执法站" },
{ "code": "05003", "name": "预留1" },
{ "code": "05004", "name": "预留2" },
{ "code": "05005", "name": "预留3" }
]
},
{
"code": "06",
"name": "站厅层(录)",
"subs": [
{ "code": "06001", "name": "客服中心01" },
{ "code": "06002", "name": "客服中心02" },
{ "code": "06003", "name": "客服中心03" },
{ "code": "06004", "name": "客服中心04" },
{ "code": "06005", "name": "闸机组01" },
{ "code": "06006", "name": "闸机组02" },
{ "code": "06007", "name": "闸机组03" },
{ "code": "06008", "name": "闸机组04" },
{ "code": "06009", "name": "闸机组05" },
{ "code": "06010", "name": "闸机组06" },
{ "code": "06011", "name": "闸机组07" },
{ "code": "06012", "name": "闸机组08" },
{ "code": "06013", "name": "闸机组09" },
{ "code": "06014", "name": "闸机组10" },
{ "code": "06015", "name": "闸机组11" },
{ "code": "06016", "name": "闸机组12" },
{ "code": "06017", "name": "闸机组13" },
{ "code": "06018", "name": "闸机组14" },
{ "code": "06019", "name": "闸机组15" },
{ "code": "06020", "name": "闸机组16" },
{ "code": "06021", "name": "闸机组17" },
{ "code": "06022", "name": "闸机组18" },
{ "code": "06023", "name": "闸机组19" },
{ "code": "06024", "name": "闸机组20" },
{ "code": "06025", "name": "人工售票01" },
{ "code": "06026", "name": "人工售票02" },
{ "code": "06027", "name": "人工售票03" },
{ "code": "06028", "name": "人工售票04" },
{ "code": "06029", "name": "人工售票05" },
{ "code": "06030", "name": "自动售票01" },
{ "code": "06031", "name": "自动售票02" },
{ "code": "06032", "name": "自动售票03" },
{ "code": "06033", "name": "自动售票04" },
{ "code": "06034", "name": "自动售票05" },
{ "code": "06035", "name": "站厅球机" },
{ "code": "06036", "name": "直升梯01" },
{ "code": "06037", "name": "直升梯02" },
{ "code": "06038", "name": "直升梯03" },
{ "code": "06039", "name": "直升梯04" },
{ "code": "06040", "name": "公共区01" },
{ "code": "06041", "name": "公共区02" },
{ "code": "06042", "name": "公共区03" },
{ "code": "06043", "name": "公共区04" },
{ "code": "06044", "name": "公共区05" },
{ "code": "06045", "name": "站厅楼梯01" },
{ "code": "06046", "name": "站厅楼梯02" },
{ "code": "06047", "name": "站厅楼梯03" },
{ "code": "06048", "name": "站厅楼梯04" },
{ "code": "06049", "name": "站厅楼梯05" },
{ "code": "06050", "name": "站厅扶梯01" },
{ "code": "06051", "name": "站厅扶梯02" },
{ "code": "06052", "name": "站厅扶梯03" },
{ "code": "06053", "name": "站厅扶梯04" },
{ "code": "06054", "name": "站厅扶梯05" },
{ "code": "06055", "name": "01号口" },
{ "code": "06056", "name": "02号口" },
{ "code": "06057", "name": "03号口" },
{ "code": "06058", "name": "04号口" },
{ "code": "06059", "name": "05号口" },
{ "code": "06060", "name": "06号口" },
{ "code": "06061", "name": "07号口" },
{ "code": "06062", "name": "08号口" },
{ "code": "06063", "name": "09号口" },
{ "code": "06064", "name": "10号口" },
{ "code": "06065", "name": "11号口" },
{ "code": "06066", "name": "12号口" },
{ "code": "06067", "name": "13号口" },
{ "code": "06068", "name": "14号口" },
{ "code": "06069", "name": "15号口" },
{ "code": "06070", "name": "16号口" },
{ "code": "06071", "name": "17号口" },
{ "code": "06072", "name": "18号口" },
{ "code": "06073", "name": "19号口" },
{ "code": "06074", "name": "20号口" },
{ "code": "06075", "name": "21号口" },
{ "code": "06076", "name": "22号口" },
{ "code": "06077", "name": "23号口" },
{ "code": "06078", "name": "24号口" },
{ "code": "06079", "name": "25号口" },
{ "code": "06080", "name": "26号口" },
{ "code": "06081", "name": "换乘厅01" },
{ "code": "06082", "name": "换乘厅02" },
{ "code": "06083", "name": "长通道01" },
{ "code": "06084", "name": "长通道02" },
{ "code": "06085", "name": "安检区" },
{ "code": "06086", "name": "预留1" },
{ "code": "06087", "name": "预留2" },
{ "code": "06088", "name": "预留3" }
]
},
{
"code": "07",
"name": "站台层(录)",
"subs": [
{ "code": "07001", "name": "站台球机" },
{ "code": "07002", "name": "公共区01" },
{ "code": "07003", "name": "公共区02" },
{ "code": "07004", "name": "公共区03" },
{ "code": "07005", "name": "公共区04" },
{ "code": "07006", "name": "公共区05" },
{ "code": "07007", "name": "上行01" },
{ "code": "07008", "name": "上行02" },
{ "code": "07009", "name": "上行03" },
{ "code": "07010", "name": "上行04" },
{ "code": "07011", "name": "上行05" },
{ "code": "07012", "name": "下行01" },
{ "code": "07013", "name": "下行02" },
{ "code": "07014", "name": "下行03" },
{ "code": "07015", "name": "下行04" },
{ "code": "07016", "name": "下行05" },
{ "code": "07017", "name": "站台楼梯01" },
{ "code": "07018", "name": "站台楼梯02" },
{ "code": "07019", "name": "站台楼梯03" },
{ "code": "07020", "name": "站台楼梯04" },
{ "code": "07021", "name": "站台楼梯05" },
{ "code": "07022", "name": "预留1" },
{ "code": "07023", "name": "预留2" },
{ "code": "07024", "name": "预留3" }
]
},
{
"code": "08",
"name": "设备区(录)",
"subs": [
{ "code": "08001", "name": "站厅走道01" },
{ "code": "08002", "name": "站厅走道02" },
{ "code": "08003", "name": "站厅走道03" },
{ "code": "08004", "name": "站厅走道04" },
{ "code": "08005", "name": "站厅走道05" },
{ "code": "08006", "name": "站厅走道06" },
{ "code": "08007", "name": "站厅走道07" },
{ "code": "08008", "name": "站厅走道08" },
{ "code": "08009", "name": "站厅走道09" },
{ "code": "08010", "name": "站厅走道10" },
{ "code": "08011", "name": "站厅楼梯01" },
{ "code": "08012", "name": "站厅楼梯02" },
{ "code": "08013", "name": "站厅楼梯03" },
{ "code": "08014", "name": "站厅楼梯04" },
{ "code": "08015", "name": "站厅楼梯05" },
{ "code": "08016", "name": "站厅楼梯06" },
{ "code": "08017", "name": "站厅楼梯07" },
{ "code": "08018", "name": "站厅楼梯08" },
{ "code": "08019", "name": "站厅楼梯09" },
{ "code": "08020", "name": "站厅楼梯10" },
{ "code": "08021", "name": "站台走道01" },
{ "code": "08022", "name": "站台走道02" },
{ "code": "08023", "name": "站台走道03" },
{ "code": "08024", "name": "站台走道04" },
{ "code": "08025", "name": "站台走道05" },
{ "code": "08026", "name": "站台走道06" },
{ "code": "08027", "name": "站台走道07" },
{ "code": "08028", "name": "站台走道08" },
{ "code": "08029", "name": "站台走道09" },
{ "code": "08030", "name": "站台走道10" },
{ "code": "08031", "name": "站台楼梯01" },
{ "code": "08032", "name": "站台楼梯02" },
{ "code": "08033", "name": "站台楼梯03" },
{ "code": "08034", "name": "站台楼梯04" },
{ "code": "08035", "name": "站台楼梯05" },
{ "code": "08036", "name": "站台楼梯06" },
{ "code": "08037", "name": "站台楼梯07" },
{ "code": "08038", "name": "站台楼梯08" },
{ "code": "08039", "name": "站台楼梯09" },
{ "code": "08040", "name": "站台楼梯10" },
{ "code": "08041", "name": "编码室" },
{ "code": "08042", "name": "车控室01" },
{ "code": "08043", "name": "车控室02" },
{ "code": "08044", "name": "主变电站01" },
{ "code": "08045", "name": "主变电站02" },
{ "code": "08046", "name": "降压变电所01" },
{ "code": "08047", "name": "降压变电所02" },
{ "code": "08048", "name": "通信设备室" },
{ "code": "08049", "name": "信号设备室" },
{ "code": "08050", "name": "弱电电源室" },
{ "code": "08051", "name": "民用通信机房" },
{ "code": "08052", "name": "区间通风机房" },
{ "code": "08053", "name": "环控机房" },
{ "code": "08054", "name": "冷水机房" },
{ "code": "08055", "name": "环控电控室" },
{ "code": "08056", "name": "线间楼梯01" },
{ "code": "08057", "name": "线间楼梯02" },
{ "code": "08058", "name": "线间楼梯03" },
{ "code": "08059", "name": "线间楼梯04" },
{ "code": "08060", "name": "线间楼梯05" },
{ "code": "08061", "name": "线间通道01" },
{ "code": "08062", "name": "线间通道02" },
{ "code": "08063", "name": "线间通道03" },
{ "code": "08064", "name": "线间通道04" },
{ "code": "08065", "name": "线间通道05" },
{ "code": "08066", "name": "预留1" },
{ "code": "08067", "name": "预留2" },
{ "code": "08068", "name": "预留3" }
]
},
{
"code": "09",
"name": "区间内(录)",
"subs": [
{ "code": "09001", "name": "区间变电01" },
{ "code": "09002", "name": "区间变电02" },
{ "code": "09003", "name": "区间变电03" },
{ "code": "09004", "name": "区间变电04" },
{ "code": "09005", "name": "区间变电05" },
{ "code": "09006", "name": "上行峒口" },
{ "code": "09007", "name": "下行峒口" },
{ "code": "09008", "name": "上行轨道" },
{ "code": "09009", "name": "下行轨道" },
{ "code": "09010", "name": "上行风井" },
{ "code": "09011", "name": "下行风井" },
{ "code": "09012", "name": "旁通道" },
{ "code": "09013", "name": "道岔" },
{ "code": "09014", "name": "预留1" },
{ "code": "09015", "name": "预留2" },
{ "code": "09016", "name": "预留3" }
]
},
{
"code": "10",
"name": "派出所(录)",
"subs": [
{ "code": "10001", "name": "监控室" },
{ "code": "10002", "name": "综合执法站" },
{ "code": "10003", "name": "预留1" },
{ "code": "10004", "name": "预留2" },
{ "code": "10005", "name": "预留3" }
]
}
]
+753
View File
@@ -0,0 +1,753 @@
{
"901101": { "name": "虹桥枢纽", "type": "station" },
"901102": { "name": "中春路", "type": "station" },
"901103": { "name": "景洪路", "type": "station" },
"901104": { "name": "三林南", "type": "station" },
"901105": { "name": "康桥东", "type": "station" },
"901106": { "name": "度假区", "type": "station" },
"901107": { "name": "浦东机场", "type": "station" },
"901108": { "name": "T3航站楼", "type": "station" },
"901109": { "name": "上海东站", "type": "station" },
"901180": { "name": "临时检修基地", "type": "parking" },
"901181": { "name": "申昆路停车场", "type": "parking" },
"901182": { "name": "下盐路停车场", "type": "parking" },
"001601": { "name": "莘庄站", "type": "station" },
"001602": { "name": "外环路站", "type": "station" },
"001603": { "name": "莲花路站", "type": "station" },
"001604": { "name": "锦江乐园站", "type": "station" },
"001605": { "name": "上海南站站", "type": "station" },
"001606": { "name": "漕宝路站", "type": "station" },
"001607": { "name": "上海体育馆站", "type": "station" },
"001608": { "name": "徐家汇站", "type": "station" },
"001609": { "name": "衡山路站", "type": "station" },
"001610": { "name": "常熟路站", "type": "station" },
"001611": { "name": "陕西南路站", "type": "station" },
"001612": { "name": "黄陂南路站", "type": "station" },
"001613": { "name": "人民广场站", "type": "station" },
"001614": { "name": "新闸路站", "type": "station" },
"001615": { "name": "汉中路站", "type": "station" },
"001616": { "name": "上海火车站站", "type": "station" },
"001617": { "name": "中山北路站", "type": "station" },
"001618": { "name": "延长路站", "type": "station" },
"001619": { "name": "上海马戏城站", "type": "station" },
"001620": { "name": "汶水路站", "type": "station" },
"001621": { "name": "彭浦新村站", "type": "station" },
"001622": { "name": "共康路站", "type": "station" },
"001623": { "name": "通河新村站", "type": "station" },
"001624": { "name": "呼兰路站", "type": "station" },
"001625": { "name": "共富新村站", "type": "station" },
"001626": { "name": "宝安公路站", "type": "station" },
"001627": { "name": "友谊西路站", "type": "station" },
"001628": { "name": "富锦路站", "type": "station" },
"001676": { "name": "新闸路OCC", "type": "occ" },
"001680": { "name": "富锦路基地", "type": "parking" },
"001681": { "name": "梅陇基地", "type": "parking" },
"002502": { "name": "淞虹路站", "type": "station" },
"002503": { "name": "北新泾站", "type": "station" },
"002504": { "name": "威宁路站", "type": "station" },
"002505": { "name": "娄山关路站", "type": "station" },
"002506": { "name": "中山公园站", "type": "station" },
"002507": { "name": "江苏路站", "type": "station" },
"002508": { "name": "静安寺站", "type": "station" },
"002509": { "name": "南京西路站", "type": "station" },
"002510": { "name": "人民广场站", "type": "station" },
"002511": { "name": "南京东路站", "type": "station" },
"002512": { "name": "陆家嘴站", "type": "station" },
"002513": { "name": "东昌路站", "type": "station" },
"002514": { "name": "世纪大道站", "type": "station" },
"002515": { "name": "上海科技馆站", "type": "station" },
"002516": { "name": "世纪公园站", "type": "station" },
"002517": { "name": "龙阳路站", "type": "station" },
"002524": { "name": "张江高科站", "type": "station" },
"002525": { "name": "金科路站", "type": "station" },
"002526": { "name": "广兰路站", "type": "station" },
"002527": { "name": "唐镇站", "type": "station" },
"002528": { "name": "创新中路站", "type": "station" },
"002529": { "name": "华夏东路站", "type": "station" },
"002530": { "name": "川沙站", "type": "station" },
"002531": { "name": "凌空路站", "type": "station" },
"002532": { "name": "远东大道站", "type": "station" },
"002533": { "name": "海天三路站", "type": "station" },
"002534": { "name": "浦东机场站", "type": "station" },
"002535": { "name": "虹桥2号航站楼站", "type": "station" },
"002536": { "name": "虹桥火车站站", "type": "station" },
"002537": { "name": "徐泾东站", "type": "station" },
"002575": { "name": "OCC", "type": "occ" },
"002576": { "name": "备OCC", "type": "occ" },
"002580": { "name": "车辆基地0", "type": "parking" },
"002581": { "name": "车辆基地1", "type": "parking" },
"002582": { "name": "车辆基地2", "type": "parking" },
"002599": { "name": "列车", "type": "train" },
"002602": { "name": "淞虹路站", "type": "station" },
"002603": { "name": "北新泾站", "type": "station" },
"002604": { "name": "威宁路站", "type": "station" },
"002605": { "name": "娄山关路站", "type": "station" },
"002606": { "name": "中山公园站", "type": "station" },
"002607": { "name": "江苏路站", "type": "station" },
"002608": { "name": "静安寺站", "type": "station" },
"002609": { "name": "南京西路站", "type": "station" },
"002610": { "name": "人民广场站", "type": "station" },
"002611": { "name": "南京东路站", "type": "station" },
"002612": { "name": "陆家嘴站", "type": "station" },
"002613": { "name": "东昌路站", "type": "station" },
"002614": { "name": "世纪大道站", "type": "station" },
"002615": { "name": "上海科技馆站", "type": "station" },
"002616": { "name": "世纪公园站", "type": "station" },
"002617": { "name": "龙阳路站", "type": "station" },
"002624": { "name": "张江高科站", "type": "station" },
"002625": { "name": "金科路站", "type": "station" },
"002626": { "name": "广兰路站", "type": "station" },
"002627": { "name": "唐镇站", "type": "station" },
"002628": { "name": "创新中路站", "type": "station" },
"002629": { "name": "华夏东路站", "type": "station" },
"002630": { "name": "川沙站", "type": "station" },
"002631": { "name": "凌空路站", "type": "station" },
"002632": { "name": "远东大道站", "type": "station" },
"002633": { "name": "海天三路站", "type": "station" },
"002634": { "name": "浦东机场站", "type": "station" },
"002635": { "name": "虹桥2号航站楼站", "type": "station" },
"002636": { "name": "虹桥火车站站", "type": "station" },
"002637": { "name": "徐泾东站", "type": "station" },
"002675": { "name": "OCC", "type": "occ" },
"002676": { "name": "备OCC", "type": "occ" },
"002680": { "name": "车辆基地0", "type": "parking" },
"002681": { "name": "车辆基地1", "type": "parking" },
"002682": { "name": "车辆基地2", "type": "parking" },
"002699": { "name": "列车", "type": "train" },
"003601": { "name": "上海南站站", "type": "station" },
"003602": { "name": "石龙路站", "type": "station" },
"003603": { "name": "龙漕路站", "type": "station" },
"003604": { "name": "漕溪路站", "type": "station" },
"003605": { "name": "宜山路站", "type": "station" },
"003606": { "name": "虹桥路站", "type": "station" },
"003607": { "name": "延安西路站", "type": "station" },
"003608": { "name": "中山公园站", "type": "station" },
"003609": { "name": "金沙江路站", "type": "station" },
"003610": { "name": "曹杨路站", "type": "station" },
"003611": { "name": "镇坪路站", "type": "station" },
"003612": { "name": "中潭路站", "type": "station" },
"003613": { "name": "上海火车站站", "type": "station" },
"003614": { "name": "宝山路站", "type": "station" },
"003615": { "name": "东宝兴路站", "type": "station" },
"003616": { "name": "虹口足球场站", "type": "station" },
"003617": { "name": "赤峰路站", "type": "station" },
"003618": { "name": "大柏树站", "type": "station" },
"003619": { "name": "江湾镇站", "type": "station" },
"003620": { "name": "殷高西路站", "type": "station" },
"003621": { "name": "长江南路站", "type": "station" },
"003622": { "name": "淞发路站", "type": "station" },
"003623": { "name": "张华浜站", "type": "station" },
"003624": { "name": "淞滨路站", "type": "station" },
"003625": { "name": "水产路站", "type": "station" },
"003626": { "name": "宝杨路站", "type": "station" },
"003627": { "name": "友谊路站", "type": "station" },
"003628": { "name": "铁力路站", "type": "station" },
"003629": { "name": "江杨北路站", "type": "station" },
"003675": { "name": "OCC", "type": "occ" },
"003676": { "name": "备OCC", "type": "occ" },
"003680": { "name": "车辆基地0", "type": "parking" },
"003681": { "name": "车辆基地1", "type": "parking" },
"003682": { "name": "车辆基地2", "type": "parking" },
"003699": { "name": "列车", "type": "train" },
"004501": { "name": "海伦路站", "type": "station" },
"004502": { "name": "临平路站", "type": "station" },
"004503": { "name": "大连路站", "type": "station" },
"004504": { "name": "杨树浦路站", "type": "station" },
"004505": { "name": "浦东大道站", "type": "station" },
"004506": { "name": "世纪大道站", "type": "station" },
"004507": { "name": "浦电路站", "type": "station" },
"004508": { "name": "蓝村路站", "type": "station" },
"004509": { "name": "塘桥站", "type": "station" },
"004510": { "name": "南浦大桥站", "type": "station" },
"004511": { "name": "西藏南路站", "type": "station" },
"004512": { "name": "鲁班路站", "type": "station" },
"004513": { "name": "大木桥路站", "type": "station" },
"004514": { "name": "东安路站", "type": "station" },
"004515": { "name": "上海体育场站", "type": "station" },
"004516": { "name": "上海体育馆站", "type": "station" },
"004517": { "name": "宜山路站", "type": "station" },
"004575": { "name": "OCC", "type": "occ" },
"004576": { "name": "备OCC", "type": "occ" },
"004580": { "name": "车辆基地0", "type": "parking" },
"004581": { "name": "车辆基地1", "type": "parking" },
"004582": { "name": "车辆基地2", "type": "parking" },
"004599": { "name": "列车", "type": "train" },
"004601": { "name": "海伦路站", "type": "station" },
"004602": { "name": "临平路站", "type": "station" },
"004603": { "name": "大连路站", "type": "station" },
"004604": { "name": "杨树浦路站", "type": "station" },
"004605": { "name": "浦东大道站", "type": "station" },
"004606": { "name": "世纪大道站", "type": "station" },
"004607": { "name": "浦电路站", "type": "station" },
"004608": { "name": "蓝村路站", "type": "station" },
"004609": { "name": "塘桥站", "type": "station" },
"004610": { "name": "南浦大桥站", "type": "station" },
"004611": { "name": "西藏南路站", "type": "station" },
"004612": { "name": "鲁班路站", "type": "station" },
"004613": { "name": "大木桥路站", "type": "station" },
"004614": { "name": "东安路站", "type": "station" },
"004615": { "name": "上海体育场站", "type": "station" },
"004616": { "name": "上海体育馆站", "type": "station" },
"004617": { "name": "宜山路站", "type": "station" },
"004675": { "name": "OCC", "type": "occ" },
"004676": { "name": "备OCC", "type": "occ" },
"004680": { "name": "车辆基地0", "type": "parking" },
"004681": { "name": "车辆基地1", "type": "parking" },
"004682": { "name": "车辆基地2", "type": "parking" },
"004699": { "name": "列车", "type": "train" },
"005501": { "name": "莘庄站", "type": "station" },
"005502": { "name": "春申站", "type": "station" },
"005503": { "name": "银都站", "type": "station" },
"005504": { "name": "颛桥站", "type": "station" },
"005505": { "name": "北桥站", "type": "station" },
"005506": { "name": "剑川站", "type": "station" },
"005507": { "name": "东川站", "type": "station" },
"005508": { "name": "金平站", "type": "station" },
"005509": { "name": "华宁站", "type": "station" },
"005510": { "name": "文井站", "type": "station" },
"005511": { "name": "闵行开发区站", "type": "station" },
"005521": { "name": "江川路站", "type": "station" },
"005522": { "name": "西渡站", "type": "station" },
"005523": { "name": "萧塘站", "type": "station" },
"005524": { "name": "奉浦站", "type": "station" },
"005525": { "name": "环东路站", "type": "station" },
"005526": { "name": "望园路站", "type": "station" },
"005527": { "name": "金海湖站", "type": "station" },
"005528": { "name": "奉贤新城站", "type": "station" },
"005529": { "name": "平庄停车场", "type": "station" },
"005530": { "name": "莘庄停车场", "type": "station" },
"005531": { "name": "东川路站", "type": "station" },
"005575": { "name": "OCC", "type": "occ" },
"005576": { "name": "备OCC", "type": "occ" },
"005580": { "name": "车辆基地0", "type": "parking" },
"005581": { "name": "车辆基地1", "type": "parking" },
"005582": { "name": "车辆基地2", "type": "parking" },
"005599": { "name": "列车", "type": "train" },
"005601": { "name": "莘庄站", "type": "station" },
"005602": { "name": "春申站", "type": "station" },
"005603": { "name": "银都站", "type": "station" },
"005604": { "name": "颛桥站", "type": "station" },
"005605": { "name": "北桥站", "type": "station" },
"005606": { "name": "剑川站", "type": "station" },
"005607": { "name": "东川站", "type": "station" },
"005608": { "name": "金平站", "type": "station" },
"005609": { "name": "华宁站", "type": "station" },
"005610": { "name": "文井站", "type": "station" },
"005611": { "name": "闵行开发区站", "type": "station" },
"005612": { "name": "颛桥中心", "type": "station" },
"005621": { "name": "江川路站", "type": "station" },
"005622": { "name": "西渡站", "type": "station" },
"005623": { "name": "萧塘站", "type": "station" },
"005624": { "name": "奉浦站", "type": "station" },
"005625": { "name": "环东路站", "type": "station" },
"005626": { "name": "望园路站", "type": "station" },
"005627": { "name": "金海湖站", "type": "station" },
"005628": { "name": "奉贤新城站", "type": "station" },
"005629": { "name": "平庄停车场", "type": "station" },
"005630": { "name": "莘庄停车场", "type": "station" },
"005631": { "name": "东川路站", "type": "station" },
"005675": { "name": "OCC", "type": "occ" },
"005676": { "name": "备OCC", "type": "occ" },
"005680": { "name": "车辆基地0", "type": "parking" },
"005681": { "name": "车辆基地1", "type": "parking" },
"005682": { "name": "车辆基地2", "type": "parking" },
"005699": { "name": "列车", "type": "train" },
"006501": { "name": "港城路站", "type": "station" },
"006502": { "name": "外高桥保税区北站", "type": "station" },
"006503": { "name": "航津路站", "type": "station" },
"006504": { "name": "外高桥保税区南站", "type": "station" },
"006505": { "name": "洲海路站", "type": "station" },
"006506": { "name": "五洲大道站", "type": "station" },
"006507": { "name": "东靖路站", "type": "station" },
"006508": { "name": "巨峰路站", "type": "station" },
"006509": { "name": "五莲路站", "type": "station" },
"006510": { "name": "博兴路站", "type": "station" },
"006511": { "name": "金桥路站", "type": "station" },
"006512": { "name": "云山路站", "type": "station" },
"006513": { "name": "德平路站", "type": "station" },
"006514": { "name": "北洋泾路站", "type": "station" },
"006515": { "name": "民生路站", "type": "station" },
"006516": { "name": "源深体育中心站", "type": "station" },
"006517": { "name": "世纪大道站", "type": "station" },
"006518": { "name": "浦电路站", "type": "station" },
"006519": { "name": "蓝村路站", "type": "station" },
"006520": { "name": "儿童医学中心站", "type": "station" },
"006521": { "name": "临沂新村站", "type": "station" },
"006522": { "name": "高科西路站", "type": "station" },
"006523": { "name": "东明路站", "type": "station" },
"006524": { "name": "高青路站", "type": "station" },
"006525": { "name": "华夏西路站", "type": "station" },
"006526": { "name": "上南路站", "type": "station" },
"006527": { "name": "灵岩南路站", "type": "station" },
"006528": { "name": "济阳路站", "type": "station" },
"006575": { "name": "OCC", "type": "occ" },
"006576": { "name": "备OCC", "type": "occ" },
"006580": { "name": "车辆基地0", "type": "parking" },
"006581": { "name": "车辆基地1", "type": "parking" },
"006582": { "name": "车辆基地2", "type": "parking" },
"006599": { "name": "列车", "type": "train" },
"007601": { "name": "美兰湖站", "type": "station" },
"007602": { "name": "罗南新村站", "type": "station" },
"007603": { "name": "潘广站", "type": "station" },
"007604": { "name": "刘行站", "type": "station" },
"007605": { "name": "顾村公园站", "type": "station" },
"007606": { "name": "祁华站", "type": "station" },
"007607": { "name": "上海大学站", "type": "station" },
"007608": { "name": "南陈路站", "type": "station" },
"007609": { "name": "上大路站", "type": "station" },
"007610": { "name": "场中路站", "type": "station" },
"007611": { "name": "大场镇站", "type": "station" },
"007612": { "name": "行知路站", "type": "station" },
"007613": { "name": "大华三路站", "type": "station" },
"007614": { "name": "新村路站", "type": "station" },
"007615": { "name": "岚皋路站", "type": "station" },
"007616": { "name": "镇坪路站", "type": "station" },
"007617": { "name": "长寿路站", "type": "station" },
"007618": { "name": "昌平路站", "type": "station" },
"007619": { "name": "静安寺站", "type": "station" },
"007620": { "name": "常熟路站", "type": "station" },
"007621": { "name": "肇家浜路站", "type": "station" },
"007622": { "name": "东安路站", "type": "station" },
"007623": { "name": "船厂路站", "type": "station" },
"007624": { "name": "后滩路站", "type": "station" },
"007625": { "name": "长清路", "type": "station" },
"007626": { "name": "耀华路站", "type": "station" },
"007627": { "name": "云台路站", "type": "station" },
"007628": { "name": "高科西路站", "type": "station" },
"007629": { "name": "杨高南路站", "type": "station" },
"007630": { "name": "锦绣路站", "type": "station" },
"007631": { "name": "芳华路", "type": "station" },
"007632": { "name": "龙阳路站", "type": "station" },
"007633": { "name": "花木路站", "type": "station" },
"007675": { "name": "OCC", "type": "occ" },
"007676": { "name": "备OCC", "type": "occ" },
"007680": { "name": "车辆基地0", "type": "parking" },
"007681": { "name": "车辆基地1", "type": "parking" },
"007682": { "name": "车辆基地2", "type": "parking" },
"007699": { "name": "列车", "type": "train" },
"008501": { "name": "市光路站", "type": "station" },
"008502": { "name": "嫩江路站", "type": "station" },
"008503": { "name": "翔殷路站", "type": "station" },
"008504": { "name": "黄兴公园站", "type": "station" },
"008505": { "name": "延吉中路站", "type": "station" },
"008506": { "name": "黄兴路站", "type": "station" },
"008507": { "name": "江浦路站", "type": "station" },
"008508": { "name": "鞍山新村站", "type": "station" },
"008509": { "name": "四平路站", "type": "station" },
"008510": { "name": "曲阳路站", "type": "station" },
"008511": { "name": "虹口足球场站", "type": "station" },
"008512": { "name": "西藏北路站", "type": "station" },
"008513": { "name": "中兴路站", "type": "station" },
"008514": { "name": "曲阜路站", "type": "station" },
"008515": { "name": "人民广场站", "type": "station" },
"008516": { "name": "大世界站", "type": "station" },
"008517": { "name": "老西门站", "type": "station" },
"008518": { "name": "陆家浜路站", "type": "station" },
"008519": { "name": "西藏南路站", "type": "station" },
"008520": { "name": "中华艺术馆站", "type": "station" },
"008521": { "name": "耀华路站", "type": "station" },
"008522": { "name": "成山路站", "type": "station" },
"008523": { "name": "杨思站", "type": "station" },
"008524": { "name": "济阳路站", "type": "station" },
"008525": { "name": "凌兆路站", "type": "station" },
"008526": { "name": "芦恒路站", "type": "station" },
"008527": { "name": "浦江镇站", "type": "station" },
"008528": { "name": "江月路站", "type": "station" },
"008529": { "name": "联航路站", "type": "station" },
"008530": { "name": "航天博物馆站", "type": "station" },
"008575": { "name": "OCC", "type": "occ" },
"008576": { "name": "备OCC", "type": "occ" },
"008580": { "name": "车辆基地0", "type": "parking" },
"008581": { "name": "车辆基地1", "type": "parking" },
"008582": { "name": "车辆基地2", "type": "parking" },
"008599": { "name": "列车", "type": "train" },
"009326": { "name": "芳甸路站", "type": "station" },
"009327": { "name": "蓝天路站", "type": "station" },
"009328": { "name": "台儿庄路站", "type": "station" },
"009329": { "name": "金桥路站", "type": "station" },
"009330": { "name": "金吉路站", "type": "station" },
"009331": { "name": "金海路站", "type": "station" },
"009332": { "name": "顾唐路站", "type": "station" },
"009333": { "name": "民雷路站", "type": "station" },
"009334": { "name": "曹路路站", "type": "station" },
"009335": { "name": "停车场站", "type": "station" },
"009503": { "name": "松江新城站", "type": "station" },
"009504": { "name": "松江新大学城站", "type": "station" },
"009505": { "name": "洞泾站", "type": "station" },
"009506": { "name": "佘山站", "type": "station" },
"009507": { "name": "泗泾站", "type": "station" },
"009508": { "name": "九亭站", "type": "station" },
"009509": { "name": "中春路站", "type": "station" },
"009510": { "name": "七宝站", "type": "station" },
"009511": { "name": "星中路站", "type": "station" },
"009512": { "name": "合川路站", "type": "station" },
"009513": { "name": "漕河泾开发区站", "type": "station" },
"009514": { "name": "桂林路站", "type": "station" },
"009515": { "name": "宜山路站", "type": "station" },
"009516": { "name": "徐家汇站", "type": "station" },
"009517": { "name": "肇家浜路", "type": "station" },
"009518": { "name": "嘉善路站", "type": "station" },
"009519": { "name": "打浦桥站", "type": "station" },
"009520": { "name": "马当路", "type": "station" },
"009521": { "name": "陆家浜路站", "type": "station" },
"009522": { "name": "小南门站", "type": "station" },
"009523": { "name": "商城路站", "type": "station" },
"009524": { "name": "世纪大道站", "type": "station" },
"009525": { "name": "杨高中路站", "type": "station" },
"009526": { "name": "芳甸路", "type": "station" },
"009527": { "name": "蓝天路", "type": "station" },
"009528": { "name": "台儿庄", "type": "station" },
"009529": { "name": "金桥站", "type": "station" },
"009530": { "name": "金吉路", "type": "station" },
"009531": { "name": "金海路", "type": "station" },
"009532": { "name": "顾唐路", "type": "station" },
"009533": { "name": "民雷路", "type": "station" },
"009534": { "name": "曹路", "type": "station" },
"009535": { "name": "金桥停车场", "type": "station" },
"009540": { "name": "松江南站站", "type": "station" },
"009541": { "name": "醉白池站", "type": "station" },
"009542": { "name": "松江体育中心站", "type": "station" },
"009575": { "name": "OCC", "type": "occ" },
"009576": { "name": "备OCC", "type": "occ" },
"009580": { "name": "车辆基地0", "type": "parking" },
"009581": { "name": "车辆基地1", "type": "parking" },
"009582": { "name": "车辆基地2", "type": "parking" },
"009599": { "name": "列车", "type": "train" },
"010501": { "name": "虹桥火车站站", "type": "station" },
"010502": { "name": "虹桥机场2号航站", "type": "station" },
"010503": { "name": "虹桥机场1号航站", "type": "station" },
"010504": { "name": "上海动物园站", "type": "station" },
"010505": { "name": "龙溪路站", "type": "station" },
"010506": { "name": "水城路站", "type": "station" },
"010507": { "name": "伊犁路站", "type": "station" },
"010508": { "name": "宋园路站", "type": "station" },
"010509": { "name": "虹桥路站", "type": "station" },
"010510": { "name": "交通大学站", "type": "station" },
"010511": { "name": "上海图书馆站", "type": "station" },
"010512": { "name": "陕西南路站", "type": "station" },
"010513": { "name": "新天地站", "type": "station" },
"010514": { "name": "老西门站", "type": "station" },
"010515": { "name": "豫园站", "type": "station" },
"010516": { "name": "南京东路站", "type": "station" },
"010517": { "name": "天潼路站", "type": "station" },
"010518": { "name": "四川北路站", "type": "station" },
"010519": { "name": "海伦路站", "type": "station" },
"010520": { "name": "邮电新村站", "type": "station" },
"010521": { "name": "四平路站", "type": "station" },
"010522": { "name": "同济大学站", "type": "station" },
"010523": { "name": "国权路站", "type": "station" },
"010524": { "name": "五角场站", "type": "station" },
"010525": { "name": "江湾体育场站", "type": "station" },
"010526": { "name": "三门路", "type": "station" },
"010527": { "name": "殷高东路站", "type": "station" },
"010528": { "name": "新江湾城站", "type": "station" },
"010529": { "name": "航中路站", "type": "station" },
"010530": { "name": "紫藤路站", "type": "station" },
"010531": { "name": "龙柏新村站", "type": "station" },
"010232": { "name": "国帆路站", "type": "station" },
"010233": { "name": "双江路站", "type": "station" },
"010234": { "name": "高桥西路站", "type": "station" },
"010235": { "name": "高桥路站", "type": "station" },
"010236": { "name": "港城路站", "type": "station" },
"010237": { "name": "基隆路站", "type": "station" },
"010275": { "name": "OCC", "type": "occ" },
"010576": { "name": "备OCC", "type": "occ" },
"010580": { "name": "港城基地", "type": "parking" },
"010581": { "name": "车辆基地1", "type": "parking" },
"010582": { "name": "车辆基地2", "type": "parking" },
"010199": { "name": "一期列车", "type": "train" },
"010599": { "name": "二期列车", "type": "train" },
"010601": { "name": "虹桥火车站站", "type": "station" },
"010602": { "name": "虹桥机场2号航站", "type": "station" },
"010603": { "name": "虹桥机场1号航站", "type": "station" },
"010604": { "name": "上海动物园站", "type": "station" },
"010605": { "name": "龙溪路站", "type": "station" },
"010606": { "name": "水城路站", "type": "station" },
"010607": { "name": "伊犁路站", "type": "station" },
"010608": { "name": "宋园路站", "type": "station" },
"010609": { "name": "虹桥路站", "type": "station" },
"010610": { "name": "交通大学站", "type": "station" },
"010611": { "name": "上海图书馆站", "type": "station" },
"010612": { "name": "陕西南路站", "type": "station" },
"010613": { "name": "新天地站", "type": "station" },
"010614": { "name": "老西门站", "type": "station" },
"010615": { "name": "豫园站", "type": "station" },
"010616": { "name": "南京东路站", "type": "station" },
"010617": { "name": "天潼路站", "type": "station" },
"010618": { "name": "四川北路站", "type": "station" },
"010619": { "name": "海伦路站", "type": "station" },
"010620": { "name": "邮电新村站", "type": "station" },
"010621": { "name": "四平路站", "type": "station" },
"010622": { "name": "同济大学站", "type": "station" },
"010623": { "name": "国权路站", "type": "station" },
"010624": { "name": "五角场站", "type": "station" },
"010625": { "name": "江湾体育场站", "type": "station" },
"010626": { "name": "三门路", "type": "station" },
"010627": { "name": "殷高东路站", "type": "station" },
"010628": { "name": "新江湾城站", "type": "station" },
"010629": { "name": "航中路站", "type": "station" },
"010630": { "name": "紫藤路站", "type": "station" },
"010631": { "name": "龙柏新村站", "type": "station" },
"010632": { "name": "国帆路站", "type": "station" },
"010633": { "name": "双江路站", "type": "station" },
"010634": { "name": "高桥西路站", "type": "station" },
"010635": { "name": "高桥路站", "type": "station" },
"010636": { "name": "港城路站", "type": "station" },
"010637": { "name": "基隆路站", "type": "station" },
"010680": { "name": "吴中路基地", "type": "parking" },
"011501": { "name": "嘉定北站", "type": "station" },
"011502": { "name": "嘉定西站", "type": "station" },
"011503": { "name": "白银路站", "type": "station" },
"011504": { "name": "嘉定新城站", "type": "station" },
"011505": { "name": "马陆站", "type": "station" },
"011506": { "name": "南翔站", "type": "station" },
"011507": { "name": "桃浦新村站", "type": "station" },
"011508": { "name": "威武路站", "type": "station" },
"011509": { "name": "祁连山路站", "type": "station" },
"011510": { "name": "李子园站", "type": "station" },
"011511": { "name": "上海西站站", "type": "station" },
"011512": { "name": "真如站", "type": "station" },
"011513": { "name": "枫桥路站", "type": "station" },
"011514": { "name": "曹杨路站", "type": "station" },
"011515": { "name": "隆德路站", "type": "station" },
"011516": { "name": "江苏路站", "type": "station" },
"011517": { "name": "上海赛车场站", "type": "station" },
"011518": { "name": "昌吉东路站", "type": "station" },
"011519": { "name": "上海汽车城站", "type": "station" },
"011520": { "name": "安亭站", "type": "station" },
"011531": { "name": "交通大学站", "type": "station" },
"011532": { "name": "徐家汇站", "type": "station" },
"011533": { "name": "游泳馆站", "type": "station" },
"011534": { "name": "龙华站", "type": "station" },
"011535": { "name": "云锦路站", "type": "station" },
"011536": { "name": "龙耀路站", "type": "station" },
"011537": { "name": "东体站", "type": "station" },
"011538": { "name": "三林站", "type": "station" },
"011539": { "name": "三林东站", "type": "station" },
"011540": { "name": "浦三路站", "type": "station" },
"011541": { "name": "御桥路站", "type": "station" },
"011542": { "name": "罗山路站", "type": "station" },
"011543": { "name": "兆丰路站", "type": "station" },
"011544": { "name": "光明路站", "type": "station" },
"011545": { "name": "花桥路站", "type": "station" },
"011546": { "name": "秀沿路站", "type": "station" },
"011547": { "name": "康新公路站", "type": "station" },
"011548": { "name": "迪斯尼站", "type": "station" },
"011551": { "name": "陈翔路车站", "type": "station" },
"011575": { "name": "OCC", "type": "occ" },
"011576": { "name": "备OCC", "type": "occ" },
"011580": { "name": "车辆基地0", "type": "parking" },
"011581": { "name": "车辆基地1", "type": "parking" },
"011582": { "name": "车辆基地2", "type": "parking" },
"011599": { "name": "列车", "type": "train" },
"011628": { "name": "新站", "type": "station" },
"012501": { "name": "七莘路站", "type": "station" },
"012502": { "name": "虹莘路站", "type": "station" },
"012503": { "name": "顾戴路站", "type": "station" },
"012504": { "name": "东兰路站", "type": "station" },
"012505": { "name": "虹梅路站", "type": "station" },
"012506": { "name": "虹漕路站", "type": "station" },
"012507": { "name": "桂林公园站", "type": "station" },
"012508": { "name": "漕宝路站", "type": "station" },
"012509": { "name": "龙漕路站", "type": "station" },
"012510": { "name": "龙华站", "type": "station" },
"012511": { "name": "龙华中路站", "type": "station" },
"012512": { "name": "大木桥路站", "type": "station" },
"012513": { "name": "嘉善路站", "type": "station" },
"012514": { "name": "陕西南路站", "type": "station" },
"012515": { "name": "南京西路站", "type": "station" },
"012516": { "name": "汉中路站", "type": "station" },
"012517": { "name": "曲阜路站", "type": "station" },
"012518": { "name": "天潼路站", "type": "station" },
"012519": { "name": "国际客运中心站", "type": "station" },
"012520": { "name": "提篮桥站", "type": "station" },
"012521": { "name": "大连路站", "type": "station" },
"012522": { "name": "浦江公园站", "type": "station" },
"012523": { "name": "宁国路站", "type": "station" },
"012524": { "name": "隆昌路站", "type": "station" },
"012525": { "name": "爱国路站", "type": "station" },
"012526": { "name": "复兴岛站", "type": "station" },
"012527": { "name": "东陆路站", "type": "station" },
"012528": { "name": "巨峰路站", "type": "station" },
"012529": { "name": "杨高北路站", "type": "station" },
"012530": { "name": "金京路站", "type": "station" },
"012531": { "name": "申江路站", "type": "station" },
"012532": { "name": "金海路站", "type": "station" },
"012575": { "name": "OCC", "type": "occ" },
"012576": { "name": "备OCC", "type": "occ" },
"012580": { "name": "车辆基地0", "type": "parking" },
"012581": { "name": "车辆基地1", "type": "parking" },
"012582": { "name": "车辆基地2", "type": "parking" },
"012599": { "name": "列车", "type": "train" },
"013501": { "name": "金运路站", "type": "station" },
"013502": { "name": "金沙江西路", "type": "station" },
"013503": { "name": "丰庄站", "type": "station" },
"013504": { "name": "祁连山南路站", "type": "station" },
"013505": { "name": "真北路站", "type": "station" },
"013506": { "name": "大渡河路站", "type": "station" },
"013507": { "name": "金沙江路站", "type": "station" },
"013508": { "name": "隆德路站", "type": "station" },
"013509": { "name": "武宁路站", "type": "station" },
"013510": { "name": "长寿路站", "type": "station" },
"013511": { "name": "江宁路站", "type": "station" },
"013512": { "name": "汉中路站", "type": "station" },
"013513": { "name": "自然博物馆站", "type": "station" },
"013514": { "name": "南京西路站", "type": "station" },
"013515": { "name": "淮海中路站", "type": "station" },
"013516": { "name": "新天地站", "type": "station" },
"013517": { "name": "马当路站", "type": "station" },
"013518": { "name": "世博会博物馆站", "type": "station" },
"013519": { "name": "世博大道站", "type": "station" },
"013520": { "name": "北翟路停车场", "type": "station" },
"013521": { "name": "长清站", "type": "station" },
"013522": { "name": "成山站", "type": "station" },
"013523": { "name": "东明站", "type": "station" },
"013524": { "name": "华鹏站", "type": "station" },
"013525": { "name": "下南站", "type": "station" },
"013526": { "name": "北蔡站", "type": "station" },
"013527": { "name": "陈春站", "type": "station" },
"013528": { "name": "莲溪站", "type": "station" },
"013529": { "name": "华夏中路站", "type": "station" },
"013530": { "name": "中科站", "type": "station" },
"013531": { "name": "学林站", "type": "station" },
"013532": { "name": "张江站", "type": "station" },
"013575": { "name": "OCC", "type": "occ" },
"013576": { "name": "备OCC", "type": "occ" },
"0136580": { "name": "车辆基地0", "type": "parking" },
"0136581": { "name": "车辆基地1", "type": "parking" },
"0136582": { "name": "车辆基地2", "type": "parking" },
"013599": { "name": "列车", "type": "train" },
"015501": { "name": "紫竹高新区站", "type": "station" },
"015502": { "name": "永德路站", "type": "station" },
"015503": { "name": "元江路站", "type": "station" },
"015504": { "name": "双柏路站", "type": "station" },
"015505": { "name": "曙建路站", "type": "station" },
"015506": { "name": "景西路站", "type": "station" },
"015507": { "name": "虹梅南路站", "type": "station" },
"015508": { "name": "华泾西路站", "type": "station" },
"015509": { "name": "朱梅路站", "type": "station" },
"015510": { "name": "罗秀路站", "type": "station" },
"015511": { "name": "华东理工站", "type": "station" },
"015512": { "name": "上海南站站", "type": "station" },
"015513": { "name": "桂林公园站", "type": "station" },
"015514": { "name": "桂林路站", "type": "station" },
"015515": { "name": "吴中路站", "type": "station" },
"015516": { "name": "姚虹路站", "type": "station" },
"015517": { "name": "红宝石路站", "type": "station" },
"015518": { "name": "娄山关路站", "type": "station" },
"015519": { "name": "长风公园站", "type": "station" },
"015520": { "name": "大渡河站", "type": "station" },
"015521": { "name": "梅岭北路站", "type": "station" },
"015522": { "name": "铜川路站", "type": "station" },
"015523": { "name": "上海西站站", "type": "station" },
"015524": { "name": "武威东路站", "type": "station" },
"015525": { "name": "古浪路站", "type": "station" },
"015526": { "name": "祁安路站", "type": "station" },
"015527": { "name": "南大路站", "type": "station" },
"015528": { "name": "丰翔路站", "type": "station" },
"015529": { "name": "锦秋路站", "type": "station" },
"015530": { "name": "顾村公园站", "type": "station" },
"015575": { "name": "控制中心", "type": "occ" },
"015580": { "name": "陈太路停车场", "type": "parking" },
"015581": { "name": "元江路车辆段", "type": "parking" },
"015599": { "name": "列车", "type": "train" },
"016501": { "name": "龙阳路站", "type": "station" },
"016502": { "name": "华夏中路站", "type": "station" },
"016503": { "name": "罗山路站", "type": "station" },
"016504": { "name": "周浦东站", "type": "station" },
"016505": { "name": "鹤沙航城站", "type": "station" },
"016506": { "name": "航头东站", "type": "station" },
"016507": { "name": "新场站", "type": "station" },
"016508": { "name": "野生动物园站", "type": "station" },
"016509": { "name": "惠南站", "type": "station" },
"016510": { "name": "惠南东站", "type": "station" },
"016511": { "name": "书院站", "type": "station" },
"016512": { "name": "临港大道站", "type": "station" },
"016513": { "name": "滴水湖", "type": "station" },
"016575": { "name": "OCC", "type": "occ" },
"016576": { "name": "备OCC", "type": "occ" },
"016580": { "name": "车辆基地0", "type": "parking" },
"016581": { "name": "车辆基地1", "type": "parking" },
"016582": { "name": "车辆基地2", "type": "parking" },
"016599": { "name": "列车", "type": "train" },
"017501": { "name": "东方绿舟", "type": "station" },
"017502": { "name": "朱家角", "type": "station" },
"017503": { "name": "淀山湖", "type": "station" },
"017504": { "name": "漕盈路", "type": "station" },
"017505": { "name": "青浦", "type": "station" },
"017506": { "name": "汇金路站", "type": "station" },
"017507": { "name": "赵巷", "type": "station" },
"017508": { "name": "嘉松中路", "type": "station" },
"017509": { "name": "徐泾北城", "type": "station" },
"017510": { "name": "徐盈路", "type": "station" },
"017511": { "name": "蟠龙路", "type": "station" },
"017512": { "name": "诸光路", "type": "station" },
"017513": { "name": "虹桥火车站", "type": "station" },
"017576": { "name": "朱家角备控", "type": "occ" },
"017580": { "name": "朱家角停车场", "type": "parking" },
"017581": { "name": "徐泾停车场", "type": "parking" },
"018501": { "name": "航头站", "type": "station" },
"018502": { "name": "下沙站", "type": "station" },
"018503": { "name": "鹤涛路站", "type": "station" },
"018504": { "name": "沈梅路站", "type": "station" },
"018505": { "name": "繁荣路站", "type": "station" },
"018506": { "name": "周浦站", "type": "station" },
"018507": { "name": "康桥站", "type": "station" },
"018508": { "name": "御桥站", "type": "station" },
"021509": { "name": "申江南路", "type": "station" },
"021575": { "name": "OCC", "type": "occ" },
"021609": { "name": "申江南路", "type": "station" },
"021675": { "name": "OCC", "type": "occ" },
"021680": { "name": "六陈路车辆段", "type": "parking" },
"051501": { "name": "沈杜公路", "type": "station" },
"051502": { "name": "三鲁公路", "type": "station" },
"051503": { "name": "闵瑞路", "type": "station" },
"051504": { "name": "浦航路", "type": "station" },
"051505": { "name": "东城一路", "type": "station" },
"051506": { "name": "汇臻路", "type": "station" },
"051575": { "name": "OCC", "type": "occ" },
"051576": { "name": "备OCC", "type": "occ" },
"051580": { "name": "车辆基地0", "type": "parking" },
"051581": { "name": "车辆基地1", "type": "parking" },
"051582": { "name": "车辆基地2", "type": "parking" },
"051599": { "name": "列车", "type": "train" },
"501500": { "name": "COCC", "type": "manage" },
"502500": { "name": "BCOCC", "type": "manage" },
"601500": { "name": "上海火车站分控", "type": "manage" },
"602500": { "name": "徐家汇分控", "type": "manage" },
"603500": { "name": "宜山路分控", "type": "manage" },
"604500": { "name": "陆家嘴分控", "type": "manage" },
"605500": { "name": "人民广场分控", "type": "manage" },
"606500": { "name": "东宝兴路分控", "type": "manage" },
"607500": { "name": "虹桥枢纽分控", "type": "manage" },
"608500": { "name": "松江大学城分控", "type": "manage" },
"609500": { "name": "民生路分控", "type": "manage" },
"610500": { "name": "西藏南路分控", "type": "manage" },
"611500": { "name": "延吉中路分控", "type": "manage" },
"612500": { "name": "迪士尼分控", "type": "manage" },
"900500": { "name": "轨交总队", "type": "manage" }
}
@@ -1,5 +1,45 @@
export interface NdmCameraDiagInfo {
[key: string]: any;
ethInfo?: {
adminStatus?: string; // '1'
desc?: string; // 'IPcamera'
ifType?: string; // '5'
inDiscards?: string; // '0'
inErrors?: string; // '0'
inNUcastPkts?: string; // '0'
inOctets?: string; // '0'
inUcastPkts?: string; // '0'
inUnknownProtos?: string; // '0'
index?: string; // '1'
lastChange?: string; // '0:00:00.00'
mTU?: string; // '1500'
macAddress?: string; // '04:ee:cd:52:3a:a5'
operStatus?: string; // '1'
outDiscards?: string; // '0'
outErrors?: string; // '0'
outNUcastPkts?: string; // '0'
outOctets?: string; // '0'
outQLen?: string; // '0'
outUcastPkts?: string; // '0'
specific?: string; // '0.0'
speed?: string; // '10000000'
};
ipInfo?: {
broadcastAddress?: string; // '0'
iPAddress?: string; // '0'
index?: string; // '1'
mASK?: string; // '255.255.255.0'
reasmMaxSize?: string; // '0'
};
logTime?: string;
info?: string;
stCommonInfo?: {
设备ID?: string;
软件版本?: string;
设备厂商?: string;
设备别名?: string;
设备型号?: string;
硬件版本?: string;
内存使用率?: string;
CPU使用率?: string;
};
}
+39 -4
View File
@@ -10,6 +10,37 @@ export interface NdmNvrDiagInfo {
totalSize?: number;
}[];
};
ethInfo: {
adminStatus?: string; // '1'
desc?: string; // 'bond1'
ifType?: string; // '6'
inDiscards?: string; // '17931688'
inErrors?: string; // '0'
inNUcastPkts?: string; // '40945433'
inOctets?: string; // '3453544614'
inUcastPkts?: string; // '3375411816'
inUnknownProtos?: string; // '0'
index?: string; // '8'
lastChange?: string; // '0:05:42.15'
mTU?: string; // '1500'
macAddress?: string; // '04:7b:cb:69:92:58'
operStatus?: string; // '1'
outDiscards?: string; // '0'
outErrors?: string; // '0'
outNUcastPkts?: string; // '0'
outOctets?: string; // '3443476717'
outQLen?: string; // '0'
outUcastPkts?: string; // '415381735'
specific?: string; // '0.0'
speed?: string; // '2000000000'
};
ipInfo: {
broadcastAddress?: string; // '1'
iPAddress?: string; // '10.14.1.22'
index?: string; // '8'
mASK?: string; // '255.255.255.0'
reasmMaxSize?: string; // '0'
};
stCommonInfo?: {
设备ID?: string;
软件版本?: string;
@@ -20,12 +51,16 @@ export interface NdmNvrDiagInfo {
内存使用率?: string;
CPU使用率?: string;
};
cdFanInfo?: {
cdFanInfo?: NdmNvrFanInfo[];
cdPowerSupplyInfo?: NdmNvrPowerSupplyInfo[];
}
export interface NdmNvrFanInfo {
索引号?: string;
'风扇转速(rpm)'?: string;
}[];
cdPowerSupplyInfo?: {
}
export interface NdmNvrPowerSupplyInfo {
索引号?: string;
电源状态?: string;
}[];
}
@@ -1,5 +1,36 @@
export interface NdmSecurityBoxDiagInfo {
[key: string]: any;
ethInfo?: {
adminStatus?: string; // '1'
desc?: string; // 'br-lan'
ifType?: string; // '6'
inDiscards?: string; // '84977'
inErrors?: string; // '0'
inNUcastPkts?: string; // '233473'
inOctets?: string; // '92355850'
inUcastPkts?: string; // '899970'
inUnknownProtos?: string; // '0'
index?: string; // '8'
lastChange?: string; // '0:00:00.00'
mTU?: string; // '1500'
macAddress?: string; // '56:62:bc:d3:9e:37'
operStatus?: string; // '1'
outDiscards?: string; // '0'
outErrors?: string; // '0'
outNUcastPkts?: string; // '0'
outOctets?: string; // '68175904'
outQLen?: string; // '0'
outUcastPkts?: string; // '748100'
specific?: string; // '0.0'
speed?: string; // '0'
};
ipInfo?: {
broadcastAddress?: string; // '1'
iPAddress?: string; // '10.24.18.101'
index?: string; // '8'
mASK?: string; // '255.255.255.0'
reasmMaxSize?: string; // '0'
};
info?: [
{
addrCode?: number;
@@ -12,8 +43,14 @@ export interface NdmSecurityBoxDiagInfo {
];
stCommonInfo?: {
[key: string]: any;
内存使用率?: string;
CPU使用率?: string;
设备ID?: string; // 'NTBoxMetro'
软件版本?: string; // 'V0101'
设备厂商?: string; // 'NingTech'
设备别名?: string; // 'SUN-IBOX'
设备型号?: string; // 'SUN-IBOX'
硬件版本?: string; // 'V0101'
内存使用率?: string; // '18'
CPU使用率?: string; // '1'
};
}
@@ -6,4 +6,35 @@ export interface NdmServerDiagInfo {
磁盘使用率?: string;
系统运行时间?: string;
};
ethInfo?: {
adminStatus?: string; // '1'
desc?: string; // 'Intel Corporation I350 Gigabit Network Connection'
ifType?: string; // '6'
inDiscards?: string; // '6707634'
inErrors?: string; // '0'
inNUcastPkts?: string; // '8991944'
inOctets?: string; // '4220524983'
inUcastPkts?: string; // '2342740610'
inUnknownProtos?: string; // '0'
index?: string; // '2'
lastChange?: string; // '0:03:15.26'
mTU?: string; // '1500'
macAddress?: string; // 'e8:78:ee:f6:8d:98'
operStatus?: string; // '1'
outDiscards?: string; // '0'
outErrors?: string; // '0'
outNUcastPkts?: string; // '0'
outOctets?: string; // '1415770066'
outQLen?: string; // '0'
outUcastPkts?: string; // '3335494729'
specific?: string; // '0.0'
speed?: string; // '1000000000'
};
ipInfo?: {
broadcastAddress?: string; // '1'
iPAddress?: string; // '10.14.1.8'
index?: string; // '2'
mASK?: string; // '255.255.255.0'
reasmMaxSize?: string; // '0'
};
}
@@ -2,6 +2,7 @@ export interface NdmSwitchDiagInfo {
[key: string]: any;
cpuRatio?: string; // 因环境不同可能不存在
memoryRatio?: string; // 因环境不同可能不存在
temperature?: number;
logTime?: string;
info?: {
overFlowPorts?: string[];
@@ -0,0 +1,5 @@
export interface HighAvailable {
pyip: string;
vip: string;
changeDate: string;
}
+1
View File
@@ -1,3 +1,4 @@
export * from './diag';
export * from './high-available';
export * from './link-description';
export * from './station';
@@ -20,7 +20,9 @@ export interface NdmSecurityBox extends BaseModel {
description: string;
deviceStatus: string;
deviceType: string;
circuitCount: number;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -21,6 +21,7 @@ export interface NdmSwitch extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -30,6 +30,7 @@ export interface NdmNvr extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -31,6 +31,7 @@ export interface NdmCamera extends BaseModel {
deviceType: string;
cameraType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -28,6 +28,7 @@ export interface NdmDecoder extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -21,6 +21,7 @@ export interface NdmKeyboard extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -25,6 +25,7 @@ export interface NdmMediaServer extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
@@ -25,6 +25,7 @@ export interface NdmVideoServer extends BaseModel {
deviceStatus: string;
deviceType: string;
community: string;
writeCommunity: string;
frontendConfig: string;
linkDescription: string;
snmpEnabled: boolean;
+28 -4
View File
@@ -93,22 +93,46 @@ export const probeSecurityBoxApi = async (ids: string[], options?: { stationCode
unwrapVoidResponse(resp);
};
export const turnCitcuitStatusApi = async (ipAddress: string, circuitIndex: number, status: number, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
// beidian安防箱切换空开状态
export const turnCircuitStatusBeidianApi = async (community: string, ipAddress: string, circuitIndex: number, status: number, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
const client = stationCode ? ndmClient : userClient;
const prefix = stationCode ? `/${stationCode}` : '';
const endpoint = `${prefix}/api/ndm/ndmSecurityBox/turnStatus`;
const resp = await client.post<boolean>(endpoint, { community: 'public', ipAddress, circuit: `${circuitIndex}`, status }, { signal });
const resp = await client.post<boolean>(endpoint, { community, ipAddress, circuit: `${circuitIndex}`, status }, { signal });
const data = unwrapResponse(resp);
return data;
};
export const rebootSecurityBoxApi = async (ipAddress: string, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
// beidian安防箱重启
export const rebootSecurityBoxBeidianApi = async (community: string, ipAddress: string, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
const client = stationCode ? ndmClient : userClient;
const prefix = stationCode ? `/${stationCode}` : '';
const endpoint = `${prefix}/api/ndm/ndmSecurityBox/reboot`;
const resp = await client.post<boolean>(endpoint, { community: 'public', ipAddress }, { signal });
const resp = await client.post<boolean>(endpoint, { community, ipAddress }, { signal });
const data = unwrapResponse(resp);
return data;
};
// ningtech安防箱切换空开状态
export const turnCircuitStatusNingTechApi = async (community: string, ipAddress: string, circuitIndex: number, status: number, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
const client = stationCode ? ndmClient : userClient;
const prefix = stationCode ? `/${stationCode}` : '';
const endpoint = `${prefix}/api/ndm/ndmSecurityBox/turnStatusNingTech`;
const resp = await client.post<boolean>(endpoint, { community, ipAddress, circuit: `${circuitIndex}`, status }, { signal });
const data = unwrapResponse(resp);
return data;
};
// ningtech安防箱重启
export const rebootSecurityBoxNingTechApi = async (community: string, ipAddress: string, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
const client = stationCode ? ndmClient : userClient;
const prefix = stationCode ? `/${stationCode}` : '';
const endpoint = `${prefix}/api/ndm/ndmSecurityBox/rebootNingTech`;
const resp = await client.post<boolean>(endpoint, { community, ipAddress }, { signal });
const data = unwrapResponse(resp);
return data;
};
@@ -1,5 +1,26 @@
import { ndmClient, userClient, type MediaServerStatus, type SendRtpInfo, type Station } from '@/apis';
import { unwrapResponse } from '@/utils';
import { ndmClient, userClient, type HighAvailable, type MediaServerStatus, type SendRtpInfo, type Station } from '@/apis';
import { unwrapNullableResponse, unwrapResponse } from '@/utils';
import destr from 'destr';
// {
// "code": 0,
// "data": "{pyip:\"10.18.128.14\",vip:\"10.18.128.6\",changeDate:\"2026-03-23 15:55:00\"}",
// "msg": "ok",
// "path": null,
// "extra": null,
// "timestamp": "1774421387908",
// "errorMsg": "",
// "isSuccess": true
// }
export const getHighAvailableApi = async (options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
const client = stationCode ? ndmClient : userClient;
const prefix = stationCode ? `/${stationCode}` : '';
const endpoint = `${prefix}/api/ndm/ndmServiceAvailable/highAvailable/get`;
const resp = await client.get<string | null>(endpoint, { signal });
const data = unwrapNullableResponse(resp);
return destr<HighAvailable | null>(data);
};
export const getAllPushApi = async (options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
const { stationCode, signal } = options ?? {};
@@ -1,16 +1,20 @@
<script setup lang="ts">
import { NCard, NDescriptions, NDescriptionsItem } from 'naive-ui';
import { NCard, NDescriptions, NDescriptionsItem, NFlex, NText } from 'naive-ui';
import { computed, toRefs } from 'vue';
const props = defineProps<{
commonInfo?: Record<string, string>;
commonInfo?: Array<{
title: string;
items: Array<{
label: string;
value: string;
}>;
}>;
}>();
const { commonInfo } = toRefs(props);
const showCard = computed(() => !!commonInfo.value);
const commonInfoEntries = computed(() => Object.entries(commonInfo.value ?? {}));
const showCard = computed(() => (commonInfo.value?.length ?? 0) > 0);
</script>
<template>
@@ -18,11 +22,20 @@ const commonInfoEntries = computed(() => Object.entries(commonInfo.value ?? {}))
<template #header>
<div>设备信息</div>
</template>
<NDescriptions bordered label-placement="left" :columns="2">
<template v-for="item in commonInfoEntries" :key="item[0]">
<NDescriptionsItem :label="item[0]">{{ item[1] }}</NDescriptionsItem>
<template v-if="!!commonInfo && commonInfo.length > 0">
<NFlex vertical :size="16">
<template v-for="({ title, items }, index) in commonInfo" :key="`${title}-${index}`">
<NFlex vertical>
<NText strong :depth="3">{{ title }}</NText>
<NDescriptions bordered :label-placement="'left'" :columns="2">
<template v-for="({ label, value }, index) in items" :key="`${label}-${index}`">
<NDescriptionsItem :label="label">{{ value }}</NDescriptionsItem>
</template>
</NDescriptions>
</NFlex>
</template>
</NFlex>
</template>
</NCard>
</template>
@@ -1,3 +1,18 @@
<script lang="ts">
const parsePercentMetric = (raw?: string) => {
const trimmed = raw?.trim();
if (!!trimmed) {
const value = Number(trimmed);
if (Number.isFinite(value)) {
return value;
}
}
return undefined;
};
</script>
<script setup lang="ts">
import { ClockCheckIcon, CpuIcon, HardDriveIcon, MemoryStickIcon } from 'lucide-vue-next';
import { NCard, NFlex, NIcon, NProgress, type ProgressStatus } from 'naive-ui';
@@ -21,24 +36,27 @@ const showCard = computed(() => {
});
const cpuPercent = computed(() => {
if (!cpuUsage?.value) return 0;
return parseFloat(cpuUsage.value.replace('%', ''));
return parsePercentMetric(cpuUsage.value);
});
const memPercent = computed(() => {
if (!memUsage?.value) return 0;
return parseFloat(memUsage.value.replace('%', ''));
return parsePercentMetric(memUsage.value);
});
const diskPercent = computed(() => {
if (!diskUsage?.value) return 0;
return parseFloat(diskUsage.value.replace('%', ''));
return parsePercentMetric(diskUsage.value);
});
const formattedRunningTime = computed(() => {
return (runningTime?.value ?? '-').replace('days', '天');
});
const getProgressPercentage = (percent: number) => {
if (percent < 0) return 0;
if (percent > 100) return 100;
return percent;
};
const getProgressStatus = (percent: number): ProgressStatus => {
if (percent >= 90) return 'error';
if (percent >= 70) return 'warning';
@@ -53,20 +71,20 @@ const getProgressStatus = (percent: number): ProgressStatus => {
</template>
<template #default>
<NFlex vertical>
<NFlex v-if="cpuUsage" style="width: 100%" align="center" :wrap="false">
<NFlex v-if="cpuPercent" style="width: 100%" align="center" :wrap="false">
<NIcon :component="CpuIcon" />
<span style="word-break: keep-all">{{ cpuUsageLabel || 'CPU' }}</span>
<NProgress :percentage="cpuPercent" :status="getProgressStatus(cpuPercent)">{{ cpuPercent }}%</NProgress>
<NProgress :percentage="getProgressPercentage(cpuPercent)" :status="getProgressStatus(cpuPercent)">{{ cpuPercent }}%</NProgress>
</NFlex>
<NFlex v-if="memUsage" style="width: 100%" align="center" :wrap="false">
<NFlex v-if="memPercent" style="width: 100%" align="center" :wrap="false">
<NIcon :component="MemoryStickIcon" />
<span style="word-break: keep-all">{{ memUsageLabel || '内存' }}</span>
<NProgress :percentage="memPercent" :status="getProgressStatus(memPercent)">{{ memPercent }}%</NProgress>
<NProgress :percentage="getProgressPercentage(memPercent)" :status="getProgressStatus(memPercent)">{{ memPercent }}%</NProgress>
</NFlex>
<NFlex v-if="diskUsage" style="width: 100%" align="center" :wrap="false">
<NFlex v-if="diskPercent" style="width: 100%" align="center" :wrap="false">
<NIcon :component="HardDriveIcon" />
<span style="word-break: keep-all">{{ diskUsageLabel || '磁盘' }}</span>
<NProgress :percentage="diskPercent" :status="getProgressStatus(diskPercent)">{{ diskPercent }}%</NProgress>
<NProgress :percentage="getProgressPercentage(diskPercent)" :status="getProgressStatus(diskPercent)">{{ diskPercent }}%</NProgress>
</NFlex>
<NFlex v-if="runningTime" style="width: 100%" align="center" :wrap="false">
<NIcon :component="ClockCheckIcon" />
@@ -1,6 +1,8 @@
import type { ComponentInstance } from 'vue';
import DeviceCommonCard from './device-common-card.vue';
import DeviceHardwareCard from './device-hardware-card.vue';
import DeviceHeaderCard from './device-header-card.vue';
import NvrEnvCard from './nvr-env-card.vue';
import NvrDiskCard from './nvr-disk-card.vue';
import NvrRecordCheckCard from './nvr-record-check-card.vue';
import SecurityBoxCircuitCard from './security-box-circuit-card.vue';
@@ -9,10 +11,13 @@ import SecurityBoxEnvCard from './security-box-env-card.vue';
import SwitchPortCard from './switch-port-card.vue';
import SwitchPortLinkModal from './switch-port-link-modal.vue';
export type DeviceCommonCardProps = ComponentInstance<typeof DeviceCommonCard>['$props'];
export {
DeviceCommonCard,
DeviceHardwareCard,
DeviceHeaderCard,
NvrEnvCard,
NvrDiskCard,
NvrRecordCheckCard,
SecurityBoxCircuitCard,
@@ -0,0 +1,47 @@
<script setup lang="ts">
import type { NdmNvrFanInfo, NdmNvrPowerSupplyInfo } from '@/apis';
import { FanIcon, PlugIcon } from 'lucide-vue-next';
import { NCard, NFlex, NIcon, NTag } from 'naive-ui';
import { computed, toRefs } from 'vue';
const props = defineProps<{
fanInfo?: NdmNvrFanInfo[];
powerSupplyInfo?: NdmNvrPowerSupplyInfo[];
}>();
const { fanInfo, powerSupplyInfo } = toRefs(props);
const showCard = computed(() => {
return Object.values(props).some((value) => !!value);
});
</script>
<template>
<NCard v-if="showCard" hoverable size="small">
<template #header>
<span>录像机环境状态</span>
</template>
<template #default>
<NFlex vertical>
<NTag v-for="info in fanInfo ?? []" :key="info['索引号']">
<template #icon>
<NIcon :component="FanIcon" />
</template>
<template #default>
<span>风扇{{ info['索引号'] }}: {{ info['风扇转速(rpm)'] }} RPM</span>
</template>
</NTag>
<NTag v-for="info in powerSupplyInfo ?? []" :key="info['索引号']">
<template #icon>
<NIcon :component="PlugIcon" />
</template>
<template #default>
<span>电源{{ info['索引号'] }}: {{ info['电源状态'] }}</span>
</template>
</NTag>
</NFlex>
</template>
</NCard>
</template>
<style scoped></style>
@@ -92,6 +92,8 @@ const abortController = ref<AbortController>(new AbortController());
const NVR_RECORD_CHECK_KEY = 'nvr-record-check-query';
const deviceUniqueKey = computed(() => [station.value.code, ndmDevice.value.id]);
const DAY_OFFSET = 90;
const {
@@ -99,7 +101,7 @@ const {
isFetching: loading,
refetch: refetchRecordChecks,
} = useQuery({
queryKey: computed(() => [NVR_RECORD_CHECK_KEY, ndmDevice.value.id, ndmDevice.value.lastDiagTime]),
queryKey: computed(() => [NVR_RECORD_CHECK_KEY, deviceUniqueKey.value, ndmDevice.value.lastDiagTime]),
enabled: computed(() => activeRequests.value),
refetchInterval: 30 * 1000,
gcTime: 0,
@@ -408,13 +410,13 @@ const ndmRecordChecksPaged = computed(() => {
return ndmRecordChecksFiltered.value.slice(startIndex, endIndex);
});
// 当设备ID、最后诊断时间或筛选类型变化时,重置分页为第一页
watch([() => ndmDevice.value.id, () => ndmDevice.value.lastDiagTime, filterType, searchInputDebounced], () => {
// 当车站号、设备IP、最后诊断时间或筛选类型变化时,重置分页为第一页
watch([() => station.value.code, () => ndmDevice.value.ipAddress, () => ndmDevice.value.lastDiagTime, filterType, searchInputDebounced], () => {
page.value = 1;
});
// 当设备ID变化时,重置搜索内容,并将筛选类型重置为「全部」
watch([() => ndmDevice.value.id], () => {
// 当车站号、设备IP变化时,重置搜索内容,并将筛选类型重置为「全部」
watch([() => station.value.code, () => ndmDevice.value.ipAddress], () => {
searchInput.value = '';
filterType.value = 'all';
});
@@ -2,8 +2,6 @@
import {
detailDeviceApi,
probeDeviceApi,
rebootSecurityBoxApi,
turnCitcuitStatusApi,
updateDeviceApi,
type LinkDescription,
type NdmDeviceResultVO,
@@ -16,6 +14,7 @@ import { SecurityBoxCircuitLinkModal } from '@/components';
import { usePermission } from '@/composables';
import { SELECT_DEVICE_FN_INJECTION_KEY } from '@/constants';
import { PERMISSION_TYPE_LITERALS } from '@/enums';
import { normalizeSecurityBoxWriteCommunity, dispatchRebootSecurityBoxApi, dispatchTurnCircuitStatusApi, normalizeSecurityBoxCircuitIndex } from '@/helpers';
import { useDeviceStore, useSettingStore } from '@/stores';
import { parseErrorFeedback } from '@/utils';
import { useMutation } from '@tanstack/vue-query';
@@ -31,6 +30,7 @@ import { computed, inject, ref, toRefs } from 'vue';
const props = defineProps<{
ndmDevice: NdmSecurityBoxResultVO;
station: Station;
vendor?: string;
circuits?: NdmSecurityBoxCircuit[];
}>();
@@ -44,7 +44,7 @@ const { useLocalDB } = storeToRefs(settingStore);
const { hasPermission } = usePermission();
const { ndmDevice, station, circuits } = toRefs(props);
const { ndmDevice, station, vendor, circuits } = toRefs(props);
const showCard = computed(() => !!circuits.value && circuits.value.length > 0);
@@ -52,6 +52,10 @@ const localCircuits = ref<NdmSecurityBoxCircuit[]>([]);
watchImmediate(circuits, (newCircuits) => {
localCircuits.value = newCircuits?.map((circuit) => ({ ...circuit })) ?? [];
const circuitCount = ndmDevice.value.circuitCount;
if (!!circuitCount) {
localCircuits.value = localCircuits.value.slice(0, circuitCount);
}
});
const getCircuitStatusTagType = (circuit: NdmSecurityBoxCircuit): TagProps['type'] => {
@@ -79,13 +83,19 @@ const { mutate: turnStatus, isPending: turning } = useMutation({
window.$loadingBar.start();
const { circuitIndex, newStatus } = params;
if (!ndmDevice.value.ipAddress) {
const community = normalizeSecurityBoxWriteCommunity(ndmDevice.value, vendor.value);
const ipAddress = ndmDevice.value.ipAddress;
if (!ipAddress) {
throw new Error('设备IP地址不存在');
}
const status = newStatus ? 1 : 0;
const stationCode = station.value.code;
const signal = abortController.value.signal;
await turnCitcuitStatusApi(ndmDevice.value.ipAddress, circuitIndex, status, { stationCode, signal });
const turnCircuitStatusApi = dispatchTurnCircuitStatusApi(vendor.value);
const normalizedCircuitIndex = normalizeSecurityBoxCircuitIndex(circuitIndex, vendor.value);
await turnCircuitStatusApi(community, ipAddress, normalizedCircuitIndex, status, { stationCode, signal });
await probeDeviceApi(ndmDevice.value, { stationCode, signal });
return status;
},
@@ -110,13 +120,17 @@ const { mutate: reboot, isPending: rebooting } = useMutation({
window.$loadingBar.start();
if (!ndmDevice.value.ipAddress) {
const community = normalizeSecurityBoxWriteCommunity(ndmDevice.value, vendor.value);
const ipAddress = ndmDevice.value.ipAddress;
if (!ipAddress) {
throw new Error('设备IP地址不存在');
}
const stationCode = station.value.code;
const signal = abortController.value.signal;
await rebootSecurityBoxApi(ndmDevice.value.ipAddress, { stationCode, signal });
const rebootSecurityBoxApi = dispatchRebootSecurityBoxApi(vendor.value);
await rebootSecurityBoxApi(community, ipAddress, { stationCode, signal });
},
onSuccess: () => {
window.$loadingBar.finish();
@@ -202,7 +216,7 @@ const contextmenuOptions = computed<DropdownOption[]>(() => [
if (!lowerDevice) return;
window.$dialog.warning({
title: '确认解除关联吗?',
content: `将解除【电路${circuitIndex + 1}】与【${lowerDevice.name}】的关联关系。`,
content: `将解除【空开${circuitIndex + 1}】与【${lowerDevice.name}】的关联关系。`,
style: { width: '600px' },
contentStyle: { height: '60px' },
negativeText: '取消',
@@ -299,7 +313,7 @@ const { mutate: unlinkDevice } = useMutation({
<NCard v-if="showCard" hoverable size="small">
<template #header>
<NFlex align="center">
<span>电路状态</span>
<span>空开状态</span>
<NPopconfirm :positive-text="'确认'" :negative-text="'取消'" @positive-click="() => reboot()">
<template #trigger>
<NButton secondary size="small" :loading="rebooting">重合闸</NButton>
@@ -324,7 +338,7 @@ const { mutate: unlinkDevice } = useMutation({
<span>{{ getCircuitStatusText(circuit) }}</span>
</template>
</NTag>
<span>电路{{ circuitIndex + 1 }}</span>
<span>空开{{ circuitIndex + 1 }}</span>
</NFlex>
<NFlex justify="end" align="center">
<NPopconfirm :positive-text="'确认'" :negative-text="'取消'" @positive-click="() => turnStatus({ circuitIndex: circuitIndex, newStatus: circuit.status !== 1 })">
@@ -332,7 +346,7 @@ const { mutate: unlinkDevice } = useMutation({
<NSwitch size="small" :value="circuit.status === 1" :loading="turning" />
</template>
<template #default>
<span>确定要{{ circuit.status === 1 ? '关闭' : '开启' }}电路{{ circuitIndex + 1 }}吗?</span>
<span>确定要{{ circuit.status === 1 ? '关闭' : '开启' }}空开{{ circuitIndex + 1 }}吗?</span>
</template>
</NPopconfirm>
</NFlex>
@@ -60,7 +60,7 @@ const { mutate: linkPortToDevice, isPending: linking } = useMutation({
const upperDeviceDbId = ndmDevice.value.id;
if (!upperDeviceDbId) throw new Error('本设备没有ID');
if (circuitIndex.value === undefined) throw new Error('该电路不存在');
if (circuitIndex.value === undefined) throw new Error('该空开不存在');
if (!lowerDevice.value) throw new Error('请选择要关联的设备');
const lowerDeviceType = tryGetDeviceType(lowerDevice.value?.deviceType);
@@ -195,7 +195,7 @@ const onCancel = () => {
<template #header>
<span>{{ ndmDevice.name }}</span>
<span> - </span>
<span>电路{{ circuitIndex ? circuitIndex + 1 : '-' }}</span>
<span>空开{{ circuitIndex ? circuitIndex + 1 : '-' }}</span>
<span> - </span>
<span>关联设备</span>
</template>
@@ -16,40 +16,35 @@ const showCard = computed(() => {
return Object.values(props).some((value) => !!value);
});
// 门禁状态
const accessControlStatus = computed(() => {
if (!switches?.value || switches.value.length < 1) return null;
const status = switches.value.at(0)!;
return status === 0 ? '开门' : status === 1 ? '关门' : '-';
});
// 防雷状态
const lightningProtectionStatus = computed(() => {
if (!switches?.value || switches.value.length < 2) return null;
const status = switches.value.at(0)!;
return status === 0 ? '失效' : status === 1 ? '生效' : '-';
});
// 门禁状态
const accessControlStatus = computed(() => {
if (!switches?.value || switches.value.length < 1) return null;
const status = switches.value.at(1)!;
return status === 0 ? '正常' : status === 1 ? '失效' : '-';
return status === 0 ? '开门' : status === 1 ? '关门' : '-';
});
const getStatusTagType = (status: string | null) => {
if (['正常'].includes(status ?? '')) return 'success';
if (['失效'].includes(status ?? '')) return 'error';
if (['生效', '关门'].includes(status ?? '')) return 'success';
if (['失效', '开门'].includes(status ?? '')) return 'error';
return 'default';
};
const formattedFanSpeeds = computed(() => {
if (!fanSpeeds?.value || fanSpeeds.value.length === 0) return null;
return fanSpeeds.value.map((speed, index) => `风扇${index + 1}: ${speed} RPM`).join(', ');
});
</script>
<template>
<NCard v-if="showCard" hoverable size="small">
<template #header>
<span>安防箱状态</span>
<span>安防箱环境状态</span>
</template>
<template #default>
<NFlex vertical>
<NTag>
<NTag v-if="!!temperature">
<template #icon>
<NIcon :component="ThermometerIcon" />
</template>
@@ -57,7 +52,7 @@ const formattedFanSpeeds = computed(() => {
<span>温度: {{ temperature }}</span>
</template>
</NTag>
<NTag>
<NTag v-if="!!humidity">
<template #icon>
<NIcon :component="DropletIcon" />
</template>
@@ -65,15 +60,15 @@ const formattedFanSpeeds = computed(() => {
<span>湿度: {{ humidity }}%</span>
</template>
</NTag>
<NTag>
<NTag v-for="(speed, index) in fanSpeeds ?? []" :key="index">
<template #icon>
<NIcon :component="FanIcon" />
</template>
<template #default>
<span>风扇: {{ formattedFanSpeeds }}</span>
<span>风扇{{ index + 1 }}: {{ speed }} RPM</span>
</template>
</NTag>
<NTag :type="getStatusTagType(accessControlStatus)">
<NTag v-if="!!accessControlStatus" :type="getStatusTagType(accessControlStatus)">
<template #icon>
<NIcon :component="ShieldIcon" />
</template>
@@ -81,7 +76,7 @@ const formattedFanSpeeds = computed(() => {
<span>门禁: {{ accessControlStatus }}</span>
</template>
</NTag>
<NTag :type="getStatusTagType(lightningProtectionStatus)">
<NTag v-if="!!lightningProtectionStatus" :type="getStatusTagType(lightningProtectionStatus)">
<template #icon>
<NIcon :component="ZapIcon" />
</template>
@@ -33,7 +33,7 @@ const { hasPermission } = usePermission();
const { ndmDevice, station, ports } = toRefs(props);
const showCard = computed(() => !!ports.value);
const showCard = computed(() => !!ports.value && ports.value.length > 0);
const switchSlots = computed(() => {
// 解析端口名称,将端口按槽位进行分组
@@ -31,7 +31,7 @@ const { ndmDevice, station } = toRefs(props);
const showDetailModal = ref(false);
const detailTableColumns: DataTableColumns<SecurityBoxCircuitRowData> = [
{ title: '电路序号', key: 'number' },
{ title: '空开序号', key: 'number' },
{
title: '状态',
key: 'status',
@@ -98,7 +98,7 @@ const tableColumns: DataTableColumns<SecurityBoxRuntimeRowData> = [
},
// { title: '开关状态', key: 'switches' },
{
title: '电路状态',
title: '空开状态',
key: 'circuits',
render(rowData) {
const { info } = rowData.diagInfo;
@@ -1,6 +1,6 @@
<script setup lang="ts">
import { NFlex } from 'naive-ui';
import { DeviceCommonCard, DeviceHeaderCard } from '@/components';
import { DeviceCommonCard, DeviceHeaderCard, type DeviceCommonCardProps } from '@/components';
import type { NdmAlarmHostResultVO, Station } from '@/apis';
import { computed, toRefs } from 'vue';
@@ -11,13 +11,18 @@ const props = defineProps<{
const { ndmDevice, station } = toRefs(props);
const commonInfo = computed(() => {
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { createdTime, updatedTime, manufacturer } = ndmDevice.value;
return {
创建时间: createdTime ?? '-',
更新时间: updatedTime ?? '-',
制造商: manufacturer ?? '-',
};
return [
{
title: '设备接入信息',
items: [
{ label: '创建时间', value: createdTime || '-' },
{ label: '更新时间', value: updatedTime || '-' },
{ label: '制造商', value: manufacturer || '-' },
],
},
];
});
</script>
@@ -16,11 +16,12 @@ const isCameraTypeCode = (code: string): code is CameraType => {
</script>
<script setup lang="ts">
import type { NdmCameraResultVO, Station } from '@/apis';
import { DeviceCommonCard, DeviceHeaderCard } from '@/components';
import type { NdmCameraDiagInfo, NdmCameraResultVO, Station } from '@/apis';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, type DeviceCommonCardProps } from '@/components';
import { useSettingStore } from '@/stores';
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import axios from 'axios';
import destr from 'destr';
import { NDescriptions, NDescriptionsItem, NFlex } from 'naive-ui';
import { storeToRefs } from 'pinia';
import { computed, toRefs, watch } from 'vue';
@@ -113,7 +114,17 @@ watch(activeRequests, (active) => {
}
});
const commonInfo = computed(() => {
const lastDiagInfo = computed(() => {
const result = destr<any>(ndmDevice.value.lastDiagInfo);
if (!result) return null;
if (typeof result !== 'object') return null;
return result as NdmCameraDiagInfo;
});
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { stCommonInfo } = lastDiagInfo.value ?? {};
const { 设备ID, 软件版本, 设备厂商, 设备别名, 设备型号, 硬件版本 } = stCommonInfo ?? {};
const { ethInfo, ipInfo } = lastDiagInfo.value ?? {};
const {
createdTime,
updatedTime,
@@ -126,22 +137,58 @@ const commonInfo = computed(() => {
onvifMinorIndex,
icmpEnabled,
community,
ipAddress,
//
} = ndmDevice.value;
return {
创建时间: createdTime ?? '-',
更新时间: updatedTime ?? '-',
制造商: manufacturer ?? '-',
GB28181启用: `${!!gb28181Enabled ? '是' : '否'}`,
ONVIF端口: `${onvifPort ?? '-'}`,
ONVIF用户名: onvifUsername ?? '-',
ONVIF密码: onvifPassword ?? '-',
ONVIF主流索引: `${onvifMajorIndex ?? '-'}`,
ONVIF辅流索引: `${onvifMinorIndex ?? '-'}`,
ICMP启用: `${!!icmpEnabled ? '是' : ''}`,
团体字符串: community ?? '-',
};
let operStatus = '-';
if (!!ethInfo?.operStatus) {
operStatus = ethInfo?.operStatus === '1' ? '正常' : '异常';
}
return [
{
title: '设备型号信息',
items: [
{ label: '设备ID', value: 设备ID || '-' },
{ label: '软件版本', value: 软件版本 || '-' },
{ label: '设备厂商', value: 设备厂商 || manufacturer || '-' },
{ label: '设备别名', value: 设备别名 || '-' },
{ label: '设备型号', value: 设备型号 || '-' },
{ label: '硬件版本', value: 硬件版本 || '-' },
],
},
{
title: '设备网卡信息',
items: [
{ label: 'IP地址', value: ipAddress || '-' },
{ label: '子网掩码', value: ipInfo?.mASK || '-' },
{ label: 'MAC地址', value: ethInfo?.macAddress || '-' },
{ label: '连接速率', value: ethInfo?.speed || '-' },
{ label: 'MTU', value: ethInfo?.mTU || '-' },
{ label: '运行状态', value: operStatus },
],
},
{
title: '设备接入信息',
items: [
{ label: '创建时间', value: createdTime || '-' },
{ label: '更新时间', value: updatedTime || '-' },
{ label: 'GB28181启用', value: `${!!gb28181Enabled ? '是' : '否'}` },
{ label: 'ICMP启用', value: `${!!icmpEnabled ? '是' : '否'}` },
{ label: 'ONVIF用户名', value: onvifUsername || '-' },
{ label: 'ONVIF密码', value: onvifPassword || '-' },
{ label: 'ONVIF主流索引', value: `${onvifMajorIndex ?? '-'}` },
{ label: 'ONVIF辅流索引', value: `${onvifMinorIndex ?? '-'}` },
{ label: 'ONVIF端口', value: `${onvifPort ?? '-'}` },
{ label: '团体字符串', value: community || '-' },
],
},
];
});
const cpuUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.CPU使用率);
const memUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.内存使用率);
</script>
<template>
@@ -155,6 +202,7 @@ const commonInfo = computed(() => {
</template>
</DeviceHeaderCard>
<DeviceCommonCard :common-info="commonInfo" />
<DeviceHardwareCard :cpu-usage="cpuUsage" :mem-usage="memUsage" />
</NFlex>
</template>
@@ -1,6 +1,14 @@
<script setup lang="ts">
import type { NdmCameraResultVO, Station } from '@/apis';
import { DeviceAlarmHistoryCard, DeviceIcmpHistoryCard, HistoryDiagFilterCard, type DeviceAlarmHistoryCardProps, type DeviceIcmpHistoryCardProps } from '@/components';
import {
DeviceAlarmHistoryCard,
DeviceIcmpHistoryCard,
DeviceUsageHistoryCard,
HistoryDiagFilterCard,
type DeviceAlarmHistoryCardProps,
type DeviceIcmpHistoryCardProps,
type DeviceUsageHistoryCardProps,
} from '@/components';
import dayjs from 'dayjs';
import { NFlex, type SelectOption } from 'naive-ui';
import { onMounted, ref, toRefs, watch } from 'vue';
@@ -15,6 +23,7 @@ const { ndmDevice, station } = toRefs(props);
const historyDiagOptions: SelectOption[] = [
{ label: '设备状态', value: 'icmp' },
{ label: '设备告警', value: 'alarm' },
{ label: '硬件占用', value: 'usage' },
];
const getWeekRange = (): [number, number] => {
const now = dayjs();
@@ -27,7 +36,8 @@ const selected = ref<string[]>([...historyDiagOptions.map((option) => `${option.
const loading = ref<boolean>(false);
const icmpLoading = ref<boolean>(false);
const alarmLoading = ref<boolean>(false);
watch([icmpLoading, alarmLoading], (loadings) => {
const usageLoading = ref<boolean>(false);
watch([icmpLoading, alarmLoading, usageLoading], (loadings) => {
loading.value = loadings.some((loading) => loading);
});
const icmpHistoryQueryFn = ref<() => void>();
@@ -38,9 +48,14 @@ const alarmHistoryQueryFn = ref<() => void>();
const onExposeAlarmHistoryQueryFn: DeviceAlarmHistoryCardProps['onExposeQueryFn'] = (queryFn) => {
alarmHistoryQueryFn.value = queryFn;
};
const usageHistoryQueryFn = ref<() => void>();
const onExposeUsageHistoryQueryFn: DeviceUsageHistoryCardProps['onExposeQueryFn'] = (queryFn) => {
usageHistoryQueryFn.value = queryFn;
};
const queryData = () => {
if (selected.value.includes('icmp')) icmpHistoryQueryFn.value?.();
if (selected.value.includes('alarm')) alarmHistoryQueryFn.value?.();
if (selected.value.includes('usage')) usageHistoryQueryFn.value?.();
};
const onQuery = () => {
queryData();
@@ -70,6 +85,16 @@ onMounted(() => {
v-model:loading="alarmLoading"
@expose-query-fn="onExposeAlarmHistoryQueryFn"
/>
<DeviceUsageHistoryCard
v-if="selected.includes('usage')"
:ndm-device="ndmDevice"
:station="station"
:cpu-usage-field="'stCommonInfo.CPU使用率'"
:mem-usage-field="'stCommonInfo.内存使用率'"
v-model:range="range"
v-model:loading="usageLoading"
@expose-query-fn="onExposeUsageHistoryQueryFn"
/>
</NFlex>
</template>
@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { NdmDecoderDiagInfo, NdmDecoderResultVO, Station } from '@/apis';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard } from '@/components';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, type DeviceCommonCardProps } from '@/components';
import destr from 'destr';
import { NFlex } from 'naive-ui';
import { computed, toRefs } from 'vue';
@@ -19,17 +19,23 @@ const lastDiagInfo = computed(() => {
return result as NdmDecoderDiagInfo;
});
const commonInfo = computed(() => {
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { stCommonInfo } = lastDiagInfo.value ?? {};
const { 设备ID, 软件版本, 设备厂商, 设备别名, 设备型号, 硬件版本 } = stCommonInfo ?? {};
return {
设备ID: 设备ID ?? '-',
软件版本: 软件版本 ?? '-',
设备厂商: 设备厂商 ?? '-',
设备别名: 设备别名 ?? '-',
设备型号: 设备型号 ?? '-',
硬件版本: 件版本 ?? '-',
};
return [
{
title: '设备型号信息',
items: [
{ label: '设备ID', value: 设备ID || '-' },
{ label: '软件版本', value: 件版本 || '-' },
{ label: '设备厂商', value: 设备厂商 || '-' },
{ label: '设备别名', value: 设备别名 || '-' },
{ label: '设备型号', value: 设备型号 || '-' },
{ label: '硬件版本', value: 硬件版本 || '-' },
],
},
];
});
const cpuUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.CPU使用率);
@@ -36,7 +36,8 @@ const selected = ref([...historyDiagOptions.map((option) => `${option.value}`)])
const loading = ref<boolean>(false);
const icmpLoading = ref<boolean>(false);
const alarmLoading = ref<boolean>(false);
watch([icmpLoading, alarmLoading], (loadings) => {
const usageLoading = ref<boolean>(false);
watch([icmpLoading, alarmLoading, usageLoading], (loadings) => {
loading.value = loadings.some((loading) => loading);
});
const icmpHistoryQueryFn = ref<() => void>();
@@ -91,7 +92,7 @@ onMounted(() => {
:cpu-usage-field="'stCommonInfo.CPU使用率'"
:mem-usage-field="'stCommonInfo.内存使用率'"
v-model:range="range"
v-model:loading="alarmLoading"
v-model:loading="usageLoading"
@expose-query-fn="onExposeUsageHistoryQueryFn"
/>
</NFlex>
@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { NdmNvrDiagInfo, NdmNvrResultVO, Station } from '@/apis';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, NvrDiskCard, NvrRecordCheckCard } from '@/components';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, NvrDiskCard, NvrEnvCard, NvrRecordCheckCard, type DeviceCommonCardProps } from '@/components';
import { isNvrCluster } from '@/helpers';
import destr from 'destr';
import { NFlex } from 'naive-ui';
@@ -20,18 +20,40 @@ const lastDiagInfo = computed(() => {
return result as NdmNvrDiagInfo;
});
const commonInfo = computed(() => {
const { stCommonInfo } = lastDiagInfo.value ?? {};
if (!stCommonInfo) return undefined;
const { 设备ID, 软件版本, 生产厂商, 设备别名, 设备型号, 硬件版本 } = stCommonInfo;
return {
设备ID: 设备ID ?? '-',
软件版本: 软件版本 ?? '-',
生产厂商: 生产厂商 ?? '-',
设备别名: 设备别名 ?? '-',
设备型号: 设备型号 ?? '-',
硬件版本: 硬件版本 ?? '-',
};
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { ipAddress } = ndmDevice.value;
const { ethInfo, ipInfo, stCommonInfo } = lastDiagInfo.value ?? {};
const { 设备ID, 软件版本, 生产厂商, 设备别名, 设备型号, 硬件版本 } = stCommonInfo ?? {};
let operStatus = '-';
if (!!ethInfo?.operStatus) {
operStatus = ethInfo?.operStatus === '1' ? '正常' : '异常';
}
return [
{
title: '设备型号信息',
items: [
{ label: '设备ID', value: 设备ID || '-' },
{ label: '软件版本', value: 软件版本 || '-' },
{ label: '生产厂商', value: 生产厂商 || '-' },
{ label: '设备别名', value: 设备别名 || '-' },
{ label: '设备型号', value: 设备型号 || '-' },
{ label: '硬件版本', value: 硬件版本 || '-' },
],
},
{
title: '设备网卡信息',
items: [
{ label: 'IP地址', value: ipAddress || '-' },
{ label: '子网掩码', value: ipInfo?.mASK || '-' },
{ label: 'MAC地址', value: ethInfo?.macAddress || '-' },
{ label: '连接速率', value: ethInfo?.speed || '-' },
{ label: 'MTU', value: ethInfo?.mTU || '-' },
{ label: '运行状态', value: operStatus },
],
},
];
});
const cpuUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.CPU使用率);
@@ -39,6 +61,9 @@ const memUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.内存使用
const diskHealth = computed(() => lastDiagInfo.value?.info?.diskHealth);
const diskArray = computed(() => lastDiagInfo.value?.info?.groupInfoList);
const fanInfo = computed(() => lastDiagInfo.value?.cdFanInfo);
const powerSupplyInfo = computed(() => lastDiagInfo.value?.cdPowerSupplyInfo);
</script>
<template>
@@ -46,6 +71,7 @@ const diskArray = computed(() => lastDiagInfo.value?.info?.groupInfoList);
<DeviceHeaderCard :ndm-device="ndmDevice" :station="station" />
<DeviceCommonCard :common-info="commonInfo" />
<DeviceHardwareCard :cpu-usage="cpuUsage" :mem-usage="memUsage" />
<NvrEnvCard :fan-info="fanInfo" :power-supply-info="powerSupplyInfo" />
<NvrDiskCard :disk-health="diskHealth" :disk-array="diskArray" />
<template v-if="isNvrCluster(ndmDevice)">
<NvrRecordCheckCard :ndm-device="ndmDevice" :station="station" />
@@ -42,8 +42,9 @@ const selected = ref([...historyDiagOptions.value.map((option) => `${option.valu
const loading = ref<boolean>(false);
const icmpLoading = ref<boolean>(false);
const alarmLoading = ref<boolean>(false);
const usageLoading = ref<boolean>(false);
const diskLoading = ref<boolean>(false);
watch([icmpLoading, alarmLoading, diskLoading], (loadings) => {
watch([icmpLoading, alarmLoading, usageLoading, diskLoading], (loadings) => {
loading.value = loadings.some((loading) => loading);
});
const icmpHistoryQueryFn = ref<() => void>();
@@ -103,7 +104,7 @@ onMounted(() => {
:cpu-usage-field="'stCommonInfo.CPU使用率'"
:mem-usage-field="'stCommonInfo.内存使用率'"
v-model:range="range"
v-model:loading="alarmLoading"
v-model:loading="usageLoading"
@expose-query-fn="onExposeUsageHistoryQueryFn"
/>
<NvrDiskHistoryCard v-if="selected.includes('disk')" :ndm-device="ndmDevice" :station="station" v-model:range="range" v-model:loading="diskLoading" @expose-query-fn="onExposeDiskHistoryQueryFn" />
@@ -1,6 +1,7 @@
<script setup lang="ts">
import type { NdmSecurityBoxDiagInfo, NdmSecurityBoxResultVO, Station } from '@/apis';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, SecurityBoxCircuitCard, SecurityBoxEnvCard } from '@/components';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, SecurityBoxCircuitCard, SecurityBoxEnvCard, type DeviceCommonCardProps } from '@/components';
import { SECURITY_BOX_VENDOR_LITERALS } from '@/helpers';
import destr from 'destr';
import { NFlex } from 'naive-ui';
import { computed, toRefs } from 'vue';
@@ -19,17 +20,54 @@ const lastDiagInfo = computed(() => {
return result as NdmSecurityBoxDiagInfo;
});
const commonInfo = computed(() => {
const { stCommonInfo } = lastDiagInfo.value ?? {};
// 解析安防箱厂商
const vendor = computed(() => {
// 先读取诊断信息中的 stCommonInfo 中的设备厂商
if (!!lastDiagInfo.value?.stCommonInfo?.设备厂商) {
return lastDiagInfo.value.stCommonInfo.设备厂商.trim().toLocaleLowerCase();
}
// 如果 stCommonInfo 中没有设备厂商,再读取 ndmDevice 中的 manufacturer
if (!!ndmDevice.value.manufacturer) {
return ndmDevice.value.manufacturer.trim().toLocaleLowerCase();
}
// 如果 ndmDevice 中也没有 manufacturer,返回 beidian 作为兜底
return SECURITY_BOX_VENDOR_LITERALS.beidian;
});
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { ipAddress } = ndmDevice.value;
const { ethInfo, ipInfo, stCommonInfo } = lastDiagInfo.value ?? {};
const { 设备ID, 软件版本, 设备厂商, 设备别名, 设备型号, 硬件版本 } = stCommonInfo ?? {};
return {
设备ID: 设备ID ?? '',
软件版本: 软件版本 ?? '',
设备厂商: 设备厂商 ?? '',
设备别名: 设备别名 ?? '',
设备型号: 设备型号 ?? '',
硬件版本: 硬件版本 ?? '',
};
let operStatus = '-';
if (!!ethInfo?.operStatus) {
operStatus = ethInfo?.operStatus === '1' ? '正常' : '异常';
}
return [
{
title: '设备型号信息',
items: [
{ label: '设备ID', value: 设备ID || '-' },
{ label: '软件版本', value: 软件版本 || '-' },
{ label: '设备厂商', value: 设备厂商 || '-' },
{ label: '设备别名', value: 设备别名 || '-' },
{ label: '设备型号', value: 设备型号 || '-' },
{ label: '硬件版本', value: 硬件版本 || '-' },
],
},
{
title: '设备网卡信息',
items: [
{ label: 'IP地址', value: ipAddress || '-' },
{ label: '子网掩码', value: ipInfo?.mASK || '-' },
{ label: 'MAC地址', value: ethInfo?.macAddress || '-' },
{ label: '连接速率', value: ethInfo?.speed || '-' },
{ label: 'MTU', value: ethInfo?.mTU || '-' },
{ label: '运行状态', value: operStatus },
],
},
];
});
const cpuUsage = computed(() => lastDiagInfo.value?.stCommonInfo?.CPU使用率);
@@ -49,7 +87,7 @@ const circuits = computed(() => lastDiagInfo.value?.info?.at(0)?.circuits);
<DeviceCommonCard :common-info="commonInfo" />
<DeviceHardwareCard :cpu-usage="cpuUsage" :mem-usage="memUsage" />
<SecurityBoxEnvCard :fan-speeds="fanSpeeds" :temperature="temperature" :humidity="humidity" :switches="switches" />
<SecurityBoxCircuitCard :ndm-device="ndmDevice" :station="station" :circuits="circuits" />
<SecurityBoxCircuitCard :ndm-device="ndmDevice" :station="station" :vendor="vendor" :circuits="circuits" />
</NFlex>
</template>
@@ -6,7 +6,7 @@ import { useMutation } from '@tanstack/vue-query';
import { isCancel } from 'axios';
import destr from 'destr';
import { isString } from 'es-toolkit';
import { NButton, NCard, NFlex, NForm, NFormItem, NFormItemGi, NGrid, NInput, NSwitch, type FormInst, type FormRules } from 'naive-ui';
import { NButton, NCard, NFlex, NForm, NFormItem, NFormItemGi, NGrid, NInput, NInputNumber, NSwitch, type FormInst, type FormRules } from 'naive-ui';
import { computed, onBeforeUnmount, ref, toRefs, useTemplateRef, watch } from 'vue';
const props = defineProps<{
@@ -126,9 +126,15 @@ onBeforeUnmount(() => {
<NFormItem label-placement="left" label="型号">
<NInput v-model:value="localDevice.model" />
</NFormItem>
<NFormItem label-placement="left" label="开关数量">
<NInputNumber clearable v-model:value="localDevice.circuitCount" />
</NFormItem>
<NFormItem label-placement="left" label="团体字符串">
<NInput v-model:value="localDevice.community" />
</NFormItem>
<NFormItem label-placement="left" label="团体字符串(写)">
<NInput v-model:value="localDevice.writeCommunity" />
</NFormItem>
<NFormItem label-placement="left" label="设备描述">
<NInput v-model:value="localDevice.description" />
</NFormItem>
@@ -1,8 +1,9 @@
import ServerAlive from './server-alive.vue';
import ServerCard from './server-card.vue';
import ServerCurrentDiag from './server-current-diag.vue';
import ServerHighAvailable from './server-high-available.vue';
import ServerHistoryDiag from './server-history-diag.vue';
import ServerStreamPush from './server-stream-push.vue';
import ServerUpdate from './server-update.vue';
export { ServerAlive, ServerCard, ServerCurrentDiag, ServerHistoryDiag, ServerUpdate, ServerStreamPush };
export { ServerAlive, ServerCard, ServerCurrentDiag, ServerHighAvailable, ServerHistoryDiag, ServerUpdate, ServerStreamPush };
@@ -23,8 +23,11 @@ const deviceType = computed(() => tryGetDeviceType(ndmDevice.value.deviceType));
const MEDIA_SERVER_ALIVE_QUERY_KEY = 'media-server-alive-query';
const VIDEO_SERVER_ALIVE_QUERY_KEY = 'video-server-alive-query';
const deviceUniqueKey = computed(() => [station.value.code, ndmDevice.value.id]);
const { data: isMediaServerAlive } = useQuery({
queryKey: computed(() => [MEDIA_SERVER_ALIVE_QUERY_KEY, ndmDevice.value.id, ndmDevice.value.lastDiagTime]),
queryKey: computed(() => [MEDIA_SERVER_ALIVE_QUERY_KEY, deviceUniqueKey.value, ndmDevice.value.lastDiagTime]),
enabled: computed(() => activeRequests.value && deviceType.value === DEVICE_TYPE_LITERALS.ndmMediaServer),
refetchInterval: 30 * 1000,
gcTime: 0,
@@ -34,7 +37,7 @@ const { data: isMediaServerAlive } = useQuery({
},
});
const { data: isSipServerAlive } = useQuery({
queryKey: computed(() => [VIDEO_SERVER_ALIVE_QUERY_KEY, ndmDevice.value.id, ndmDevice.value.lastDiagTime]),
queryKey: computed(() => [VIDEO_SERVER_ALIVE_QUERY_KEY, deviceUniqueKey.value, ndmDevice.value.lastDiagTime]),
enabled: computed(() => activeRequests.value && deviceType.value === DEVICE_TYPE_LITERALS.ndmVideoServer),
refetchInterval: 30 * 1000,
gcTime: 0,
@@ -1,6 +1,6 @@
<script setup lang="ts">
import { type NdmServerDiagInfo, type NdmServerResultVO, type Station } from '@/apis';
import { DeviceHardwareCard, DeviceHeaderCard, ServerAlive, ServerStreamPush } from '@/components';
import { DeviceCommonCard, DeviceHardwareCard, DeviceHeaderCard, ServerAlive, ServerHighAvailable, ServerStreamPush, type DeviceCommonCardProps } from '@/components';
import destr from 'destr';
import { NFlex } from 'naive-ui';
import { computed, toRefs } from 'vue';
@@ -19,6 +19,30 @@ const lastDiagInfo = computed(() => {
return result as NdmServerDiagInfo;
});
const commonInfo = computed<DeviceCommonCardProps['commonInfo']>(() => {
const { ipAddress } = ndmDevice.value;
const { ethInfo, ipInfo } = lastDiagInfo.value ?? {};
let operStatus = '-';
if (!!ethInfo?.operStatus) {
operStatus = ethInfo?.operStatus === '1' ? '正常' : '异常';
}
return [
{
title: '设备网卡信息',
items: [
{ label: 'IP地址', value: ipAddress || '-' },
{ label: '子网掩码', value: ipInfo?.mASK || '-' },
{ label: 'MAC地址', value: ethInfo?.macAddress || '-' },
{ label: '连接速率', value: ethInfo?.speed || '-' },
{ label: 'MTU', value: ethInfo?.mTU || '-' },
{ label: '运行状态', value: operStatus },
],
},
];
});
const cpuUsage = computed(() => lastDiagInfo.value?.commInfo?.CPU使用率);
const memUsage = computed(() => lastDiagInfo.value?.commInfo?.内存使用率);
const diskUsage = computed(() => lastDiagInfo.value?.commInfo?.磁盘使用率);
@@ -27,7 +51,9 @@ const runningTime = computed(() => lastDiagInfo.value?.commInfo?.系统运行时
<template>
<NFlex vertical>
<ServerHighAvailable :ndm-device="ndmDevice" :station="station" />
<DeviceHeaderCard :ndm-device="ndmDevice" :station="station" />
<DeviceCommonCard :common-info="commonInfo" />
<DeviceHardwareCard running-time-label="服务器运行时间" :cpu-usage="cpuUsage" :mem-usage="memUsage" :disk-usage="diskUsage" :running-time="runningTime" />
<ServerAlive :ndm-device="ndmDevice" :station="station" />
<ServerStreamPush :ndm-device="ndmDevice" :station="station" />
@@ -0,0 +1,67 @@
<script setup lang="ts">
import { getHighAvailableApi, type NdmServerResultVO, type Station } from '@/apis';
import { DEVICE_TYPE_LITERALS, tryGetDeviceType } from '@/enums';
import { useSettingStore } from '@/stores';
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { NAlert, NFlex } from 'naive-ui';
import { storeToRefs } from 'pinia';
import { computed, toRefs, watch } from 'vue';
const props = defineProps<{
ndmDevice: NdmServerResultVO;
station: Station;
}>();
const settingStore = useSettingStore();
const { activeRequests } = storeToRefs(settingStore);
const queryClient = useQueryClient();
const { ndmDevice, station } = toRefs(props);
const deviceType = computed(() => tryGetDeviceType(ndmDevice.value.deviceType));
const isVideoServer = computed(() => deviceType.value === DEVICE_TYPE_LITERALS.ndmVideoServer);
const SERVER_HIGH_AVAILABLE_QUERY_KEY = 'server-high-available-query';
const deviceUniqueKey = computed(() => [station.value.code, ndmDevice.value.id]);
const { data: highAvailable } = useQuery({
queryKey: computed(() => [SERVER_HIGH_AVAILABLE_QUERY_KEY, deviceUniqueKey.value, ndmDevice.value.lastDiagTime]),
enabled: computed(() => activeRequests.value && isVideoServer.value),
refetchInterval: 30 * 1000,
gcTime: 0,
queryFn: async ({ signal }) => {
const highAvailable = await getHighAvailableApi({ stationCode: station.value.code, signal });
return highAvailable;
},
});
watch(activeRequests, (active) => {
if (!active) {
queryClient.cancelQueries({ queryKey: [SERVER_HIGH_AVAILABLE_QUERY_KEY] });
}
});
const showCard = computed(() => {
const { pyip: physicalIp } = highAvailable.value ?? {};
const ipAddressMatched = physicalIp === ndmDevice.value.ipAddress;
return isVideoServer.value && ipAddressMatched;
});
</script>
<template>
<NAlert v-if="showCard && !!highAvailable" :bordered="false" type="success">
<template #header>
<NFlex :align="'center'">
<div>正在提供服务</div>
<NFlex :align="'center'" style="font-size: smaller">
<div>虚拟IP: {{ highAvailable.vip }}</div>
<div>启用时间: {{ highAvailable.changeDate }}</div>
</NFlex>
</NFlex>
</template>
</NAlert>
</template>
<style scoped></style>
@@ -25,8 +25,10 @@ const showCard = computed(() => deviceType.value === DEVICE_TYPE_LITERALS.ndmMed
const SERVER_STREAM_PUSH_KEY = 'server-stream-push-query';
const deviceUniqueKey = computed(() => [station.value.code, ndmDevice.value.id]);
const { data: streamPushes } = useQuery({
queryKey: computed(() => [SERVER_STREAM_PUSH_KEY, ndmDevice.value.id, ndmDevice.value.lastDiagTime]),
queryKey: computed(() => [SERVER_STREAM_PUSH_KEY, deviceUniqueKey.value, ndmDevice.value.lastDiagTime]),
enabled: computed(() => activeRequests.value && showCard.value),
refetchInterval: 30 * 1000,
gcTime: 0,
@@ -1,8 +1,14 @@
<script lang="ts">
const createDeviceNodeKey = (stationCode?: Station['code'], device?: NdmDeviceResultVO) => {
return `${stationCode ?? ''}-${device?.id ?? ''}`;
};
</script>
<script setup lang="ts">
import { initStationDevices, type NdmDeviceResultVO, type NdmNvrResultVO, type Station } from '@/apis';
import { useDeviceTree, usePermission, type UseDeviceTreeReturn } from '@/composables';
import { DEVICE_TYPE_NAMES, DEVICE_TYPE_LITERALS, tryGetDeviceType, type DeviceType, PERMISSION_TYPE_LITERALS } from '@/enums';
import { isNvrCluster } from '@/helpers';
import { createNvrClusterRelationship, isNvrCluster, nvrInCluster } from '@/helpers';
import { useDeviceStore, usePermissionStore } from '@/stores';
import { watchDebounced, watchImmediate } from '@vueuse/core';
import destr from 'destr';
@@ -110,7 +116,7 @@ watchImmediate(selectedDeviceType, (newDeviceType) => {
}
});
const selectedKeys = computed(() => (selectedDevice.value?.id ? [selectedDevice.value.id] : undefined));
const selectedKeys = computed(() => (selectedDevice.value?.id ? [createDeviceNodeKey(selectedStationCode.value, selectedDevice.value)] : undefined));
watch([selectedKeys, selectedDevice, selectedStationCode], ([, device, code]) => {
if (device && code) {
onSelectDevice(device, code);
@@ -291,8 +297,18 @@ const renderDeviceNodePrefix = (device: NdmDeviceResultVO, stationCode: Station[
return h(NFlex, { size: 'small' }, { default: () => [renderViewDeviceButton(device, stationCode), renderDeviceStatusTag(device)] });
};
// 全线设备树
const lineDeviceTreeData = computed<Record<Station['code'], TreeOption[]>>(() => {
const treeData: Record<string, TreeOption[]> = {};
const lineDeviceTreeData = computed<Record<DeviceType, TreeOption[]>>(() => {
const treeData: Record<DeviceType, TreeOption[]> = {
[DEVICE_TYPE_LITERALS.ndmCamera]: [],
[DEVICE_TYPE_LITERALS.ndmNvr]: [],
[DEVICE_TYPE_LITERALS.ndmSwitch]: [],
[DEVICE_TYPE_LITERALS.ndmDecoder]: [],
[DEVICE_TYPE_LITERALS.ndmSecurityBox]: [],
[DEVICE_TYPE_LITERALS.ndmMediaServer]: [],
[DEVICE_TYPE_LITERALS.ndmVideoServer]: [],
[DEVICE_TYPE_LITERALS.ndmKeyboard]: [],
[DEVICE_TYPE_LITERALS.ndmAlarmHost]: [],
};
deviceTabPanes.forEach(({ name: paneName /* , tab: paneTab */ }) => {
treeData[paneName] = stations.value.map<TreeOption>((station) => {
const { name: stationName, code: stationCode } = station;
@@ -301,47 +317,55 @@ const lineDeviceTreeData = computed<Record<Station['code'], TreeOption[]>>(() =>
const offlineDevices = devices?.filter((device) => device.deviceStatus === '20');
// 对于录像机,需要根据clusterList字段以分号分隔设备IP,进一步形成子树结构
if (paneName === DEVICE_TYPE_LITERALS.ndmNvr) {
const nvrs = devices as NdmNvrResultVO[];
const nvrClusters: NdmNvrResultVO[] = [];
const nvrSingletons: NdmNvrResultVO[] = [];
for (const device of nvrs) {
if (isNvrCluster(device)) {
nvrClusters.push(device);
} else {
nvrSingletons.push(device);
}
}
const nvrDevices = devices as NdmNvrResultVO[];
const { nvrClusters, nvrTreeMap, nvrStandalones } = createNvrClusterRelationship(nvrDevices);
return {
label: stationName,
key: stationCode,
prefix: () => renderStationNodePrefix(station),
suffix: () => renderIcmpStatistics(onlineDevices?.length ?? 0, offlineDevices?.length ?? 0, devices?.length ?? 0),
children: nvrClusters.map<TreeOption>((nvrCluster) => {
children: [
...nvrClusters.map((cluster) => {
return {
label: `${nvrCluster.name}`,
key: nvrCluster.id ?? `${nvrCluster.name}`,
prefix: () => renderDeviceNodePrefix(nvrCluster, stationCode),
suffix: () => `${nvrCluster.ipAddress}`,
children: nvrSingletons.map<TreeOption>((nvr) => {
label: `${cluster.name}`,
key: createDeviceNodeKey(stationCode, cluster),
prefix: () => renderDeviceNodePrefix(cluster, stationCode),
suffix: () => `${cluster.ipAddress}`,
children: (nvrTreeMap.get(cluster.ipAddress ?? '') ?? []).map((clusterNode) => {
return {
label: `${nvr.name}`,
key: nvr.id ?? `${nvr.name}`,
prefix: () => renderDeviceNodePrefix(nvr, stationCode),
suffix: () => `${nvr.ipAddress}`,
label: `${clusterNode.name}`,
key: createDeviceNodeKey(stationCode, clusterNode),
prefix: () => renderDeviceNodePrefix(clusterNode, stationCode),
suffix: () => `${clusterNode.ipAddress}`,
// 当选择设备时,能获取到设备的所有信息,以及设备所属的车站
stationCode,
device: nvr,
device: clusterNode,
};
}),
// 当选择设备时,能获取到设备的所有信息,以及设备所属的车站
stationCode,
device: nvrCluster,
device: cluster,
};
}),
...nvrStandalones.map((device) => {
return {
label: `${device.name}`,
key: createDeviceNodeKey(stationCode, device),
prefix: () => renderDeviceNodePrefix(device, stationCode),
suffix: () => `${device.ipAddress}`,
// 当选择设备时,能获取到设备的所有信息,以及设备所属的车站
stationCode,
device: device,
};
}),
],
stationCode,
deviceType: activeTab.value,
};
}
// 非录像机设备
return {
label: stationName,
key: stationCode,
@@ -352,7 +376,7 @@ const lineDeviceTreeData = computed<Record<Station['code'], TreeOption[]>>(() =>
const device = dev as NdmDeviceResultVO;
return {
label: `${device.name}`,
key: `${device.name}${device.ipAddress}`,
key: createDeviceNodeKey(stationCode, device),
prefix: () => renderDeviceNodePrefix(device, stationCode),
suffix: () => `${device.ipAddress}`,
// 当选择设备时,能获取到设备的所有信息,以及设备所属的车站
@@ -376,37 +400,51 @@ const stationDeviceTreeData = computed<TreeOption[]>(() => {
const onlineCount = stationDevices[deviceType].filter((device) => device.deviceStatus === '10').length;
const offlineCount = stationDevices[deviceType].filter((device) => device.deviceStatus === '20').length;
if (deviceType === DEVICE_TYPE_LITERALS.ndmNvr) {
const nvrs = stationDevices[deviceType] as NdmNvrResultVO[];
const clusters = nvrs.filter((nvr) => isNvrCluster(nvr));
const singletons = nvrs.filter((nvr) => !isNvrCluster(nvr));
const nvrDevices = stationDevices[deviceType] as NdmNvrResultVO[];
const { nvrClusters, nvrTreeMap, nvrStandalones } = createNvrClusterRelationship(nvrDevices);
return {
label: `${DEVICE_TYPE_NAMES[deviceType]}`,
key: deviceType,
suffix: () => renderIcmpStatistics(onlineCount, offlineCount, nvrs.length),
children: clusters.map<TreeOption>((device) => {
suffix: () => renderIcmpStatistics(onlineCount, offlineCount, nvrDevices.length),
children: [
...nvrClusters.map((cluster) => {
return {
label: `${cluster.name}`,
key: createDeviceNodeKey(stationCode, cluster),
prefix: () => renderDeviceNodePrefix(cluster, stationCode),
suffix: () => `${cluster.ipAddress}`,
children: (nvrTreeMap.get(cluster.ipAddress ?? '') ?? []).map((clusterNode) => {
return {
label: `${clusterNode.name}`,
key: createDeviceNodeKey(stationCode, clusterNode),
prefix: () => renderDeviceNodePrefix(clusterNode, stationCode),
suffix: () => `${clusterNode.ipAddress}`,
stationCode,
device: clusterNode,
};
}),
stationCode,
device: cluster,
};
}),
...nvrStandalones.map((device) => {
return {
label: `${device.name}`,
key: `${device.name}${device.ipAddress}`,
prefix: () => renderDeviceNodePrefix(device, stationCode),
suffix: () => `${device.ipAddress}`,
children: singletons.map<TreeOption>((device) => {
return {
label: `${device.name}`,
key: `${device.name}${device.ipAddress}`,
key: createDeviceNodeKey(stationCode, device),
prefix: () => renderDeviceNodePrefix(device, stationCode),
suffix: () => `${device.ipAddress}`,
stationCode,
device,
};
}),
stationCode,
device,
};
}),
],
stationCode,
deviceType,
};
}
// 非录像机设备
return {
label: `${DEVICE_TYPE_NAMES[deviceType]}`,
key: deviceType,
@@ -414,7 +452,7 @@ const stationDeviceTreeData = computed<TreeOption[]>(() => {
children: stationDevices[deviceType].map<TreeOption>((device) => {
return {
label: `${device.name}`,
key: `${device.name}${device.ipAddress}`,
key: createDeviceNodeKey(stationCode, device),
prefix: () => renderDeviceNodePrefix(device, stationCode),
suffix: () => `${device.ipAddress}`,
stationCode,
@@ -462,6 +500,7 @@ const onFoldDeviceTree = () => {
};
const onLocateDeviceTree = async () => {
if (!selectedStationCode.value) return;
const stationCode = selectedStationCode.value;
if (!selectedDevice.value) return;
const deviceType = tryGetDeviceType(selectedDevice.value.deviceType);
if (!deviceType) return;
@@ -473,24 +512,28 @@ const onLocateDeviceTree = async () => {
activeTab.value = deviceType;
// 展开选择的车站
expandedKeys.value.push(selectedStationCode.value);
expandedKeys.value.push(stationCode);
// 当选择录像机时,如果不是集群,进一步展开该录像机所在的集群节点
if (deviceType === DEVICE_TYPE_LITERALS.ndmNvr) {
const stationDevices = lineDevices.value[selectedStationCode.value];
const stationDevices = lineDevices.value[stationCode];
if (stationDevices) {
const selectedNvr = selectedDevice.value as NdmNvrResultVO;
if (!isNvrCluster(selectedNvr)) {
const nvrs = stationDevices[DEVICE_TYPE_LITERALS.ndmNvr];
const clusters = nvrs.filter((nvr) => isNvrCluster(nvr) && nvr.clusterList?.includes(selectedNvr.clusterList ?? ''));
expandedKeys.value.push(...clusters.map((nvr) => `${nvr.id}`));
const nvrDevices = stationDevices[DEVICE_TYPE_LITERALS.ndmNvr];
const clusters = nvrDevices.filter((device) => {
if (!isNvrCluster(device)) return false;
const cluster = device;
return nvrInCluster(selectedNvr, cluster);
});
expandedKeys.value.push(...clusters.map((cluster) => createDeviceNodeKey(stationCode, cluster)));
}
}
}
// 等待设备树展开完成,滚动到选择的设备
await nextTick();
deviceTreeInst.value.scrollTo({ key: `${selectedDevice.value.id}`, behavior: 'smooth' });
deviceTreeInst.value.scrollTo({ key: createDeviceNodeKey(stationCode, selectedDevice.value), behavior: 'smooth' });
animated.value = true;
};
@@ -1,6 +1,7 @@
<script lang="ts">
// 设备参数配置在系统中的key前缀
const DEVICE_PARAM_PREFIXES = {
Camera: 'CAMERA_',
Switch: 'SWITCH_',
Server: 'SERVER_',
Decoder: 'DECODER_',
@@ -67,6 +68,10 @@ const getItemSuffix = (name: string) => {
};
const tabPanes = [
{
tab: '摄像机阈值',
name: DEVICE_PARAM_PREFIXES.Camera,
},
{
tab: '交换机阈值',
name: DEVICE_PARAM_PREFIXES.Switch,
@@ -109,7 +114,7 @@ const show = defineModel<boolean>('show', { required: true });
const { station } = toRefs(props);
const activeTabName = ref<DeviceParamPrefix>(DEVICE_PARAM_PREFIXES.Switch);
const activeTabName = ref<DeviceParamPrefix>(DEVICE_PARAM_PREFIXES.Camera);
const deviceParams = ref<DeviceParamItem[]>([]);
@@ -211,7 +216,7 @@ const onAfterModalEnter = () => {
const onBeforeModalLeave = () => {
saveDeviceParams({ tabName: activeTabName.value, items: deviceParams.value });
activeTabName.value = DEVICE_PARAM_PREFIXES.Switch;
activeTabName.value = DEVICE_PARAM_PREFIXES.Camera;
deviceParams.value = [];
};
</script>
+3
View File
@@ -0,0 +1,3 @@
export * from './nvr';
export * from './security-box';
export * from './switch';
+1
View File
@@ -0,0 +1 @@
export * from './util';
+56
View File
@@ -0,0 +1,56 @@
import type { NdmNvrResultVO } from '@/apis';
// 解析 clusterList 字段
export const parseIpListFromClusterList = (nvr: NdmNvrResultVO) => {
const ipList = (nvr.clusterList ?? '').split(';');
return ipList.map((ip) => ip.trim()).filter((ip) => !!ip);
};
export const isNvrCluster = (maybeNvrCluster: NdmNvrResultVO) => {
const { ipAddress } = maybeNvrCluster;
const ipList = parseIpListFromClusterList(maybeNvrCluster);
if (ipList.length === 0) return false;
if (ipList.length === 1 && ipList.at(0) === ipAddress) return false;
return true;
};
export const nvrInCluster = (nvr: NdmNvrResultVO, cluster: NdmNvrResultVO) => {
const { ipAddress } = nvr;
if (!ipAddress) return false;
const ipList = parseIpListFromClusterList(cluster);
return ipList.includes(ipAddress);
};
export const createNvrClusterRelationship = (nvrDevices: NdmNvrResultVO[]) => {
const nvrClusters = nvrDevices.filter((nvr) => isNvrCluster(nvr));
const nvrNotClusters = nvrDevices.filter((nvr) => !isNvrCluster(nvr));
const nodedNvrIpAddressSet = new Set<string | null>();
const nvrStandalones: NdmNvrResultVO[] = [];
const nvrTreeMap = new Map<string, NdmNvrResultVO[]>();
// 遍历所有非集群录像机,将它们分配到对应的录像机集群中
for (const nvr of nvrNotClusters) {
for (const cluster of nvrClusters) {
if (nvrInCluster(nvr, cluster)) {
if (!!cluster.ipAddress) {
// 写入录像机与集群的关系
nvrTreeMap.set(cluster.ipAddress, [...(nvrTreeMap.get(cluster.ipAddress) ?? []), nvr]);
// 记录已分配的录像机IP地址
nodedNvrIpAddressSet.add(nvr.ipAddress);
}
}
}
}
// 分配完成后,过滤出未分配的录像机,形成录像机单机列表
nvrNotClusters.forEach((device) => {
if (!nodedNvrIpAddressSet.has(device.ipAddress)) {
nvrStandalones.push(device);
}
});
return {
nvrClusters,
// nvrNotClusters,
nvrTreeMap,
nvrStandalones,
};
};
@@ -0,0 +1,64 @@
import { rebootSecurityBoxBeidianApi, rebootSecurityBoxNingTechApi, turnCircuitStatusBeidianApi, turnCircuitStatusNingTechApi, type NdmSecurityBoxResultVO } from '@/apis';
import { objectEntries } from '@vueuse/core';
const UNSUPPORTED_SECURITY_BOX_VENDOR = '不支持的安防箱厂商';
export const SECURITY_BOX_VENDOR_LITERALS = {
beidian: 'beidian',
ningtech: 'ningtech',
} as const;
export type SecurityBoxVendor = keyof typeof SECURITY_BOX_VENDOR_LITERALS;
export const resolveSecurityBoxVendor = (vendor?: string) => {
const entry = objectEntries(SECURITY_BOX_VENDOR_LITERALS).find(([, value]) => value === vendor);
return entry?.at(0);
};
export const normalizeSecurityBoxWriteCommunity = (ndmDevice: NdmSecurityBoxResultVO, vendor?: string) => {
const resolved = resolveSecurityBoxVendor(vendor);
if (resolved === SECURITY_BOX_VENDOR_LITERALS.beidian) {
const community = ndmDevice.community;
if (!community) throw new Error('团体字符串不存在');
return community;
}
if (resolved === SECURITY_BOX_VENDOR_LITERALS.ningtech) {
const community = ndmDevice.writeCommunity;
if (!community) throw new Error('团体字符串(写)不存在');
return community;
}
throw new Error(UNSUPPORTED_SECURITY_BOX_VENDOR);
};
export const normalizeSecurityBoxCircuitIndex = (index: number, vendor?: string) => {
const resolved = resolveSecurityBoxVendor(vendor);
if (resolved === SECURITY_BOX_VENDOR_LITERALS.beidian) {
return index;
}
if (resolved === SECURITY_BOX_VENDOR_LITERALS.ningtech) {
return index + 1;
}
throw new Error(UNSUPPORTED_SECURITY_BOX_VENDOR);
};
export const dispatchTurnCircuitStatusApi = (vendor?: string) => {
const resolved = resolveSecurityBoxVendor(vendor);
if (resolved === SECURITY_BOX_VENDOR_LITERALS.beidian) {
return turnCircuitStatusBeidianApi;
}
if (resolved === SECURITY_BOX_VENDOR_LITERALS.ningtech) {
return turnCircuitStatusNingTechApi;
}
throw new Error(UNSUPPORTED_SECURITY_BOX_VENDOR);
};
export const dispatchRebootSecurityBoxApi = (vendor?: string) => {
const resolved = resolveSecurityBoxVendor(vendor);
if (resolved === SECURITY_BOX_VENDOR_LITERALS.beidian) {
return rebootSecurityBoxBeidianApi;
}
if (resolved === SECURITY_BOX_VENDOR_LITERALS.ningtech) {
return rebootSecurityBoxNingTechApi;
}
throw new Error(UNSUPPORTED_SECURITY_BOX_VENDOR);
};
+1
View File
@@ -0,0 +1 @@
export * from './adapter';
+1
View File
@@ -0,0 +1 @@
export * from './util';
+2 -3
View File
@@ -1,3 +1,2 @@
export * from './device-alarm';
export * from './nvr-cluster';
export * from './switch-port';
export * from './device';
export * from './log';
+1
View File
@@ -0,0 +1 @@
export * from './render';
+1
View File
@@ -0,0 +1 @@
export * from './alarm-log';
-8
View File
@@ -1,8 +0,0 @@
import type { NdmNvrResultVO } from '@/apis';
export const isNvrCluster = (maybeNvrCluster: NdmNvrResultVO) => {
const { ipAddress, clusterList } = maybeNvrCluster;
if (!clusterList?.trim()) return false;
if (clusterList === ipAddress) return false;
return true;
};
+6 -1
View File
@@ -4,7 +4,7 @@ import { useLineStationsQuery, useStompClient, useUserPermissionQuery, useVerify
import { LINE_ALARMS_QUERY_KEY, LINE_DEVICES_QUERY_KEY, LINE_STATIONS_MUTATION_KEY, LINE_STATIONS_QUERY_KEY, STATION_ALARMS_MUTATION_KEY, STATION_DEVICES_MUTATION_KEY } from '@/constants';
import { useSettingStore, useUnreadStore, useUserStore } from '@/stores';
import { useIsFetching, useIsMutating } from '@tanstack/vue-query';
import { ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ComputerIcon, KeyRoundIcon, LogOutIcon, LogsIcon, MapPinIcon, SettingsIcon, SirenIcon } from 'lucide-vue-next';
import { ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ComputerIcon, KeyRoundIcon, LogOutIcon, LogsIcon, MapPinIcon, MonitorPlayIcon, SettingsIcon, SirenIcon } from 'lucide-vue-next';
import {
NBadge,
NButton,
@@ -111,6 +111,11 @@ const menuOptions = computed<MenuOption[]>(() => [
show: isLamp.value,
icon: renderIcon(KeyRoundIcon),
},
{
label: () => h(RouterLink, { to: '/vimp' }, { default: () => '视频综合管理平台' }),
key: '/vimp',
icon: renderIcon(MonitorPlayIcon),
},
]);
const dropdownOptions: DropdownOption[] = [
+1
View File
@@ -0,0 +1 @@
export * from './vimp-client';
+45
View File
@@ -0,0 +1,45 @@
import type { AxiosError, AxiosRequestConfig, CreateAxiosDefaults } from 'axios';
import axios from 'axios';
import type { VimpResponse, VimpResult } from '../../types';
export const createVimpClient = (config?: CreateAxiosDefaults) => {
const instance = axios.create(config);
const vimpPost = <T>(url: string, data?: AxiosRequestConfig['data'], options?: Partial<Omit<AxiosRequestConfig, 'data'>> & { retRaw?: boolean; upload?: boolean }): Promise<VimpResponse<T>> => {
const { retRaw, upload, ...reqConfig } = options ?? {};
return new Promise((resolve) => {
instance
.post(url, data, { headers: { 'content-type': upload ? 'multipart/form-data' : 'application/json' }, ...reqConfig })
.then((res) => {
const resData = res.data;
if (retRaw) {
resolve([null, resData as T, null]);
} else {
resolve([null, resData.data as T, resData as VimpResult<T>]);
}
})
.catch((err) => {
resolve([err as AxiosError, null, null]);
});
});
};
return {
instance,
post: vimpPost,
};
};
export const unwrapVimpResponse = <T>(resp: VimpResponse<T>) => {
const [err, data, result] = resp;
if (err) throw err;
if (result) {
const { code, msg } = result;
if (code !== 0 && code !== 200) throw new Error(`${msg || '请求失败'}`);
}
return data;
};
export const vimpClient = createVimpClient({
baseURL: `/vimp/api/client`,
});
+3
View File
@@ -0,0 +1,3 @@
export * from './client';
export * from './model';
export * from './request';
+2
View File
@@ -0,0 +1,2 @@
export * from './vimp-channel';
export * from './vimp-station';
+15
View File
@@ -0,0 +1,15 @@
export interface VimpChannel {
address: string;
block: string;
civilCode: string;
code: string;
latitude: number;
longitude: number;
manufacture: string;
model: string;
name: string;
owner: string;
parentId: string;
parental: number;
status: number;
}
@@ -0,0 +1,5 @@
export interface VimpStation {
code: string;
name: string;
online: boolean;
}
@@ -0,0 +1,11 @@
import { unwrapVimpResponse, vimpClient } from '../client';
import type { VimpStation } from '../model';
export const catalogAllDeviceApi = async (options?: { signal?: AbortSignal }) => {
const { signal } = options ?? {};
const client = vimpClient;
const endpoint = `/catalog/allDevice`;
const resp = await client.post<VimpStation[]>(endpoint, {}, { signal });
const data = unwrapVimpResponse(resp);
return data;
};
@@ -0,0 +1,11 @@
import { unwrapVimpResponse, vimpClient } from '../client';
import type { VimpChannel } from '../model';
export const catalogChannelApi = async (code: string, options?: { signal?: AbortSignal }) => {
const { signal } = options ?? {};
const client = vimpClient;
const endpoint = `/catalog/channel`;
const resp = await client.post<VimpChannel[]>(endpoint, { code, time: '' }, { signal });
const data = unwrapVimpResponse(resp);
return data;
};
+2
View File
@@ -0,0 +1,2 @@
export * from './catalog.channel';
export * from './catalog.all-device';
+171
View File
@@ -0,0 +1,171 @@
<script setup lang="ts">
import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { h, type CSSProperties } from 'vue';
import { useAlarmStore, useResourcePanelStore } from '../stores';
import { storeToRefs } from 'pinia';
import { useDeviceCenterQuery } from '../composables';
import { isAlarmNode, isAlarmSiteNode, isAlarmAreaNode } from '../types';
import { SirenIcon } from 'lucide-vue-next';
const { isLoading } = useDeviceCenterQuery();
const alarmStore = useAlarmStore();
const { lineTabPanes } = storeToRefs(alarmStore);
const overrideNodeClickBehavior: TreeOverrideNodeClickBehavior = ({ option }) => {
const hasChildren = (option.children?.length ?? 0) > 0;
if (hasChildren) {
return 'toggleExpand';
} else {
return 'none';
}
};
const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => {
// 是车站节点
if (isAlarmSiteNode(option)) {
const siteOnline = option.online;
const siteNodeStyle: CSSProperties = {
opacity: siteOnline ? 1 : 0.5,
};
return h('div', { style: siteNodeStyle }, option.label);
}
// 是中间节点(一级/二级区域)
if (isAlarmAreaNode(option)) {
const site = option.site;
const nodeStyle: CSSProperties = {
opacity: site.online ? 1 : 0.5,
};
return h('div', { style: nodeStyle }, option.label);
}
// 是警报器节点
if (isAlarmNode(option)) {
const alarm = option.alarm;
const site = option.site;
const alarmOnline = () => {
return alarm.status === 1 && site.online;
};
const alarmNodeStyle: CSSProperties = {
opacity: alarmOnline() ? 1 : 0.5,
cursor: alarmOnline() ? 'pointer' : 'not-allowed',
display: 'flex',
alignItems: 'center',
gap: '6px',
};
return h(
'div',
{
style: alarmNodeStyle,
draggable: alarmOnline(),
onDblclick() {
if (!alarmOnline()) return;
window.$message.info(`查看警报器:${JSON.stringify({ code: alarm.code, name: alarm.name })}`);
},
onDragstart(event) {
if (!alarmOnline()) return;
console.log(event);
event.dataTransfer?.setData('type', 'alarm');
event.dataTransfer?.setData('code', alarm.code);
event.dataTransfer?.setData('name', alarm.name);
},
},
[h(NIcon, () => h(SirenIcon)), h('span', alarm.name)],
);
}
// 其他节点(兜底,理论上不会走到这里)
return option.label;
};
const renderNodeSuffix: TreeProps['renderSuffix'] = ({ option }) => {
if (isAlarmSiteNode(option)) {
const { online, offline, total } = option.stats;
return `(${online}/${offline}/${total})`;
}
if (isAlarmAreaNode(option)) {
const { online, offline, total } = option.stats;
const suffixStyle: CSSProperties = option.areaLevel === 1 ? { marginRight: '8px', opacity: 0.6 } : { marginRight: '16px', opacity: 0.4 };
return h('div', { style: suffixStyle }, `(${online}/${offline}/${total})`);
}
return null;
};
const resourcePanelStore = useResourcePanelStore();
const { searchPattern } = storeToRefs(resourcePanelStore);
const searchFilter: TreeProps['filter'] = (pattern, node) => {
if (!isAlarmNode(node)) return false;
return node.alarm.name.includes(pattern);
};
</script>
<template>
<template v-if="isLoading">
<div>loading...</div>
</template>
<template v-else-if="lineTabPanes.length === 1">
<NTree
block-line
block-node
show-line
virtual-scroll
style="height: 100%"
:render-label="renderNodeLabel"
:render-suffix="renderNodeSuffix"
:override-default-node-click-behavior="overrideNodeClickBehavior"
:default-expand-all="searchPattern.trim().length > 0"
:show-irrelevant-nodes="false"
:data="lineTabPanes.at(0)?.alarmTree"
:pattern="searchPattern"
:filter="searchFilter"
/>
</template>
<template v-if="lineTabPanes.length > 1">
<NTabs
:type="'card'"
:placement="'left'"
style="height: 100%"
:tab-style="{
width: '64px',
height: '36px',
}"
:style="{
'--n-bar-color': '#0000',
'--n-pane-padding-top': '0',
'--n-tab-gap-vertical': '0',
// '--n-tab-padding-vertical': '14px 12px'
}"
>
<NTabPane v-for="{ lineCode, lineName, alarmTree } in lineTabPanes" :key="lineCode" :name="lineName">
<template #tab>
<span style="font-size: 12px">{{ lineName }}</span>
</template>
<template #default>
<NTree
block-line
block-node
show-line
virtual-scroll
style="height: 100%"
:render-label="renderNodeLabel"
:render-suffix="renderNodeSuffix"
:override-default-node-click-behavior="overrideNodeClickBehavior"
:default-expand-all="false"
:show-irrelevant-nodes="false"
:data="alarmTree"
:pattern="searchPattern"
:filter="searchFilter"
/>
</template>
</NTabPane>
</NTabs>
</template>
</template>
<style scoped></style>
+174
View File
@@ -0,0 +1,174 @@
<script setup lang="ts">
import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { h, type CSSProperties } from 'vue';
import { useCameraStore, useResourcePanelStore } from '../stores';
import { storeToRefs } from 'pinia';
import { useDeviceCenterQuery } from '../composables';
import { isCameraNode, isCameraSiteNode, isCameraAreaNode } from '../types';
import PtzCamera from './icon/ptz-camera.vue';
import HemiPtzCamera from './icon/hemi-ptz-camera.vue';
import BulletCamera from './icon/bullet-camera.vue';
const { isLoading } = useDeviceCenterQuery();
const cameraStore = useCameraStore();
const { lineTabPanes } = storeToRefs(cameraStore);
const overrideNodeClickBehavior: TreeOverrideNodeClickBehavior = ({ option }) => {
const hasChildren = (option.children?.length ?? 0) > 0;
if (hasChildren) {
return 'toggleExpand';
} else {
return 'none';
}
};
const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => {
// 是车站节点
if (isCameraSiteNode(option)) {
const siteOnline = option.online;
const siteNodeStyle: CSSProperties = {
opacity: siteOnline ? 1 : 0.5,
};
return h('div', { style: siteNodeStyle }, option.label);
}
// 是中间节点(一级/二级区域)
if (isCameraAreaNode(option)) {
const site = option.site;
const nodeStyle: CSSProperties = {
opacity: site.online ? 1 : 0.5,
};
return h('div', { style: nodeStyle }, option.label);
}
// 是摄像机节点
if (isCameraNode(option)) {
const camera = option.camera;
const site = option.site;
const cameraOnline = () => {
return camera.status === 1 && site.online;
};
const cameraNodeStyle: CSSProperties = {
opacity: cameraOnline() ? 1 : 0.5,
cursor: cameraOnline() ? 'pointer' : 'not-allowed',
display: 'flex',
alignItems: 'center',
gap: '6px',
};
const cameraIcon = option.type === '004' ? h(NIcon, () => h(PtzCamera)) : option.type === '005' ? h(NIcon, () => h(HemiPtzCamera)) : option.type === '006' ? h(NIcon, () => h(BulletCamera)) : null;
return h(
'div',
{
style: cameraNodeStyle,
draggable: cameraOnline(),
onDblclick() {
if (!cameraOnline()) return;
window.$message.info(`播放:${JSON.stringify({ code: camera.code, name: camera.name })}`);
},
onDragstart(event) {
if (!cameraOnline()) return;
console.log(event);
event.dataTransfer?.setData('type', 'camera');
event.dataTransfer?.setData('code', camera.code);
event.dataTransfer?.setData('name', camera.name);
},
},
[cameraIcon, h('span', camera.name)],
);
}
// 其他节点(兜底,理论上不会走到这里)
return option.label;
};
const renderNodeSuffix: TreeProps['renderSuffix'] = ({ option }) => {
if (isCameraSiteNode(option)) {
const { online, offline, total } = option.stats;
return `(${online}/${offline}/${total})`;
}
if (isCameraAreaNode(option)) {
const { online, offline, total } = option.stats;
const suffixStyle: CSSProperties = option.areaLevel === 1 ? { marginRight: '8px', opacity: 0.6 } : { marginRight: '16px', opacity: 0.4 };
return h('div', { style: suffixStyle }, `(${online}/${offline}/${total})`);
}
return null;
};
const resourcePanelStore = useResourcePanelStore();
const { searchPattern } = storeToRefs(resourcePanelStore);
const searchFilter: TreeProps['filter'] = (pattern, node) => {
if (!isCameraNode(node)) return false;
return node.camera.name.includes(pattern);
};
</script>
<template>
<template v-if="isLoading">
<div>loading...</div>
</template>
<template v-else-if="lineTabPanes.length === 1">
<NTree
block-line
block-node
show-line
virtual-scroll
style="height: 100%"
:render-label="renderNodeLabel"
:render-suffix="renderNodeSuffix"
:override-default-node-click-behavior="overrideNodeClickBehavior"
:default-expand-all="searchPattern.trim().length > 0"
:show-irrelevant-nodes="false"
:data="lineTabPanes.at(0)?.cameraTree"
:pattern="searchPattern"
:filter="searchFilter"
/>
</template>
<template v-if="lineTabPanes.length > 1">
<NTabs
:type="'card'"
:placement="'left'"
style="height: 100%"
:tab-style="{
width: '64px',
height: '36px',
}"
:style="{
'--n-bar-color': '#0000',
'--n-pane-padding-top': '0',
'--n-tab-gap-vertical': '0',
// '--n-tab-padding-vertical': '14px 12px'
}"
>
<NTabPane v-for="{ lineCode, lineName, cameraTree } in lineTabPanes" :key="lineCode" :name="lineName">
<template #tab>
<span style="font-size: 12px">{{ lineName }}</span>
</template>
<template #default>
<NTree
block-line
block-node
show-line
virtual-scroll
style="height: 100%"
:render-label="renderNodeLabel"
:render-suffix="renderNodeSuffix"
:override-default-node-click-behavior="overrideNodeClickBehavior"
:default-expand-all="false"
:show-irrelevant-nodes="false"
:data="cameraTree"
:pattern="searchPattern"
:filter="searchFilter"
/>
</template>
</NTabPane>
</NTabs>
</template>
</template>
<style scoped></style>
@@ -0,0 +1,7 @@
<template>
<svg class="icon" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path
d="m6.03 12.03l2 3.47l-2.53 3.18L2 12.62l4.03-.59M17 18v-2.71c.88-.39 1.5-1.26 1.5-2.29c0-.57-.2-1.1-.53-1.5l1.97-1.15c1.01-.59 1.36-1.88.77-2.89l-1.38-2.4a2.125 2.125 0 0 0-2.89-.78L8.31 9c-.95.53-1.28 1.75-.73 2.71l1.5 2.6c.55.95 1.78 1.28 2.73.73l1.88-1.08c.25.59.72 1.07 1.31 1.33V18c0 1.1.9 2 2 2h5v-2h-5Z"
/>
</svg>
</template>
@@ -0,0 +1,9 @@
<template>
<svg class="icon" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-width="4">
<path d="M8 10v14c0 8.837 7.163 16 16 16s16-7.163 16-16V10" />
<path stroke-linecap="round" stroke-linejoin="round" d="M4 10h40" />
<path stroke-linejoin="round" d="M24 30a6 6 0 1 0 0-12a6 6 0 0 0 0 12Z" />
</g>
</svg>
</template>
@@ -0,0 +1,7 @@
<template>
<svg class="icon" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 4.5A1.5 1.5 0 0 1 3.5 3h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 2 4.5ZM10 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6Zm-2 3a2 2 0 1 1 4 0a2 2 0 0 1-4 0ZM3 7h14v4a7 7 0 1 1-14 0V7Zm7 1a4 4 0 1 0 0 8a4 4 0 0 0 0-8Z"
/>
</svg>
</template>
@@ -0,0 +1,146 @@
<script setup lang="ts">
import { NButton, NIcon, NInput, NTabPane, NTabs, NText, type TabPaneProps } from 'naive-ui';
import { computed, ref, type Component } from 'vue';
import AlarmTree from './alarm-tree.vue';
import CameraTree from './camera-tree.vue';
import { ChevronLeftIcon, MapPinnedIcon, MonitorIcon, SirenIcon, WandSparklesIcon } from 'lucide-vue-next';
import { useResourcePanelStore } from '../stores';
import { storeToRefs } from 'pinia';
import BulletCamera from './icon/bullet-camera.vue';
const PANEL_WIDTH_EXPANDED = '480px';
const PANEL_WIDTH_COLLAPSED = '72px';
interface ResourceTabPane extends TabPaneProps {
name: string;
tab: string;
icon?: Component;
component?: Component;
}
const resourceTabPanes: ResourceTabPane[] = [
{ name: 'camera', tab: '摄像头', icon: BulletCamera, component: CameraTree },
{ name: 'alarm', tab: '警报器', icon: SirenIcon, component: AlarmTree },
{ name: 'monitor', tab: '监视器', icon: MonitorIcon },
{ name: 'combine-tech', tab: '复合技', icon: WandSparklesIcon },
{ name: 'leaflet-map', tab: '地图', icon: MapPinnedIcon },
];
const activeTabName = ref(resourceTabPanes.at(0)?.name ?? '');
const showSearchInput = computed(() => {
return ['camera', 'alarm'].includes(activeTabName.value);
});
const resourcePanelStore = useResourcePanelStore();
const { collapsed, searchPattern } = storeToRefs(resourcePanelStore);
const collapseResourcePanel = () => {
if (!collapsed.value) {
resourcePanelStore.toggleCollapsed();
}
};
const expandResourcePanel = () => {
if (collapsed.value) {
resourcePanelStore.toggleCollapsed();
}
};
</script>
<template>
<div
class="resource-panel__wrapper"
:style="{
width: collapsed ? PANEL_WIDTH_COLLAPSED : PANEL_WIDTH_EXPANDED,
}"
>
<div
class="resource-panel"
:style="{
width: PANEL_WIDTH_EXPANDED,
}"
>
<div class="resource-panel__title">
<div style="display: grid; place-items: center" :style="{ width: PANEL_WIDTH_COLLAPSED }">
<NText>资源</NText>
</div>
<template v-if="showSearchInput">
<div style="width: 240px; margin-left: auto">
<NInput clearable :size="'tiny'" :placeholder="'搜索'" v-model:value="searchPattern" />
</div>
</template>
<div style="margin: 0px 16px; display: grid; place-items: center" :style="{ marginLeft: showSearchInput ? '8px' : 'auto' }">
<NButton text @click="collapseResourcePanel">
<NIcon :component="ChevronLeftIcon"></NIcon>
</NButton>
</div>
</div>
<div class="resource-panel__tabs-wrapper">
<NTabs
:type="'bar'"
:size="'small'"
:placement="'left'"
v-model:value="activeTabName"
:tab-style="{
height: '64px',
width: '72px',
}"
:style="{
height: '100%', // 为了确保 tabs 高度和 panel 高度一致,否则设备树会超出 panel 高度,导致虚拟滚动失效
'--n-pane-padding-top': '0',
'--n-tab-gap-vertical': '0',
// '--n-tab-padding-vertical': '14px 6px',
}"
>
<NTabPane
v-for="{ name: resourceName, tab: resourceTab, icon: resourceIcon, component } in resourceTabPanes"
:key="resourceName"
:name="resourceName"
:tab-props="{ onClick: () => expandResourcePanel() }"
>
<template #tab>
<div style="width: 48px; display: flex; flex-direction: column; justify-content: center; align-items: center">
<NIcon :size="18" :component="resourceIcon"></NIcon>
<div style="font-size: 12px">{{ resourceTab }}</div>
</div>
</template>
<template #default>
<template v-if="!!component">
<component :is="component" />
</template>
</template>
</NTabPane>
</NTabs>
</div>
</div>
</div>
</template>
<style scoped lang="scss">
.resource-panel__wrapper {
height: 100%;
overflow: hidden;
transition: width 0.3s ease;
.resource-panel {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
&__title {
min-height: 42px;
max-height: 42px;
padding: 8px 0px;
display: flex;
align-items: center;
}
&__tabs-wrapper {
flex: 1;
overflow: hidden;
}
}
}
</style>
+1
View File
@@ -0,0 +1 @@
export * from './query';
@@ -0,0 +1 @@
export * from './use-device-center-query';
@@ -0,0 +1,148 @@
import { useQuery } from '@tanstack/vue-query';
import { computed } from 'vue';
import type { AxiosRequestConfig } from 'axios';
import axios from 'axios';
import { compileCodeAreas, type CodeArea, type CodeLines, type CodeSites } from '../../types';
import { useCameraStore, useAlarmStore } from '../../stores';
import { catalogAllDeviceApi, catalogChannelApi, type VimpChannel, type VimpStation } from '../../apis';
const config: AxiosRequestConfig = {
headers: {
'Cache-Control': 'no-store',
},
};
const buildTrainAreas = () => {
const codeTrainAreas: CodeArea[] = [];
for (let i = 0; i < 999; i++) {
const codeTrain = i.toString().padStart(3, '0');
// 市域线name为车组,改造线name为车次
const area: CodeArea = { code: codeTrain, name: '车次' + codeTrain, subs: [] };
for (let j = 0; j <= 99; j++) {
const codeCarriage = j.toString().padStart(2, '0');
const subArea: CodeArea['subs'][number] = { code: codeTrain + codeCarriage, name: '车厢' + codeCarriage };
area.subs.push(subArea);
}
// const areaPreserve: CodeArea['subs'][number] = { code: codeTrain + '51', name: '预留' };
// area.subs.push(areaPreserve);
codeTrainAreas.push(area);
}
return codeTrainAreas;
};
const compareByCode = <T extends { code: string }>(a: T, b: T) => {
if (a.code < b.code) return -1;
if (a.code > b.code) return 1;
return 0;
};
const sortSitesByCode = (sites: VimpStation[]) => {
sites.sort(compareByCode);
};
const sortChannelsMapByCode = (siteCodeToChannelsMap: Map<string, VimpChannel[]>) => {
for (const channels of siteCodeToChannelsMap.values()) {
channels.sort(compareByCode);
}
};
export const useDeviceCenterQuery = () => {
const cameraStore = useCameraStore();
const alarmStore = useAlarmStore();
return useQuery({
queryKey: computed(() => ['vimp-device']),
refetchInterval: 10 * 1000,
refetchOnWindowFocus: false,
queryFn: async ({ signal }) => {
// 请求所有码表
const codeLines = (await axios.get<CodeLines>('/cdn/vimp/codes/codeLines.json', config)).data;
const codeSites = (await axios.get<CodeSites>('/cdn/vimp/codes/codeStations.json', config)).data;
const codeStationAreas = (await axios.get<CodeArea[]>('/cdn/vimp/codes/codeStationAreas.json', config)).data;
const codeParkingAreas = (await axios.get<CodeArea[]>('/cdn/vimp/codes/codeParkingAreas.json', config)).data;
const codeOccAreas = (await axios.get<CodeArea[]>('/cdn/vimp/codes/codeOccAreas.json', config)).data;
const codeTrainAreas = buildTrainAreas();
// 预编译区域码表索引 (性能优化)
const compiledCodeAreas = compileCodeAreas({
codeStationAreas,
codeParkingAreas,
codeOccAreas,
codeTrainAreas,
});
const sitesFromApi = await catalogAllDeviceApi({ signal });
// 从 /allDevice 接口获取的站点信息并不保证真实性和完整性,
// 例如有一个站点的编码是 010699 开头,但是其下的通道是 010199 和 010599 开头,
// 而 010699 是一个不存在的站点编码,所以需要基于通道的编码来确定所有的站点。
const cameraSites: VimpStation[] = [];
const alarmSites: VimpStation[] = [];
const cameraBuiltSitesSet = new Set<string>();
const alarmBuiltSitesSet = new Set<string>();
const siteCodeToCamerasMap = new Map<string, VimpChannel[]>();
const siteCodeToAlarmsMap = new Map<string, VimpChannel[]>();
for (const siteFromApi of sitesFromApi ?? []) {
const channels = await catalogChannelApi(siteFromApi.code, { signal });
if (!channels) continue;
channels.forEach((channel) => {
const siteCode = channel.code.substring(0, 6);
const typeCode = Number(channel.code.substring(11, 14));
const isCamera = typeCode >= 4 && typeCode <= 6;
const isAlarm = (typeCode >= 101 && typeCode <= 108) || (typeCode >= 810 && typeCode <= 815);
if (isCamera) {
if (!cameraBuiltSitesSet.has(siteCode)) {
cameraSites.push({
code: siteCode,
name: codeSites[siteCode]?.name ?? '',
online: siteFromApi.online,
});
cameraBuiltSitesSet.add(siteCode);
}
if (!siteCodeToCamerasMap.has(siteCode)) {
siteCodeToCamerasMap.set(siteCode, []);
}
siteCodeToCamerasMap.get(siteCode)!.push(channel);
} else if (isAlarm) {
if (!alarmBuiltSitesSet.has(siteCode)) {
alarmSites.push({
code: siteCode,
name: codeSites[siteCode]?.name ?? '',
online: siteFromApi.online,
});
alarmBuiltSitesSet.add(siteCode);
}
if (!siteCodeToAlarmsMap.has(siteCode)) {
siteCodeToAlarmsMap.set(siteCode, []);
}
siteCodeToAlarmsMap.get(siteCode)!.push(channel);
}
});
}
// 1. 站点数组排序:稳定线路面板顺序和站点节点顺序
sortSitesByCode(cameraSites);
sortSitesByCode(alarmSites);
// 2. 每站通道数组排序:稳定区域节点顺序和通道节点顺序
sortChannelsMapByCode(siteCodeToCamerasMap);
sortChannelsMapByCode(siteCodeToAlarmsMap);
cameraStore.buildLineTabPanes({
sites: cameraSites,
siteCodeToCamerasMap: siteCodeToCamerasMap,
codeLines,
codeSites,
compiledCodeAreas,
});
alarmStore.buildLineTabPanes({
sites: alarmSites,
siteCodeToAlarmsMap,
codeLines,
codeSites,
compiledCodeAreas,
});
return null;
},
});
};
+161
View File
@@ -0,0 +1,161 @@
import { defineStore } from 'pinia';
import type { VimpChannel, VimpStation } from '../apis';
import { shallowRef } from 'vue';
import type { AlarmMainAreaNodeOption, AlarmNodeOption, CodeLines, CodeSites, AlarmLineTabPane, AlarmSiteNodeOption, AlarmSubAreaNodeOption, CompiledCodeAreas } from '../types';
interface BuildLineTabPanesParams {
sites: VimpStation[];
siteCodeToAlarmsMap: Map<string, VimpChannel[]>;
codeLines: CodeLines;
codeSites: CodeSites;
compiledCodeAreas: CompiledCodeAreas;
}
const buildMainAreaNodeKey = (siteCode: string, mainAreaCode: string) => `${siteCode}${mainAreaCode}`;
const buildSubAreaNodeKey = (siteCode: string, areaCode: string) => `${siteCode}${areaCode}`;
export const useAlarmStore = defineStore('vimp-alarm-store', () => {
const lineTabPanes = shallowRef<AlarmLineTabPane[]>([]);
const buildLineTabPanes = (params: BuildLineTabPanesParams) => {
const { sites, siteCodeToAlarmsMap, codeLines, codeSites, compiledCodeAreas } = params;
const result: AlarmLineTabPane[] = [];
// 1. 线路索引 lineCode -> AlarmLineTabPane
const linePaneMap = new Map<string, AlarmLineTabPane>();
// 遍历所有站点
for (const site of sites) {
// 2. 站点节点 siteNode 只在当前轮次中顺序创建,不需要建立索引
const lineCode = site.code.substring(0, 3);
const lineName = codeLines[lineCode]?.name ?? '';
let linePane = linePaneMap.get(lineCode);
if (!linePane) {
linePane = { lineCode, lineName, alarmTree: [] };
linePaneMap.set(lineCode, linePane);
result.push(linePane);
}
const siteCode = site.code;
const siteMeta = codeSites[siteCode];
if (!siteMeta) continue;
const siteName = siteMeta.name;
const siteType = siteMeta.type;
const compiledCodeAreaMaps = compiledCodeAreas[siteType];
const mainAreaCodeLength = siteType === 'train' ? 3 : 2;
// 构造站点节点
const siteNode: AlarmSiteNodeOption = {
key: siteCode,
label: siteName,
children: [],
stats: { online: 0, offline: 0, total: 0 },
online: site.online,
};
linePane.alarmTree.push(siteNode);
// 获取所有警报器
const alarms = siteCodeToAlarmsMap.get(siteCode);
if (!alarms) continue;
// 3. 1级区域索引 mainAreaNodeKey -> AlarmMainAreaNodeOption
// mainAreaNodeKey = ${siteCode}${alarmMainAreaCode}
const mainAreaNodeMap = new Map<string, AlarmMainAreaNodeOption>();
// 4. 2级区域索引 subAreaNodeKey -> AlarmSubAreaNodeOption
// subAreaNodeKey = ${siteCode}${alarmAreaCode}
const subAreaNodeMap = new Map<string, AlarmSubAreaNodeOption>();
// 5. 警报器索引 subAreaNodeKey -> Set<AlarmGbCode>
const subAreaNodeKeyToAlarmGbCodeSetMap = new Map<string, Set<string>>();
// 遍历警报器
for (const alarm of alarms) {
// 计算相关编码
const { code: alarmGbCode, name: alarmName } = alarm;
const alarmAreaCode = alarmGbCode.substring(6, 11);
const alarmMainAreaCode = alarmAreaCode.slice(0, mainAreaCodeLength);
// 查找1级区域,如果未找到则跳过该警报器
const mainArea = compiledCodeAreaMaps.mainAreaMap.get(alarmMainAreaCode);
if (!mainArea) continue;
// 尝试从索引中获取1级区域节点,若不存在则创建
const mainAreaNodeKey = buildMainAreaNodeKey(siteCode, alarmMainAreaCode);
let mainAreaNode = mainAreaNodeMap.get(mainAreaNodeKey);
if (!mainAreaNode) {
mainAreaNode = {
key: mainAreaNodeKey,
label: mainArea.name,
children: [],
stats: { online: 0, offline: 0, total: 0 },
site: site,
areaLevel: 1,
};
mainAreaNodeMap.set(mainAreaNodeKey, mainAreaNode);
siteNode.children?.push(mainAreaNode);
}
// 查找2级区域,如果未找到则跳过该警报器
const subArea = compiledCodeAreaMaps.subAreaMap.get(alarmAreaCode);
if (!subArea) continue;
// 尝试从索引中获取2级区域节点,若不存在则创建
const subAreaNodeKey = buildSubAreaNodeKey(siteCode, alarmAreaCode);
let subAreaNode = subAreaNodeMap.get(subAreaNodeKey);
if (!subAreaNode) {
subAreaNode = {
key: subAreaNodeKey,
label: subArea.name,
children: [],
stats: { online: 0, offline: 0, total: 0 },
site: site,
areaLevel: 2,
};
subAreaNodeMap.set(subAreaNodeKey, subAreaNode);
mainAreaNode.children?.push(subAreaNode);
}
// 构造警报器节点
let alarmGbCodeSet = subAreaNodeKeyToAlarmGbCodeSetMap.get(subAreaNodeKey);
if (!alarmGbCodeSet) {
alarmGbCodeSet = new Set<string>();
subAreaNodeKeyToAlarmGbCodeSetMap.set(subAreaNodeKey, alarmGbCodeSet);
}
if (alarmGbCodeSet.has(alarmGbCode)) continue;
alarmGbCodeSet.add(alarmGbCode);
const alarmType = alarm.code.substring(11, 14);
const alarmNode: AlarmNodeOption = {
key: alarmGbCode,
label: alarmName,
type: alarmType,
alarm: alarm,
site: site,
};
subAreaNode.children?.push(alarmNode);
// 统计站点、区域、子区域的在线/离线/总警报器数量
siteNode.stats.total++;
mainAreaNode.stats.total++;
subAreaNode.stats.total++;
if (alarm.status === 1) {
siteNode.stats.online++;
mainAreaNode.stats.online++;
subAreaNode.stats.online++;
} else if (alarm.status === 0) {
siteNode.stats.offline++;
mainAreaNode.stats.offline++;
subAreaNode.stats.offline++;
}
}
}
lineTabPanes.value = result;
};
return {
lineTabPanes,
buildLineTabPanes,
};
});
+160
View File
@@ -0,0 +1,160 @@
import { defineStore } from 'pinia';
import type { VimpChannel, VimpStation } from '../apis';
import { shallowRef } from 'vue';
import type { CameraMainAreaNodeOption, CameraNodeOption, CodeLines, CodeSites, CameraLineTabPane, CameraSiteNodeOption, CameraSubAreaNodeOption, CompiledCodeAreas } from '../types';
interface BuildLineTabPanesParams {
sites: VimpStation[];
siteCodeToCamerasMap: Map<string, VimpChannel[]>;
codeLines: CodeLines;
codeSites: CodeSites;
compiledCodeAreas: CompiledCodeAreas;
}
const buildMainAreaNodeKey = (siteCode: string, mainAreaCode: string) => `${siteCode}${mainAreaCode}`;
const buildSubAreaNodeKey = (siteCode: string, areaCode: string) => `${siteCode}${areaCode}`;
export const useCameraStore = defineStore('vimp-camera-store', () => {
const lineTabPanes = shallowRef<CameraLineTabPane[]>([]);
const buildLineTabPanes = (params: BuildLineTabPanesParams) => {
const { sites, siteCodeToCamerasMap, codeLines, codeSites, compiledCodeAreas } = params;
const result: CameraLineTabPane[] = [];
// 1. 线路索引 lineCode -> CameraLineTabPane
const linePaneMap = new Map<string, CameraLineTabPane>();
// 遍历所有站点
for (const site of sites) {
// 2. 站点节点 siteNode 只在当前轮次中顺序创建,不需要建立索引
const lineCode = site.code.substring(0, 3);
const lineName = codeLines[lineCode]?.name ?? '';
let linePane = linePaneMap.get(lineCode);
if (!linePane) {
linePane = { lineCode, lineName, cameraTree: [] };
linePaneMap.set(lineCode, linePane);
result.push(linePane);
}
const siteCode = site.code;
const siteMeta = codeSites[siteCode];
if (!siteMeta) continue;
const siteName = siteMeta.name;
const siteType = siteMeta.type;
const compiledCodeAreaMaps = compiledCodeAreas[siteType];
const mainAreaCodeLength = siteType === 'train' ? 3 : 2;
// 构造站点节点
const siteNode: CameraSiteNodeOption = {
key: siteCode,
label: siteName,
children: [],
stats: { online: 0, offline: 0, total: 0 },
online: site.online,
};
linePane.cameraTree.push(siteNode);
// 获取所有摄像机
const cameras = siteCodeToCamerasMap.get(siteCode);
if (!cameras) continue;
// 3. 1级区域索引 mainAreaNodeKey -> CameraMainAreaNodeOption
// mainAreaNodeKey = ${siteCode}${cameraMainAreaCode}
const mainAreaNodeMap = new Map<string, CameraMainAreaNodeOption>();
// 4. 2级区域索引 subAreaNodeKey -> CameraSubAreaNodeOption
// subAreaNodeKey = ${siteCode}${cameraAreaCode}
const subAreaNodeMap = new Map<string, CameraSubAreaNodeOption>();
// 5. 摄像机索引 subAreaNodeKey -> Set<CameraGbCode>
const subAreaNodeKeyToCameraGbCodeSetMap = new Map<string, Set<string>>();
// 遍历摄像机
for (const camera of cameras) {
// 计算相关编码
const { code: cameraGbCode, name: cameraName } = camera;
const cameraAreaCode = cameraGbCode.substring(6, 11);
const cameraMainAreaCode = cameraAreaCode.slice(0, mainAreaCodeLength);
// 查找1级区域,如果未找到则跳过该摄像机
const mainArea = compiledCodeAreaMaps.mainAreaMap.get(cameraMainAreaCode);
if (!mainArea) continue;
// 尝试从索引中获取1级区域节点,若不存在则创建
const mainAreaNodeKey = buildMainAreaNodeKey(siteCode, cameraMainAreaCode);
let mainAreaNode = mainAreaNodeMap.get(mainAreaNodeKey);
if (!mainAreaNode) {
mainAreaNode = {
key: mainAreaNodeKey,
label: mainArea.name,
children: [],
stats: { online: 0, offline: 0, total: 0 },
site: site,
areaLevel: 1,
};
mainAreaNodeMap.set(mainAreaNodeKey, mainAreaNode);
siteNode.children?.push(mainAreaNode);
}
// 查找2级区域,如果未找到则跳过该摄像机
const subArea = compiledCodeAreaMaps.subAreaMap.get(cameraAreaCode);
if (!subArea) continue;
// 尝试从索引中获取2级区域节点,若不存在则创建
const subAreaNodeKey = buildSubAreaNodeKey(siteCode, cameraAreaCode);
let subAreaNode = subAreaNodeMap.get(subAreaNodeKey);
if (!subAreaNode) {
subAreaNode = {
key: subAreaNodeKey,
label: subArea.name,
children: [],
stats: { online: 0, offline: 0, total: 0 },
site: site,
areaLevel: 2,
};
subAreaNodeMap.set(subAreaNodeKey, subAreaNode);
mainAreaNode.children?.push(subAreaNode);
}
// 构造摄像机节点
let cameraGbCodeSet = subAreaNodeKeyToCameraGbCodeSetMap.get(subAreaNodeKey);
if (!cameraGbCodeSet) {
cameraGbCodeSet = new Set<string>();
subAreaNodeKeyToCameraGbCodeSetMap.set(subAreaNodeKey, cameraGbCodeSet);
}
if (cameraGbCodeSet.has(cameraGbCode)) continue;
cameraGbCodeSet.add(cameraGbCode);
const cameraType = cameraGbCode.substring(11, 14);
const cameraNode: CameraNodeOption = {
key: cameraGbCode,
label: cameraName,
type: cameraType,
camera: camera,
site: site,
};
subAreaNode.children?.push(cameraNode);
// 统计站点、区域、子区域的在线/离线/总摄像机数量
siteNode.stats.total++;
mainAreaNode.stats.total++;
subAreaNode.stats.total++;
if (camera.status === 1) {
siteNode.stats.online++;
mainAreaNode.stats.online++;
subAreaNode.stats.online++;
} else if (camera.status === 0) {
siteNode.stats.offline++;
mainAreaNode.stats.offline++;
subAreaNode.stats.offline++;
}
}
}
lineTabPanes.value = result;
};
return {
lineTabPanes,
buildLineTabPanes,
};
});
+3
View File
@@ -0,0 +1,3 @@
export * from './alarm';
export * from './camera';
export * from './resource-panel';
+18
View File
@@ -0,0 +1,18 @@
import { defineStore } from 'pinia';
import { ref } from 'vue';
export const useResourcePanelStore = defineStore('vimp-resource-panel', () => {
const collapsed = ref<boolean>(false);
const searchPattern = ref<string>('');
const toggleCollapsed = () => {
collapsed.value = !collapsed.value;
};
return {
collapsed,
searchPattern,
toggleCollapsed,
};
});
+9
View File
@@ -0,0 +1,9 @@
import type { AxiosError } from 'axios';
export interface VimpResult<T = unknown> {
code: number;
data: T;
msg: string;
}
export type VimpResponse<T> = [err: AxiosError | null, data: T | null, resp: VimpResult<T> | null];
+146
View File
@@ -0,0 +1,146 @@
import type { TabPaneProps, TreeOption } from 'naive-ui';
import type { VimpChannel, VimpStation } from '../apis/model';
export type SiteType = 'station' | 'parking' | 'occ' | 'train';
export type CodeLines = Record<string, { name: string; color: string }>;
export type CodeSites = Record<string, { name: string; type: SiteType }>;
export type CodeArea = { code: string; name: string; subs: { code: string; name: string }[] };
export type CompiledCodeAreaMaps = {
mainAreaMap: Map<string, CodeArea>;
subAreaMap: Map<string, CodeArea['subs'][number]>;
};
export type CompiledCodeAreas = Record<SiteType, CompiledCodeAreaMaps>;
interface CompileCodeAreasParams {
codeStationAreas: CodeArea[];
codeParkingAreas: CodeArea[];
codeOccAreas: CodeArea[];
codeTrainAreas: CodeArea[];
}
const compileCodeAreaMaps = (areas: CodeArea[]): CompiledCodeAreaMaps => {
const mainAreaMap = new Map<string, CodeArea>();
const subAreaMap = new Map<string, CodeArea['subs'][number]>();
for (const area of areas) {
mainAreaMap.set(area.code, area);
for (const subArea of area.subs) {
subAreaMap.set(subArea.code, subArea);
}
}
return {
mainAreaMap,
subAreaMap,
};
};
export const compileCodeAreas = (parmas: CompileCodeAreasParams): CompiledCodeAreas => {
const { codeStationAreas, codeParkingAreas, codeOccAreas, codeTrainAreas } = parmas;
return {
station: compileCodeAreaMaps(codeStationAreas),
parking: compileCodeAreaMaps(codeParkingAreas),
occ: compileCodeAreaMaps(codeOccAreas),
train: compileCodeAreaMaps(codeTrainAreas),
};
};
export interface CountStats {
online: number;
offline: number;
total: number;
}
// ==========================================
// 摄像机树相关类型
// ==========================================
export interface CameraNodeOption extends TreeOption {
camera: VimpChannel;
type: string;
site: VimpStation;
}
export interface CameraSubAreaNodeOption extends TreeOption {
children?: CameraNodeOption[];
stats: CountStats;
site: VimpStation;
areaLevel: 2;
}
export interface CameraMainAreaNodeOption extends TreeOption {
children?: CameraSubAreaNodeOption[];
stats: CountStats;
site: VimpStation;
areaLevel: 1;
}
export interface CameraSiteNodeOption extends TreeOption {
children?: CameraMainAreaNodeOption[];
stats: CountStats;
online: boolean;
}
export function isCameraSiteNode(option: TreeOption): option is CameraSiteNodeOption {
return 'online' in option && !('camera' in option);
}
export function isCameraAreaNode(option: TreeOption): option is CameraMainAreaNodeOption | CameraSubAreaNodeOption {
return 'site' in option && !('camera' in option) && !('online' in option);
}
export function isCameraNode(option: TreeOption): option is CameraNodeOption {
return 'camera' in option && 'site' in option;
}
export interface CameraLineTabPane extends TabPaneProps {
lineCode: string;
lineName: string;
cameraTree: CameraSiteNodeOption[];
}
// ==========================================
// 警报器树相关类型
// ==========================================
export interface AlarmNodeOption extends TreeOption {
alarm: VimpChannel;
type: string;
site: VimpStation;
}
export interface AlarmSubAreaNodeOption extends TreeOption {
children?: AlarmNodeOption[];
stats: CountStats;
site: VimpStation;
areaLevel: 2;
}
export interface AlarmMainAreaNodeOption extends TreeOption {
children?: AlarmSubAreaNodeOption[];
stats: CountStats;
site: VimpStation;
areaLevel: 1;
}
export interface AlarmSiteNodeOption extends TreeOption {
children?: AlarmMainAreaNodeOption[];
stats: CountStats;
online: boolean;
}
export function isAlarmSiteNode(option: TreeOption): option is AlarmSiteNodeOption {
return 'online' in option && !('alarm' in option);
}
export function isAlarmAreaNode(option: TreeOption): option is AlarmMainAreaNodeOption | AlarmSubAreaNodeOption {
return 'site' in option && !('alarm' in option) && !('online' in option);
}
export function isAlarmNode(option: TreeOption): option is AlarmNodeOption {
return 'alarm' in option && 'site' in option;
}
export interface AlarmLineTabPane extends TabPaneProps {
lineCode: string;
lineName: string;
alarmTree: AlarmSiteNodeOption[];
}
+2
View File
@@ -0,0 +1,2 @@
export * from './axios';
export * from './device-tree';
+41
View File
@@ -0,0 +1,41 @@
<script setup lang="ts">
import ResourcePanel from './components/resource-pannel.vue';
const onDragover = (event: DragEvent) => {
event.preventDefault();
if (event.dataTransfer) {
event.dataTransfer.dropEffect = 'copy';
}
};
const onDrop = (event: DragEvent) => {
event.preventDefault();
const type = event.dataTransfer?.getData('type');
if (!type) return;
if (type === 'camera') {
const code = event.dataTransfer?.getData('code');
if (!code) return;
const name = event.dataTransfer?.getData('name');
window.$message.info(`播放:${JSON.stringify({ code, name })}`);
} else if (type === 'alarm') {
const code = event.dataTransfer?.getData('code');
if (!code) return;
const name = event.dataTransfer?.getData('name');
window.$message.info(`查看警报器:${JSON.stringify({ code, name })}`);
} else {
}
};
</script>
<template>
<div style="height: 100%; overflow: hidden; display: flex">
<ResourcePanel />
<div style="flex: 1">
<div style="height: 480px; background-color: #666; display: grid; place-items: center" @dragover="onDragover" @drop="onDrop">
<div>这里是播放器</div>
</div>
</div>
</div>
</template>
<style scoped></style>
+4
View File
@@ -60,6 +60,10 @@ const router = createRouter({
path: 'changelog',
component: () => import('@/pages/system/changelog/changelog-page.vue'),
},
{
path: 'vimp',
component: () => import('@/pages/vimp/vimp-page.vue'),
},
{
path: '/:pathMatch(.*)*',
component: () => import('@/pages/system/error/not-found-page.vue'),
+11
View File
@@ -136,6 +136,17 @@ export const unwrapResponse = <T>(resp: HttpResponse<T>) => {
return data;
};
export const unwrapNullableResponse = <T>(resp: HttpResponse<T>) => {
const [err, data, result] = resp;
if (err) throw err;
if (result) {
const { isSuccess, path, msg, errorMsg } = result;
if (!isSuccess) throw new Error(`${path ? `${path}: ` : ''}${msg || errorMsg || '请求失败'}`);
}
if (data === undefined) throw new Error('响应数据不存在');
return data;
};
// 针对没有数据的响应,直接判断是否存在错误
export const unwrapVoidResponse = (resp: HttpResponse<void>) => {
const [err, , result] = resp;
+25 -2
View File
@@ -4,6 +4,8 @@ import { fileURLToPath, URL } from 'node:url';
import { defineConfig, ProxyOptions } from 'vite';
import vueDevTools from 'vite-plugin-vue-devtools';
const SERVER_PORT = 9763;
type ProxyItem = {
key: string;
target: string;
@@ -175,6 +177,12 @@ const line10ApiProxyList: ProxyItem[] = [
{ key: '/1032/api', target: 'http://10.18.244.10:18760', rewrite: ['/1032/api', '/api'] },
];
const line21YangpuTestProxyList: ProxyItem[] = [
{ key: '/2175/api', target: 'http://10.24.0.10:18760', rewrite: ['/2175/api', '/api'] },
{ key: '/2109/api', target: 'http://10.24.17.10:18760', rewrite: ['/2109/api', '/api'] },
{ key: '/2180/api', target: 'http://10.24.116.10:18760', rewrite: ['/2180/api', '/api'] },
];
const apiProxyList: ProxyItem[] = [
// { key: '/minio', target: 'http://10.14.0.10:9000', rewrite: ['/minio', ''] },
// { key: '/api', target: 'http://10.14.0.10:18760' },
@@ -192,9 +200,24 @@ const apiProxyList: ProxyItem[] = [
...line04ApiProxyList,
{ key: '/minio', target: 'http://10.18.128.10:9000', rewrite: ['/minio', ''] },
{ key: '/api', target: 'http://10.18.128.10:18760' },
{ key: '/api', target: 'http://10.18.128.10:18760' }, // 吴中路控制中心
// { key: '/api', target: 'http://10.18.187.10:18760' }, // 紫藤路
{ key: '/ws', target: 'ws://10.18.128.10:18103', ws: true },
...line10ApiProxyList,
// 杨浦厂验环境
// { key: '/minio', target: 'http://10.24.0.10:9000', rewrite: ['/minio', ''] },
// { key: '/api', target: 'http://10.24.0.10:18760' },
// { key: '/ws', target: 'ws://10.24.0.10:18103', ws: true },
...line21YangpuTestProxyList,
// 设备树测试用代理配置
// { key: '/vimp/api', target: 'http://10.14.0.10:18080', rewrite: ['/vimp/api', '/api'] },
// { key: '/vimp/api', target: 'http://10.18.128.6:18080', rewrite: ['/vimp/api', '/api'] },
{ key: '/vimp/api', target: 'http://localhost:4000', rewrite: ['/vimp/api', '/api'] },
// { key: '/vimp/api', target: 'http://10.24.17.6:18080', rewrite: ['/vimp/api', '/api'] },
// { key: '/vimp/api', target: 'http://10.18.128.6:18080', rewrite: ['/vimp/api', '/api'] },
{ key: '/cdn', target: `http://localhost:${SERVER_PORT}`, rewrite: ['/cdn', ''] },
];
// https://vite.dev/config/
@@ -220,7 +243,7 @@ export default defineConfig((/* { command, mode } */) => {
},
},
server: {
port: 9763,
port: SERVER_PORT,
proxy: viteProxy,
},
};