Files
ccdi/docs/plans/frontend/2026-04-22-bidding-info-maintenance-frontend-implementation.md

1.6 KiB

招投标信息维护前端实施计划

目标

  • 将信息维护下“采购交易管理”页面改造为“招投标信息维护”。
  • 列表页展示中标供应商和参与供应商数,新增/编辑弹窗支持维护全部供应商明细。
  • 详情弹窗与项目详情采购弹窗统一展示供应商明细表。
  • 导入入口文案和模板命名改为招投标信息维护语义。

实施内容

  • 页面改造
    • 重写 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