{ "id": "57549fbd", "description": "重构施工智管页面(workData.vue),将现有简单的卡片网格页面改为大屏可视化风格,像素级复刻老项目的样式和布局。\n\n【老项目参考】\n老项目路径:D:/nzy/workspace_git/baseplatform-ui/src/views/work/workData.vue\n请先读取老项目页面的完整代码,了解布局结构。\n\n【重构经验和规范】\n1. 使用 BgAndInfo 组件作为页面外壳:import BgAndInfo from '/@/components/Common/bgAndInfo.vue',用法 \n2. 整体风格:深色科技感大屏,主色 #29B3FF,背景 #0A1A29,文字主色 #eaf8ff,次色 #7aabc6\n3. 图片引用必须用 CSS background-image: url('/@/assets/...') 方式,绝对不能用 (运行时vite无法解析)\n4. 图标使用 src/assets/sandImg/ 目录下的老项目图标(已全部拷贝,133个PNG)\n5. 使用 Mock 数据,不需要接真实 API,数据量适中即可(8-15条)\n6. Vue3 Composition API + TypeScript,ref/reactive/computed\n7. 图表用 ECharts(import * as echarts from 'echarts'),在 onMounted 中初始化,onUnmounted 中 dispose\n8. 样式用