2.6 KiB
2.6 KiB
2026-07-26 工作日志
Vue3+TS+Vite 改造 — 全部完成 ✅
今日完成
- 06government 04-09 全部重做(前一版会话产物在 /tmp 已丢失;05 用 vendored Highcharts
assets/highcharts.js+hunanMap.js,07 用高德地图动态加载,08 用 iframe 嵌 fqMap.svg +.contents()访问 svg) - 07universal 01-08(comon0 系列模板、设备监控模板、粉色 ECharts 模板、联心菜市场、山东地图模板)
- 08bigData 01-05(01 用 vendored echarts 2.x
echarts-all.js全局 echarts + bootstrap-table 插件 vendor;04 工程模板;05 浙江地图) - 09others 01-13 共 15 路由(02 Vue2 模板转直出 DOM;04 echarts-wordcloud vendor;08 echarts-gl 3D 地球需
glob.ts先注入window.echarts再动态/顺序 import gl;09 百度地图 ak 动态加载 + bmap.min.js;12 工业物联网含 Vue2 数据绑定,提取scnData.ts注入 setup) - 10layout 01-11 纯布局骨架批量生成
- 收尾:
templates.ts77 个卡片链接全部改为/dashboard/...路由;预览图迁移至public/previews/<cat>/;删除public/resource/原始代码目录;链接-路由交叉校验 77/77 通过;vue-tsc0 错误;vite build通过(dist 91MB)
最终规模
- 85 条路由,66 个大屏模板 + 子页面,全部 self-contained 于
src/dashboards/<cat>/<id>/ - 依赖:echarts@4.9 + @types/echarts、jquery+@types/jquery、echarts-liquidfill@2.0.6、vue-router@4
修复模式备忘(复用价值高)
- UMD 剥壳
perl -0777两种头:function (exports, echarts) {带空格与不带空格变体都要处理,尾}));与});变体;剥后必查顶层return;守卫 - 批量提取脚本统一包装:
initPage(): () => void返回清理函数,hook window.setInterval/setTimeout/addEventListener 收集定时器与监听 - 通用 echarts 清理:
document.querySelectorAll('div[_echarts_instance_]')+echarts.getInstanceByDom().dispose() - 原站容错但构建器拒绝的写法:css 嵌套规则、游离
*/、[;...;]IE hack、max-width: : 100%、keyframes 名加引号、url(./images/line\(1\).png)转义括号、模板里</a>/</ul>多余闭合、缺</div> - body 提取常见残留:
<script>片段、</head>、<body>、内联<style>(迁移到组件 scoped style) - 数据文件 js 需补
;结尾;UMD 数据数组注意开头[被 sed 行号截掉的问题 - 首页预览图路径修复:
templates.ts中所有image路径去掉多余的/images/段,从/previews/<cat>/images/xx.png改为/previews/<cat>/xx.png,与public/previews/实际目录结构一致。