docs: 添加 供应商工作台详细设计.md、 评标专家工作台.md
This commit is contained in:
@@ -0,0 +1,434 @@
|
||||
# STP 智慧招标平台 —— 供应商工作台详细设计说明书
|
||||
|
||||
| 文档名称 | 供应商工作台详细设计 |
|
||||
| :------- | :---------- |
|
||||
| **文档版本** | V1.0 |
|
||||
| **编制日期** | 2026-07-02 |
|
||||
| **关联文档** | [[需求分析说明书]] |
|
||||
|
||||
|
||||
## 1. 概述
|
||||
|
||||
### 1.1 设计目标
|
||||
供应商工作台是供应商登录后默认进入的页面,作为其日常操作的核心枢纽。设计目标包括:
|
||||
- **任务驱动**:集中展示待办事项(报名、缴费、上传投标文件等),引导供应商快速完成关键动作。
|
||||
- **信息整合**:汇总投标项目进展、通知消息、企业信息状态,减少页面跳转。
|
||||
- **个性化推荐**:根据供应商关注的品类推送最新招标公告,提升参与效率。
|
||||
- **快捷入口**:提供企业信息维护、资质文件管理、安全设置等常用功能的快速通道。
|
||||
|
||||
### 1.2 适用角色
|
||||
- 已注册并激活的供应商(包括新注册供应商和 SRM 存量绑定供应商)。
|
||||
- 不同供应商看到的内容根据其投标记录、关注品类差异化展示。
|
||||
|
||||
### 1.3 设计原则
|
||||
| 原则 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **一目了然** | 核心数据(待办数量、项目进度)以卡片/数字突出显示。 |
|
||||
| **操作便捷** | 主要操作(报名、上传文件)入口直接放在工作台,缩短路径。 |
|
||||
| **实时同步** | 待办事项、项目状态、通知均从后端实时获取,保持最新。 |
|
||||
| **角色聚焦** | 只展示与供应商相关的功能,不显示招标方或专家内容。 |
|
||||
|
||||
|
||||
## 2. 页面布局总览
|
||||
|
||||
```svg
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 900" font-family="'Microsoft YaHei', sans-serif">
|
||||
<defs>
|
||||
<filter id="shadow" x="-2%" y="-2%" width="104%" height="104%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000" flood-opacity="0.06"/>
|
||||
</filter>
|
||||
<filter id="shadowDeep" x="-2%" y="-2%" width="104%" height="104%">
|
||||
<feDropShadow dx="0" dy="6" stdDeviation="12" flood-color="#000" flood-opacity="0.10"/>
|
||||
</filter>
|
||||
<linearGradient id="headerBg" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="#c2185b"/>
|
||||
<stop offset="100%" stop-color="#e91e63"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="brandGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#c2185b"/><stop offset="100%" stop-color="#e91e63"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cardGrad1" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#e8f5e9"/><stop offset="100%" stop-color="#c8e6c9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cardGrad2" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#e3f2fd"/><stop offset="100%" stop-color="#bbdefb"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cardGrad3" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#fff3e0"/><stop offset="100%" stop-color="#ffe0b2"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- 背景 -->
|
||||
<rect width="1200" height="900" fill="#f5f7fa"/>
|
||||
|
||||
<!-- ===== 顶部导航栏(与首页一致,但用户区显示已登录) ===== -->
|
||||
<rect width="1200" height="64" fill="url(#headerBg)"/>
|
||||
<text x="40" y="42" font-size="22" font-weight="bold" fill="#fff">智慧招标平台</text>
|
||||
<text x="190" y="42" font-size="13" fill="rgba(255,255,255,0.8)">Smart Tendering Platform</text>
|
||||
|
||||
<!-- 导航菜单(保留首页菜单,但“首页”高亮) -->
|
||||
<text x="440" y="42" font-size="15" fill="#fff" font-weight="bold">首页</text>
|
||||
<text x="520" y="42" font-size="15" fill="rgba(255,255,255,0.8)">招标公告</text>
|
||||
<text x="620" y="42" font-size="15" fill="rgba(255,255,255,0.8)">定标公告</text>
|
||||
<text x="720" y="42" font-size="15" fill="rgba(255,255,255,0.8)">企业新闻</text>
|
||||
|
||||
<!-- 已登录用户 -->
|
||||
<circle cx="1030" cy="32" r="16" fill="rgba(255,255,255,0.3)"/>
|
||||
<text x="1030" y="37" text-anchor="middle" font-size="12" fill="#fff">李</text>
|
||||
<text x="1060" y="37" font-size="14" fill="#fff">李强</text>
|
||||
<text x="1110" y="37" font-size="12" fill="rgba(255,255,255,0.7)">▼</text>
|
||||
|
||||
<!-- ===== 内容区:两栏布局 ===== -->
|
||||
<!-- 左侧:主内容区(宽度 780px) -->
|
||||
<!-- 右侧:侧边栏(宽度 300px,间距 20px) -->
|
||||
|
||||
<!-- 左侧主内容 -->
|
||||
<rect x="40" y="90" width="780" height="770" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
|
||||
<!-- 欢迎语 + 日期 -->
|
||||
<text x="70" y="125" font-size="20" font-weight="bold" fill="#1a2332">👋 欢迎回来,李强</text>
|
||||
<text x="70" y="150" font-size="14" fill="#8895aa">今天是 2026年7月2日,星期四</text>
|
||||
|
||||
<!-- ===== 待办事项卡片(横向滚动或图标) ===== -->
|
||||
<rect x="70" y="180" width="720" height="100" rx="10" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="90" y="210" font-size="15" font-weight="bold" fill="#4a5568">📋 待办事项</text>
|
||||
|
||||
<!-- 待办项1 -->
|
||||
<rect x="100" y="225" width="150" height="40" rx="8" fill="#ffebee" stroke="#ef9a9a"/>
|
||||
<text x="175" y="250" text-anchor="middle" font-size="13" fill="#c62828">保证金缴纳(2)</text>
|
||||
|
||||
<!-- 待办项2 -->
|
||||
<rect x="270" y="225" width="150" height="40" rx="8" fill="#fff3e0" stroke="#ffcc80"/>
|
||||
<text x="345" y="250" text-anchor="middle" font-size="13" fill="#e65100">投标报名(1)</text>
|
||||
|
||||
<!-- 待办项3 -->
|
||||
<rect x="440" y="225" width="150" height="40" rx="8" fill="#e3f2fd" stroke="#90caf9"/>
|
||||
<text x="515" y="250" text-anchor="middle" font-size="13" fill="#0d47a1">待上传投标文件(3)</text>
|
||||
|
||||
<!-- 待办项4 -->
|
||||
<rect x="610" y="225" width="150" height="40" rx="8" fill="#e8f5e9" stroke="#a5d6a7"/>
|
||||
<text x="685" y="250" text-anchor="middle" font-size="13" fill="#2e7d32">待查看结果(2)</text>
|
||||
|
||||
<!-- ===== 我的投标项目 ===== -->
|
||||
<text x="70" y="320" font-size="15" font-weight="bold" fill="#4a5568">📂 我的投标项目</text>
|
||||
|
||||
<!-- 项目列表 -->
|
||||
<rect x="70" y="335" width="720" height="160" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
|
||||
<!-- 表头 -->
|
||||
<rect x="70" y="335" width="720" height="32" rx="8" fill="#f0f2f7"/>
|
||||
<text x="90" y="356" font-size="13" font-weight="bold" fill="#4a5568">项目名称</text>
|
||||
<text x="260" y="356" font-size="13" font-weight="bold" fill="#4a5568">公告日期</text>
|
||||
<text x="380" y="356" font-size="13" font-weight="bold" fill="#4a5568">状态</text>
|
||||
<text x="500" y="356" font-size="13" font-weight="bold" fill="#4a5568">截止日期</text>
|
||||
<text x="650" y="356" font-size="13" font-weight="bold" fill="#4a5568">操作</text>
|
||||
|
||||
<!-- 行1 -->
|
||||
<rect x="80" y="375" width="700" height="36" rx="4" fill="#fff"/>
|
||||
<text x="90" y="398" font-size="13" fill="#1a2332">年产5万吨聚丙烯项目设备采购</text>
|
||||
<text x="260" y="398" font-size="13" fill="#666">2026-07-01</text>
|
||||
<rect x="380" y="385" width="60" height="18" rx="4" fill="#ff9800"/>
|
||||
<text x="410" y="398" text-anchor="middle" font-size="11" fill="#fff">报名中</text>
|
||||
<text x="500" y="398" font-size="13" fill="#666">2026-07-15</text>
|
||||
<text x="650" y="398" font-size="13" fill="#1565c0" text-decoration="underline">继续报名</text>
|
||||
|
||||
<!-- 行2 -->
|
||||
<rect x="80" y="415" width="700" height="36" rx="4" fill="#fff"/>
|
||||
<text x="90" y="438" font-size="13" fill="#1a2332">数字化交付平台开发服务</text>
|
||||
<text x="260" y="438" font-size="13" fill="#666">2026-06-29</text>
|
||||
<rect x="380" y="425" width="60" height="18" rx="4" fill="#4caf50"/>
|
||||
<text x="410" y="438" text-anchor="middle" font-size="11" fill="#fff">已投标</text>
|
||||
<text x="500" y="438" font-size="13" fill="#666">2026-07-10</text>
|
||||
<text x="650" y="438" font-size="13" fill="#9e9e9e">等待开标</text>
|
||||
|
||||
<!-- 行3 -->
|
||||
<rect x="80" y="455" width="700" height="36" rx="4" fill="#fff"/>
|
||||
<text x="90" y="478" font-size="13" fill="#1a2332">2026年度防腐保温工程框架</text>
|
||||
<text x="260" y="478" font-size="13" fill="#666">2026-06-28</text>
|
||||
<rect x="380" y="465" width="60" height="18" rx="4" fill="#9e9e9e"/>
|
||||
<text x="410" y="478" text-anchor="middle" font-size="11" fill="#fff">已截止</text>
|
||||
<text x="500" y="478" font-size="13" fill="#666">已过期</text>
|
||||
<text x="650" y="478" font-size="13" fill="#9e9e9e">-</text>
|
||||
|
||||
<!-- 查看更多 -->
|
||||
<text x="700" y="515" font-size="13" fill="#c2185b" text-decoration="underline">查看全部投标项目 →</text>
|
||||
|
||||
<!-- ===== 最新通知 ===== -->
|
||||
<text x="70" y="555" font-size="15" font-weight="bold" fill="#4a5568">🔔 最新通知</text>
|
||||
<rect x="70" y="570" width="720" height="95" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
|
||||
<rect x="80" y="580" width="700" height="28" rx="4" fill="#fff"/>
|
||||
<circle cx="95" cy="594" r="4" fill="#c2185b"/>
|
||||
<text x="110" y="600" font-size="13" fill="#1a2332">【系统通知】您的“数字化交付平台”项目已完成开标,请查看结果。</text>
|
||||
|
||||
<rect x="80" y="612" width="700" height="28" rx="4" fill="#fff"/>
|
||||
<circle cx="95" cy="626" r="4" fill="#c2185b"/>
|
||||
<text x="110" y="632" font-size="13" fill="#1a2332">【报名提醒】“年产5万吨聚丙烯项目”报名即将截止(7月15日)。</text>
|
||||
|
||||
<text x="700" y="680" font-size="13" fill="#c2185b" text-decoration="underline">查看所有通知 →</text>
|
||||
|
||||
<!-- ===== 右侧边栏 ===== -->
|
||||
<!-- 企业信息概览 -->
|
||||
<rect x="840" y="90" width="320" height="170" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
<text x="870" y="125" font-size="15" font-weight="bold" fill="#4a5568">🏢 企业信息</text>
|
||||
<text x="870" y="155" font-size="14" fill="#1a2332">滨化新材料有限公司</text>
|
||||
<text x="870" y="180" font-size="13" fill="#8895aa">统一社会信用代码:91370100MA3XXXXXXX</text>
|
||||
<text x="870" y="205" font-size="13" fill="#8895aa">联系人:李强 | 手机:138****8001</text>
|
||||
<text x="870" y="230" font-size="13" fill="#4caf50">账户状态:✅ 已激活</text>
|
||||
<rect x="870" y="245" width="90" height="28" rx="6" fill="#e3f2fd" stroke="#1565c0"/>
|
||||
<text x="915" y="264" text-anchor="middle" font-size="12" fill="#1565c0">完善资料</text>
|
||||
|
||||
<!-- 快速入口 -->
|
||||
<rect x="840" y="280" width="320" height="200" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
<text x="870" y="315" font-size="15" font-weight="bold" fill="#4a5568">⚡ 快捷入口</text>
|
||||
|
||||
<rect x="870" y="335" width="120" height="60" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="930" y="360" text-anchor="middle" font-size="20">📄</text>
|
||||
<text x="930" y="382" text-anchor="middle" font-size="12" fill="#4a5568">资质文件</text>
|
||||
|
||||
<rect x="1000" y="335" width="120" height="60" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="1060" y="360" text-anchor="middle" font-size="20">🔐</text>
|
||||
<text x="1060" y="382" text-anchor="middle" font-size="12" fill="#4a5568">安全设置</text>
|
||||
|
||||
<rect x="870" y="405" width="120" height="60" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="930" y="430" text-anchor="middle" font-size="20">📊</text>
|
||||
<text x="930" y="452" text-anchor="middle" font-size="12" fill="#4a5568">我的投标</text>
|
||||
|
||||
<rect x="1000" y="405" width="120" height="60" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="1060" y="430" text-anchor="middle" font-size="20">💬</text>
|
||||
<text x="1060" y="452" text-anchor="middle" font-size="12" fill="#4a5568">联系客服</text>
|
||||
|
||||
<!-- 推荐招标公告 -->
|
||||
<rect x="840" y="500" width="320" height="200" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
<text x="870" y="535" font-size="15" font-weight="bold" fill="#4a5568">📌 推荐招标</text>
|
||||
|
||||
<rect x="870" y="555" width="270" height="32" rx="6" fill="#fafafa"/>
|
||||
<text x="885" y="575" font-size="13" fill="#1a2332">• 催化剂原料采购项目</text>
|
||||
|
||||
<rect x="870" y="595" width="270" height="32" rx="6" fill="#fafafa"/>
|
||||
<text x="885" y="615" font-size="13" fill="#1a2332">• 智能仓储系统建设</text>
|
||||
|
||||
<rect x="870" y="635" width="270" height="32" rx="6" fill="#fafafa"/>
|
||||
<text x="885" y="655" font-size="13" fill="#1a2332">• 污水处理工程(二期)</text>
|
||||
|
||||
<text x="1050" y="685" font-size="13" fill="#c2185b" text-decoration="underline">更多推荐 →</text>
|
||||
|
||||
<!-- ===== AI 助手浮动入口(同首页) ===== -->
|
||||
<circle cx="1110" cy="840" r="42" fill="url(#brandGrad)" filter="url(#shadowDeep)"/>
|
||||
<text x="1110" y="835" text-anchor="middle" font-size="16" fill="#fff" font-weight="bold">小滨</text>
|
||||
<text x="1110" y="855" text-anchor="middle" font-size="10" fill="rgba(255,255,255,0.9)">AI 助手</text>
|
||||
<circle cx="1110" cy="840" r="50" fill="none" stroke="#e91e63" stroke-width="2" opacity="0.3">
|
||||
<animate attributeName="r" from="42" to="55" dur="2s" repeatCount="indefinite"/>
|
||||
<animate attributeName="opacity" from="0.6" to="0" dur="2s" repeatCount="indefinite"/>
|
||||
</circle>
|
||||
</svg>
|
||||
```
|
||||
|
||||
|
||||
## 3. 各模块详细说明
|
||||
|
||||
### 3.1 顶部导航栏
|
||||
- **与首页保持一致**,品牌区 + 导航菜单(首页、招标公告、定标公告、企业新闻)。
|
||||
- **用户区**:显示供应商头像(首字母),名称,下拉菜单(个人中心、我的投标、安全设置、退出)。
|
||||
- **导航高亮**:当前“首页”高亮。
|
||||
|
||||
### 3.2 欢迎区
|
||||
- **位置**:左上角,距顶部 90px。
|
||||
- **内容**:供应商名称 + 当前日期。
|
||||
- **数据来源**:从用户登录信息中获取姓名,日期从服务器时间获取。
|
||||
- **交互**:无,纯展示。
|
||||
|
||||
### 3.3 待办事项卡片
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **位置** | 紧接欢迎区下方 |
|
||||
| **尺寸** | 720 × 100px,浅灰背景,圆角 10px |
|
||||
| **标题** | “📋 待办事项” |
|
||||
| **待办项** | 以标签形式横向排列(可滚动),每个标签显示分类名称 + 数字,点击跳转至对应列表 |
|
||||
| **分类** | 保证金缴纳、投标报名、待上传投标文件、待查看结果、待签合同等 |
|
||||
| **数据来源** | 实时查询后端 API,统计各状态下的数量 |
|
||||
| **交互** | 点击标签跳转至对应功能模块(如“保证金缴纳”跳转至保证金管理页) |
|
||||
|
||||
**待办项标签样式**:
|
||||
- 保证金缴纳:红色背景(#ffebee),文字 #c62828
|
||||
- 投标报名:橙色背景(#fff3e0),文字 #e65100
|
||||
- 待上传投标文件:蓝色背景(#e3f2fd),文字 #0d47a1
|
||||
- 待查看结果:绿色背景(#e8f5e9),文字 #2e7d32
|
||||
|
||||
### 3.4 我的投标项目
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **位置** | 待办卡片下方 |
|
||||
| **尺寸** | 720 × 约 200px,带表格 |
|
||||
| **标题** | “📂 我的投标项目” |
|
||||
| **表格列** | 项目名称、公告日期、状态、截止日期、操作 |
|
||||
| **数据范围** | 显示最新的 3 条投标记录(按状态排序:进行中 > 即将截止 > 已截止) |
|
||||
| **状态标签** | 报名中(橙色)、已投标(绿色)、待开标(蓝色)、已截止(灰色)、已中标(金色)等 |
|
||||
| **操作列** | 根据状态显示不同操作按钮:继续报名、查看详情、上传投标文件、查看结果等 |
|
||||
| **数据来源** | 查询供应商参与的投标项目列表,实时获取状态 |
|
||||
| **查看更多** | 底部“查看全部投标项目 →”链接至完整投标列表 |
|
||||
|
||||
**状态与操作映射**:
|
||||
|
||||
| 状态 | 标签颜色 | 操作按钮文字 | 跳转目标 |
|
||||
| :--- | :--- | :--- | :--- |
|
||||
| 报名中 | 橙色 | 继续报名 | 报名详情页 |
|
||||
| 待上传投标文件 | 蓝色 | 上传文件 | 投标文件上传页 |
|
||||
| 已投标 | 绿色 | 查看详情 | 投标详情页 |
|
||||
| 待开标 | 蓝色(浅) | 等待开标 | —(只读) |
|
||||
| 已截止 | 灰色 | — | — |
|
||||
| 已中标 | 金色 | 查看合同 | 合同详情页 |
|
||||
| 未中标 | 灰色 | 查看结果 | 结果公示页 |
|
||||
|
||||
### 3.5 最新通知
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **位置** | 我的投标项目下方 |
|
||||
| **尺寸** | 720 × 约 110px |
|
||||
| **标题** | “🔔 最新通知” |
|
||||
| **通知数量** | 展示 2 条最新通知(按时间倒序) |
|
||||
| **每条通知** | 红色圆点 + 通知内容(截取前 30 字) |
|
||||
| **通知类型** | 系统通知(开标结果、报名提醒、审核通知等) |
|
||||
| **数据来源** | 通知中心 API,只取未读或最近 5 条 |
|
||||
| **查看全部** | “查看所有通知 →”跳转至通知列表页 |
|
||||
| **交互** | 点击通知可标记为已读并跳转至详情 |
|
||||
|
||||
### 3.6 右侧边栏
|
||||
|
||||
#### 3.6.1 企业信息概览
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **尺寸** | 320 × 170px |
|
||||
| **标题** | “🏢 企业信息” |
|
||||
| **内容** | 企业全称、统一社会信用代码、联系人姓名、手机号、账户状态 |
|
||||
| **账户状态** | 已激活(绿色)、待完善(橙色)、已锁定(红色) |
|
||||
| **按钮** | “完善资料”跳转至企业信息管理页面 |
|
||||
| **数据来源** | 从供应商档案中读取 |
|
||||
|
||||
#### 3.6.2 快捷入口
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :------- | :-------------------------- |
|
||||
| **尺寸** | 320 × 200px |
|
||||
| **标题** | “⚡ 快捷入口” |
|
||||
| **入口图标** | 4 个图标按钮,2×2 网格排列 |
|
||||
| **入口列表** | 资质文件、安全设置、我的投标、联系客服 |
|
||||
| **交互** | 点击跳转至对应页面;联系客服打开 AI 助手或客服通道 |
|
||||
|
||||
#### 3.6.3 推荐招标
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **尺寸** | 320 × 200px |
|
||||
| **标题** | “📌 推荐招标” |
|
||||
| **内容** | 根据供应商历史浏览或关注的品类,推荐 3 条招标公告 |
|
||||
| **展示** | 仅显示项目名称(点击跳转至公告详情) |
|
||||
| **更多** | “更多推荐 →”跳转至招标公告列表(筛选条件为关注品类) |
|
||||
| **推荐算法** | 基于供应商主产品、历史投标记录、浏览行为等进行协同过滤或标签匹配 |
|
||||
|
||||
### 3.7 AI 助手浮动入口
|
||||
- **位置**:页面右下角固定。
|
||||
- **功能**:与首页一致,提供智能问答、操作引导、待办提醒等。
|
||||
- **主动显示内容**:主动提醒用户紧急待办事项,含链接,直接跳转到待办页面。(不要太多,最多三项)
|
||||
|
||||
### 3.8 页面滚动与响应
|
||||
- 左侧主内容可滚动,右侧边栏固定(或跟随滚动,取决于设计)。
|
||||
- 推荐采用 **左侧内容滚动 + 右侧边栏 sticky** 的方式,便于同时查看待办和快捷入口。
|
||||
|
||||
### 3.9 空状态处理
|
||||
- 若无待办事项,显示“🎉 暂无待办,继续保持!”。
|
||||
- 若无投标项目,显示“您还未参与任何投标,去浏览招标公告吧 →”。
|
||||
- 若无通知,显示“暂无新通知”。
|
||||
|
||||
|
||||
## 4. 交互流程
|
||||
|
||||
### 4.1 待办事项点击
|
||||
- 点击“保证金缴纳(2)”→ 跳转至保证金管理页面,列出需要缴纳保证金的项目。
|
||||
- 点击“投标报名(1)”→ 跳转至报名页面,直接进入待报名项目。
|
||||
- 点击“待上传投标文件(3)”→ 跳转至“我的投标”列表,筛选出“待上传”状态的项目。
|
||||
|
||||
### 4.2 投标项目操作
|
||||
- 点击“继续报名”→ 进入报名详情页,可修改报名信息或提交补充材料。
|
||||
- 点击“上传文件”→ 跳转至投标文件上传页,支持加密上传。
|
||||
- 点击“查看结果”→ 跳转至结果公示页。
|
||||
- 点击项目名称 → 跳转至项目详情页,查看完整招标信息。
|
||||
|
||||
### 4.3 通知交互
|
||||
- 点击通知 → 标记为已读,跳转至详情(如结果通知跳转至评标报告)。
|
||||
- 支持批量标记已读。
|
||||
|
||||
### 4.4 快捷入口
|
||||
- 资质文件 → 跳转至“企业信息管理”的“资质文件”Tab。
|
||||
- 安全设置 → 跳转至“企业信息管理”的“安全设置”Tab。
|
||||
- 我的投标 → 跳转至完整的投标列表。
|
||||
- 联系客服 → 弹窗提示 AI 助手或人工客服联系方式。
|
||||
|
||||
|
||||
## 5. 数据模型
|
||||
|
||||
### 5.1 待办统计 API
|
||||
```
|
||||
GET /api/v1/supplier/todo/count
|
||||
响应:
|
||||
{
|
||||
"pendingPayment": 2, // 待缴纳保证金
|
||||
"pendingBid": 1, // 待报名
|
||||
"pendingUpload": 3, // 待上传投标文件
|
||||
"pendingResult": 2 // 待查看结果
|
||||
}
|
||||
```
|
||||
|
||||
### 5.2 投标项目列表(工作台用)
|
||||
```
|
||||
GET /api/v1/supplier/bids/dashboard
|
||||
参数:limit=3
|
||||
响应:[
|
||||
{
|
||||
"projectId": "P20260701",
|
||||
"projectName": "年产5万吨聚丙烯项目设备采购",
|
||||
"announceDate": "2026-07-01",
|
||||
"status": "BIDDING", // BIDDING, BID_SUBMITTED, WAITING_OPEN, CLOSED, WIN, LOSE
|
||||
"deadline": "2026-07-15",
|
||||
"action": "CONTINUE_BID" // CONTINUE_BID, UPLOAD_FILE, VIEW_RESULT, NONE
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
### 5.3 通知列表
|
||||
```
|
||||
GET /api/v1/supplier/notifications/latest
|
||||
响应:[{ id, title, content, createTime, isRead, link }]
|
||||
```
|
||||
|
||||
### 5.4 推荐招标
|
||||
```
|
||||
GET /api/v1/supplier/recommended-bids
|
||||
参数:limit=3
|
||||
响应:[{ projectId, projectName, category, publishDate }]
|
||||
```
|
||||
|
||||
|
||||
## 6. 权限与状态
|
||||
|
||||
| 功能 | 访问条件 |
|
||||
| :--- | :--- |
|
||||
| 工作台展示 | 任何已登录供应商 |
|
||||
| 待办事项 | 实时计算,所有供应商可见 |
|
||||
| 投标项目 | 仅显示当前供应商参与的 |
|
||||
| 推荐招标 | 根据供应商信息个性化推荐 |
|
||||
| 企业信息 | 显示当前供应商自己的信息 |
|
||||
|
||||
**状态变化**:当供应商完成某项操作(如缴纳保证金),工作台待办计数自动更新(通过 WebSocket 或定时刷新)。
|
||||
|
||||
## 7. 性能与实现建议
|
||||
|
||||
- **刷新机制**:工作台数据通过 WebSocket 或轮询(每 30 秒)更新待办数量。
|
||||
- **缓存**:企业信息可缓存 5 分钟,投标列表缓存 1 分钟。
|
||||
- **懒加载**:通知和推荐招标在滚动至可视区域时加载。
|
||||
- **前端框架**:Vue 3 / React,使用 Composition API 或 Hooks 管理状态。
|
||||
|
||||
@@ -0,0 +1,495 @@
|
||||
# STP 智慧招标平台 —— 评标专家工作台详细设计说明书(修订版)
|
||||
|
||||
| 文档名称 | 评标专家工作台详细设计 |
|
||||
| :--- | :--- |
|
||||
| **文档版本** | V2.0 |
|
||||
| **修订说明** | 待办事项分类调整为“待确认评标邀请”和“待完成评标项目”;评审任务列表增加“待确认”状态及对应操作;删除快捷操作区域;“待结算报酬”改为“累计评审费”;增加AI助手主动提醒紧急待办事项。 |
|
||||
| **编制日期** | 2026-07-02 |
|
||||
| **关联文档** | 《评委管理规定》《需求分析说明书》《专家注册模块》《开标及评标流程》 |
|
||||
|
||||
|
||||
## 1. 概述
|
||||
|
||||
### 1.1 设计目标
|
||||
评标专家工作台是外部/内部评标专家登录后默认进入的页面,作为其评审工作的核心枢纽。设计目标包括:
|
||||
- **任务驱动**:集中展示待确认的评标邀请、待完成的评审项目,引导专家优先处理。
|
||||
- **评审引导**:清晰列出评审任务列表,提供一键进入评审室或查看邀请详情的入口。
|
||||
- **合规强化**:突出承诺书签署、回避申报等合规操作,确保专家遵守《评委管理规定》。
|
||||
- **智能提醒**:AI助手主动推送紧急待办事项(不超过3项),提升响应效率。
|
||||
- **数据透明**:展示评审统计、累计评审费等数据,增强专家对自身贡献的感知。
|
||||
|
||||
### 1.2 适用角色
|
||||
- 已注册并激活的外部评标专家(含通过专家注册审核的专家)。
|
||||
- 集团内部评标专家(由系统同步创建)。
|
||||
|
||||
### 1.3 设计原则
|
||||
| 原则 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **任务优先** | 待办事项(邀请确认、待评标)置顶显示,数字醒目。 |
|
||||
| **流程闭环** | 从收到邀请 → 确认/回避/拒绝 → 评审 → 提交,全流程引导。 |
|
||||
| **严谨合规** | 回避申报、承诺书签署等合规操作入口显眼,避免遗漏。 |
|
||||
| **智能辅助** | AI助手主动提醒紧急待办,减少遗漏风险。 |
|
||||
|
||||
|
||||
## 2. 页面布局总览(SVG 线框图)
|
||||
|
||||
```svg
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 960" font-family="'Microsoft YaHei', sans-serif">
|
||||
<defs>
|
||||
<filter id="shadow" x="-2%" y="-2%" width="104%" height="104%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000" flood-opacity="0.06"/>
|
||||
</filter>
|
||||
<filter id="shadowDeep" x="-2%" y="-2%" width="104%" height="104%">
|
||||
<feDropShadow dx="0" dy="6" stdDeviation="12" flood-color="#000" flood-opacity="0.10"/>
|
||||
</filter>
|
||||
<filter id="shadowBubble" x="-5%" y="-5%" width="110%" height="110%">
|
||||
<feDropShadow dx="0" dy="8" stdDeviation="16" flood-color="#000" flood-opacity="0.12"/>
|
||||
</filter>
|
||||
<linearGradient id="headerBg" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="#0d47a1"/>
|
||||
<stop offset="100%" stop-color="#1976d2"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="brandGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#0d47a1"/><stop offset="100%" stop-color="#1976d2"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- 背景 -->
|
||||
<rect width="1200" height="960" fill="#f5f7fa"/>
|
||||
|
||||
<!-- ========== 顶部导航栏 ========== -->
|
||||
<rect width="1200" height="64" fill="url(#headerBg)"/>
|
||||
<text x="40" y="42" font-size="22" font-weight="bold" fill="#fff">智慧招标平台</text>
|
||||
<text x="190" y="42" font-size="13" fill="rgba(255,255,255,0.8)">Smart Tendering Platform</text>
|
||||
|
||||
<!-- 专家专属导航菜单 -->
|
||||
<text x="440" y="42" font-size="15" fill="#fff" font-weight="bold">工作台</text>
|
||||
<text x="530" y="42" font-size="15" fill="rgba(255,255,255,0.8)">评审任务</text>
|
||||
<text x="630" y="42" font-size="15" fill="rgba(255,255,255,0.8)">承诺书管理</text>
|
||||
<text x="750" y="42" font-size="15" fill="rgba(255,255,255,0.8)">历史评审</text>
|
||||
<text x="850" y="42" font-size="15" fill="rgba(255,255,255,0.8)">个人资料</text>
|
||||
|
||||
<!-- 已登录用户 -->
|
||||
<circle cx="1030" cy="32" r="16" fill="rgba(255,255,255,0.3)"/>
|
||||
<text x="1030" y="37" text-anchor="middle" font-size="12" fill="#fff">王</text>
|
||||
<text x="1060" y="37" font-size="14" fill="#fff">王建国</text>
|
||||
<text x="1110" y="37" font-size="12" fill="rgba(255,255,255,0.7)">▼</text>
|
||||
|
||||
<!-- ========== 左侧主内容 ========== -->
|
||||
<rect x="40" y="90" width="780" height="830" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
|
||||
<!-- 欢迎语 + 专家角色标签 -->
|
||||
<text x="70" y="125" font-size="20" font-weight="bold" fill="#1a2332">👋 欢迎回来,王建国 教授</text>
|
||||
<rect x="280" y="108" width="100" height="24" rx="12" fill="#e3f2fd" stroke="#1565c0"/>
|
||||
<text x="330" y="125" text-anchor="middle" font-size="12" fill="#0d47a1">外部专家</text>
|
||||
<text x="70" y="150" font-size="14" fill="#8895aa">评审专业:化学工程 | 石油化工</text>
|
||||
|
||||
<!-- ========== 待办事项卡片 ========== -->
|
||||
<rect x="70" y="180" width="720" height="100" rx="10" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
<text x="90" y="210" font-size="15" font-weight="bold" fill="#4a5568">📋 待办事项</text>
|
||||
|
||||
<!-- 待办项1 -->
|
||||
<rect x="100" y="225" width="200" height="40" rx="8" fill="#e3f2fd" stroke="#90caf9"/>
|
||||
<text x="200" y="250" text-anchor="middle" font-size="13" fill="#0d47a1">📩 待确认评标邀请(2)</text>
|
||||
|
||||
<!-- 待办项2 -->
|
||||
<rect x="320" y="225" width="200" height="40" rx="8" fill="#fff3e0" stroke="#ffcc80"/>
|
||||
<text x="420" y="250" text-anchor="middle" font-size="13" fill="#e65100">📝 待完成评标项目(3)</text>
|
||||
|
||||
<!-- ========== 当前评审任务列表 ========== -->
|
||||
<text x="70" y="320" font-size="15" font-weight="bold" fill="#4a5568">📂 当前评审任务</text>
|
||||
<text x="70" y="342" font-size="13" fill="#8895aa">请在截止日期前完成评审,未完成将影响评审资格</text>
|
||||
|
||||
<rect x="70" y="360" width="720" height="240" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
|
||||
<!-- 表头 -->
|
||||
<rect x="70" y="360" width="720" height="36" rx="8" fill="#f0f2f7"/>
|
||||
<text x="90" y="384" font-size="13" font-weight="bold" fill="#4a5568">项目名称</text>
|
||||
<text x="260" y="384" font-size="13" font-weight="bold" fill="#4a5568">专业领域</text>
|
||||
<text x="380" y="384" font-size="13" font-weight="bold" fill="#4a5568">评审截止</text>
|
||||
<text x="500" y="384" font-size="13" font-weight="bold" fill="#4a5568">状态</text>
|
||||
<text x="630" y="384" font-size="13" font-weight="bold" fill="#4a5568">操作</text>
|
||||
|
||||
<!-- 行1 -->
|
||||
<rect x="80" y="404" width="700" height="44" rx="4" fill="#fff"/>
|
||||
<text x="90" y="430" font-size="13" fill="#1a2332">年产5万吨聚丙烯项目(设备采购)</text>
|
||||
<text x="260" y="430" font-size="13" fill="#666">化学工程</text>
|
||||
<text x="380" y="430" font-size="13" fill="#666">2026-07-20</text>
|
||||
<rect x="500" y="416" width="60" height="18" rx="4" fill="#1565c0"/>
|
||||
<text x="530" y="429" text-anchor="middle" font-size="11" fill="#fff">待确认</text>
|
||||
<rect x="620" y="410" width="80" height="30" rx="6" fill="#1565c0"/>
|
||||
<text x="660" y="430" text-anchor="middle" font-size="12" fill="#fff">查看</text>
|
||||
|
||||
<!-- 行2 -->
|
||||
<rect x="80" y="452" width="700" height="44" rx="4" fill="#fff"/>
|
||||
<text x="90" y="478" font-size="13" fill="#1a2332">数字化交付平台开发服务</text>
|
||||
<text x="260" y="478" font-size="13" fill="#666">信息技术</text>
|
||||
<text x="380" y="478" font-size="13" fill="#666">2026-07-18</text>
|
||||
<rect x="500" y="464" width="70" height="18" rx="4" fill="#ff9800"/>
|
||||
<text x="535" y="477" text-anchor="middle" font-size="11" fill="#fff">待评审</text>
|
||||
<rect x="620" y="458" width="90" height="30" rx="6" fill="#1565c0"/>
|
||||
<text x="665" y="478" text-anchor="middle" font-size="12" fill="#fff">进入评审</text>
|
||||
|
||||
<!-- 行3 -->
|
||||
<rect x="80" y="500" width="700" height="44" rx="4" fill="#fff"/>
|
||||
<text x="90" y="526" font-size="13" fill="#1a2332">催化剂原料采购项目(包2)</text>
|
||||
<text x="260" y="526" font-size="13" fill="#666">化工材料</text>
|
||||
<text x="380" y="526" font-size="13" fill="#666">2026-07-12</text>
|
||||
<rect x="500" y="512" width="70" height="18" rx="4" fill="#4caf50"/>
|
||||
<text x="535" y="525" text-anchor="middle" font-size="11" fill="#fff">评审中</text>
|
||||
<rect x="620" y="506" width="90" height="30" rx="6" fill="#1565c0"/>
|
||||
<text x="665" y="526" text-anchor="middle" font-size="12" fill="#fff">继续评审</text>
|
||||
|
||||
<!-- 行4 -->
|
||||
<rect x="80" y="548" width="700" height="44" rx="4" fill="#f5f5f5"/>
|
||||
<text x="90" y="574" font-size="13" fill="#1a2332">罐区安全改造项目</text>
|
||||
<text x="260" y="574" font-size="13" fill="#666">安全工程</text>
|
||||
<text x="380" y="574" font-size="13" fill="#666">2026-06-30</text>
|
||||
<rect x="500" y="560" width="70" height="18" rx="4" fill="#9e9e9e"/>
|
||||
<text x="535" y="573" text-anchor="middle" font-size="11" fill="#fff">已截止</text>
|
||||
<text x="650" y="574" font-size="13" fill="#9e9e9e">已超时</text>
|
||||
|
||||
<text x="700" y="620" font-size="13" fill="#1565c0" text-decoration="underline">查看全部评审任务 →</text>
|
||||
|
||||
<!-- ========== 最近评审记录 ========== -->
|
||||
<text x="70" y="660" font-size="15" font-weight="bold" fill="#4a5568">📊 最近评审记录</text>
|
||||
<rect x="70" y="675" width="720" height="80" rx="8" fill="#fafbfc" stroke="#e0e4ec"/>
|
||||
|
||||
<rect x="80" y="685" width="700" height="28" rx="4" fill="#fff"/>
|
||||
<text x="100" y="705" font-size="13" fill="#1a2332">滨化集团_办公楼装修工程(已评)</text>
|
||||
<text x="480" y="705" font-size="12" fill="#8895aa">2026-06-28</text>
|
||||
<text x="620" y="705" font-size="12" fill="#4caf50">已提交</text>
|
||||
|
||||
<rect x="80" y="717" width="700" height="28" rx="4" fill="#fff"/>
|
||||
<text x="100" y="737" font-size="13" fill="#1a2332">厂区安防监控升级项目(已评)</text>
|
||||
<text x="480" y="737" font-size="12" fill="#8895aa">2026-06-20</text>
|
||||
<text x="620" y="737" font-size="12" fill="#4caf50">已提交</text>
|
||||
|
||||
<!-- ========== 右侧边栏 ========== -->
|
||||
<!-- 专家信息概览 -->
|
||||
<rect x="840" y="90" width="320" height="220" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
|
||||
<circle cx="900" cy="135" r="32" fill="#1565c0"/>
|
||||
<text x="900" y="141" text-anchor="middle" font-size="20" fill="#fff" font-weight="bold">王</text>
|
||||
|
||||
<text x="950" y="135" font-size="16" font-weight="bold" fill="#1a2332">王建国</text>
|
||||
<text x="950" y="158" font-size="13" fill="#8895aa">专家编号:EXP_20260601_002</text>
|
||||
|
||||
<rect x="840" y="175" width="320" height="1" fill="#f0f2f7"/>
|
||||
|
||||
<text x="870" y="200" font-size="13" fill="#4a5568">👨🔬 专业领域:</text>
|
||||
<text x="970" y="200" font-size="13" fill="#1a2332">化学工程、石油化工</text>
|
||||
|
||||
<text x="870" y="225" font-size="13" fill="#4a5568">📋 职称:</text>
|
||||
<text x="940" y="225" font-size="13" fill="#1a2332">教授级高级工程师</text>
|
||||
|
||||
<text x="870" y="250" font-size="13" fill="#4a5568">🏦 收款账户:</text>
|
||||
<text x="990" y="250" font-size="13" fill="#1a2332">6217***********1234</text>
|
||||
<text x="870" y="270" font-size="12" fill="#4caf50">✅ 已验证</text>
|
||||
|
||||
<!-- 评审统计 -->
|
||||
<rect x="840" y="330" width="320" height="110" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
<text x="870" y="365" font-size="15" font-weight="bold" fill="#4a5568">📈 评审统计</text>
|
||||
|
||||
<text x="870" y="395" font-size="13" fill="#4a5568">累计评审项目:</text>
|
||||
<text x="1020" y="395" font-size="18" font-weight="bold" fill="#1565c0">24</text>
|
||||
|
||||
<text x="870" y="420" font-size="13" fill="#4a5568">本年度评审:</text>
|
||||
<text x="1000" y="420" font-size="16" font-weight="bold" fill="#0d47a1">8</text>
|
||||
|
||||
<text x="870" y="445" font-size="13" fill="#4a5568">累计评审费:</text>
|
||||
<text x="1000" y="445" font-size="16" font-weight="bold" fill="#e65100">¥23,800.00</text>
|
||||
|
||||
<!-- 通知 -->
|
||||
<rect x="840" y="460" width="320" height="200" rx="12" fill="#fff" filter="url(#shadow)"/>
|
||||
<text x="870" y="495" font-size="15" font-weight="bold" fill="#4a5568">🔔 通知</text>
|
||||
|
||||
<rect x="870" y="515" width="270" height="28" rx="4" fill="#fafafa"/>
|
||||
<circle cx="885" cy="529" r="4" fill="#1565c0"/>
|
||||
<text x="900" y="535" font-size="13" fill="#1a2332">您被抽取为“催化剂采购”项目评委</text>
|
||||
|
||||
<rect x="870" y="547" width="270" height="28" rx="4" fill="#fafafa"/>
|
||||
<circle cx="885" cy="561" r="4" fill="#1565c0"/>
|
||||
<text x="900" y="567" font-size="13" fill="#1a2332">承诺书签署提醒(即将到期)</text>
|
||||
|
||||
<rect x="870" y="579" width="270" height="28" rx="4" fill="#fafafa"/>
|
||||
<circle cx="885" cy="593" r="4" fill="#1565c0"/>
|
||||
<text x="900" y="599" font-size="13" fill="#1a2332">2026年度继续教育通知</text>
|
||||
|
||||
<rect x="870" y="611" width="270" height="28" rx="4" fill="#fafafa"/>
|
||||
<circle cx="885" cy="625" r="4" fill="#1565c0"/>
|
||||
<text x="900" y="631" font-size="13" fill="#1a2332">评审费结算通知(3月)</text>
|
||||
|
||||
<!-- ============================================================ -->
|
||||
<!-- ===== AI 助手浮动对话框(已更新为浮窗样式) ===== -->
|
||||
<!-- ============================================================ -->
|
||||
|
||||
<!-- AI助手浮动对话框 -->
|
||||
<rect x="780" y="700" width="380" height="230" rx="16" fill="#ffffff" filter="url(#shadowBubble)" stroke="#e0e4ec" stroke-width="1"/>
|
||||
|
||||
<!-- 对话框头部 -->
|
||||
<rect x="780" y="700" width="380" height="40" rx="16" fill="url(#brandGrad)"/>
|
||||
<rect x="780" y="724" width="380" height="16" fill="url(#brandGrad)"/>
|
||||
<text x="810" y="726" font-size="15" font-weight="bold" fill="#fff">🤖 小滨</text>
|
||||
<text x="1120" y="726" font-size="16" fill="rgba(255,255,255,0.8)" font-weight="bold">✕</text>
|
||||
|
||||
<!-- 对话内容区 -->
|
||||
<!-- 待办项1:高优先级 -->
|
||||
<rect x="795" y="752" width="350" height="32" rx="6" fill="#ffebee"/>
|
||||
<text x="810" y="766" font-size="12" fill="#c62828" font-weight="bold">🔴</text>
|
||||
<text x="825" y="773" font-size="13" fill="#1a2332">你收到</text>
|
||||
<text x="875" y="773" font-size="13" fill="#1565c0" font-weight="bold" text-decoration="underline">催化剂采购项目</text>
|
||||
<text x="970" y="773" font-size="13" fill="#1a2332">的评标邀请</text>
|
||||
|
||||
<!-- 待办项2:中优先级 -->
|
||||
<rect x="795" y="790" width="350" height="32" rx="6" fill="#fff8e1"/>
|
||||
<text x="810" y="806" font-size="12" fill="#f57f17" font-weight="bold">🟡</text>
|
||||
<text x="825" y="810" font-size="13" fill="#1a2332">请点击</text>
|
||||
<text x="875" y="810" font-size="13" fill="#1565c0" font-weight="bold" text-decoration="underline">这里</text>
|
||||
<text x="900" y="810" font-size="13" fill="#1a2332">查看详情,接受或拒绝或申请回避</text>
|
||||
|
||||
<!-- 待办项3:低优先级 -->
|
||||
<rect x="795" y="828" width="350" height="24" rx="6" fill="#f5f5f5"/>
|
||||
<text x="810" y="844" font-size="12" fill="#1976d2" font-weight="bold">🔵</text>
|
||||
<text x="825" y="844" font-size="12" fill="#666">催化剂项目评审截止剩余不足24小时</text>
|
||||
|
||||
<!-- 底部输入框 -->
|
||||
<line x1="795" y1="880" x2="1145" y2="880" stroke="#e0e4ec" stroke-width="1"/>
|
||||
<rect x="795" y="888" width="290" height="30" rx="6" fill="#f5f7fa" stroke="#e0e4ec" stroke-width="1"/>
|
||||
<text x="805" y="908" font-size="13" fill="#b0bbcc">输入消息...</text>
|
||||
<circle cx="1115" cy="903" r="14" fill="url(#brandGrad)"/>
|
||||
<text x="1115" y="908" text-anchor="middle" font-size="13" fill="#fff">➤</text>
|
||||
|
||||
<!-- ===== AI助手头像(对话框下方) ===== -->
|
||||
<circle cx="1110" cy="940" r="34" fill="url(#brandGrad)" filter="url(#shadowDeep)"/>
|
||||
<text x="1110" y="935" text-anchor="middle" font-size="14" fill="#fff" font-weight="bold">小滨</text>
|
||||
<text x="1110" y="952" text-anchor="middle" font-size="9" fill="rgba(255,255,255,0.9)">AI 助手</text>
|
||||
|
||||
<!-- 呼吸光环 -->
|
||||
<circle cx="1110" cy="940" r="42" fill="none" stroke="#1976d2" stroke-width="2" opacity="0.3">
|
||||
<animate attributeName="r" from="36" to="48" dur="2s" repeatCount="indefinite"/>
|
||||
<animate attributeName="opacity" from="0.6" to="0" dur="2s" repeatCount="indefinite"/>
|
||||
</circle>
|
||||
|
||||
<!-- 对话框与AI头像连接箭头示意(小三角) -->
|
||||
<polygon points="1070,930 1085,920 1085,930" fill="#ffffff" stroke="#e0e4ec" stroke-width="0.5"/>
|
||||
</svg>
|
||||
```
|
||||
|
||||
|
||||
## 3. 各模块详细说明(文字描述)
|
||||
|
||||
### 3.1 顶部导航栏
|
||||
| 元素 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **品牌区** | 平台 Logo + 名称“智慧招标平台”,点击返回首页。 |
|
||||
| **导航菜单** | 工作台(当前高亮)、评审任务、承诺书管理、历史评审、个人资料。 |
|
||||
| **用户区** | 显示专家姓名“王建国”,点击展开下拉菜单(个人资料、安全设置、退出登录)。 |
|
||||
| **配色** | 采用蓝色系(#0d47a1 → #1976d2),与供应商的红色系形成角色区分。 |
|
||||
|
||||
### 3.2 欢迎区
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **内容** | 欢迎语 + 专家姓名 + 职称(如“王建国 教授”) |
|
||||
| **角色标签** | “外部专家”或“内部专家”标识,圆角标签样式 |
|
||||
| **专业信息** | 显示专家的核心专业领域(如“化学工程 | 石油化工”) |
|
||||
| **数据来源** | 从专家档案中读取 |
|
||||
|
||||
### 3.3 待办事项卡片
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **标题** | “📋 待办事项” |
|
||||
| **待办项分类** | **待确认评标邀请**:已被抽取为评标专家,需要确认邀请并签署《评标纪律承诺书》,或申请回避,或因时间冲突拒绝邀请。点击跳转至“评审任务”列表并自动筛选“待确认”状态。<br>**待完成评标项目**:已经确认接受评标邀请,待评标的项目。点击跳转至“评审任务”列表并自动筛选“待评审”或“评审中”状态。 |
|
||||
| **数据来源** | 实时查询后端 API,统计各状态数量(待确认邀请数、待评审项目数)。 |
|
||||
| **交互** | 点击任意待办项,跳转至“评审任务”列表页并应用对应状态筛选。 |
|
||||
|
||||
### 3.4 当前评审任务列表
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **标题** | “📂 当前评审任务” + 辅助文字“请在截止日期前完成评审...” |
|
||||
| **表格列** | 项目名称、专业领域、评审截止日期、状态、操作 |
|
||||
| **数据范围** | 展示最近或进行中的 4 条评审任务(含待确认、待评审、评审中、已截止) |
|
||||
| **状态标签** | **待确认**(蓝色):已抽取但未确认邀请<br>**待评审**(橙色):已确认,尚未开始评分<br>**评审中**(绿色):已部分提交或已进入<br>**已截止**(灰色):已过截止日期 |
|
||||
| **操作列** | - **待确认**:显示“查看”按钮,点击跳转至**评标邀请详情页**,专家可在该页面选择接受、回避或拒绝。<br>- **待评审/评审中**:显示“进入评审”或“继续评审”按钮,点击跳转至**在线盲评/打分页面**。<br>- **已截止**:显示“已超时”或“查看”只读模式。 |
|
||||
| **查看邀请详情** | 邀请详情页包含:项目基本信息、抽取记录、回避声明选项、承诺书签署入口、接受/回避/拒绝按钮。 |
|
||||
| **查看更多** | “查看全部评审任务 →”跳转至完整评审任务列表(支持分页、按状态筛选)。 |
|
||||
|
||||
### 3.5 最近评审记录
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **标题** | “📊 最近评审记录” |
|
||||
| **内容** | 展示最近 2 条已完成的评审记录,方便专家快速回顾 |
|
||||
| **展示信息** | 项目名称、评审完成日期、状态(已提交) |
|
||||
| **交互** | 点击记录跳转至历史评审详情页(只读模式) |
|
||||
|
||||
### 3.6 右侧边栏(删除快捷操作,调整顺序)
|
||||
|
||||
#### 3.6.1 专家信息概览
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **头像** | 专家姓名首字母圆形图标(蓝色背景) |
|
||||
| **姓名与编号** | 姓名 + 专家编号(如 EXP_20260601_002) |
|
||||
| **专业领域** | 展示 1~2 个主要评审专业 |
|
||||
| **职称** | 如教授级高级工程师、副教授等 |
|
||||
| **收款账户** | 脱敏显示银行账号(如 6217***********1234),状态标签“已验证” |
|
||||
| **数据来源** | 专家档案表 |
|
||||
|
||||
#### 3.6.2 评审统计
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **标题** | “📈 评审统计” |
|
||||
| **统计项** | 累计评审项目总数、本年度评审数量、**累计评审费**(替代原“待结算报酬”) |
|
||||
| **数据来源** | 实时统计(累计评审数、本年度评审数、已结算评审费总额) |
|
||||
| **作用** | 帮助专家了解自身贡献与累计收入,体现平台透明性 |
|
||||
|
||||
#### 3.6.3 通知
|
||||
| 属性 | 说明 |
|
||||
| :--- | :--- |
|
||||
| **标题** | “🔔 通知” |
|
||||
| **数量** | 展示 4 条最新通知(因删除快捷操作,空间充裕) |
|
||||
| **通知类型** | 评审邀请、承诺书签署提醒、系统通知、培训通知、结算通知等 |
|
||||
| **交互** | 点击通知可标记为已读,跳转至通知详情 |
|
||||
| **数据来源** | 通知中心 API |
|
||||
|
||||
### 3.7 AI 助手主动提醒待办事项
|
||||
|
||||
| 属性 | 说明 |
|
||||
| :------- | :------------------------------------------- |
|
||||
| **触发条件** | 当专家存在**紧急待办**时,AI助手自动弹出提醒。 |
|
||||
| **内容示例** | 你收到催化剂采购项目的评标邀请,请点击`这里`查看详情,你可以接受邀请或拒绝或申请回避。 |
|
||||
| **交互** | 点周内容中的链接直接跳转到评标邀请页面。 |
|
||||
| **数量限制** | 最多展示 3 项最紧急的待办事项,按紧急程度(截止时间)排序。 |
|
||||
| **表现形式** | 浮动对话框,上方显示对话内容,下方为用户输出框。 |
|
||||
|
||||
|
||||
|
||||
## 4. 交互流程详细说明
|
||||
|
||||
### 4.1 核心操作:查看评标邀请(待确认状态)
|
||||
| 步骤 | 说明 |
|
||||
| :--- | :--- |
|
||||
| 1 | 在“当前评审任务”列表中,点击状态为“待确认”项目的“查看”按钮。 |
|
||||
| 2 | 跳转至**评标邀请详情页**,该页面展示:<br>• 项目基本信息(项目名称、采购方、评标时间、地点/线上方式)<br>• 评标工作内容简述<br>• 回避声明条款(需逐项勾选确认)<br>• 《评标纪律承诺书》预览及签署按钮<br>• 三个操作按钮:**接受邀请**、**申请回避**、**拒绝邀请** |
|
||||
| 3 | 专家选择操作:<br>• **接受邀请**:需先签署承诺书(若未签署),签署后自动确认,状态变为“待评审”。<br>• **申请回避**:填写回避原因并提交,系统推送至招标专员审核。<br>• **拒绝邀请**:填写拒绝原因(如时间冲突),系统自动从评审名单中移除。 |
|
||||
| 4 | 操作完成后,跳转回工作台,任务列表中该任务状态相应更新。 |
|
||||
|
||||
### 4.2 核心操作:进入评审
|
||||
|
||||
| 步骤 | 说明 |
|
||||
| :--- | :--- |
|
||||
| 1 | 点击“进入评审”或“继续评审”按钮(仅当状态为待评审或评审中)。 |
|
||||
| 2 | 系统二次校验:确认专家已签署当前项目的《评标纪律承诺书》,若未签署则引导补签。 |
|
||||
| 3 | 进入**在线盲评室**页面。该页面包含:<br>• 项目基本信息(脱敏展示)<br>• 已加密/脱敏的投标文件列表(技术标、商务标分开)<br>• 评分维度表(根据招标文件设定的评标办法)<br>• 打分输入框与评语输入框<br>• 提交/暂存按钮 |
|
||||
| 4 | 专家逐项打分并填写评语,可“暂存”草稿。 |
|
||||
| 5 | 全部完成后点击“提交评分”,系统校验是否漏项。 |
|
||||
| 6 | 提交后不可修改,状态变更为“已提交”,数据自动存证(哈希链)。 |
|
||||
| 7 | 跳转回工作台,评审任务列表中该任务消失或状态更新。 |
|
||||
### 4.3 通知交互
|
||||
| 步骤 | 说明 |
|
||||
| :--- | :--- |
|
||||
| 1 | 点击通知列表中的任一通知。 |
|
||||
| 2 | 通知标记为“已读”状态。 |
|
||||
| 3 | 根据不同通知类型跳转至对应详情页。 |
|
||||
|
||||
|
||||
## 5. 数据模型与 API
|
||||
|
||||
### 5.1 专家待办统计
|
||||
```
|
||||
GET /api/v1/expert/todo/count
|
||||
响应:
|
||||
{
|
||||
"pendingInvitations": 2, // 待确认评标邀请数
|
||||
"pendingReviews": 3 // 待完成评标项目数(含待评审、评审中)
|
||||
}
|
||||
```
|
||||
|
||||
### 5.2 评审任务列表(含待确认状态)
|
||||
```
|
||||
GET /api/v1/expert/review-tasks?limit=4
|
||||
响应:[
|
||||
{
|
||||
"projectId": "P20260701",
|
||||
"projectName": "年产5万吨聚丙烯项目(设备采购)",
|
||||
"category": "化学工程",
|
||||
"deadline": "2026-07-20",
|
||||
"status": "PENDING_CONFIRM", // 新增状态
|
||||
"action": "VIEW_INVITATION" // 查看邀请
|
||||
},
|
||||
{
|
||||
"projectId": "P20260702",
|
||||
"projectName": "数字化交付平台开发服务",
|
||||
"category": "信息技术",
|
||||
"deadline": "2026-07-18",
|
||||
"status": "PENDING_REVIEW",
|
||||
"action": "START_REVIEW"
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
### 5.3 评审统计
|
||||
```
|
||||
GET /api/v1/expert/statistics
|
||||
响应:
|
||||
{
|
||||
"totalReviewed": 24,
|
||||
"yearlyReviewed": 8,
|
||||
"totalFee": 23800.00 // 累计评审费(替代pendingPayment)
|
||||
}
|
||||
```
|
||||
|
||||
### 5.4 紧急待办提醒
|
||||
```
|
||||
GET /api/v1/expert/urgent-todos
|
||||
响应:[
|
||||
{
|
||||
"type": "CONFIRM_INVITATION",
|
||||
"projectId": "P20260701",
|
||||
"message": "确认评标邀请(剩余12小时)",
|
||||
"deadline": "2026-07-03 09:00"
|
||||
},
|
||||
{
|
||||
"type": "SIGN_COMMITMENT",
|
||||
"message": "签署《评标纪律承诺书》",
|
||||
"deadline": "2026-07-15"
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
## 6. 状态与空状态设计
|
||||
|
||||
### 6.1 任务状态映射
|
||||
| 评审任务状态 | 标签颜色 | 操作按钮 |
|
||||
| :----- | :---------- | :--------- |
|
||||
| 待确认 | 蓝色(#1565c0) | 查看(跳转邀请详情) |
|
||||
| 待评审 | 橙色(#ff9800) | 进入评审 |
|
||||
| 评审中 | 绿色(#4caf50) | 继续评审 |
|
||||
| 已完成 | 灰色(#9e9e9e) | 查看详情 |
|
||||
|
||||
### 6.2 空状态说明
|
||||
| 场景 | 展示内容 |
|
||||
| :--- | :--- |
|
||||
| **无待办事项** | “🎉 暂无待办,感谢您的付出!” |
|
||||
| **无当前评审任务** | “📭 当前没有待评审项目,有新任务时会第一时间通知您。” |
|
||||
| **无通知** | “暂无新通知” |
|
||||
|
||||
|
||||
## 7. 权限与角色差异
|
||||
|
||||
| 功能 | 外部专家 | 内部专家 | 说明 |
|
||||
| :--- | :--- | :--- | :--- |
|
||||
| 查看工作台 | ✅ | ✅ | 默认页面 |
|
||||
| 查看/确认邀请 | ✅ | ✅ | 需在邀请详情页操作 |
|
||||
| 进入评审 | ✅ | ✅ | 需已确认邀请并签署承诺书 |
|
||||
| 签署承诺书 | ✅ | ✅ | 独立签署 |
|
||||
| 回避申报 | ✅ | ✅ | 可在邀请详情页或专门入口申报 |
|
||||
| 查看累计评审费 | ✅ | ✅ | 外部专家关注,内部专家也可能有 |
|
||||
|
||||
|
||||
## 8. 安全与合规要点
|
||||
|
||||
- **评审盲评**:进入评审室前系统强制校验承诺书签署状态,未签署不可查看投标文件。
|
||||
- **数据脱敏**:专家手机号、银行账号在侧边栏中脱敏展示。
|
||||
- **操作存证**:每次评分提交、承诺书签署、回避申报均触发哈希链存证。
|
||||
- **回避校验**:AI 自动抽取时会校验回避关系,专家在邀请确认时需人工确认。
|
||||
|
||||
Reference in New Issue
Block a user