gxwebsoft
0b81001ce7
- 将欢迎页整体结构拆分为多个功能区组件，提高代码可维护性 - 移除原有欢迎横幅、指标卡、图表区、下方区及快捷入口的静态实现 - 引入并注册 SectionKpi、SectionStructure、SectionBusiness 等八个子组件 - 删除冗余样式，更新整体背景和布局样式 - 精简模板内容，仅保留子组件渲染及页脚版权信息 - 移除无用的响应式数据、计算属性及方法 - 包含依赖包 echarts 的新增，支持后续图表功能开发
1.4 KiB
1.4 KiB
2026-09-30
/wel/index 首页重构为运营数据看板（按蓝湖效果图）
- 新增依赖：echarts ^6.1.0（corepack pnpm add echarts）。
- 重构
src/views/wel/index.vue：改为「核心经营指标 / 运输结构 / 业务单元情况 / 项目情况 / 财务情况 / 车队与线路 / 车务管理 / 底部占比与趋势」8 大板块 + 版权页脚，删除原欢迎横幅/快捷入口。 - 新增文件：
src/views/wel/chart-options.js：排行条形/盈亏双向/环形/分组柱/面积折线/堆叠柱 6 类 option 生成器（fmt 千分位、红涨绿跌 rich label）。src/views/wel/dashboard.scss：看板公共样式，各组件 scoped@import '../dashboard.scss'（子目录注意路径）。src/views/wel/components/：wel-chart.vue（ECharts 封装：ResizeObserver + activated resize + dispose）、wel-filters.vue（统计时间/条件筛选 mock）、rank-panel.vue（排行/盈亏通用面板）、section-kpi / section-structure / section-business / section-project / section-finance / section-fleet / section-vehicle / section-summary.vue。
- 数据全部为 Mock，组件内已注释标注对接点；蓝湖红字标注的指标口径未定，待后端统计接口（估 12~18 个）确定后替换。
- 自检：dev server(2889) 下所有新文件及
?vue&type=style&...&lang.scss均 200；/node_modules/.vite/deps/echarts.js200。vite build 因 facelogin.vue 沙箱中断不可用，未跑。