# 招投标信息维护前端实施计划 ## 目标 - 将信息维护下“采购交易管理”页面改造为“招投标信息维护”。 - 列表页展示中标供应商和参与供应商数,新增/编辑弹窗支持维护全部供应商明细。 - 详情弹窗与项目详情采购弹窗统一展示供应商明细表。 - 导入入口文案和模板命名改为招投标信息维护语义。 ## 实施内容 - 页面改造 - 重写 `ruoyi-ui/src/views/ccdiPurchaseTransaction/index.vue`。 - 将原单供应商表单替换为可增删行的供应商明细表格。 - 使用单选方式标记唯一中标供应商,并在提交时写回 `supplierList.isBidWinner`。 - 列表页新增“参与供应商数”列,保留“中标供应商”摘要列。 - 详情展示 - 页面详情弹窗改为供应商明细表展示。 - 项目专项核查采购详情弹窗同步改为供应商明细表展示。 - 导入交互 - 导入弹窗文案更新为“招投标信息导入”。 - 模板下载文件名与提示改为双 Sheet 模板。 ## 验证 - `source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && cd ruoyi-ui && npm run build:prod` - `source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && cd ruoyi-ui && npm run dev -- --port 8080` - 使用 Playwright 打开真实页面: - 验证菜单显示“招投标信息维护” - 验证列表显示“中标供应商”“参与供应商数” - 验证新增弹窗可添加供应商明细 - 验证详情弹窗展示供应商明细表 ## 产出文件 - `ruoyi-ui/src/views/ccdiPurchaseTransaction/index.vue` - `ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue`