- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3 EMS 项目实战：实时数据展示、NativeTable 与 PDF 导出
组件与工具专题：HDataItem + Unit 单位换算 + NativeTable 合并 + PDFExport。
2026-06-23 09:23:50
153
原创 Vue3 EMS 项目实战：Axios 请求封装与全局 Loading 联动设计-04
Vue3 EMS 项目实战：Axios 请求封装与全局 Loading 联动设计 本文介绍了EMS项目中Axios请求层的统一封装方案，主要包括： 请求拦截器：自动处理Token注入、国际化语言设置、GET参数过滤和Loading计数管理 响应拦截器：统一处理业务状态码（成功/401登出/表单校验失败等），业务层直接获取有效数据 全局Loading管理：基于Symbol队列实现多请求并发计数，避免闪烁问题 智能消息提示：根据消息后缀自动识别success/warn/error类型 文件导出处理：自动解析co
2026-06-22 10:35:44
246
原创 Vue3 EMS 项目实战：ECharts 按需封装与 ZoomChart 图表放大-06
组件与工具专题echarts.ts按需引入 +Echart组件 +ZoomChart+ 大屏适配。
2026-06-18 09:15:17
244
原创 Vue3 EMS 项目实战：GlbViewer 储能 3D 模型查看器封装
div>共 {{ modelData.interactiveMeshes.length }} 个可交互部件</div></div>左侧/右侧面板固定 300px，小屏自适应 250px / 200px。Tooltip 使用，并做视口边界检测防止溢出。
2026-06-16 15:49:44
378
原创 Vue3 储能 EMS 前端实战（下）：Element Plus 深度定制与工程总结
Element Plus Tabs 的active-bar是内置动画条，设计稿要求下划线指示器且宽度跟随 Tab 文字。配置驱动 + Slot 扩展：80% 页面用 HForm / HTable 配置，20% 特殊场景用插槽Composable 抽离useHTableuseDictsuseLoad让组件保持轻薄全局类型声明HFormItemHColumn在，IDE 自动补全体验好MQTT 生命周期闭环。
2026-06-15 09:27:05
207
原创 Vue3 储能 EMS 前端实战（中）：MQTT 实时数据与组态联动
工业场景需要电池、开关、仪表等专用图元，放在目录，Vite glob 自动注册if (!新增图元只需 Drop 一个.vue文件，无需改注册代码。
2026-06-13 12:00:00
260
原创 Vue3 储能 EMS 前端实战（上）：配置化表单与表格体系
本文是《Vue3 储能 EMS 前端实战》：Vue3 中高级开发者、工业物联网 / 能源管理系统前端工程师：储能云平台 EMS UI。
2026-06-12 09:31:37
205
原创 Vue3 储能 EMS 前端实战：配置化组件 + MQTT 实时组态 + Element Plus 深度定制
维度普通 AdminEMS 前端数据特征请求-响应，静态为主秒级实时推送页面形态表格 + 表单组态拓扑图 + 实时曲线 + 3D 模型交互复杂度CRUD设备控制、告警联动、多站点切换页面数量几十页上百页，高度重复配置驱动：用HColumn[]声明式配置，替代大量重复模板代码实时组态：Maotu SVG 编辑器 + MQTT 推送，实现 SCADA 级监控大屏UI 体系化：对 Element Plus 表格、Tabs、Dialog 做深度样式覆盖，形成统一设计语言。
2026-06-11 17:13:30
223
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人