标签分组

基础信息

项	说明
菜单路径	/operationsManagement/labelManagement/labelGroup
路由名称	labelGroupManagement
页面组件	src/views/operationsManagement/labelManagement/labelGroup/index.vue
接口模块	组件内 this.$api.post(...) 直接调用
Store	无
页面定位	维护标签分组的列表，支持按名称 / 业务类型 / 状态筛选，提供分组的新增、编辑、启用禁用、删除及查看详情

页面功能

列表页由筛选区、操作按钮区、表格、分页构成。新增、编辑、查看详情均通过弹窗组件 AddOrUpdate（不同 type 区分编辑 / 查看）。

1. 筛选条件

• 分组名称：文本输入（模糊）。
• 业务类型：多选下拉（multiple + collapse-tags），字典 pet_label_business_type。
• 分组状态：下拉，启用(1) / 禁用(2)。

2. 操作按钮

• 新增分组：打开 AddOrUpdate 弹窗（无 id，新增态）。

3. 表格字段

序号、分组名称(name)、分组描述(describe)、业务类型(businessTypeName)、创建人(createPersonName)、创建时间(createTime)、分组状态(statusName)。

4. 行操作

按行 relationLabel（是否关联了标签）与 status 控制：

• 启用 / 禁用：仅当 relationLabel !== '1'（未关联标签）时显示，调用 petLabelGroup/editStatus 传 status 1 / 2。
• 修改：打开 AddOrUpdate 弹窗传 id。
• 删除：仅当 relationLabel === '0' 时显示，二次确认后调用 petLabelGroup/delete?id=。
• 查看详情：打开 AddOrUpdate 弹窗传 id 与 type='view'（整表禁用只读）。

5. 新增 / 编辑 / 查看弹窗（AddOrUpdate 组件）

labelGroup/components/AddOrUpdate.vue，标题「标签分组管理」，表单字段：

• 分组名称（必填，去空格，≤15 字）。
• 业务类型（必填，下拉，字典 pet_label_business_type）。
• 状态（必填，启用 / 禁用单选；当 relationLabel==='1' 时禁用）。
• 分组描述（必填，文本域，≤30 字）。

查看态（type='view'）整表禁用；编辑态进入时通过 petLabelGroup/getById?id= 回显；保存调用 petLabelGroup/add（无 id）或 petLabelGroup/update（有 id）。

使用组件

组件	路径	用途
Container	@/components/container	页面容器
SearchContainer / TableContainer	@/components/SearchTableContainer/index.js	筛选区 / 表格区容器
AddOrUpdate	./components/AddOrUpdate	新增 / 编辑 / 查看弹窗

使用 Store

无。

调用接口

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

接口 URL	方法	用途
petLabelGroup/pageQuery	POST	分组分页列表
ddic/getList	POST	字典（业务类型 pet_label_business_type）
petLabelGroup/getById	GET	分组详情（编辑 / 查看回显）
petLabelGroup/add	POST	新增分组
petLabelGroup/update	POST	编辑分组
petLabelGroup/editStatus	POST	启用 / 禁用
petLabelGroup/delete	GET（query）	删除分组（?id=）

修改记录

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