操作指引

基础信息

项	说明
菜单路径	/operationsManagement/contentManagement/guidence
路由名称	list
页面组件	src/views/operationsManagement/contentManagement/guidence/index.vue
接口模块	组件内 this.$api.post(...) / this.$api.get(...) 直接调用
Store	无
页面定位	以富文本推文（articleType=2）形式维护「操作指引」类内容的发布、编辑与删除

页面功能

页面为标准列表 + 弹窗 CRUD 结构，无搜索条件，列表展示序号、推文名称、修改时间，支持分页。

• 列表查询：进入页面（created）调用 article/queryPage（articleType: '2'）拉取分页数据，前端按页码计算序号。
• 新增：点击「新增」打开弹窗（modifyApi = 'article/add'），填写推文名称 + 富文本内容后提交。
• 编辑：行内「编辑」按钮回填 articleName、content，提交走 article/edit 并带上记录 id。
• 删除：行内「删除」二次确认后调用 article/delete?id= 删除。
• 表单校验：推文名称、内容均为必填。
• 关闭/重置：关闭弹窗需二次确认，关闭或提交后 resetForm 清空表单。

注：源码中列表容器标题文案为「操作指引列表」，弹窗内推文名称校验提示沿用模板（提示语为「请输入客户名称」，实际字段为推文名称）。

使用组件

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

使用 Store

无。

调用接口

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

接口 URL	方法	用途
article/queryPage	POST	分页查询操作指引列表（articleType=2）
article/add	POST	新增推文
article/edit	POST	编辑推文
article/delete	GET	删除推文（id 参数）

修改记录

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