主题
群分组配置
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/groupConfig |
| 路由名称 | groupConfig |
| 页面组件 | src/views/operationsManagement/taskManagement/groupConfig/index.vue |
| 接口模块 | 组件内 api.post(...) 直接调用（Vue3 setup） |
| Store | 无 |
| 页面定位 | 邮件群分组与成员维护，支持分组的新增、编辑、删除及成员管理 |
页面功能
页面使用 Container + SearchContainer（带操作区）+ TableContainer 标准布局，Vue3 <script setup> 实现。
1. 筛选区
- 分组名称（输入框）、角色名称（多选下拉，来自
mailGroups/getMailGroupRoleList）、手机号（输入框）、姓名（输入框）。 - 查询、重置按钮。
2. 操作区
- 新建分组：弹出新建分组弹窗（输入分组名称，最多 15 字）。
3. 分组列表
| 列 | 说明 |
|---|---|
| 分组名称 | name，可点击编辑名称 |
| 有效人数 | count |
| 操作 | 编辑、删除 |
- 展开行：展示分组成员列表（
mailGroupsUserVoList），含姓名、手机号、角色名称、状态、删除操作。
4. 分组弹窗
- 新建分组：调用
mailGroups/insert（type: 1）。 - 编辑分组名称：点击分组名或编辑按钮，调用
mailGroups/update（type: 1）。
5. 成员管理
- 编辑成员：点击编辑按钮打开
UserPopup用户选择弹窗，展示当前成员（按角色类型分组）。 - 查询用户列表：
mailGroups/getUserRole，按角色类型分组展示可选用户。 - 保存成员：
mailGroups/insertByUser，批量插入用户到分组。 - 删除成员：
mailGroups/delByMailGroupsUserId。 - 删除分组：
mailGroups/del。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器 |
SearchContainer | @/components/SearchTableContainer | 筛选区容器 |
TableContainer | @/components/SearchTableContainer | 表格容器 |
Pagination | @/components/pagination | 分页 |
UserPopup | @/components/UserPopup | 用户选择弹窗 |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表 URL 为业务路径简写）。
| 接口 URL | 用途 |
|---|---|
mailGroups/pageList | 分组分页查询 |
mailGroups/insert | 新建分组 |
mailGroups/update | 编辑分组名称 |
mailGroups/del | 删除分组 |
mailGroups/getMailGroupRoleList | 角色名称下拉 |
mailGroups/getUserRole | 查询可选用户列表（按角色分组） |
mailGroups/insertByUser | 批量添加用户到分组 |
mailGroups/delByMailGroupsUserId | 删除分组成员 |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |