风电场机组健康监控平台产品系统

风电运维涉及跨区域、多风场和多台机组的管理。主管需要从健康率、发电达标情况和异常工单中判断哪些风场应优先排查，工程师则需要进一步核对单台机组的部件状态、性能趋势和历史工单。项目将区域总览、机组监测和日常运维流程放在同一工作台，帮助不同岗位沿同一条路径定位异常并查看明细。

健康监测驾驶舱。 从全国、区域、风场逐级下钻至单台机组。主管可通过故障排行、健康分布和可靠性指标定位异常，工程师可进一步查看主轴、齿轮箱、发电机状态及历史工单。

项目与设备档案管理。 维护风场基础信息、质保周期、机组与部件档案，以及性能和可靠性指标的标准值。支持通过 Excel 导入项目，并按项目配置管理其是否纳入统计。

CMS 报告追踪。 按责任工程师查看报告发放完成率，按风场和月份核对已上传、无文件及逾期待传状态，支持单份下载和按范围批量下载。

运行指标对比。 在相同统计周期内对比 2–5 个同层级风场或机组的性能、可靠性指标，结合实际趋势与项目标准值判断差异和达标情况。

技术栈　Vue 3、TypeScript、Vue Router、Vite、Element Plus、Tailwind CSS、ECharts、Playwright
1.设计前端角色与数据范围架构。 将角色默认入口、模块访问规则和可见风场／机组范围集中管理。通过 Vue Router 路由守卫校验直接访问，使用 Vue 响应式状态同步导航、范围树和看板内容。覆盖 7 类演示角色，切换角色后，当前页面超出可访问范围时自动跳转至对应入口。

2.建立共享业务状态与指标模型。 使用 TypeScript 建模风场、机组、部件和指标配置，通过 Vue 响应式状态派生各页面的数据范围。项目保存或切换统计开关后，驾驶舱汇总、范围树及对比候选同步更新。集中定义指标单位、达标方向和月／年聚合规则，供看板、可靠性明细与对比视图复用。

3.封装可复用的图表与对比逻辑。 基于 ECharts 实现双轴趋势、标准线和多对象序列，统一处理图表更新、尺寸变化和实例销毁。将对比表单的编辑状态与已提交条件分离，图表和 CSV 导出使用同一份结果，并区分缺失数据和有效零值。

4.实现复杂表单与浏览器端文件处理。 复用新增和编辑的三步表单，支持草稿回填、机组行增删复制及跨步骤校验。通过 ExcelJS 解析多工作表模板，定位到具体行和字段，确认后填入草稿。使用 pdf-lib 和 JSZip 实现样例报告生成与批量打包。

5.按需加载并覆盖核心流程。 通过路由懒加载拆分业务页面，对 Excel、PDF 和 ZIP 依赖使用动态导入。使用 Playwright 覆盖四级下钻、项目导入、报告下载和指标对比等核心操作。