主题
激活链路配置
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/contentManagement/configurationCenter/petConsumer/linkConfig |
| 菜单路径(详情) | /contentManagement/configurationCenter/petConsumer/linkConfig/details(src/routerParams/operationsManagement/contentManagement) |
| 路由名称 | linkConfig |
| 页面组件 | src/views/operationsManagement/contentManagement/configurationCenter/petConsumer/linkConfig/index.vue |
| 详情组件 | src/views/operationsManagement/contentManagement/configurationCenter/petConsumer/linkConfig/details/index.vue |
| 接口模块 | import api from '@/api'(<script setup>)直接调用 |
| Store | 无 |
| 页面定位 | 按商品配置宠物 C 端权益激活页(商品基本信息 + 各激活配置项内容),列表启停 + 详情编辑/查看 |
页面功能
页面为 Vue3 <script setup>,结构为「筛选 + 列表 + 跳转详情配置」。
1. 筛选区
筛选条件:商品名称(commodityName),支持查询/重置,并提供「新增」(跳转 details 无参)。
2. 列表
展示序号(type=index)、商品名称(commodityName)、配置说明(configDescription)、创建日期(createdTime)、状态(开关 1 启用 / 0 禁用,切换调用 activateLinkConfig/edit)。操作列:
- 编辑:仅禁用态(
status==='0')显示,跳转details?id=&type=1。 - 查看:跳转
details?id=&type=2(详情态只读)。
列表数据来自 activateLinkConfig/page,使用 onActivated + initLock 控制 keep-alive 返回时的刷新。
3. 详情/编辑页(details)
由 BasicInfo(商品基本信息)+ ContentConfig(权益激活内容配置项)两部分组成:
BasicInfo:
- 商品编码(
commodityCode):必填,el-autocomplete远程搜索commodity/getInfoNew,选中后带出commodityId、commodityName;编辑/查看时禁用。 - 商品名称(
commodityName):必填,只读(由编码选择带出)。 - 网点分组编码(
networkGroupCode):必填。 - 配置说明(
configDescription):必填,最大 50 字。
- 商品编码(
ContentConfig:左侧配置项列表(字典
activate_item_name,key!=='3'者必填),右侧逐项配置内容(点击左侧项平滑滚动定位)。编辑/查看回显走activateLinkConfig/id。
无 id 走 activateLinkConfig/add,有 id 走 activateLinkConfig/edit,参数 = BasicInfo 值 + linkItemConfigs(ContentConfig 值)。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器(列表/详情) |
SearchContainer | @/components/SearchTableContainer | 筛选/操作区(列表) |
TableContainer | @/components/SearchTableContainer | 表格+分页容器(列表) |
BasicInfo | ./details/BasicInfo | 商品基本信息卡片(详情) |
ContentConfig | ./details/ContentConfig | 权益激活内容配置项(详情) |
ContentItem | ./details/ContentConfig/ContentItem | 单个配置项内容输入(详情) |
useList | ./details/ContentConfig/hooks/useList.js | 配置项字典加载(详情) |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀(下表为业务路径简写)。
| 接口 URL | 方法 | 用途 |
|---|---|---|
activateLinkConfig/page | POST | 列表分页 |
activateLinkConfig/add | POST | 新增激活链路配置 |
activateLinkConfig/edit | POST | 编辑 / 启停 |
activateLinkConfig/id | GET | 详情回显(id 参数) |
commodity/getInfoNew | POST | 商品编码远程搜索(code 参数) |
ddic/getList | POST | 字典(activate_item_name) |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |