Element Plus Tabs 的active-bar是内置动画条，设计稿要求下划线指示器且宽度跟随 Tab 文字。配置驱动 + Slot 扩展：80% 页面用 HForm / HTable 配置，20% 特殊场景用插槽Composable 抽离useHTableuseDictsuseLoad让组件保持轻薄全局类型声明HFormItemHColumn在，IDE 自动补全体验好MQTT 生命周期

Vue3 EMS 项目实战：Axios 请求封装与全局 Loading 联动设计 本文介绍了EMS项目中Axios请求层的统一封装方案，主要包括： 请求拦截器：自动处理Token注入、国际化语言设置、GET参数过滤和Loading计数管理 响应拦截器：统一处理业务状态码（成功/401登出/表单校验失败等），业务层直接获取有效数据 全局Loading管理：基于Symbol队列实现多请求并发计数，避免

本文是《Vue3 储能 EMS 前端实战》：Vue3 中高级开发者、工业物联网 / 能源管理系统前端工程师：储能云平台 EMS UI。

工业场景需要电池、开关、仪表等专用图元，放在目录，Vite glob 自动注册if (!新增图元只需 Drop 一个.vue文件，无需改注册代码。

组件与工具专题echarts.ts按需引入 +Echart组件 +ZoomChart+ 大屏适配。

组件与工具专题：HDataItem + Unit 单位换算 + NativeTable 合并 + PDFExport。

维度普通 AdminEMS 前端数据特征请求-响应，静态为主秒级实时推送页面形态表格 + 表单组态拓扑图 + 实时曲线 + 3D 模型交互复杂度CRUD设备控制、告警联动、多站点切换页面数量几十页上百页，高度重复配置驱动：用HColumn[]声明式配置，替代大量重复模板代码实时组态：Maotu SVG 编辑器 + MQTT 推送，实现 SCADA 级监控大屏UI 体系化：对 Element Plu