配置展示图标

基础信息

项	说明
菜单路径	/operationsManagement/afficheMsgManage/iconSet
路由名称	/operationsManagement/afficheMsgManage/iconSet
页面组件	src/views/operationsManagement/afficheMsgManage/iconSet/index.vue
接口模块	组件内 this.$api.post/get(...) 直接调用
Store	无
页面定位	维护公告通知在各展示渠道下的展示图标，支持上传、修改、删除与生效/终止时间配置

页面功能

页面为「公告通知图标管理列表」，由筛选区、操作区、列表、分页和「新增图标」弹窗构成。

1. 筛选区

• 图标名称：文本输入，对应 params.name，查询时按名称模糊过滤。

2. 操作区

• 「上传图标」按钮打开新增/编辑弹窗。

3. 列表

列表字段：展示渠道、图标（el-image 缩略图 + 大图预览）、图标名称、类型、创建时间、生效时间（type === '1' 默认类型不展示）、终止时间（同上）、状态、创建人。

行操作：

操作	条件	说明
修改	始终	回填弹窗并复用为编辑
删除	status === '2' && type === '2'	删除图标

列表固定查询 statusList: ['1','2']（已生效、已终止）。

4. 新增/编辑弹窗

字段：展示渠道（下拉，字典 icon_display_channel）、公告通知图标（图片上传，目录 partnerHomeConfig/icon）、生效时间、终止时间。

校验规则：

• 展示渠道、图标、生效时间、终止时间均为必填。
• 当 type === '1'（默认类型）时，生效时间、终止时间禁用。
• 编辑时若 type === '1'，提交前清空 effectTime / endTime。

图标名称 name 由上传 URL 末段自动截取。

使用组件

组件	路径	用途
Container	@/components/container	页面容器
SearchContainer / TableContainer	@/components/SearchTableContainer	筛选区/表格区容器
pagination	@/components/pagination	分页
UploadingImg	@/components/uploadingImg/uploadingImg	图标上传与预览

使用 Store

无。

调用接口

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

接口 URL	方法	用途
icon/selectList	POST	图标分页列表
icon/addIcon	POST	新增图标（无 id 时）
icon/editIcon	POST	编辑图标（有 id 时）
icon/deleteById	GET	删除图标（?id=）
ddic/getList	POST	字典（展示渠道 icon_display_channel）

修改记录

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