25 lines
2.6 KiB
Markdown
25 lines
2.6 KiB
Markdown
# 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.ts` 77 个卡片链接全部改为 `/dashboard/...` 路由；预览图迁移至 `public/previews/<cat>/`；删除 `public/resource/` 原始代码目录；链接-路由交叉校验 77/77 通过；`vue-tsc` 0 错误；`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/` 实际目录结构一致。
|