轮播海报配置

基础信息

项	说明
菜单路径	/operationsManagement/contentManagement/configurationCenter/rotatePicConfig
路由名称	rotate-pic-config
页面组件	src/views/operationsManagement/contentManagement/configurationCenter/rotatePicConfig/index.vue
接口模块	import api from '@/api'（<script setup>）直接调用
Store	无
页面定位	维护宠保圈 B 端的轮播海报（图片/跳转链接/默认海报/网点分组），以卡片画廊形式展示与新增/编辑/删除

页面功能

页面为 Vue3 <script setup>，以卡片形式（el-card 画廊）展示海报列表，并提供新增/编辑弹窗。

1. 海报画廊（getList）

调用 rotatePoster/getList 返回全部海报，逐张卡片展示：海报图（点击放大查看 ElImageViewer）、名称、跳转链接、上传人+创建时间、编辑/删除按钮、右上角「默认海报」标签（ifDefault==='1'）。

• 设置默认海报：点击「默认海报」标签，若为当前默认则切换是否显示其他按钮；若非当前默认，二次确认后调用 rotatePoster/setDefault?id=。
• 编辑：回填表单与图片，海报名称与海报图编辑时不可改。
• 删除：二次确认后 rotatePoster/delete?id=。

2. 新增/编辑弹窗

字段与规则：

• 海报名称（name）：必填；编辑时禁用。
• 海报（picUrl）：必填，单图上传（UploadImgs，onlyKey='opt_manage_poster'，提示尺寸 323px*60px）；编辑时禁用。
• 配置链接（ifConfigureLink）：必填，开关（1 是 / 0 否）。
• 输入链接地址（linkUrl）：当配置链接=1 时必填。
• 关联网点分组（networkGroupCode）：选填。

新增/编辑保存按 dialogType 走 add / edit；若配置链接=0 则清空 linkUrl。

使用组件

组件	路径	用途
UploadImgs	@/components/uploadingImg/uploadImgs	海报图片上传
ElImageViewer	element-ui/packages/image/src/image-viewer	图片放大预览

使用 Store

无。

调用接口

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

接口 URL	方法	用途
rotatePoster/getList	POST	查询全部海报
rotatePoster/add	POST	新增海报
rotatePoster/edit	POST	编辑海报
rotatePoster/delete	GET	删除海报（id 参数）
rotatePoster/setDefault	GET	设置默认海报（id 参数）

修改记录

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