Skip to content

销售指南分类

基础信息

说明
菜单路径/operationsManagement/contentManagement/guide/classification
路由名称classification
页面组件src/views/operationsManagement/contentManagement/guide/classification/index.vue
接口模块组件内 this.$api.post(...) / this.$api.get(...) 直接调用
Store
页面定位维护销售指南的分类项目(展示端口/样式/数据量/封面/排序),供「销售指南管理」引用

页面功能

页面为「筛选 + 列表 + 新增/编辑弹窗」结构,对销售指南分类做分页查询与软删除。

1. 筛选区

筛选条件:分类项目名称、展示形式、展示端口,支持查询/重置,并提供「新增指南分类」入口。

2. 列表

展示序号、分类项目、数据量、展示样式、展示端口、创建时间、修改时间、排序、操作人(优先取修改人,回退创建人),操作列含修改/删除(删除为软删除:置 status=2)。

3. 新增/编辑弹窗(add-or-update)

字段与规则:

  • 分类项目名称name):必填,1~8 字符。
  • 数据量dataVolume):必填,下拉(字典 data_volume_type)。联动展示样式可选项:数据量=1 时样式仅 ['3'],=2 时为 ['1','2'],其余为 ['1','2','3']
  • 展示样式exhibitionStyle):必填,下拉(字典 exhibition_style_type),可选项随数据量变化。
  • 展示端口exhibitionPort):必填,下拉(字典 exhibition_port_type)。当端口为 4(保障权益激活 H5)时,数据量默认 2、样式默认 1,且数据量/样式不可改。
  • 分类封面coverUrl):必填,单图上传。
  • 排序号sort):el-input-number,最小 1。

编辑时若分类已被使用(type==1)则端口/样式/数据量禁用(disChange=true);保存按有无 idinsert / update

使用组件

组件路径用途
Container@/components/container页面容器
SearchContainer@/components/SearchTableContainer筛选/操作区
TableContainer@/components/SearchTableContainer表格+分页容器
add-or-update./components/add-or-update新增/编辑分类弹窗
uploadingImg@/components/uploadingImg/uploadingImg分类封面上传

使用 Store

无。

调用接口

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

接口 URL方法用途
sale-guide-category/pageQueryPOST分页查询分类列表
sale-guide-category/insertPOST新增分类
sale-guide-category/updatePOST编辑分类 / 软删除(status=2
sale-guide-category/getByIdGET编辑回显分类详情(id 参数)
ddic/getListPOST字典(exhibition_style_type / exhibition_port_type / data_volume_type

修改记录

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