依据《危险性较大的分部分项工程安全管理规定》(住建部令第37号),为国家级程序竞赛项目(蓝桥杯Web应用开发赛项)设计实操级验收清单题目。题目覆盖深基坑工程、高大模板支撑体系、脚手架工程、建筑起重机械与吊装工程、建筑幕墙工程5类,每类对应一张独立验收单:安全员切换工程类型后页面动态渲染该类型的全部验收项(含合格标准),勾选状态按类型独立保留、切换不丢失,5类验收单全部完成才可提交,提交后清空并提示成功。业务流程:选择工程类型 → 渲染验收项列表 → 逐项勾选确认 → 完成进度实时联动(已完成X/5) → 全部完成启用提交按钮 → 提交后重置状态并给出成功反馈。
整体架构:原生HTML/CSS/JavaScript实现,验收项数据组织为"类型→验收项数组"查找表,sheetState 按类型维护5张验收单的独立布尔勾选状态,renderItems 统一渲染、updateProgress 统一计算进度;配套 Puppeteer 自动判分脚本按 data-testid 契约逐项断言,支持一键初始化、一键检测。我负责完整交付:题目方案设计、初始代码工程(含 TODO)、标准答案工程、题解文档、判分脚本,共3个选题通过赛事平台审核,本套判分脚本检测100%通过。核心难点:切换工程类型后列表重建导致勾选监听丢失——通过事件委托绑定稳定容器解决;5张验收单状态隔离需按类型维度维护状态表,避免类型间串扰。