|
|
# 分段招标管理
|
|
|
|
|
|
> 模块编码：bidding
|
|
|
> 端侧：Web专属（仅医院账号）
|
|
|
> 关联文档：01-模块划分 §4.2 / 02-功能清单-医院 §2 / 03-业务流转逻辑-医院 §2 / 05-接口规范 §9.2
|
|
|
> 强制规范遵循 `07-前端界面开发规范.md`
|
|
|
|
|
|
## 功能概览
|
|
|
|
|
|
| 项目 | 说明 |
|
|
|
|------|------|
|
|
|
| 菜单名称 | 分段招标管理 |
|
|
|
| 子菜单 | 招标计划、标段管理、供应商管理、招标发布、投标管理、评标管理、定标审批、中标公示 |
|
|
|
| 功能编号 | HO-BD-01 ~ HO-BD-09 |
|
|
|
| 权限编码前缀 | bidding:plan:* / bidding:section:* / bidding:supplier:* / bidding:award:* |
|
|
|
|
|
|
> **重要**：分段招标管理仅医院账号可用，物业公司不可操作此模块。
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面1：招标计划页
|
|
|
|
|
|
**页面编号**：HO-BD-01-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/plans
|
|
|
|
|
|
### 界面布局
|
|
|
|
|
|
```
|
|
|
┌──────────────────────────────────────────────────────────────────┐
|
|
|
│ [面包屑] 分段招标管理 > 招标计划 │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [查询条件区] │
|
|
|
│ 计划名称[____] 状态[▼] 招标方式[▼] [查询] [重置] │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [操作栏] [新增招标计划] │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [列表区] │
|
|
|
│ 序号| 计划名称 | 招标方式 | 标段数 | 状态 | 创建时间 | 操作 │
|
|
|
│ 1 | 2026年保洁招标 | 公开招标 | 3 | 投标中 | 04-01 | 查看 │
|
|
|
│ 2 | 2026年维修招标 | 邀请招标 | 2 | 计划中 | 04-10 | 编辑 │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [分页] 共8条 │
|
|
|
└──────────────────────────────────────────────────────────────────┘
|
|
|
```
|
|
|
|
|
|
### 表单字段（新增/编辑页）
|
|
|
|
|
|
| 字段名 | 控件类型 | 必填 | 默认值 | 数据来源 | 校验规则 |
|
|
|
|--------|----------|------|--------|----------|----------|
|
|
|
| 计划名称 | 文本输入 | 是 | — | 自填 | 最大100字 |
|
|
|
| 关联项目 | 下拉单选 | 是 | — | 本医院院区 | — |
|
|
|
| 招标方式 | 下拉单选 | 是 | — | 固定选项 | 公开招标/邀请招标/竞争性谈判 |
|
|
|
| 预算金额 | 数字输入 | 是 | — | 自填 | >0 |
|
|
|
| 投标截止日期 | 日期时间 | 是 | — | 自填 | 晚于当前时间 |
|
|
|
| 计划描述 | 多行文本 | 否 | — | 自填 | 最大500字 |
|
|
|
|
|
|
### 操作按钮
|
|
|
|
|
|
| 按钮 | 权限编码 | 位置 | 显示条件 | 说明 |
|
|
|
|------|----------|------|----------|------|
|
|
|
| 新增招标计划 | bidding:plan:create | 操作栏 | 始终 | — |
|
|
|
| 编辑 | bidding:plan:update | 行操作 | 状态=计划中 | — |
|
|
|
| 查看 | bidding:plan:view | 行操作 | 始终 | — |
|
|
|
|
|
|
### API端点
|
|
|
|
|
|
| 页面操作 | API路径 | 方法 | 说明 |
|
|
|
|----------|---------|------|------|
|
|
|
| 列表查询 | /api/v1/bidding-plans | GET | — |
|
|
|
| 新增 | /api/v1/bidding-plans | POST | — |
|
|
|
| 编辑 | /api/v1/bidding-plans/{id} | PUT | — |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用招标计划列表API → 渲染列表
|
|
|
2. **查询/筛选交互流程**：填写筛选条件 → 点击"查询"按钮 → 调用API携带筛选参数 → 刷新列表；点击"重置"清空条件重新加载
|
|
|
3. **表单填写与提交流程**：点击"新增招标计划" → 弹出新增弹窗（或跳转新增页）→ 填写表单 → 提交保存；点击"编辑"（状态=计划中）→ 弹出编辑弹窗 → 修改后保存
|
|
|
4. **弹窗/抽屉交互流程**：新增/编辑弹窗（el-dialog，含招标计划表单字段）
|
|
|
5. **行内操作流程**：点击"查看"跳转计划详情页；点击"编辑"弹出编辑弹窗
|
|
|
6. **异常与错误处理**：API请求失败显示el-message错误提示；投标截止日期早于当前时间提交时提示错误
|
|
|
7. **联动/级联交互**：状态筛选与列表数据联动，筛选后分页重置为第1页
|
|
|
8. **权限控制交互表现**：无创建权限隐藏"新增招标计划"按钮；状态非"计划中"时隐藏"编辑"按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "查询"/"新增招标计划"按钮请求期间置 loading+disabled 状态；行操作（编辑/查看）点击后禁用该行操作直至请求完成；翻页时 abort 未完成请求
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；表单提交(POST)超时 30s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: 本页面无危险操作需二次确认
|
|
|
- **H5 权限隔离(建议)**: 返回空列表展示"暂无招标计划"；code=403 时展示"无权限访问"
|
|
|
- **H6 批量限制(建议)**: 本页面无批量导出操作
|
|
|
- **H8 反馈机制(建议)**: 操作成功 success（duration=2s）+ 静默刷新；失败 error（duration=0）；网络异常显示重试按钮
|
|
|
- **弹窗表单（新增/编辑招标计划）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内提交按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 提交(POST/PUT)超时 30s
|
|
|
- **H4 脏数据检测(强制)**: 弹窗内表单修改后尝试关闭时拦截确认
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 计划名称输入 | el-input | placeholder="请输入计划名称"，clearable，maxlength=100 |
|
|
|
| 状态选择 | el-select | placeholder="请选择状态"，clearable |
|
|
|
| 招标方式选择 | el-select | placeholder="请选择招标方式"，clearable，options: 公开招标/邀请招标/竞争性谈判 |
|
|
|
| 查询按钮 | el-button | type="primary"，icon="Search" |
|
|
|
| 重置按钮 | el-button | type="default"，icon="Refresh" |
|
|
|
| 新增招标计划按钮 | el-button | type="primary"，icon="Plus" |
|
|
|
| 计划列表 | el-table | stripe，border，row-key="id" |
|
|
|
| 状态列 | el-tag | :type根据状态配色（计划中=info，投标中=warning，已完成=success） |
|
|
|
| 编辑按钮 | el-button | type="primary"，size="small"，link样式 |
|
|
|
| 查看按钮 | el-button | type="default"，size="small"，link样式 |
|
|
|
| 新增/编辑弹窗 | el-dialog | title="新增招标计划/编辑招标计划"，width="600px" |
|
|
|
| 关联项目选择 | el-select | placeholder="请选择关联项目"，filterable |
|
|
|
| 预算金额 | el-input-number | :min=0.01，:precision=2，controls-position="right" |
|
|
|
| 投标截止日期 | el-date-picker | type="datetime"，placeholder="请选择投标截止日期" |
|
|
|
| 计划描述 | el-input | type="textarea"，:rows=4，maxlength=500，show-word-limit |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 计划名称 | required，maxlength=100 | 请输入计划名称 / 计划名称不能超过100个字符 |
|
|
|
| 关联项目 | required | 请选择关联项目 |
|
|
|
| 招标方式 | required | 请选择招标方式 |
|
|
|
| 预算金额 | required，>0 | 请输入预算金额 / 预算金额必须大于0 |
|
|
|
| 投标截止日期 | required，晚于当前时间 | 请选择投标截止日期 / 截止日期必须晚于当前时间 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 查询条件区单行排列，列表全字段展示 |
|
|
|
| 1024-1279px（Pad横屏） | 查询条件区双行排列，隐藏"创建时间"列，编辑弹窗宽度90% |
|
|
|
| 768-1023px（Pad竖屏） | 查询条件区纵向堆叠，仅显示计划名称/状态筛选，列表显示核心字段（计划名称/招标方式/状态/操作），弹窗全屏宽度 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面2：标段管理页
|
|
|
|
|
|
**页面编号**：HO-BD-02-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/sections
|
|
|
|
|
|
### 列表字段
|
|
|
|
|
|
| 序号 | 字段名 | 列宽 | 支持排序 | 说明 |
|
|
|
|------|--------|------|----------|------|
|
|
|
| 1 | 标段名称 | 150px | 否 | — |
|
|
|
| 2 | 所属计划 | 150px | 否 | — |
|
|
|
| 3 | 标段范围 | 200px | 否 | — |
|
|
|
| 4 | 预算金额 | 100px | 是 | — |
|
|
|
| 5 | 投标供应商数 | 100px | 否 | — |
|
|
|
| 6 | 状态 | 80px | 否 | — |
|
|
|
| 7 | 操作 | 100px | — | 编辑/查看 |
|
|
|
|
|
|
### 表单字段（新增/编辑弹窗）
|
|
|
|
|
|
| 字段名 | 控件类型 | 必填 | 默认值 | 数据来源 | 校验规则 |
|
|
|
|--------|----------|------|--------|----------|----------|
|
|
|
| 标段名称 | 文本输入 | 是 | — | 自填 | 最大50字 |
|
|
|
| 标段范围 | 多行文本 | 是 | — | 自填 | 最大500字 |
|
|
|
| 预算金额 | 数字输入 | 是 | — | 自填 | >0 |
|
|
|
| 资质要求 | 多行文本 | 否 | — | 自填 | — |
|
|
|
| 评标标准 | 多行文本 | 否 | — | 自填 | — |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面（从招标计划详情进入）→ 调用标段列表API → 渲染列表
|
|
|
2. **查询/筛选交互流程**：不适用（按所属计划自动过滤）
|
|
|
3. **表单填写与提交流程**：点击"新增标段"（操作栏）→ 弹出新增弹窗 → 填写标段信息 → 保存；点击"编辑" → 弹出编辑弹窗 → 修改后保存
|
|
|
4. **弹窗/抽屉交互流程**：新增/编辑标段弹窗（el-dialog，含标段名称、范围、预算金额、资质要求、评标标准字段）
|
|
|
5. **行内操作流程**：点击"编辑"弹出编辑弹窗；点击"查看"跳转标段详情
|
|
|
6. **异常与错误处理**：保存失败显示el-message错误提示；预算金额为0时阻止提交
|
|
|
7. **联动/级联交互**：所属计划与标段数据联动，切换计划自动加载对应标段
|
|
|
8. **权限控制交互表现**：无编辑权限时行操作仅显示"查看"
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "新增标段"/行操作（编辑/查看）按钮请求期间置 loading+disabled 状态；操作期间禁用该行其他操作
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；标段保存(POST)超时 30s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: 本页面无危险操作需二次确认
|
|
|
- **H5 权限隔离(建议)**: 返回空列表展示"暂无标段数据"；code=403 时展示"无权限访问"
|
|
|
- **H8 反馈机制(建议)**: 操作成功 success（duration=2s）+ 静默刷新列表；失败 error（duration=0）；网络异常显示重试按钮
|
|
|
- **弹窗表单（新增/编辑标段）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内提交按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 提交(POST)超时 30s
|
|
|
- **H4 脏数据检测(强制)**: 弹窗内表单修改后尝试关闭时拦截确认
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 标段列表 | el-table | stripe，border，row-key="id" |
|
|
|
| 状态列 | el-tag | :type根据状态配色 |
|
|
|
| 编辑按钮 | el-button | type="primary"，size="small"，link样式 |
|
|
|
| 查看按钮 | el-button | type="default"，size="small"，link样式 |
|
|
|
| 新增/编辑弹窗 | el-dialog | title="新增标段/编辑标段"，width="600px" |
|
|
|
| 标段名称输入 | el-input | placeholder="请输入标段名称"，maxlength=50 |
|
|
|
| 标段范围 | el-input | type="textarea"，:rows=3，maxlength=500，show-word-limit |
|
|
|
| 预算金额 | el-input-number | :min=0.01，:precision=2，controls-position="right" |
|
|
|
| 资质要求 | el-input | type="textarea"，:rows=3 |
|
|
|
| 评标标准 | el-input | type="textarea"，:rows=3 |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 标段名称 | required，maxlength=50 | 请输入标段名称 / 标段名称不能超过50个字符 |
|
|
|
| 标段范围 | required，maxlength=500 | 请输入标段范围 / 标段范围不能超过500个字符 |
|
|
|
| 预算金额 | required，>0 | 请输入预算金额 / 预算金额必须大于0 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 列表全字段展示，操作列右对齐 |
|
|
|
| 1024-1279px（Pad横屏） | 隐藏"标段范围"列，编辑弹窗宽度90% |
|
|
|
| 768-1023px（Pad竖屏） | 仅显示标段名称/预算金额/状态/操作核心字段，弹窗全屏宽度 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面3：供应商管理页
|
|
|
|
|
|
**页面编号**：HO-BD-03-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/suppliers
|
|
|
|
|
|
### 列表字段
|
|
|
|
|
|
| 序号 | 字段名 | 列宽 | 支持排序 | 说明 |
|
|
|
|------|--------|------|----------|------|
|
|
|
| 1 | 供应商名称 | 150px | 是 | — |
|
|
|
| 2 | 联系人 | 80px | 否 | — |
|
|
|
| 3 | 联系电话 | 120px | 否 | — |
|
|
|
| 4 | 资质状态 | 80px | 否 | 已审核/待审核/黑名单 |
|
|
|
| 5 | 合作次数 | 80px | 是 | — |
|
|
|
| 6 | 操作 | 140px | — | 编辑/审核/拉黑 |
|
|
|
|
|
|
### 表单字段（新增/编辑弹窗）
|
|
|
|
|
|
| 字段名 | 控件类型 | 必填 | 默认值 | 数据来源 | 校验规则 |
|
|
|
|--------|----------|------|--------|----------|----------|
|
|
|
| 供应商名称 | 文本输入 | 是 | — | 自填 | 最大100字 |
|
|
|
| 统一社会信用代码 | 文本输入 | 是 | — | 自填 | 18位 |
|
|
|
| 联系人 | 文本输入 | 是 | — | 自填 | — |
|
|
|
| 联系电话 | 文本输入 | 是 | — | 自填 | 手机号格式 |
|
|
|
| 地址 | 文本输入 | 否 | — | 自填 | — |
|
|
|
| 资质文件 | 文件上传 | 否 | — | 上传 | ≤5个文件 |
|
|
|
| 备注 | 多行文本 | 否 | — | 自填 | 最大200字 |
|
|
|
|
|
|
### 操作按钮
|
|
|
|
|
|
| 按钮 | 权限编码 | 位置 | 显示条件 | 说明 |
|
|
|
|------|----------|------|----------|------|
|
|
|
| 新增供应商 | bidding:supplier:create | 操作栏 | 始终 | — |
|
|
|
| 编辑 | bidding:supplier:update | 行操作 | 始终 | — |
|
|
|
| 资质审核 | bidding:supplier:approve | 行操作 | 资质状态=待审核 | 通过/驳回 |
|
|
|
| 拉黑/移出黑名单 | bidding:supplier:update | 行操作 | 始终 | 黑名单供应商不可投标 |
|
|
|
|
|
|
### API端点
|
|
|
|
|
|
| 页面操作 | API路径 | 方法 | 说明 |
|
|
|
|----------|---------|------|------|
|
|
|
| 列表查询 | /api/v1/suppliers | GET | — |
|
|
|
| 新增 | /api/v1/suppliers | POST | — |
|
|
|
| 资质审核 | /api/v1/suppliers/{id}/audit | POST | — |
|
|
|
| 拉黑 | /api/v1/suppliers/{id}/blacklist | PUT | — |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用供应商列表API → 渲染列表，黑名单供应商行灰色标记
|
|
|
2. **查询/筛选交互流程**：支持按供应商名称、资质状态筛选，查询后刷新列表
|
|
|
3. **表单填写与提交流程**：点击"新增供应商" → 弹出新增弹窗 → 填写供应商信息 → 保存；点击"编辑" → 弹出编辑弹窗 → 修改后保存
|
|
|
4. **弹窗/抽屉交互流程**：新增/编辑供应商弹窗（el-dialog）；资质审核弹窗（选择通过/驳回，驳回需填写原因）；拉黑确认弹窗（el-message-box）
|
|
|
5. **行内操作流程**：点击"资质审核"弹出审核弹窗；点击"拉黑"弹出确认弹窗，确认后状态变更；点击"移出黑名单"恢复正常状态
|
|
|
6. **异常与错误处理**：统一社会信用代码重复时提示"该供应商已存在"；拉黑后该供应商不可投标，操作时二次确认提醒
|
|
|
7. **联动/级联交互**：资质状态与操作按钮联动（待审核显示审核按钮，黑名单显示移出黑名单按钮）
|
|
|
8. **权限控制交互表现**：无审核权限隐藏"资质审核"按钮；无拉黑权限隐藏"拉黑/移出黑名单"按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "新增供应商"/行操作（编辑/资质审核/拉黑）按钮请求期间置 loading+disabled 状态；操作期间禁用该行其他操作
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；提交/审核(POST)超时 30s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: "拉黑"前弹出 confirm(`确定要将供应商"${supplierName}"加入黑名单？加入后该供应商将无法参与任何投标。`, type='error')；"移出黑名单"前弹出 confirm("确定要将该供应商移出黑名单？", type='warning')；"资质审核-驳回"前弹出 confirm + 驳回原因输入框（必填）
|
|
|
- **H5 权限隔离(建议)**: 返回空列表展示"暂无供应商数据"；code=403 时展示"无权限访问"
|
|
|
- **H7 文件上传(建议)**: 资质文件上传限制单个文件≤10MB、总数≤9个；超出时提示"单文件不超过10MB，附件总数不超过9个"
|
|
|
- **H8 反馈机制(建议)**: 操作成功 success（duration=2s）+ 静默刷新列表；失败 error（duration=0）；网络异常显示重试按钮
|
|
|
- **弹窗表单（新增/编辑供应商）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内提交按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 提交(POST)超时 30s
|
|
|
- **H4 脏数据检测(强制)**: 弹窗内表单修改后尝试关闭时拦截确认
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
- **弹窗表单（资质审核）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内确认按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 审核(POST)超时 30s
|
|
|
- **H3 操作确认(强制)**: 已由外层 H3 覆盖（驳回需原因）
|
|
|
- **H4 脏数据检测(强制)**: 审核结果/驳回原因修改后尝试关闭时拦截
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 供应商列表 | el-table | stripe，border，:row-class-name黑名单行灰色 |
|
|
|
| 资质状态列 | el-tag | :type根据状态配色（已审核=success，待审核=warning，黑名单=danger） |
|
|
|
| 新增供应商按钮 | el-button | type="primary"，icon="Plus" |
|
|
|
| 编辑按钮 | el-button | type="primary"，size="small"，link样式 |
|
|
|
| 资质审核按钮 | el-button | type="warning"，size="small"，link样式 |
|
|
|
| 拉黑按钮 | el-button | type="danger"，size="small"，link样式 |
|
|
|
| 新增/编辑弹窗 | el-dialog | title="新增供应商/编辑供应商"，width="600px" |
|
|
|
| 统一社会信用代码 | el-input | placeholder="请输入统一社会信用代码"，maxlength=18 |
|
|
|
| 联系电话 | el-input | placeholder="请输入联系电话" |
|
|
|
| 资质文件上传 | el-upload | action="/api/v1/files/upload"，:limit=5，:file-list.sync |
|
|
|
| 资质审核弹窗 | el-dialog | title="资质审核"，width="500px" |
|
|
|
| 审核结果 | el-radio-group | 通过/驳回单选 |
|
|
|
| 审核驳回原因 | el-input | type="textarea"，:rows=3，v-if="审核结果=驳回" |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 供应商名称 | required，maxlength=100 | 请输入供应商名称 / 供应商名称不能超过100个字符 |
|
|
|
| 统一社会信用代码 | required，pattern=/^[0-9A-Z]{18}$/ | 请输入统一社会信用代码 / 统一社会信用代码格式不正确（18位字母数字） |
|
|
|
| 联系人 | required | 请输入联系人 |
|
|
|
| 联系电话 | required，pattern=/^1[3-9]\d{9}$/ | 请输入联系电话 / 联系电话格式不正确 |
|
|
|
| 审核结果 | required（审核时） | 请选择审核结果 |
|
|
|
| 审核驳回原因 | required（审核驳回时） | 请输入驳回原因 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 列表全字段展示，操作列右对齐 |
|
|
|
| 1024-1279px（Pad横屏） | 隐藏"合作次数"列，操作收入"更多"下拉 |
|
|
|
| 768-1023px（Pad竖屏） | 仅显示供应商名称/资质状态/操作核心字段，弹窗全屏宽度 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面4：招标发布页
|
|
|
|
|
|
**页面编号**：HO-BD-04-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/publish
|
|
|
|
|
|
### 操作流程
|
|
|
|
|
|
```
|
|
|
选择招标计划 → 确认标段 → 上传招标文件 → 邀请供应商(邀请招标时) → 发布
|
|
|
```
|
|
|
|
|
|
### 表单字段
|
|
|
|
|
|
| 字段名 | 控件类型 | 必填 | 默认值 | 数据来源 | 校验规则 |
|
|
|
|--------|----------|------|--------|----------|----------|
|
|
|
| 招标计划 | 下拉单选 | 是 | — | 计划中/待发布的计划 | — |
|
|
|
| 招标公告 | 多行文本 | 是 | — | 自填 | — |
|
|
|
| 招标文件 | 文件上传 | 是 | — | 上传 | ≤10个文件 |
|
|
|
| 邀请供应商 | 下拉多选 | 条件 | — | 供应商列表(已审核) | 邀请招标时必填 |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 加载可选招标计划（状态=待发布）→ 渲染发布表单
|
|
|
2. **查询/筛选交互流程**：不适用
|
|
|
3. **表单填写与提交流程**：选择招标计划 → 自动加载关联标段信息 → 确认标段 → 上传招标文件 → 填写招标公告 → （邀请招标时）选择邀请供应商 → 点击"发布" → 二次确认后调用发布API → 发布成功跳转招标计划页
|
|
|
4. **弹窗/抽屉交互流程**：发布确认弹窗（el-message-box，提示"确认发布招标？发布后不可撤回"）；招标文件上传使用el-upload，支持预览已上传文件
|
|
|
5. **行内操作流程**：不适用（发布页为表单交互）
|
|
|
6. **异常与错误处理**：招标文件未上传时阻止发布；邀请招标未选择供应商时提示"请选择邀请供应商"；发布失败显示el-message错误提示
|
|
|
7. **联动/级联交互**：招标方式为"邀请招标"时显示邀请供应商选择（必填）；招标方式为"公开招标"时隐藏；选择招标计划后自动加载标段信息
|
|
|
8. **权限控制交互表现**：无发布权限时隐藏"发布"按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "发布"按钮请求期间置 loading+disabled 状态；提交后禁用所有表单交互直至请求完成
|
|
|
- **H2 超时控制(强制)**: 表单提交(POST)超时 30s；文件上传超时 60s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: "发布"前弹出 confirm("确定要发布该招标？发布后不可撤回，供应商将可查看并投标。", type='warning')
|
|
|
- **H4 脏数据检测(强制)**: 页面加载时 deep clone 初始表单数据为 _originData；监听表单变化维护 isDirty 标志；用户未保存尝试离开时通过 beforeRouteLeave 拦截并弹窗确认
|
|
|
- **H7 文件上传(建议)**: 招标文件上传限制单个文件≤10MB、总数≤9个；超出时提示"单文件不超过10MB，文件总数不超过9个"；支持 .pdf/.doc/.docx
|
|
|
- **H8 反馈机制(建议)**: 发布成功显示 success（duration=2s）+ 延迟跳转招标计划页；失败显示 error（duration=0）；网络异常时显示重试按钮
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 招标计划选择 | el-select | placeholder="请选择招标计划"，filterable，@change加载标段信息 |
|
|
|
| 标段确认区 | el-table | :data=关联标段，stripe，border，disabled不可编辑 |
|
|
|
| 招标公告 | el-input | type="textarea"，:rows=6，placeholder="请输入招标公告" |
|
|
|
| 招标文件上传 | el-upload | action="/api/v1/files/upload"，:limit=10，accept=".pdf,.doc,.docx"，drag拖拽上传，:on-preview预览 |
|
|
|
| 邀请供应商 | el-select | placeholder="请选择供应商"，multiple，filterable，collapse-tags，v-if="招标方式=邀请招标" |
|
|
|
| 发布按钮 | el-button | type="primary"，icon="Promotion"，:loading提交中 |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 招标计划 | required | 请选择招标计划 |
|
|
|
| 招标公告 | required | 请输入招标公告 |
|
|
|
| 招标文件 | required，≤10个 | 请上传招标文件 / 招标文件不能超过10个 |
|
|
|
| 邀请供应商 | required（邀请招标时） | 请选择邀请供应商 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 表单双列布局，标段确认区全宽展示 |
|
|
|
| 1024-1279px（Pad横屏） | 表单单列布局，标段确认区全宽展示 |
|
|
|
| 768-1023px（Pad竖屏） | 表单单列布局，文件上传区域宽度100%，邀请供应商选择全宽展示 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面5：投标管理页
|
|
|
|
|
|
**页面编号**：HO-BD-05-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/bids
|
|
|
|
|
|
### 列表字段
|
|
|
|
|
|
| 序号 | 字段名 | 列宽 | 支持排序 | 说明 |
|
|
|
|------|--------|------|----------|------|
|
|
|
| 1 | 标段名称 | 120px | 否 | — |
|
|
|
| 2 | 供应商 | 120px | 否 | — |
|
|
|
| 3 | 投标时间 | 140px | 是 | — |
|
|
|
| 4 | 投标金额 | 100px | 是 | — |
|
|
|
| 5 | 投标文件 | 100px | 否 | 下载查看 |
|
|
|
| 6 | 状态 | 80px | 否 | 已投标/已开标 |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用投标列表API → 渲染列表，默认按投标时间倒序
|
|
|
2. **查询/筛选交互流程**：支持按标段名称、供应商、状态筛选
|
|
|
3. **表单填写与提交流程**：不适用（医院端仅查看投标数据，投标由供应商提交）
|
|
|
4. **弹窗/抽屉交互流程**：点击投标文件"下载查看" → 新窗口打开/下载投标文件
|
|
|
5. **行内操作流程**：点击投标文件列链接下载查看
|
|
|
6. **异常与错误处理**：投标文件下载失败提示"文件下载失败，请重试"；列表为空显示el-empty
|
|
|
7. **联动/级联交互**：标段选择后自动过滤该标段下的投标数据
|
|
|
8. **权限控制交互表现**：医院账号仅查看，无操作按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: 投标文件下载按钮点击后置 loading+disabled 状态直至下载完成
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；文件下载超时 60s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H8 反馈机制(建议)**: 文件下载失败显示 error（duration=0）；网络异常时显示重试按钮；列表加载成功静默刷新
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 投标列表 | el-table | stripe，border，:default-sort="{prop: 'bidTime', order: 'descending'}" |
|
|
|
| 状态列 | el-tag | :type根据状态配色（已投标=info，已开标=success） |
|
|
|
| 投标文件 | el-link | type="primary"，:underline=false，icon="Download"，@click下载 |
|
|
|
| 标段筛选 | el-select | placeholder="请选择标段"，clearable，filterable |
|
|
|
| 供应商筛选 | el-input | placeholder="请输入供应商名称"，clearable |
|
|
|
| 状态筛选 | el-select | placeholder="请选择状态"，clearable |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| （无表单校验） | — | — |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 列表全字段展示 |
|
|
|
| 1024-1279px（Pad横屏） | 隐藏"投标文件"列（改为行操作下载按钮） |
|
|
|
| 768-1023px（Pad竖屏） | 仅显示标段名称/供应商/投标金额/状态核心字段 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面6：评标管理页
|
|
|
|
|
|
**页面编号**：HO-BD-06-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/evaluations
|
|
|
|
|
|
### 界面布局
|
|
|
|
|
|
```
|
|
|
┌──────────────────────────────────────────────────────────────────┐
|
|
|
│ [面包屑] 分段招标管理 > 评标管理 │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [评标委员会] [组建评标委员会] │
|
|
|
│ 评标人1：张三 评标人2：李四 评标人3：王五 │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [评分标准] [设置评分标准] │
|
|
|
│ 商务评分权重：40% 技术评分权重：40% 价格评分权重：20% │
|
|
|
├──────────────────────────────────────────────────────────────────┤
|
|
|
│ [评分录入] │
|
|
|
│ 供应商 | 商务分 | 技术分 | 价格分 | 总分 | 排名 │
|
|
|
│ XX公司 | [___] | [___] | [___] | — | — │
|
|
|
│ YY公司 | [___] | [___] | [___] | — | — │
|
|
|
│ [提交评标结果] │
|
|
|
└──────────────────────────────────────────────────────────────────┘
|
|
|
```
|
|
|
|
|
|
### 操作按钮
|
|
|
|
|
|
| 按钮 | 权限编码 | 位置 | 显示条件 | 说明 |
|
|
|
|------|----------|------|----------|------|
|
|
|
| 组建评标委员会 | bidding:award:create | 操作栏 | 始终 | — |
|
|
|
| 设置评分标准 | bidding:award:create | 操作栏 | 始终 | — |
|
|
|
| 提交评标结果 | bidding:award:update | 操作栏 | 始终 | — |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用评标数据API → 渲染评标委员会信息、评分标准、评分录入表格
|
|
|
2. **查询/筛选交互流程**：不适用
|
|
|
3. **表单填写与提交流程**：流程步骤：组建评标委员会 → 设置评分标准 → 录入各供应商评分 → 提交评标结果。组建委员会：点击按钮 → 弹窗选择评标人员 → 保存；设置评分标准：点击按钮 → 弹窗设置各维度权重 → 保存（权重之和必须=100%）；录入评分：在评分表格中逐行填写各供应商的商务分/技术分/价格分 → 系统自动计算总分和排名 → 点击"提交评标结果"
|
|
|
4. **弹窗/抽屉交互流程**：组建评标委员会弹窗（el-dialog，含评标人员多选）；设置评分标准弹窗（el-dialog，含各维度权重滑块/输入）
|
|
|
5. **行内操作流程**：评分录入表格中行内输入评分数据，总分和排名自动计算
|
|
|
6. **异常与错误处理**：评分权重之和不等于100%时阻止保存；单项评分超出范围提示错误；提交评标结果时校验所有供应商评分是否填写完整
|
|
|
7. **联动/级联交互**：评分标准设置后，评分录入表头动态显示对应权重；各维度评分输入后自动计算总分和排名
|
|
|
8. **权限控制交互表现**：无评标权限时仅查看评分结果，不可编辑
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "组建评标委员会"/"设置评分标准"/"提交评标结果"按钮请求期间置 loading+disabled 状态；评分录入期间锁定已填写行
|
|
|
- **H2 超时控制(强制)**: 数据加载(GET)超时 15s；提交(POST)超时 30s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: "提交评标结果"前弹出 confirm("确定要提交评标结果？提交后将进入定标审批流程，不可修改评分。", type='warning')
|
|
|
- **H4 脏数据检测(强制)**: 页面加载时 deep clone 初始评分数据为 _originData；监听评分变化维护 isDirty 标志；用户有未保存评分尝试离开时通过 beforeRouteLeave 拦截确认
|
|
|
- **H8 反馈机制(建议)**: 操作成功显示 success（duration=2s）+ 静默刷新页面状态；失败显示 error（duration=0）；网络异常显示重试按钮
|
|
|
- **弹窗表单（组建委员会/设置标准）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内确认按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 提交(POST)超时 30s
|
|
|
- **H4 脏数据检测(强制)**: 弹窗内数据修改后尝试关闭时拦截确认
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 评标步骤指示 | el-steps | :active=当前步骤，:space=200，finish-status="success" |
|
|
|
| 评标委员会区 | el-card | shadow="hover"，含评标人员列表 |
|
|
|
| 组建评标委员会按钮 | el-button | type="primary"，icon="User"，size="small" |
|
|
|
| 评标人员展示 | el-tag | v-for遍历评标人员，closable |
|
|
|
| 评分标准区 | el-card | shadow="hover"，含各维度权重展示 |
|
|
|
| 设置评分标准按钮 | el-button | type="primary"，icon="Setting"，size="small" |
|
|
|
| 评分录入表格 | el-table | :data=供应商评分数据，stripe，border，show-summary |
|
|
|
| 商务分/技术分/价格分 | el-input-number | :min=0，:max=100，:precision=1，controls-position="right"，size="small" |
|
|
|
| 总分列 | 自动计算 | :formatter根据权重加权计算 |
|
|
|
| 排名列 | 自动计算 | 根据总分降序排列 |
|
|
|
| 提交评标结果按钮 | el-button | type="primary"，icon="Check"，:loading提交中 |
|
|
|
| 组建评标委员会弹窗 | el-dialog | title="组建评标委员会"，width="600px" |
|
|
|
| 评标人员选择 | el-select | multiple，filterable，placeholder="请选择评标人员" |
|
|
|
| 设置评分标准弹窗 | el-dialog | title="设置评分标准"，width="500px" |
|
|
|
| 权重输入 | el-slider | :min=0，:max=100，show-input，:marks="{0:'0%', 50:'50%', 100:'100%'}" |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 评标人员 | required，≥3人 | 请选择评标人员 / 评标委员会至少3人 |
|
|
|
| 商务评分权重 | required，0-100 | 请设置商务评分权重 |
|
|
|
| 技术评分权重 | required，0-100 | 请设置技术评分权重 |
|
|
|
| 价格评分权重 | required，0-100 | 请设置价格评分权重 |
|
|
|
| 权重总和 | =100% | 评分权重之和必须等于100% |
|
|
|
| 商务分/技术分/价格分 | required，0-100 | 请输入评分 / 评分范围为0-100 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 评标委员会与评分标准左右并排，评分录入表格全宽 |
|
|
|
| 1024-1279px（Pad横屏） | 评标委员会与评分标准上下排列，评分录入表格全宽，评分输入列宽缩小 |
|
|
|
| 768-1023px（Pad竖屏） | 全部区域纵向堆叠，评分录入表格横向滚动，弹窗全屏宽度 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面7：定标审批页
|
|
|
|
|
|
**页面编号**：HO-BD-07-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/award
|
|
|
|
|
|
### 操作按钮
|
|
|
|
|
|
| 按钮 | 权限编码 | 位置 | 显示条件 | 说明 |
|
|
|
|------|----------|------|----------|------|
|
|
|
| 定标审批 | bidding:award:approve | 行操作 | 状态=待定标 | 通过/驳回 |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用待定标项目列表API → 渲染列表
|
|
|
2. **查询/筛选交互流程**：支持按标段名称、状态筛选
|
|
|
3. **表单填写与提交流程**：点击"定标审批" → 弹出审批弹窗（查看评标结果摘要，选择通过/驳回）→ 驳回需填写原因 → 确认后调用API → 刷新列表
|
|
|
4. **弹窗/抽屉交互流程**：定标审批弹窗（el-dialog，含评标结果摘要展示、通过/驳回选择、驳回原因输入）
|
|
|
5. **行内操作流程**：仅状态=待定标时显示"定标审批"按钮
|
|
|
6. **异常与错误处理**：审批操作失败显示el-message错误提示
|
|
|
7. **联动/级联交互**：审批结果与列表状态联动（通过→公示中，驳回→评标中）
|
|
|
8. **权限控制交互表现**：无审批权限隐藏"定标审批"按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "定标审批"行操作按钮点击后置 loading+disabled 状态；弹窗内确认按钮同样 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；定标审批(POST)超时 30s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: "定标审批-通过"前弹出 confirm("确定要通过该定标审批？通过后将进入公示阶段。", type='warning')；"定标审批-驳回"前弹出 confirm + 驳回原因输入框（必填），含影响说明："驳回后需重新评标"
|
|
|
- **H5 权限隔离(建议)**: 返回空列表展示"暂无待定标项目"；code=403 时展示"无权限访问"
|
|
|
- **H8 反馈机制(建议)**: 操作成功 success（duration=2s）+ 静默刷新列表；失败 error（duration=0）；网络异常显示重试按钮
|
|
|
- **弹窗表单（定标审批）额外约束**:
|
|
|
- **H1 防重复提交(强制)**: 弹窗内确认按钮 loading+disabled
|
|
|
- **H2 超时控制(强制)**: 提交(POST)超时 30s
|
|
|
- **H3 操作确认(强制)**: 已由外层 H3 覆盖
|
|
|
- **H4 脏数据检测(强制)**: 审批结果/驳回原因修改后尝试关闭弹窗时拦截确认
|
|
|
- **H8 反馈机制(建议)**: 成功关闭弹窗 + 刷新 + success(2s)；失败 error(0)
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 定标列表 | el-table | stripe，border |
|
|
|
| 状态列 | el-tag | :type根据状态配色（待定标=warning，公示中=success，评标中=info） |
|
|
|
| 定标审批按钮 | el-button | type="primary"，size="small"，link样式 |
|
|
|
| 定标审批弹窗 | el-dialog | title="定标审批"，width="600px" |
|
|
|
| 评标结果摘要 | el-descriptions | :column=1，border，展示中标候选人、评分等 |
|
|
|
| 审批结果 | el-radio-group | 通过/驳回单选 |
|
|
|
| 驳回原因 | el-input | type="textarea"，:rows=3，v-if="审批结果=驳回" |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| 审批结果 | required | 请选择审批结果 |
|
|
|
| 驳回原因 | required（审批驳回时） | 请输入驳回原因 |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 列表全字段展示，审批弹窗600px宽度 |
|
|
|
| 1024-1279px（Pad横屏） | 列表隐藏次要字段，审批弹窗80%宽度 |
|
|
|
| 768-1023px（Pad竖屏） | 列表仅显示核心字段，审批弹窗全屏宽度 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 页面8：中标公示页
|
|
|
|
|
|
**页面编号**：HO-BD-08-P01
|
|
|
**端侧归属**：Web专属
|
|
|
**页面路径**：/bidding/publicity
|
|
|
|
|
|
### 列表字段
|
|
|
|
|
|
| 序号 | 字段名 | 列宽 | 支持排序 | 说明 |
|
|
|
|------|--------|------|----------|------|
|
|
|
| 1 | 标段名称 | 120px | 否 | — |
|
|
|
| 2 | 中标供应商 | 120px | 否 | — |
|
|
|
| 3 | 中标金额 | 100px | 是 | — |
|
|
|
| 4 | 公示开始日 | 100px | 否 | — |
|
|
|
| 5 | 公示结束日 | 100px | 否 | — |
|
|
|
| 6 | 状态 | 80px | 否 | 公示中/已生效 |
|
|
|
| 7 | 操作 | 100px | — | 生成合同 |
|
|
|
|
|
|
### 操作按钮
|
|
|
|
|
|
| 按钮 | 权限编码 | 位置 | 显示条件 | 说明 |
|
|
|
|------|----------|------|----------|------|
|
|
|
| 生成合同 | contract:list:create | 行操作 | 状态=已生效 | 跳转合同管理创建合同 |
|
|
|
|
|
|
### 交互流程要求
|
|
|
|
|
|
1. **页面加载流程**：进入页面 → 调用中标公示列表API → 渲染列表
|
|
|
2. **查询/筛选交互流程**：支持按标段名称、状态筛选
|
|
|
3. **表单填写与提交流程**：点击"生成合同"（状态=已生效）→ 二次确认后跳转合同录入页，自动填充标段信息和中标供应商
|
|
|
4. **弹窗/抽屉交互流程**：生成合同确认弹窗（el-message-box，提示"确认生成合同？将跳转合同管理创建合同"）
|
|
|
5. **行内操作流程**：仅状态=已生效时显示"生成合同"按钮
|
|
|
6. **异常与错误处理**：生成合同跳转失败显示el-message错误提示；列表为空显示el-empty
|
|
|
7. **联动/级联交互**：公示状态与操作按钮联动（仅已生效显示生成合同按钮）
|
|
|
8. **权限控制交互表现**：无合同创建权限隐藏"生成合同"按钮
|
|
|
|
|
|
### 前端硬性约束
|
|
|
|
|
|
- **H1 防重复提交(强制)**: "生成合同"行操作按钮点击后置 loading+disabled 状态；操作期间禁用该行其他操作
|
|
|
- **H2 超时控制(强制)**: 列表查询(GET)超时 15s；超过阈值提示"请求超时，请稍后重试"
|
|
|
- **H3 操作确认(强制)**: "生成合同"前弹出 confirm("确认生成合同？将跳转至合同管理并自动填充中标信息。", type='info')
|
|
|
- **H5 权限隔离(建议)**: 返回空列表展示"暂无中标公示记录"；code=403 时展示"无权限访问"
|
|
|
- **H8 反馈机制(建议)**: 跳转成功无需提示（已跳转）；跳转失败显示 error（duration=0）；网络异常显示重试按钮；列表加载静默刷新
|
|
|
|
|
|
### 组件规范
|
|
|
|
|
|
| 元素 | 组件 | 配置参数 |
|
|
|
|------|------|----------|
|
|
|
| 公示列表 | el-table | stripe，border |
|
|
|
| 状态列 | el-tag | :type根据状态配色（公示中=warning，已生效=success） |
|
|
|
| 生成合同按钮 | el-button | type="primary"，size="small"，link样式，icon="Document" |
|
|
|
| 生成合同确认弹窗 | el-message-box | title="确认生成合同"，type="info"，confirm-button-text="确认生成" |
|
|
|
|
|
|
### 校验规则
|
|
|
|
|
|
| 字段 | 规则 | 错误提示 |
|
|
|
|------|------|----------|
|
|
|
| （无表单校验） | — | — |
|
|
|
|
|
|
### 响应式布局
|
|
|
|
|
|
| 断点 | 布局调整 |
|
|
|
|------|----------|
|
|
|
| ≥1280px（桌面端） | 列表全字段展示，操作列右对齐 |
|
|
|
| 1024-1279px（Pad横屏） | 隐藏"公示开始日/公示结束日"列，操作列固定右侧 |
|
|
|
| 768-1023px（Pad竖屏） | 仅显示标段名称/中标供应商/状态/操作核心字段 |
|
|
|
|
|
|
---
|
|
|
|
|
|
## 需求追溯
|
|
|
|
|
|
| 功能点编号 | 功能名称 | 文档来源 | 后续服务 | 关联功能 |
|
|
|
|------------|----------|----------|----------|----------|
|
|
|
| HO-BD-01 | 招标计划 | 02-医院 §2 / 03-医院 §2.2 | 计划→标段拆分 | — |
|
|
|
| HO-BD-02 | 标段管理 | 02-医院 §2 / 03-医院 §2.2 | 标段→招标发布 | — |
|
|
|
| HO-BD-03 | 供应商管理 | 02-医院 §2 | 供应商→投标 | — |
|
|
|
| HO-BD-04 | 招标发布 | 02-医院 §2 / 03-医院 §2.2 | 发布→供应商投标 | — |
|
|
|
| HO-BD-05 | 投标管理 | 02-医院 §2 / 03-医院 §2.2 | 投标截止→评标 | — |
|
|
|
| HO-BD-06 | 评标管理 | 02-医院 §2 / 03-医院 §2.2 | 评标完成→定标 | — |
|
|
|
| HO-BD-07 | 定标审批 | 02-医院 §2 / 03-医院 §2.2 | 定标→公示 | 操作日志 |
|
|
|
| HO-BD-08 | 中标公示 | 02-医院 §2 / 03-医院 §2.2 | 公示期满→生成合同 | 合同管理 |
|
|
|
| HO-BD-09 | 招标导出 | 02-医院 §2 | — | 操作日志 |
|
|
|
|
|
|
## 业务规则
|
|
|
|
|
|
1. **仅医院账号可用**：物业公司不可操作此模块（来源：01 §4.2 / 02-医院 §2）
|
|
|
2. **供应商信息自管**：供应商信息由医院账号在本系统中录入和管理（来源：03-医院 §2.2）
|
|
|
3. **黑名单供应商**：黑名单供应商不可参与投标（来源：02-医院 HO-BD-03）
|
|
|
4. **投标截止**：截止时间到达后自动截止，不可再提交投标（来源：03-医院 §2.2）
|
|
|
5. **中标→生成合同**：公示期满后可一键生成合同，跳转合同管理创建（来源：03-医院 §2.2）
|
|
|
6. **所有操作记录日志**：招标各环节操作自动记录（来源：06 §4.5）
|
|
|
|
|
|
## 状态流转
|
|
|
|
|
|
```
|
|
|
招标计划 ──▶ 标段拆分 ──▶ 招标发布 ──▶ 投标中 ──▶ 评标中 ──▶ 待定标 ──▶ 公示中 ──▶ 已定标 ──▶ 生成合同
|
|
|
```
|
|
|
|
|
|
| 当前状态 | 操作 | 目标状态 | 执行角色 | 端侧 |
|
|
|
|----------|------|----------|----------|------|
|
|
|
| — | 创建招标计划 | 计划中 | 医院账号 | Web |
|
|
|
| 计划中 | 标段拆分 | 待发布 | 医院账号 | Web |
|
|
|
| 待发布 | 发布招标 | 投标中 | 医院账号 | Web |
|
|
|
| 投标中 | 投标截止 | 评标中 | 系统/医院 | Web |
|
|
|
| 评标中 | 评标完成 | 待定标 | 医院账号 | Web |
|
|
|
| 待定标 | 定标审批 | 公示中 | 医院账号 | Web |
|
|
|
| 公示中 | 公示期满 | 已定标 | 系统自动 | Web |
|
|
|
| 已定标 | 生成合同 | — | 医院账号 | Web |
|