动力岗后台管理系统产品系统

解决的核心问题：车辆与人员“看不见、管不住”
在传统的物流或外勤管理中，调度员往往面临巨大的痛点：
位置盲区：司机或运维人员在外跑动，调度员不知道他们具体在哪，只能通过电话确认，效率极低。
数据滞后：今天的配送单量、异常订单、车辆油耗等数据，往往要等到晚上回来填表统计，无法实时决策。
权限混乱：普通调度员不应该看到财务结算数据，也不应该拥有修改核心路线的权限，传统系统很难做到精细化的按钮级控制。
2. 本系统如何针对性解决（功能对应）
针对“位置盲区” -> 集成高德地图 API 与自定义打点
解决方案：系统首页直接展示实时地图，将所有车辆/人员以“自定义图标”的形式打在地图上。
价值：调度员一眼就能看到谁在A区，谁在B区。点击地图上的点，还能弹出“信息窗体”，显示该司机的姓名、当前任务进度和联系电话，实现可视化指挥。
针对“数据滞后” -> ECharts 动态数据大屏
解决方案：利用 ECharts 将复杂的业务数据（如今日配送完成率、各区域订单热力图）转化为直观的折线图和饼图。
价值：管理者不需要看枯燥的Excel表格，通过大屏就能实时监控业务健康度，发现哪个区域爆单了可以立即调配人手。
针对“权限混乱” -> “页面+按钮”双重权限控制
解决方案：利用递归算法处理树形菜单，并结合自定义指令控制按钮显隐。
价值：
站长登录：能看到所有菜单，包括“财务报表”和“人员管理”，并且拥有“删除订单”的按钮权限。
普通调度员登录：只能看到“实时监控”和“任务分配”，且界面上完全没有“删除”和“财务”相关的按钮，从根源上防止误操作和数据泄露。
针对“操作繁琐” -> 封装通用逻辑 (useTable/usePagination)
解决方案：针对高频的订单查询、车辆列表查询，封装了统一的逻辑。
价值：对于每天要处理上千条数据的录入员来说，统一的筛选、分页和校验逻辑大大减少了重复点击

【项目简介】
这是一套基于最新 Vue3 技术栈开发的高性能后台管理系统，专为解决企业数据管理、用户权限分配及数据可视化需求设计。界面简洁大气，交互流畅，可直接作为二次开发的基础框架。
【核心功能亮点】
智能多页签导航：支持像浏览器一样的多标签页切换，刷新页面后标签不丢失，工作流不中断。
精细化权限管理：内置“页面+按钮”双重权限控制。不同角色的管理员登录后，看到的菜单和可操作的按钮（如删除、编辑）自动隔离，确保数据安全。
强大的数据可视化：集成 ECharts 图表库与高德地图 API，支持动态大屏展示、自定义地图打点及信息窗体交互，让复杂数据一目了然。
高效表单与列表：封装了通用的查询表格和分步表单组件，支持复杂的筛选、分页及数据校验，大幅提升录入和查询效率。
极致性能体验：采用 KeepAlive 页面缓存策略，切换菜单无需重复加载，操作丝滑无卡顿。
【技术底座】
Vue3 (Composition API) + Element Plus + Pinia + Vue Router + ECharts

系统基础架构与权限安全模块
这是整个系统的基石，决定了系统的安全性和扩展性。
负责内容：
搭建 Vue3 + Vite + Element Plus 的前端工程化脚手架。
设计并实现动态路由与权限控制体系。通过递归算法处理后端返回的树形菜单数据，实现“千人千面”的菜单渲染。
封装自定义指令，实现按钮级别的权限控制（例如：没有“删除”权限的用户，按钮直接隐藏或禁用）。
二次封装 Axios，统一处理请求拦截、响应异常及 Token 无感刷新机制。
2. 复杂业务交互与状态管理模块
这是体现你前端逻辑能力的重点，解决了后台管理系统最头疼的“多任务处理”问题。
负责内容：
设计并开发多页签导航系统。基于 Pinia 全局状态管理，实现了类似浏览器标签页的切换、关闭、刷新功能。
解决页面缓存痛点。结合 KeepAlive 与路由元信息，实现了指定页面的缓存策略（如：列表页跳转详情页后再回来，保留之前的筛选条件和滚动位置）。
解决刷新丢失问题。通过遍历菜单树匹配路径，确保刷新浏览器后，当前激活的标签页和高亮菜单不丢失。
3. 通用组件库与效能工具模块
这是体现你“工程化思维”和“代码复用能力”的亮点，也是外包客户最喜欢的部分（因为开发快）。
负责内容：
针对高频业务场景，封装了useTable和usePagination等组合式函数。将分页、加载、查询逻辑抽离，使业务组件代码量减少 50% 以上。
开发分步表单组件。将复杂的长表单拆解为步骤条形式，内置表单校验逻辑，提升了用户录入数据的体验。
统一了系统的视觉规范与交互标准，确保不同页面风格一致。
4. 数据可视化与地图应用模块
这是项目的“面子”工程，最能直观展示技术实力。
负责内容：
集成ECharts 图表库，封装 useCharts 组合式函数，统一管理图表实例的生命周期（自动销毁防止内存泄漏）与响应式渲染（窗口缩放自适应）。