常见问题

基础信息

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

页面功能

页面结构与「操作指引」完全一致，为列表 + 弹窗 CRUD，仅 articleType 不同（=3）。列表展示序号、推文名称、修改时间，支持分页。

• 列表查询：created 调用 article/queryPage（articleType: '3'）。
• 新增：弹窗（modifyApi = 'article/add'），填写推文名称 + 富文本内容提交。
• 编辑：回填 articleName、content，提交走 article/edit 带 id。
• 删除：二次确认后 article/delete?id=。
• 表单校验：推文名称、内容均必填。

与「操作指引」唯一差异是 articleType 取值；列表容器标题文案同模板为「操作指引列表」。

使用组件

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

使用 Store

无。

调用接口

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

接口 URL	方法	用途
article/queryPage	POST	分页查询常见问题列表（articleType=3）
article/add	POST	新增推文
article/edit	POST	编辑推文
article/delete	GET	删除推文（id 参数）

修改记录

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