主题
标记对比网点
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/reviewManage/dataContrastManage/sign |
| 路由名称 | petChannelNetwork(组件未显式声明 name,沿用同组惯例) |
| 页面组件 | src/views/operationsManagement/reviewManage/dataContrastManage/sign/index.vue |
| 接口模块 | 组件内 this.$api.post(...) 直接调用 |
| Store | 无 |
| 页面定位 | 查看已标记为重复的网点数据,支持启用/禁用、删除、查看 |
页面功能
本页为「已标记对比网点数据」列表,与系统/人工对比页不同:展示已标记的网点本身(非对比批次),并对每个网点做启用/禁用/删除。Vue2 Options API 实现。
1. 筛选区
筛选项:服务商名称、网点名称、网点编码、财务编码、标记内容(下拉,字典 network_underlying_type)、统一社会信用代码、所在地址(DistrictSelect)、详细地址、标记时间(datetimerange → underlyingTimeStart/End)。支持更多筛选展开(SearchContainer isMore)。
2. 表格与操作
表格列:序号、服务商名称、统一社会信用代码、网点编码、财务编码、网点名称、所在省/市/区、详细地址、标记内容(underlyingName)、标记时间、操作人、网点状态(按 networkStatus 着色)。
操作列按 networkStatus 动态显示:
- 启用/禁用:
networkStatus === '1'显示禁用按钮(el-icon-close),否则显示启用按钮(el-icon-check)。确认后调用network/delete(id=networkId, status=1/2)。 - 删除(
el-icon-delete):仅networkStatus !== '1'(禁用)时显示,打开../components/Delete删除弹窗(走network/networkDeleteAndCheck)。 - 查看(
el-icon-view):跳转网点详情/supplyChainManagement/PetNetwork/info(query: { id: networkId, view: true })。
3. 生命周期与分页
created 调 getTableData 与 getOptions(拉标记内容字典)。分页用原生 el-pagination(pageshow 控制重渲染)。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器 |
SearchContainer | @/components/SearchTableContainer | 筛选区容器 |
TableContainer | @/components/SearchTableContainer | 表格区容器 |
DistrictSelect | @/components/DistrictSelect | 所在地址(省/市/区)单选 |
Delete | ../components/Delete | 删除网点弹窗(含删除原因) |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀(下表为业务路径简写)。
| 接口 URL | 用途 |
|---|---|
networkUnderlying/comparedNetworkList | 分页查询已标记对比网点列表 |
network/delete | 启用/禁用网点 |
network/networkDeleteAndCheck | 删除网点(由 components/Delete 调用) |
ddic/getList(network_underlying_type) | 标记内容下拉 |
ddic/getList(network_delete_reason) | 删除原因下拉(由 components/Delete 调用) |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |