链接配置

基础信息

项	说明
菜单路径	/operationsManagement/contentManagement/configurationCenter/linkConfig
路由名称	linkConfig
页面组件	src/views/operationsManagement/contentManagement/configurationCenter/linkConfig/index.vue
接口模块	import api from '@/api'（<script setup>）直接调用
Store	无
页面定位	维护宠保圈 B 端的链接素材（名称/有效期/图片），并提供外链一键复制

页面功能

页面为「列表 + 新增/编辑弹窗」结构，使用 Vue3 <script setup> Composition API。列表顶部「新增」按钮，无搜索条件。

1. 列表

展示序号（type=index）、素材名称（linkName）、创建时间（createdTime）、生效时间（startTime）、失效时间（endTime）、类型（linkTypeName）。操作列：

• 修改：打开弹窗回显。
• 复制链接：根据环境拼接外链（生产 https://cbq.zhongbaojinfu.com.cn/cbqNotice?id=，其他 https://tmg.zhongbaojinfu.com.cn/cbqNotice?id=），写入剪贴板并提示成功。

列表数据来自 hospitalLinkConfig/page。

2. 新增/编辑弹窗（AddOrUpdate）

字段与规则：

• 素材名称（linkName）：必填，最大 20 字。
• 有效期（startTime / endTime）：必填，datetimerange，格式 yyyy-MM-dd HH:mm:ss。
• 素材图片（linkUrl）：必填，单图上传（fileType='1'，目录 contentManagement/linkConfig）。
• linkType 固定 '1'。

编辑回显走 hospitalLinkConfig/id；新增/编辑保存按有无 id 走 add / edit。

使用组件

组件	路径	用途
Container	@/components/container	页面容器
TableContainer	@/components/SearchTableContainer	表格+分页容器
AddOrUpdate	./components/AddOrUpdate	素材新增/编辑弹窗
UploadingImg	@/components/uploadingImg/uploadingImgs.vue	素材图片上传（弹窗内）

使用 Store

无。

调用接口

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

接口 URL	方法	用途
hospitalLinkConfig/page	POST	分页查询链接素材
hospitalLinkConfig/add	POST	新增素材
hospitalLinkConfig/edit	POST	编辑素材
hospitalLinkConfig/id	GET	素材详情回显（id 参数）

修改记录

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