招投标项目越多越容易乱，我用飞算JavaAI搭了个采购管理平台

当投标项目从一年几个变成一个月十几个，光靠 Excel 和微信群已经记不住谁在评、谁中了、合同签了没有。

一、痛点：不是在救火，就是在填坑

我们公司的采购量不算小——数据中心服务器、园区监控改造、年度办公集采、ERP 二期开发……一年下来十几个招标项目同时跑。

表面上每个人都有分工：我（投标负责人）牵头、评标专家打分、法务审合同、采购经理跟进。但实际情况是：

• 项目台账分散：一个项目一个 Excel，光找文件就要翻半天
• 评标过程全靠手记：几个专家各打各的分，最后汇总靠手算，没人复核
• 中标后合同归档断档：定了标没人催合同，签了合同没人盯履约
• 风险全靠事后发现：评标超期了、验收逾期了——都是出了事才知道

前两周复工盘点，发现三个项目的评标报告还压在专家手里没交。

我知道我需要一个线上工具，把所有环节串起来。

二、功能取舍：只做最核心的四件事

我没打算一步到位做一个「对标专业采购系统」的庞然大物。Startup 思路——砍掉 80% 的花哨功能，把 20% 最痛的点做到位。

经过梳理，我圈定了以下四大核心链路：

决定做：

1. 投标台账 — 用项目时间线把所有招标项目管起来
2. 评标打分 — 多维度雷达图 + 多专家评分，自动算综合分
3. 中标阶梯 — 排名可视化 + 中标结果公告
4. 合同归档 — 标后合同履约追踪

暂时不做：

• 电子签章/在线投标（涉及外部依赖）
• 招标文件在线编制（内容管理太重）
• 供应链金融（超出本阶段范围）

三、我用飞算 JavaAI 快速落地

先搭了个架子（Vue 3 + Pinia + Vue Router + 内部数据），用飞算 JavaAI 的智能引导来推进核心模块。

Prompt

我是一个企业的投标负责人，需要管理多个招标项目的全过程。系统需要以下功能：

1. 工作台总览：展示进行中项目数、待开标数、风险提醒数
2. 投标台账：项目列表含编号、名称、预算、状态、投标家数，点进可看详情
3. 评标打分：支持多供应商横向对比，用雷达图展示技术方案、商务报价、质量保证、服务能力、企业信誉五个维度的评分
4. 中标阶梯：以排名阶梯图展示供应商得分排行，中标公示
5. 合同归档：标后合同列表含期限、金额、状态追踪
6. 供应商库：供应商信息卡片，含级别、合作历史
7. 风险提醒：超期、验收逾期等预警
8. 数据分析：状态分布饼图、预算vs中标对比、类别统计 请生成 Vue 3 + Composition API 的前端工程，包含完整 内部数据和路由。

生成过程

Prompt 输入 —— 圈定功能边界

第一步：智能引导确认需求，拆解角色与功能清单

第二步：接口模型设计——核心实体与 API 定义

第三步：表结构设计——招标项目、投标、评标、合同等数据模型

第四步：生成计划——模块结构、路由与组件树

第五步：生成完成 —— 100% 跑通

四、页面设计：竞技场式的采购管理体验

这个系统采取了深蓝 + 红金的配色方案，给每个招标项目一种「赛场」的感觉：供应商是选手，评标专家是裁判，中标是最终的金牌。

1. 工作台总览

把最关键的四个数字放出来：进行中项目数、本周待开标数、待处理风险、合同履约数。右侧是两个看板模块——项目时间线卡片与风险提醒列表。看一眼就知道「今天最该做什么」。

2. 投标台账

所有项目都在一个表格里，支持按状态和类别筛选。点进任意一条项目，右侧弹出抽屉面板，能看到完整的项目信息、附件清单，已定标的还带中标供应商信息。

3. 评标打分

这是整个系统的核心交互页面。左侧是一个五维雷达图，把技术方案、商务报价、质量保证、服务能力、企业信誉五个维度可视化，支持多家供应商叠加对比（金、蓝、绿色分别代表前三名）。右侧是投标卡片列表，选中一家后下方展开详细评分，每个维度有进度条显示得分，底部还有各专家的评审意见。

我特意设计了「竞技场式」布局：雷达图居中，投标卡片像选手名牌一样排布在右侧，分数徽章采用金/银/铜色区分。

4. 中标阶梯

用「BidLadder 阶梯图」组件展示供应商得分排名——排名用数字徽章，第一名金色高亮，得分用进度条表示，数据对比一目了然。顶部还有中标结果公示卡片，显示最终中标供应商、中标金额、开标日期等信息。

下面有一个完整的投标对比总览表格，横向对比所有供应商在五个维度的评分。中标行用金色左边框高亮。

5. 合同归档 & 供应商库

合同按日期、金额、期限、状态组织成表格，点击可查看详情抽屉。供应商采用卡片网格布局，每张卡片显示名称、等级、类别、合作次数和累计金额，按等级用不同颜色标记（A 级绿、B 级蓝、C 级黄）。

6. 数据分析

状态分布用环形图展示，预算 vs 中标对比用条形图展示最近 5 个项目的中标降幅，底部按采购类别汇总统计。

五、聊聊我在开发中的设计取舍

这个系统最让我头疼的不是写代码，而是功能边界的划定。

刚开始我想把「招标文件编制」「在线投标」「电子签章」都塞进去——但冷静下来一想：

1. 招标文件编制需要富文本编辑器、版本管理、审批流，工程量直接翻倍
2. 在线投标涉及文件上传、加密、开标倒计时，技术复杂度高
3. 电子签章需要对接第三方服务，纯前端做不了

最后我选择了「评标管理 + 合同追踪」作为核心切入——这两个环节正是目前手工管理最痛、最容易被忽视的部分。

飞算 JavaAI 帮我快速搭好了核心骨架，从智能引导确认需求到生成完整的模块结构、路由、内部数据，大概花了不到 2 小时。后续的人工工作主要集中在：

• 雷达图的坐标计算和布局调整（纯 CSS SVG 实现）
• 竞技场式视觉风格的打磨（深蓝红金配色、金色徽章、阶梯图动画）
• 评分与排名数据的联动逻辑（多专家评分 → 综合分 → 排名）

AI 擅长「从 0 到 1」的脚手架搭建，但「从 1 到 10」的设计打磨——功能取舍、交互细节、视觉统一——还是需要开发者根据自己的业务场景来把控。

六、项目技术栈

• 前端框架: Vue 3 + Composition API
• 路由: Vue Router 4（按需懒加载）
• 状态管理: Pinia
• 构建工具: Vite 5
• 图表: 纯 CSS SVG（环形图、条形图、雷达图）
• 数据: 数据层
• 设计风格: Bidding Board（深蓝 #1E3A5F + 红金 #DC2626 / #D4A843）
• 页面数量: 10 个（登录/注册 + 8 个功能菜单 + 404）