城市生命线 — 项目目录结构说明
city-life-line/ # 城市生命线 — 地下管网管控平台
├── 📄 .env.development # 开发环境变量（端口代理、API地址等）
├── 📄 .env.production # 生产环境变量
├── 📄 .env.staging # 预发布环境变量
├── 📄 .gitignore # Git 忽略规则
├── 📁 .idea/ # JetBrains IDE 配置（自动生成）
├── 📁 .vscode/ # VSCode 编辑器配置
├── 📄 index.html # 应用入口 HTML 文件
├── 📄 LICENSE # MIT 开源许可证
├── 📄 README.md # 项目说明文档
├── 📄 package.json # 项目依赖 & 脚本定义
├── 📄 package-lock.json # 依赖版本锁定文件
├── 📄 uno.config.js # UnoCSS 原子化 CSS 配置
├── 📄 vite.config.js # Vite 构建配置（代理、别名、端口等）
│
├── 📁 bin/ # 构建/打包/运行脚本
│ ├── build.bat # 构建命令
│ ├── package.bat # 打包命令
│ └── run-web.bat # 一键启动 Web 服务
│
├── 📁 html/ # 静态 HTML 资源
│ └── ie.html # IE 浏览器兼容提示页
│
├── 📁 public/ # 静态资源（直接复制到输出目录）
│ ├── favicon.ico # 网站图标
│ └── logo.png # Logo 图片
│
├── 📁 vite/ # Vite 插件配置
│ └── plugins/ # 自定义 Vite 插件代码
│
└── 📁 src/ # 源代码主目录 ⭐
├── 📄 App.vue # Vue 根组件
├── 📄 main.js # 应用入口（挂载 Vue、注册插件/指令）
├── 📄 permission.js # 路由权限守卫（登录拦截、动态路由）
├── 📄 settings.js # 全局设置参数
│
├── 📁 api/ # 接口层（按模块拆分）
│ ├── login.js # 登录/注册/验证码接口
│ ├── menu.js # 菜单接口
│ ├── dispatch.js # 应急调度模块接口
│ ├── drainage.js # 排水系统模块接口
│ ├── monitor/ # 监控管理接口
│ │ ├── cache.js # 缓存监控
│ │ ├── job.js # 定时任务
│ │ ├── jobLog.js # 任务日志
│ │ ├── logininfor.js # 登录日志
│ │ ├── online.js # 在线用户
│ │ ├── operlog.js # 操作日志
│ │ └── server.js # 服务器监控
│ ├── pipeNetwork/ # 管网模块接口
│ │ ├── basic.js # 管网基础数据
│ │ ├── gasMonitor.js # 燃气监测
│ │ ├── hazard.js # 隐患管理
│ │ └── pdeviceInform.js # 设备信息
│ ├── smxyjldczxt/ # 应急指挥系统接口
│ │ └── yjxxfb/
│ │ ├── dbyj.js # 待办预警
│ │ └── yjfb.js # 预警发布
│ ├── system/ # 系统管理接口
│ │ ├── config.js # 参数配置
│ │ ├── dept.js # 部门管理
│ │ ├── dict/ # 字典管理
│ │ │ ├── data.js # 字典数据
│ │ │ └── type.js # 字典类型
│ │ ├── menu.js # 菜单管理
│ │ ├── notice.js # 公告管理
│ │ ├── post.js # 岗位管理
│ │ ├── role.js # 角色管理
│ │ └── user.js # 用户管理
│ ├── tool/ # 代码生成工具接口
│ │ └── gen.js
│ └── work/ # 工单接口
│ └── order.js
│
├── 📁 assets/ # 静态资源（会经 Vite 编译处理）
│ ├── 401_images/ # 401 无权限页插图
│ ├── 404_images/ # 404 页面插图
│ ├── icons/svg/ # SVG 图标（通过 SvgIcon 组件使用）
│ ├── images/ # 通用图片（含登录背景图）
│ ├── logo/ # Logo 资源
│ ├── portal/ # 门户大屏资源
│ └── styles/ # 全局样式
│ ├── index.scss # 样式入口（汇总引入）
│ ├── variables.module.scss # SCSS 变量
│ ├── mixin.scss # SCSS 混入
│ ├── transition.scss # 过渡动画样式
│ ├── element-ui.scss # Element Plus 覆盖样式
│ └── sidebar.scss # 侧边栏样式
│
├── 📁 components/ # 公共组件
│ ├── Breadcrumb/ # 面包屑导航
│ ├── Crontab/ # Cron 表达式配置器（年/月/周/日/时/分/秒）
│ ├── DictTag/ # 字典标签
│ ├── Editor/ # 富文本编辑器（Quill）
│ ├── FileUpload/ # 文件上传
│ ├── Hamburger/ # 汉堡菜单（侧边栏折叠）
│ ├── HeaderSearch/ # 头部搜索
│ ├── IconSelect/ # 图标选择器
│ ├── ImagePreview/ # 图片预览
│ ├── ImageUpload/ # 图片上传
│ ├── Pagination/ # 分页组件
│ ├── ParentView/ # 父级视图容器
│ ├── RightToolbar/ # 右侧工具栏
│ ├── RuoYi/ # 若依框架辅助（文档/代码仓库链接）
│ ├── Screenfull/ # 全屏切换
│ ├── SizeSelect/ # 字号选择
│ ├── SvgIcon/ # SVG 图标组件
│ ├── TopNav/ # 顶部导航
│ ├── TreeSelect/ # 树形选择器
│ └── iFrame/ # 内嵌 iframe 组件
│
├── 📁 directive/ # 自定义指令
│ ├── index.js # 指令注册入口
│ ├── common/copyText.js # v-copyText：一键复制文本
│ └── permission/ # 权限指令
│ ├── hasPermi.js # v-hasPermi：按钮级权限控制
│ └── hasRole.js # v-hasRole：角色级权限控制
│
├── 📁 layout/ # 布局组件
│ ├── index.vue # 布局主框架
│ └── components/
│ ├── AppMain.vue # 主内容区
│ ├── Navbar.vue # 顶部导航栏
│ ├── Settings/ # 布局设置面板（主题/固定头部等）
│ ├── Sidebar/ # 侧边栏菜单
│ │ ├── index.vue # 侧边栏主体
│ │ ├── Logo.vue # 侧边栏 Logo
│ │ ├── Link.vue # 外链菜单项
│ │ └── SidebarItem.vue # 菜单项组件
│ ├── TagsView/ # 标签页视图
│ ├── IframeToggle/ # iframe 切换
│ └── InnerLink/ # 内部链接
│
├── 📁 plugins/ # 工具插件
│ ├── index.js # 插件注册入口
│ ├── auth.js # 权限认证辅助
│ ├── cache.js # 前端缓存（sessionStorage/localStorage）
│ ├── download.js # 文件下载
│ ├── modal.js # 模态框封装
│ └── tab.js # 标签页操作
│
├── 📁 router/ # 路由配置
│ └── index.js # 路由定义（公共路由 + 动态路由）
│
├── 📁 store/ # Pinia 状态管理
│ ├── index.js # Store 注册入口
│ └── modules/
│ ├── app.js # 应用全局状态（侧边栏/设备/尺寸）
│ ├── dict.js # 字典缓存状态
│ ├── permission.js # 权限菜单状态
│ ├── settings.js # 布局设置状态
│ ├── tagsView.js # 标签页状态
│ └── user.js # 用户信息/登录/token 状态
│
├── 📁 utils/ # 工具函数
│ ├── index.js # 通用工具函数
│ ├── auth.js # Token 存取操作
│ ├── request.js # Axios 封装（拦截器/防重复提交）
│ ├── coordTransform.js # 坐标系转换工具
│ ├── dict.js # 字典翻译工具
│ ├── dynamicTitle.js # 动态页面标题
│ └── errorCode.js # HTTP 错误码映射
│
└── 📁 views/ # 页面视图
├── index.vue # 系统首页（仪表盘）
├── login.vue # 登录页
├── register.vue # 注册页
├── error/ # 错误页面
│ ├── 401.vue # 401 无权限
│ └── 404.vue # 404 页面不存在
├── redirect/ # 重定向中转页
│ └── index.vue
├── portal/ # 门户大屏首页
│ └── index.vue
├── monitor/ # 监控管理
│ ├── cache/ # 缓存监控
│ ├── druid/ # 数据库连接池监控
│ ├── job/ # 定时任务管理
│ ├── logininfor/ # 登录日志
│ ├── online/ # 在线用户
│ ├── operlog/ # 操作日志
│ └── server/ # 服务器状态监控
├── system/ # 系统管理（用户/角色/菜单/字典/公告/部门/岗位）
├── tool/ # 代码生成工具
└── subSystem/ # 业务子系统 ⭐
├── basic/ # 管网基础设施
│ ├── GisDashboard # GIS 仪表盘总览
│ ├── PipeNetwork # 管网管理
│ ├── PointManage # 管点管理
│ ├── Manhole # 井盖管理
│ ├── Equipment # 设备管理
│ ├── EquipmentAbnormal # 设备异常
│ ├── GasPipePoint # 燃气管点关联
│ ├── BusinessWorkOrder # 业务工单
│ └── RepairRecord # 维修记录
├── alarm/ # 告警模块
│ ├── AlarmList # 告警列表
│ └── AlarmMap # 告警地图
├── gas/ # 燃气管网系统
│ ├── gasBasicadata/ # 基础数据（管网/设备）
│ ├── gasfxpg/ # 风险评估
│ ├── gashiddendanger/ # 隐患排查
│ ├── gasMonitor/ # 燃气监测
│ ├── gasWorkOrder/ # 燃气工单
│ └── gasHome/ # 燃气首页
├── drainage/ # 排水系统
│ ├── home # 排水首页
│ ├── jcsj/ # 基础数据（管网/泵站/设备/检查井）
│ ├── jcyj/ # 监测预警（流量/液位+GIS）
│ ├── spjc/ # 视频监测（GIS/播放/管理）
│ ├── jcbj/ # 监测报警（四级处置流程）
│ ├── fxpg/ # 风险评估
│ └── DrainageWorkOrder # 排水工单
├── dispatch/ # 应急指挥调度
│ ├── dishome # 调度首页
│ ├── disOnDuty/ # 值班管理（事故/故障/监督/值班表）
│ ├── disPlanManage/ # 预案管理（编辑/审批/分级）
│ ├── disExerciseMan/ # 模拟演练（模拟/实战/课程/规划）
│ ├── disDecisionDep/ # 辅助决策（方案/路线/可视化）
│ └── disAssess/ # 总结评估（查询/分析/汇总）
└── cityLifeline/ # 城市生命线总览大屏
项目概况
| 项目 |
说明 |
| 框架 |
Vue 3.4 + Vite 5.3 |
| UI 库 |
Element Plus 2.7 |
| 状态管理 |
Pinia |
| CSS 方案 |
UnoCSS（原子化）+ SCSS |
| 地图 |
Leaflet + 百度地图 WebGL |
| 图表 |
ECharts 5 |
| HTTP 请求 |
Axios（Token 注入、防重复提交、错误统一处理） |
| 鉴权 |
JWT + 路由权限守卫 + 按钮级指令控制 |
| 基础框架 |
基于 RuoYi-Vue 改造 |
| 业务领域 |
城市地下管网管控（燃气/排水/供水 + 应急指挥调度） |
子系统模块
| 模块 |
路径 |
说明 |
| 管网基础 |
subSystem/basic/ |
管网/管点/井盖/设备管理 + GIS 仪表盘 |
| 告警管理 |
subSystem/alarm/ |
告警列表 + GIS 地图告警 |
| 燃气管网 |
subSystem/gas/ |
基础数据/风险评估/隐患/监测/工单 |
| 排水系统 |
subSystem/drainage/ |
基础数据/监测预警/视频监测/报警/风险评估/工单 |
| 应急调度 |
subSystem/dispatch/ |
值班/预案/演练/决策/评估 |
| 生命线总览 |
subSystem/cityLifeline/ |
城市生命线大屏总览 |
