主题
批量标记网点标签
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/batchMarkingDotLabels |
| 路由名称 | batchMarkingDotLabels |
| 页面组件 | src/views/operationsManagement/batchMarkingDotLabels/index.vue |
| 接口模块 | 组件内 this.$api.post(...) 直接调用 |
| Store | 无 |
| 页面定位 | 通过导入网点 + 勾选标签条件，批量给一批宠物服务商网点打上各类标签（服务方式 / 网点标签 / 合作标签 / 合作服务标签 / 签约标签 / 财务标签等） |
页面功能
列表页只承担历史批量标记任务的查询与查看；新增标记在详情页内完成（列表与详情共用同一路由 /operationsManagement/batchMarkingDotLabels/details，以是否带 id 区分查看态）。
1. 列表页筛选条件
- 标题：文本输入。
- 状态：下拉，启用(1) / 禁用(0)。
2. 操作按钮
- 新增批量标记网点标签：跳转详情页（不带
id）。
3. 列表表格字段
序号、标题(title)、创建时间(createdTime)、操作人(createdName)、操作（查看详情）。
4. 详情页（details/index.vue）
batchMarkingDotLabels/details/index.vue，由「基本信息」(BasicsInfo) 与「标记标签信息」(MarkupTagsInfo) 两个卡片组成，底部仅「返回」按钮。详情数据统一通过 networkMarkManage/id 获取。
4.1 基本信息（BasicsInfo，只读）
展示：标题(title)、描述(description)、服务方式(petNetworkServiceMode，来自 networkMarkJoinVo，字典 pet_service_mode 复选）、创建时间(createdTime)。整表 disabled。
4.2 标记标签信息（MarkupTagsInfo）
承担「导入网点 + 配置标签 + 保存」的核心流程，含独立筛选、表格与操作按钮。
新增态（无 id）流程：
- 进入时先调
networkMarkManage/getTempCode取临时 code（临时表承载导入的网点），再networkMarkSupplier/getTempList?code=分页展示。 - 「导入网点」：打开
ImportPopup（后台解析type="2"），上传 Excel（字段：网点编码、网点名称、社会信用代码），调用networkMarkManage/input，后端返回导入结果（失败项以弹框提示）。 - 「添加标记标签条件」：仅当列表有数据且为新增态时显示，打开
AddLabel弹窗，填写基本信息（标题 / 描述）并勾选标签条件后保存。 - 保存（
AddLabel.dataFormSubmit）：参数含networkMarkJoinVo（标签条件）与基本信息，调用networkMarkManage/add?code=，成功后回传id触发列表刷新并切换为查看态。
查看态（带 id）流程：
仅展示，禁用导入与添加按钮，可通过行内「查看」打开 AddLabel 弹窗（disabled）查看该网点的标签条件。
标签条件（LabelCondition / AddLabel 内），全部为多选复选，至少勾选一项：
- 服务方式（
pet_service_mode）。 - 网点标签（
supplier_network_label）。 - 合作标签下：签约标签（
network_contract_label）、合作标签（network_cooperation_label）、理赔标签（network_claims_label）。 - 合作服务标签下：销售服务（
network_sale_service）、服务合作（取自petLabelManagement/pageList，status=1, businessType=2且labelType=1的标签）、理赔服务（network_claims_service）。 - 签约标签（
network_qygl_dxqfbc，按 key 排序，7 视作 4.1 紧跟 4 之后）。 - 财务标签（
network_cwgl_dxqfbc）。
返回逻辑： 新增态若未生成正式 id，返回时调用 networkMarkManage/delTempList?code= 清理临时数据；已生成 id 或查看态直接返回。
5. MarkupTagsInfo 表格字段
序号、服务商名称(supplierName)、网点编码(networkCode)、统一社会信用代码(creditCode)、网点名称(networkName)、标记条件（行内「查看」，markStatus !== 3 时显示）、标记状态(markStatusName：1 成功绿色 / 3 处理中橙色 / 其他失败红色)。
6. MarkupTagsInfo 筛选条件
服务商名称（supplier/list，supplierServiceType=2 宠物）、网点名称。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 列表 / 详情容器 |
SearchContainer / TableContainer | @/components/SearchTableContainer/index.js | 筛选区 / 表格区容器 |
BasicsInfo | ./details/BasicsInfo | 详情基本信息（只读） |
MarkupTagsInfo | ./details/MarkupTagsInfo | 标记标签信息（导入网点 + 标签条件） |
ImportPopup | @/components/ImportPopup | 网点导入弹窗（后台解析） |
AddLabel | ./details/components/AddLabel | 添加标记标签弹窗 |
BasicsCondition | ./details/components/BasicsCondition | 弹窗内标题 / 描述 |
LabelCondition | ./details/components/LabelCondition | 弹窗内各类标签复选条件 |
tableFormat | ./details/components/tableFormat.js | 导入模板表头格式 |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表为业务路径简写）。
| 接口 URL | 方法 | 用途 |
|---|---|---|
networkMarkManage/page | POST | 批量标记任务分页列表 |
networkMarkManage/id | GET（query） | 详情数据（?id=） |
networkMarkManage/getTempCode | GET | 新增态取临时 code |
networkMarkSupplier/getTempList | POST | 临时表网点分页（?code=） |
networkMarkManage/input | POST（FormData） | 导入网点 Excel |
networkMarkManage/add | POST | 保存批量标记（?code=，返回正式 id） |
networkMarkManage/delTempList | DELETE（query） | 新增未保存返回时清理临时表（?code=） |
supplier/list | POST | 服务商下拉（supplierServiceType=2） |
ddic/getList | POST | 字典（pet_service_mode、supplier_network_label、network_contract_label、network_cooperation_label、network_claims_label、network_sale_service、network_claims_service、network_qygl_dxqfbc、network_cwgl_dxqfbc） |
petLabelManagement/pageList | POST | 服务合作标签下拉（status=1, businessType=2，取 labelType=1） |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |