门店协议

基础信息

项	说明
菜单路径	/operationsManagement/contentManagement/protocolManagement/storeAgreement
路由名称	protocolChannel（源码组件 name 与协议渠道页同名，二者文件各自独立）
页面组件	src/views/operationsManagement/contentManagement/protocolManagement/storeAgreement/index.vue
接口模块	组件内 this.$api.post(...) / this.$api.get(...) 直接调用
Store	无
页面定位	按协议渠道维护门店协议（标题 + 富文本正文），支持启用/禁用与查看详情

页面功能

页面为「列表 + 新增/编辑/查看弹窗」结构，无搜索条件。

1. 列表

展示序号、协议标题（titleName）、协议渠道（channelName）、状态（启用/禁用按钮切换），操作列含修改、查看详情。

• 启用/禁用：protocol-management/edit，仅传 id 与 status（1 启用 / 2 禁用），二次确认。

2. 新增/编辑/查看弹窗

字段与规则：

• 协议标题（titleName）：必填，特殊字符校验（elementFromVerify.specialCharactersValid）。
• 协议渠道（channelId）：必填，下拉来自 network-basics-set/getList（type=2）。
• 协议内容（content）：必填，富文本编辑。

弹窗标题随状态变化：新增 / 编辑 / 查看（disabled 模式只读、按钮变为「关闭」）；编辑/查看回显走 protocol-management/queryInfo；新增/编辑保存按有无 id 走 add / edit。

使用组件

组件	路径	用途
Container	@/components/container	页面容器
SearchContainer	@/components/SearchTableContainer	顶部操作区（新增按钮）
TableContainer	@/components/SearchTableContainer	表格+分页容器
tinymce-editor	@/components/tinymceEditor/tinymceEditor	协议正文富文本

使用 Store

无。

调用接口

所有接口实际请求统一带 /api 前缀（下表为业务路径简写）。

接口 URL	方法	用途
protocol-management/pageQuery	POST	分页查询协议列表
protocol-management/add	POST	新增协议
protocol-management/edit	POST	编辑协议 / 启用禁用
protocol-management/queryInfo	GET	协议详情回显（id 参数）
network-basics-set/getList	POST	协议渠道下拉（type=2）

修改记录

修改人	修改时间	修改内容
zhouw	2026-07-03	初始化页面
zhouw	2026-07-09	编写页面内容