内容配置

基础信息

项	说明
菜单路径	/operationsManagement/contentManagement/configurationCenter/petConsumer/contentConfig
菜单路径（详情）	/contentManagement/configurationCenter/petConsumer/contentConfig/details（src/routerParams/operationsManagement/contentManagement）
路由名称	configurationCenter/petConsumer/contentConfig
页面组件	src/views/operationsManagement/contentManagement/configurationCenter/petConsumer/contentConfig/index.vue
详情组件	src/views/operationsManagement/contentManagement/configurationCenter/petConsumer/contentConfig/details/index.vue
接口模块	import api from '@/api'（<script setup>）直接调用
Store	无
页面定位	维护宠物 C 端公众号推文（推文类型/展示渠道/富文本），列表查询 + 详情编辑

页面功能

页面为 Vue3 <script setup>，结构为「筛选 + 列表 + 跳转详情编辑」。

1. 筛选区

筛选条件：推文名称（articleName）、展示渠道（officialAccount，字典 official_account），支持查询/重置，并提供「新增」。

2. 列表

查询固定带 typeList: ['4','5','6']（仅查这三类推文）。展示序号（type=index）、推文名称（articleName）、推文类型（articleTypeName）、展示渠道（officialAccountName）、创建日期（createTime）、状态（1 启用 / 其余禁用）。操作列仅「修改」，跳转详情 details?id=；「新增」跳转 details（无 id）。

3. 详情编辑页（details）

字段与规则：

• 推文名称（articleName）：必填。
• 推文类型（articleType）：必填，字典 article_type（expand=2）；编辑态（有 id）不可改。
• 展示渠道（officialAccount）：必填，字典 official_account；编辑态不可改。
• 内容（content）：必填，富文本。
• status 默认 '1'（启用）。

无 id 走 article/add（创建），有 id 走 article/edit（保存），提交后跳回列表页。

使用组件

组件	路径	用途
Container	@/components/container	页面/详情容器
SearchContainer	@/components/SearchTableContainer	筛选/操作区（列表）
TableContainer	@/components/SearchTableContainer	表格+分页容器（列表）
TinymceEditor	@/components/tinymceEditor/tinymceEditor	推文内容富文本（详情）

使用 Store

无。

调用接口

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

接口 URL	方法	用途
article/queryPage	POST	列表查询（typeList=['4','5','6']）
article/add	POST	新增推文（详情创建）
article/edit	POST	编辑推文（详情保存）
article/queryInfo	GET	推文详情回显（id 参数）
ddic/getList	POST	字典（official_account / article_type）

修改记录

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