主题
销售指南分类
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /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);保存按有无 id 走 insert / 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/pageQuery | POST | 分页查询分类列表 |
sale-guide-category/insert | POST | 新增分类 |
sale-guide-category/update | POST | 编辑分类 / 软删除(status=2) |
sale-guide-category/getById | GET | 编辑回显分类详情(id 参数) |
ddic/getList | POST | 字典(exhibition_style_type / exhibition_port_type / data_volume_type) |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |