sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(production-master-data): 新增班组管理功能模块

Browse Source 
1. 新增班组管理路由配置，添加对应页面访问路径
2. 新建班组管理API接口文件，封装增删改查、导入导出等接口
3. 补充中英文多语言文案，适配页面所有交互文本
4. 新增班组管理页面组件，包含搜索、列表、新增/编辑、成员管理、导入导出全功能
5. 更新功能测试文档，补充35条班组管理测试用例并更新用例统计
6. 更新系统功能清单对照表，新增班组管理模块条目
This commit is contained in:
sheng
2026-06-22 14:27:18 +08:00
parent 3f546564cc
commit 248557a293
7 changed files with 1321 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

386
docs/功能测试流程文档.md
View File

@@ -2848,11 +2848,392 @@
| 工艺流程类别 | 36 | | | |
| 产线设置 | 30 | | | |
| 工序单元 | 36 | | | |
| **合计** | **292** | | | |
| 班组管理 | 35 | | | |
| **合计** | **327** | | | |
---
# 十、工序单元功能测试
# 十、班组管理功能测试
> **迁移日期**：2026-06-01
> **对应页面**：`src/views/production-master-data/team-model/team-management/index.vue`
> **API 文件**：`src/api/production-master-data/team-management.js`
> **路由路径**：`/production_configuration/team_model/team_management`
> **页面结构**：搜索区（班组名称 + 所区下拉 + 产线下拉 + 创建时间范围 + 查询/重置/导出按钮）+ 数据表格 + 新增/编辑弹框（含班组信息和成员管理）+ 导入弹框
## 10.1 页面加载与数据展示
### TC-TM-001：班组管理页面正常加载
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 登录系统 2. 点击菜单「生产配置 → 班组模型 → 班组管理」 |
| **预期结果** | 页面正常加载，显示班组列表表格，包含序号、班组名称、所属厂区、所属产线、创建时间、修改时间、操作列；搜索区包含班组名称输入框、所区下拉选择器、产线下拉选择器、创建时间范围选择器；底部有分页组件显示总条数 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-002：表格列完整显示
| 项目 | 内容 |
|------|------|
| **测试步骤** | 查看班组列表表格的列头 |
| **预期结果** | 表格列依次为：序号、班组名称、所属厂区、所属产线、创建时间、修改时间、操作。各列宽度合理，内容不重叠 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-003：工具栏按钮显示
| 项目 | 内容 |
|------|------|
| **测试步骤** | 查看表格上方的工具栏 |
| **预期结果** | 工具栏左侧显示「新增」、「批量删除」、「导入」按钮，右侧显示「导出」下拉按钮；各按钮类型和颜色符合设计规范 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-004：行内操作按钮显示
| 项目 | 内容 |
|------|------|
| **测试步骤** | 查看表格每行的操作列 |
| **预期结果** | 每行操作列显示「编辑」按钮（带编辑图标）和「删除」按钮（红色危险按钮，带删除图标） |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.2 查询与搜索
### TC-TM-005：按班组名称搜索
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 在「班组名称」输入框输入一个已知的班组名称 2. 点击「查询」按钮或按 Enter 键 |
| **预期结果** | 表格数据按班组名称模糊匹配过滤，仅显示匹配的班组记录；分页回到第 1 页 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-006：按所区下拉筛选
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 点击搜索区「所区」下拉框 2. 选择一个具体所区 3. 点击「查询」按钮 |
| **预期结果** | 下拉框显示所有已存在的所区选项；选择某个所区后查询，表格仅显示属于该所区的班组记录 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-007：按产线下拉筛选
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 先选择一个所区 2. 点击「所属产线」下拉框 3. 选择一个具体产线 4. 点击「查询」按钮 |
| **预期结果** | 产线下拉框显示所选所区下的所有产线选项；选择产线后查询，表格仅显示属于该产线的班组记录 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-008：按创建时间范围搜索
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 点击「最后创建时间」日期范围选择器 2. 选择一个时间范围 3. 点击「查询」按钮 |
| **预期结果** | 表格数据按创建时间范围过滤，仅显示在指定时间范围内创建的班组记录 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-009：组合条件搜索
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 输入班组名称关键字 2. 同时选择一个所区和产线 3. 设置时间范围 4. 点击「查询」按钮 |
| **预期结果** | 表格数据按多个条件 AND 逻辑过滤，显示同时满足所有条件的记录 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-010：重置搜索条件
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 输入搜索条件并查询 2. 点击「重置」按钮 |
| **预期结果** | 所有搜索条件清空（班组名称、所区、产线、时间范围）；表格恢复显示全部数据；分页回到第 1 页 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.3 分页功能
### TC-TM-011：分页切换
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 切换每页显示条数（10/20/50/100） 2. 点击下一页/上一页 3. 输入页码直接跳转 |
| **预期结果** | 分页切换正常，表格数据按分页正确加载；总条数显示正确；切换每页条数后当前页重置为第 1 页 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.4 新增班组
### TC-TM-012：打开新增弹框
| 项目 | 内容 |
|------|------|
| **测试步骤** | 点击表格上方工具栏「新增」按钮 |
| **预期结果** | 弹出新增班组弹框，标题显示"新增班组"；表单包含班组名称输入框、所属厂区下拉选择器、所属产线下拉选择器；成员管理区域显示"班组成员"标题和"添加成员"按钮 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-013：新增班组—正常提交
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开新增弹框 2. 输入班组名称（如"测试班组A"） 3. 选择所属厂区 4. 选择所属产线 5. 点击"添加成员"按钮 6. 选择成员并设置负责人 7. 点击「确定」按钮 |
| **预期结果** | 弹框关闭，显示"操作成功"提示消息；表格自动刷新，新增的班组出现在列表中 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-014：新增班组—表单验证（必填项为空）
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开新增弹框 2. 不填写任何内容直接点击「确定」按钮 |
| **预期结果** | 班组名称字段提示"请输入班组名称"；所属厂区字段提示"请选择所属厂区"；所属产线字段提示"请选择所属产线"；表单阻止提交 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-015：新增班组—名称长度验证
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开新增弹框 2. 在班组名称输入框输入 1 个字符或 21 个字符 3. 点击「确定」按钮 |
| **预期结果** | 提示"长度在 2 到 20 个字符"，表单阻止提交 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-016：新增班组—取消操作
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开新增弹框 2. 填写部分内容 3. 点击「取消」按钮 |
| **预期结果** | 弹框关闭，表格数据不变；再次打开新增弹框时表单已重置为空 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.5 编辑班组
### TC-TM-017：打开编辑弹框并数据回填
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 在表格中找到一条班组记录 2. 点击该行的「编辑」按钮 |
| **预期结果** | 弹出编辑班组弹框，标题显示"编辑班组"；表单自动回填该班组的名称、所属厂区、所属产线数据；成员管理区域显示该班组的成员列表 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-018：编辑班组—修改名称后提交
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 编辑一条班组 2. 修改班组名称为新值 3. 点击「确定」按钮 |
| **预期结果** | 弹框关闭，显示"操作成功"提示；表格自动刷新，该行显示更新后的班组名称 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-019：编辑班组—修改所属厂区和产线后提交
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 编辑一条班组 2. 切换选择另一个厂区和产线 3. 点击「确定」按钮 |
| **预期结果** | 弹框关闭，操作成功；表格刷新后该行的「所属厂区」和「所属产线」列显示更新后的值 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-020：编辑班组—修改成员信息
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 编辑一条班组 2. 在成员管理区域添加/删除成员 3. 设置负责人 4. 点击「确定」按钮 |
| **预期结果** | 弹框关闭，操作成功；表格刷新后班组成员信息更新 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.6 删除班组
### TC-TM-021：删除班组—确认删除
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 在表格中找到一条班组记录 2. 点击该行的「删除」按钮 3. 在弹出的确认框中点击「确定」 |
| **预期结果** | 弹出确认框，标题为"提示"，内容为"确定要执行该操作吗?"；点击确定后显示"操作成功"提示；表格自动刷新，该班组不再出现在列表中；分页正确调整 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-022：删除班组—取消删除
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 点击某条班组记录的「删除」按钮 2. 在弹出的确认框中点击「取消」 |
| **预期结果** | 确认框关闭，该班组记录仍然保留在表格中，数据不变 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-023：批量删除班组
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 勾选多条班组记录的复选框 2. 点击「批量删除」按钮 3. 在确认框中点击「确定」 |
| **预期结果** | 弹出确认框询问"确定要删除所选数据吗?"；点击确定后显示"操作成功"提示；表格自动刷新，所选班组不再出现在列表中 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.7 导入功能
### TC-TM-024：打开导入弹框
| 项目 | 内容 |
|------|------|
| **测试步骤** | 点击「导入」按钮 |
| **预期结果** | 弹出"生产班组数据导入"弹框，包含文件上传区域、下载模板按钮、预览表格等组件 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-025：下载导入模板
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开导入弹框 2. 点击"下载模板"按钮 |
| **预期结果** | 成功下载Excel格式的导入模板文件，文件包含正确的列标题（班组名称、所属厂区、所属产线、成员名称、是否负责人等） |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-026：上传文件并预览
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 打开导入弹框 2. 选择符合模板格式的Excel文件 3. 查看预览表格 |
| **预期结果** | 文件成功上传，预览表格正确显示Excel中的数据内容 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-027：执行数据导入
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 上传有效数据文件 2. 点击「确定」按钮执行导入 |
| **预期结果** | 显示"导入成功"提示；表格自动刷新，导入的班组数据出现在列表中 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.8 导出功能
### TC-TM-028：直接导出数据
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 点击「导出」下拉箭头 2. 选择"导出"选项 |
| **预期结果** | 成功下载Excel格式的班组数据文件，包含当前页面显示的所有数据 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-029：创建下载任务
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 点击「导出」下拉箭头 2. 选择"创建下载任务"选项 |
| **预期结果** | 显示"创建下载任务成功"提示；自动跳转到下载任务页面 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.9 多语言切换
### TC-TM-030：切换到英文—页面标签
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 切换到英文语言 2. 查看班组管理页面 |
| **预期结果** | 所有标签、按钮、表头均切换为英文：搜索区标签 "Team Name" / "Area" / "Production Line"；表格列头 "No." / "Team Name" / "Plant Area" / "Production Line" / "Create Time" / "Update Time" / "Actions"；工具栏 "Add" / "Batch Delete" / "Import" / "Export"；行按钮 "Edit" / "Delete" |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-031：切换到英文—弹框标题与表单
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 切换到英文 2. 点击「Add」按钮打开新增弹框 3. 查看弹框内容 |
| **预期结果** | 弹框标题为 "Add Team"；表单字段标签为英文；底部按钮为 "Cancel" / "Confirm"；成员管理区域标签为英文 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-032：切换到英文—提示信息
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 切换到英文 2. 执行新增/编辑/删除操作 |
| **预期结果** | 操作成功提示为 "Operation succeeded"；删除确认框内容为 "Are you sure to delete?"，按钮为 "Confirm" / "Cancel"；校验提示为英文（如 "Please enter team name"） |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-033：英文下所有核心功能正常
| 项目 | 内容 |
|------|------|
| **测试步骤** | 在英文界面下执行完整操作流程：按名称搜索 → 按所区筛选 → 新增班组 → 编辑班组 → 删除班组 → 分页切换 → 导入导出 |
| **预期结果** | 所有功能正常运行，交互逻辑与中文界面一致，无 i18n key 缺失导致的未翻译文本 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
## 10.10 边界与异常场景
### TC-TM-034：搜索关键词无匹配结果
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 在班组名称输入框输入一个不存在的名称（如"ZZZZZZZ"） 2. 点击「查询」按钮 |
| **预期结果** | 表格显示空数据，分页显示总条数为 0；页面无报错 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
### TC-TM-035：删除后分页自动调整
| 项目 | 内容 |
|------|------|
| **测试步骤** | 1. 翻到最后一页 2. 如果该页只有 1 条数据，将其删除 |
| **预期结果** | 删除成功后自动跳转到上一页（当前页页码正确调整），不会停留在空页面 |
| **实际结果** | |
| **测试状态** | ⬜ 通过 / ⬜ 未通过 |
| **问题描述** | |
---
# 十一、工序单元功能测试
> **迁移日期**：2026-06-01
> **对应页面**：`src/views/production-master-data/process-model/process-step/index.vue`
@@ -3408,3 +3789,4 @@
> - v1.8 (2026-06-01)：追加产线设置功能（30 条用例）
> - v1.9 (2026-06-01)：追加工序单元功能（36 条用例）
> - v1.10 (2026-06-01)：追加工序单元预设设定值和预设结果参数功能（14 条用例）
> - v1.11 (2026-06-01)：追加班组管理功能（35 条用例）

76
src/api/production-master-data/team-management.js Normal file
View File

@@ -0,0 +1,76 @@
import { request } from '@/api/_service'
const BASE = 'system_settings/organization/production_team_manage/'
function apiParams (method, data = {}) {
return {
method: `system_settings_organization_production_team_manage_${method}`,
platform: 'background',
...data
}
}
export function getTeamManagementList (data) {
return request({
url: BASE + 'list',
method: 'get',
params: apiParams('list', data)
})
}
export function createTeamManagement (data) {
return request({
url: BASE + 'create',
method: 'post',
data: apiParams('create', data)
})
}
export function editTeamManagement (data) {
return request({
url: BASE + 'edit',
method: 'put',
data: apiParams('edit', data)
})
}
export function deleteTeamManagement (data) {
return request({
url: BASE + 'delete',
method: 'delete',
data: apiParams('delete', data)
})
}
export function getTeamManagementALL (data) {
return request({
url: BASE + 'all',
method: 'get',
params: apiParams('all', data)
})
}
export function getImportTemplate (data) {
return request({
url: BASE + 'get_import_template',
method: 'post',
responseType: 'blob',
data: apiParams('get_import_template', data)
})
}
export function importTeamManagement (data) {
return request({
url: BASE + 'data_import',
method: 'post',
data: apiParams('data_import', data)
})
}
export function exportTeamManagementTask (data) {
return request({
url: BASE + 'data_export_task',
method: 'post',
data: apiParams('data_export_task', data)
})
}

68
src/locales/en.json
View File

@@ -417,6 +417,74 @@
"help": "Configure SPC data collection parameters and bind SCADA nodes"
}
},
"team_model": {
"team_management": {
"search": "Search",
"reset": "Reset",
"team_name": "Team Name",
"enter_team_name": "Please enter team name",
"area": "Area",
"select_area": "Please select area",
"production_line": "Production Line",
"select_area_then_line": "Please select the plant area first, then the production line.",
"last_create_time": "Latest Creation Time",
"select_create_time": "Please select creation time",
"download_task_created": "Download task created successfully",
"affiliated_factory": "Plant Area",
"affiliated_production_line": "Production Line",
"please_select": "Please select",
"please_select_factory_then_line": "Please select the plant area first, then the production line.",
"add_member": "Add Member",
"member_name": "Member Name",
"is_team_leader": "Is Team Leader",
"yes": "Yes",
"no": "No",
"operation": "Actions",
"delete": "Delete",
"cancel": "Cancel",
"confirm": "Confirm",
"production_team_data_import": "Team Data Import",
"upload_file_alert_title": "Files must be in .xls or .xlsx format and follow the template. Uploads will fail otherwise.",
"upload_file_alert_description": "To import multiple members, add rows with the same team name, plant, and production line. Differentiate them by member name.",
"production_team_data_import_table": "Team Import Table",
"select_file": "Select File",
"download_template": "Download Template",
"preview": "Preview",
"add": "Add",
"batch_delete": "Batch Delete",
"import": "Import",
"export": "Export",
"edit": "Edit",
"serial_number": "No.",
"create_time": "Create Time",
"update_time": "Update Time",
"select_affiliated_factory": "Please select plant area",
"select_affiliated_production_line": "Please select production line",
"please_enter_team_name": "Please enter team name",
"length_2_to_20_characters": "Length must be 2-20 characters.",
"please_select_affiliated_factory": "Please select plant area",
"please_select_affiliated_production_line": "Please select production line",
"please_select_team_leader": "Please select a team leader",
"add_team": "Add Team",
"edit_team": "Edit Team",
"export_confirm_message": "Exporting data requires creating a download task first. Track progress via the Download Tasks menu at the top. Continue?",
"prompt": "Notice",
"operation_cancelled": "Operation canceled",
"operation_success": "Operation succeeded",
"confirm_delete": "Are you sure to delete?",
"validation_fail": "Validation failed",
"select_rows_first": "Please select rows first",
"confirm_batch_delete": "Are you sure to delete selected data?",
"import_success": "Import succeeded",
"import_failed": "Import failed",
"export_failed": "Export failed",
"download_template_failed": "Download template failed",
"create_download_task": "Create download task",
"create_download_task_failed": "Create download task failed",
"team_members": "Team Members",
"upload_file": "Upload File"
}
},
"product_management": {
"product_list": {
"search": "Search",

68
src/locales/zh-chs.json
View File

@@ -417,6 +417,74 @@
"help": "配置SPC数据采集参数，绑定SCADA节点"
}
},
"team_model": {
"team_management": {
"search": "查询",
"reset": "重置",
"team_name": "班组名称",
"enter_team_name": "请输入班组名称",
"area": "所区",
"select_area": "请选择所区",
"production_line": "产线",
"select_area_then_line": "请选择先所属厂区,再选择所属产线",
"last_create_time": "最后创建时间",
"select_create_time": "请选择创建时间",
"download_task_created": "创建下载任务成功",
"affiliated_factory": "所属厂区",
"affiliated_production_line": "所属产线",
"please_select": "请选择",
"please_select_factory_then_line": "请选择先所属厂区,再选择所属产线",
"add_member": "添加成员",
"member_name": "成员名称",
"is_team_leader": "是否班组组长",
"yes": "是",
"no": "否",
"operation": "操作",
"delete": "删除",
"cancel": "取 消",
"confirm": "确 定",
"production_team_data_import": "生产班组数据导入",
"upload_file_alert_title": "上传的文件后辍必须是(xlsx/xls)，且根据模板上传，否则不能上传成功！",
"upload_file_alert_description": "如需导入多个成员，在模板中增加一行相同班组名称、厂区、产线数据，成员名称不同即可",
"production_team_data_import_table": "生产班组数据导入表格",
"select_file": "选择文件",
"download_template": "下载模板",
"preview": "预览",
"add": "新增",
"batch_delete": "批量删除",
"import": "导入",
"export": "导出",
"edit": "编辑",
"serial_number": "序号",
"create_time": "创建时间",
"update_time": "修改时间",
"select_affiliated_factory": "请选择所属厂区",
"select_affiliated_production_line": "请选择所属产线",
"please_enter_team_name": "请输入班组名称",
"length_2_to_20_characters": "长度在 2 到 20 个字符",
"please_select_affiliated_factory": "请选择所属厂区",
"please_select_affiliated_production_line": "请选择所属产线",
"please_select_team_leader": "请选择班组负责人",
"add_team": "新增班组",
"edit_team": "编辑班组",
"export_confirm_message": "数据导出需要先创建下载任务(可在系统顶部系统下载任务中查看下载进度并下载文件)，是否继续？",
"prompt": "提示",
"operation_cancelled": "已取消操作",
"operation_success": "操作成功",
"confirm_delete": "确定要执行该操作吗?",
"validation_fail": "校验失败",
"select_rows_first": "请先选择要操作的数据",
"confirm_batch_delete": "确定要删除所选数据吗?",
"import_success": "导入成功",
"import_failed": "导入失败",
"export_failed": "导出失败",
"download_template_failed": "下载模板失败",
"create_download_task": "创建下载任务",
"create_download_task_failed": "创建下载任务失败",
"team_members": "班组成员",
"upload_file": "上传文件"
}
},
"product_management": {
"product_list": {
"search": "查询",

6
src/router/modules/production-master-data.js
View File

@@ -85,6 +85,12 @@ export default {
name: `${pre}spc_configuration-data_collection_configuration`,
meta: { ...meta, cache: true, title: 'SPC采集配置' },
component: _import('production-master-data/spc-configuration/data-collection-configuration')
},
{
path: 'team_model/team_management',
name: `${pre}team_model-team_management`,
meta: { ...meta, cache: true, title: '班组管理' },
component: _import('production-master-data/team-model/team-management')
}
])('production_configuration-')
}

717
src/views/production-master-data/team-model/team-management/index.vue Normal file
View File

@@ -0,0 +1,717 @@
<template>
<d2-container>
<template #header>
<div class="search-bar">
<el-form :inline="true" size="mini">
<el-form-item :label="$t(key('team_name'))">
<el-input
v-model="search.name"
:placeholder="$t(key('enter_team_name'))"
clearable
style="width:200px"
@keyup.enter.native="onSearch"
/>
</el-form-item>
<el-form-item :label="$t(key('area'))">
<el-select
v-model="search.area_id"
:placeholder="$t(key('select_area'))"
clearable
filterable
style="width:200px"
@change="onAreaChange"
>
<el-option
v-for="item in areaOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t(key('production_line'))">
<el-select
v-model="search.line_id"
:placeholder="$t(key('select_area_then_line'))"
clearable
filterable
style="width:200px"
>
<el-option
v-for="item in lineOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t(key('last_create_time'))">
<el-date-picker
v-model="search.create_time"
type="datetimerange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
style="width:350px"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="onSearch">
{{ $t(key('search')) }}
</el-button>
<el-button icon="el-icon-refresh" @click="onReset">
{{ $t(key('reset')) }}
</el-button>
<el-dropdown @command="handleExportCommand" style="margin-left: 10px;">
<el-button type="info">
{{ $t(key('export')) }}<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="export">{{ $t(key('export')) }}</el-dropdown-item>
<el-dropdown-item command="export_task">{{ $t(key('create_download_task')) }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-form-item>
</el-form>
</div>
</template>
<page-table
ref="pageTable"
:columns="columns"
:data="tableData"
:loading="loading"
:toolbar-buttons="toolbarButtons"
:row-buttons="rowButtons"
:pagination="pagination"
help-url="/help/team-management"
:help-text="$t(ckey('help'))"
auto-height
@page-change="onPageChange"
@selection-change="onSelect"
/>
<!-- 新增/编辑班组弹框 -->
<el-dialog
:visible.sync="dialogVisible"
:title="dialogTitle"
:width="'60%'"
@close="handleDialogClose"
>
<el-form
ref="teamForm"
:model="formData"
:rules="rules"
label-width="150px"
size="small"
>
<el-row>
<el-col :span="12">
<el-form-item :label="$t(key('team_name'))" prop="name">
<el-input v-model="formData.name" :placeholder="$t(key('enter_team_name'))"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t(key('affiliated_factory'))" prop="area_id">
<el-select
v-model="formData.area_id"
:placeholder="$t(key('please_select'))"
clearable
filterable
@change="areaDataChange"
>
<el-option
v-for="item in areaOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item :label="$t(key('affiliated_production_line'))" prop="line_id">
<el-select
v-model="formData.line_id"
:placeholder="$t(key('please_select_factory_then_line'))"
clearable
filterable
>
<el-option
v-for="item in lineOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-divider>{{ $t(key('team_members')) }}</el-divider>
<el-button @click="handleTeamAddMembers" size="mini" type="success">
{{ $t(key('add_member')) }}
</el-button>
<el-table :data="membersData" style="width: 100%; margin-top: 10px;">
<el-table-column :label="$t(key('member_name'))" width="250">
<template slot-scope="scope">
<el-select
v-model="membersData[scope.$index]['user_id']"
size="small"
clearable
filterable
:placeholder="$t(key('please_select'))"
style="width: 100%"
>
<el-option
v-for="item in userOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="is_main" :label="$t(key('is_team_leader'))" width="150">
<template slot-scope="scope">
<el-switch
v-model="membersData[scope.$index]['is_main']"
:active-text="$t(key('yes'))"
:inactive-text="$t(key('no'))"
:active-value="1"
:inactive-value="0"
@change="
(val) => {
is_main_change(val, scope.$index);
}
"
>
</el-switch>
</template>
</el-table-column>
<el-table-column :label="$t(key('operation'))" width="100">
<template slot-scope="scope">
<el-button
type="danger"
@click="handleMembersDelete(scope.row, scope.$index)"
size="mini"
icon="el-icon-delete"
>
</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pagination.currentPage"
:hide-on-single-page="true"
:page-sizes="[8, 20, 50, 100]"
:page-size="pagination.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
style="margin-top: 10px;"
>
</el-pagination>
<div slot="footer" class="dialog-footer">
<el-button @click="handleDialogClose">{{ $t(key('cancel')) }}</el-button>
<el-button type="primary" @click="handleSubmitDialogMembersAdd">
{{ $t(key('confirm')) }}
</el-button>
</div>
</el-dialog>
<!-- 导入弹框 -->
<el-dialog
:visible.sync="importDialogVisible"
:title="$t(key('production_team_data_import'))"
width="50%"
@close="handleImportDialogClose"
>
<el-form>
<el-alert
:title="$t(key('upload_file_alert_title'))"
:description="$t(key('upload_file_alert_description'))"
:closable="false"
type="warning"
style="margin-bottom: 20px;"
>
</el-alert>
<el-form-item :label="$t(key('production_team_data_import_table'))">
<el-upload
class="upload-demo"
action=""
:auto-upload="false"
:multiple="false"
:show-file-list="true"
:file-list="importFileList"
accept=".xlsx,.xls"
:on-change="handleFileUpload"
:limit="1"
>
<el-button slot="trigger" size="mini" type="success">
{{ $t(key('select_file')) }}
</el-button>
<el-button
style="margin-left: 10px;"
size="mini"
type="primary"
@click="handleDownloadTemplate"
>
{{ $t(key('download_template')) }}
</el-button>
</el-upload>
</el-form-item>
<el-form-item :label="$t(key('preview'))">
<el-table
v-loading="importTableLoading"
:data="importPreviewData"
height="300"
>
<el-table-column prop="name" :label="$t(key('team_name'))" width="120"></el-table-column>
<el-table-column prop="area_name" :label="$t(key('affiliated_factory'))" width="120"></el-table-column>
<el-table-column prop="line_name" :label="$t(key('affiliated_production_line'))" width="120"></el-table-column>
<el-table-column prop="members_user_name" :label="$t(key('member_name'))" width="120"></el-table-column>
<el-table-column prop="is_main" :label="$t(key('is_team_leader'))" width="100"></el-table-column>
</el-table>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="handleImportDialogClose">{{ $t(key('cancel')) }}</el-button>
<el-button type="primary" @click="handleStartImport" :loading="importLoading">
{{ $t(key('confirm')) }}
</el-button>
</div>
</el-dialog>
</d2-container>
</template>
<script>
import { useTableColumns } from '@/composables/useTableColumns'
import { useTableButtons } from '@/composables/useTableButtons'
import { i18nMixin } from '@/composables/useI18n'
import { confirmMixin } from '@/composables/useConfirmHandle'
import {
getTeamManagementList,
createTeamManagement,
editTeamManagement,
deleteTeamManagement,
getTeamManagementALL,
getImportTemplate,
importTeamManagement,
exportTeamManagementTask
} from '@/api/production-master-data/team-management'
import { getFactoryAreaALL } from '@/api/production-master-data/factory-area'
import { getProductionLineList } from '@/api/production-master-data/production-line'
import { getUserAll } from '@/api/system-administration/user-management/user'
import PageTable from '@/components/page-table'
export default {
name: 'production-master-data-team-management',
components: { PageTable },
mixins: [i18nMixin('page.production_master_data.team_model.team_management'), confirmMixin],
data () {
return {
loading: false,
submitting: false,
tableData: [],
selectedRows: [],
dialogVisible: false,
importDialogVisible: false,
dialogTitle: '',
editId: '',
handleType: 'create',
search: { name: '', area_id: '', line_id: '', create_time: '' },
pagination: { current: 1, size: 10, total: 0 },
areaOptions: [],
lineOptions: [],
userOptions: [],
formData: { name: '', area_id: '', line_id: '', user_id: '' },
membersData: [],
membersForm: {
members_user_id: undefined,
is_main: '1'
},
rules: {
name: [
{ required: true, message: this.key('please_enter_team_name'), trigger: 'blur' },
{ min: 2, max: 20, message: this.key('length_2_to_20_characters'), trigger: 'blur' }
],
area_id: [
{ required: true, message: this.key('please_select_affiliated_factory'), trigger: 'change' }
],
line_id: [
{ required: true, message: this.key('please_select_affiliated_production_line'), trigger: 'change' }
]
},
columns: [],
toolbarButtons: [],
rowButtons: [],
importFileList: [],
importPreviewData: [],
importTableLoading: false,
importLoading: false,
pagination: {
total: 0,
pageSize: 8,
currentPage: 1,
}
}
},
created () {
this.initAreaOptions()
this.initUserOptions()
this.columns = useTableColumns([
{ prop: 'sort', label: this.key('serial_number'), width: 80 },
{ prop: 'name', label: this.key('team_name'), minWidth: 120 },
{ prop: 'area_name', label: this.key('affiliated_factory'), minWidth: 120 },
{ prop: 'line_name', label: this.key('affiliated_production_line'), minWidth: 120 },
{ prop: 'create_time', label: this.key('create_time'), width: 160 },
{ prop: 'update_time', label: this.key('update_time'), width: 160 },
{ prop: '_actions', label: this.key('operation'), width: 250, fixed: 'right' }
])
const btns = useTableButtons({
toolbar: [
{
key: 'add',
label: this.key('add'),
icon: 'el-icon-plus',
type: 'primary',
auth: '/system_settings/organization/production_team_manage/create',
onClick: this.openAdd
},
{
key: 'batch_delete',
label: this.key('batch_delete'),
icon: 'el-icon-delete',
type: 'danger',
auth: '/system_settings/organization/production_team_manage/batch-delete',
onClick: this.handleBatchDelete
},
{
key: 'import',
label: this.key('import'),
icon: 'el-icon-upload2',
type: '',
style: { background: '#3CBA92', color: '#FFFFFF' },
auth: '/system_settings/organization/production_team_manage/import',
onClick: this.openImport
}
],
row: [
{
key: 'edit',
label: this.key('edit'),
icon: 'el-icon-edit',
auth: '/system_settings/organization/production_team_manage/edit',
onClick: this.openEdit
},
{
key: 'delete',
label: this.key('delete'),
icon: 'el-icon-delete',
color: 'danger',
auth: '/system_settings/organization/production_team_manage/delete',
onClick: this.handleDelete
}
]
}, this.$permission)
this.toolbarButtons = btns.toolbarButtons
this.rowButtons = btns.rowButtons
this.fetchData()
},
methods: {
async fetchData () {
this.loading = true
try {
const res = await getTeamManagementList({
...this.search,
page_no: this.pagination.current,
page_size: this.pagination.size
})
const list = Array.isArray(res) ? res : (res.data?.data || [])
const total = Array.isArray(res) ? res.length : (res.data?.count || 0)
this.tableData = list
this.pagination.total = total
} finally {
this.loading = false
}
},
async initAreaOptions () {
try {
const res = await getFactoryAreaALL()
const data = Array.isArray(res) ? res : (res.data || [])
this.areaOptions = data.map(item => ({ value: item.area_id || item.id, label: item.name }))
} catch { /* 忽略加载失败 */ }
},
async initUserOptions () {
try {
const res = await getUserAll()
const data = Array.isArray(res) ? res : (res.data || [])
this.userOptions = data.map(item => ({ value: item.user_id || item.id, label: item.nickname || item.username }))
} catch { /* 忽略加载失败 */ }
},
async loadLineOptionsByArea(areaId) {
if (!areaId) {
this.lineOptions = []
return
}
try {
const res = await getProductionLineList({ area_id: areaId, page_no: 1, page_size: 1000 })
const data = Array.isArray(res) ? res : (res.data?.data || [])
this.lineOptions = data.map(item => ({ value: item.id, label: item.name }))
} catch { /* 忽略加载失败 */ }
},
onSearch () {
this.pagination.current = 1
this.fetchData()
},
onReset () {
this.search = { name: '', area_id: '', line_id: '', create_time: '' }
this.lineOptions = []
this.pagination.current = 1
this.fetchData()
},
onAreaChange(value) {
this.search.line_id = '' // 清空产线选择
this.loadLineOptionsByArea(value)
},
onPageChange (page) {
this.pagination.current = page.current
this.pagination.size = page.size
this.fetchData()
},
onSelect (rows) {
this.selectedRows = rows
},
resetForm () {
this.formData = { name: '', area_id: '', line_id: '', user_id: '' }
this.membersData = []
this.editId = ''
},
async openAdd () {
this.handleType = 'create'
this.dialogTitle = this.key('add_team')
await this.$nextTick()
this.resetForm()
this.dialogVisible = true
},
async openEdit (row) {
this.handleType = 'edit'
this.dialogTitle = this.key('edit_team')
this.editId = row.id
this.formData = {
name: row.name,
area_id: row.area_id,
line_id: row.line_id
}
// 加载产线选项
await this.loadLineOptionsByArea(row.area_id)
// 加载成员数据
this.membersData = row.members || []
await this.$nextTick()
this.dialogVisible = true
},
async onDialogSubmit () {
this.submitting = true
try {
const submitData = {
...this.formData,
members: this.membersData
}
if (this.handleType === 'create') {
await createTeamManagement(submitData)
} else {
await editTeamManagement({ ...submitData, id: this.editId })
}
this.$message.success(this.$t(this.key('operation_success')))
this.dialogVisible = false
this.fetchData()
} finally {
this.submitting = false
}
},
handleDialogClose () {
this.resetForm()
this.dialogVisible = false
},
async handleDelete (row) {
const cancelled = await this.$confirmAction(
{
message: this.key('confirm_delete'),
title: this.key('tip')
},
() => deleteTeamManagement({ id: [row.id] })
)
if (cancelled) return
this.$message.success(this.$t(this.key('operation_success')))
this.pagination.current = Math.min(
this.pagination.current,
Math.ceil((this.pagination.total - 1) / this.pagination.size) || 1
)
this.fetchData()
},
handleBatchDelete () {
if (this.selectedRows.length === 0) {
this.$message.warning(this.$t(this.key('select_rows_first')))
return
}
this.$confirm(this.$t(this.key('confirm_batch_delete')), this.$t(this.key('tip')), {
confirmButtonText: this.$t(this.key('confirm')),
cancelButtonText: this.$t(this.key('cancel')),
type: 'warning'
}).then(async () => {
const ids = this.selectedRows.map(row => row.id)
await deleteTeamManagement({ id: ids })
this.$message.success(this.$t(this.key('operation_success')))
this.fetchData()
}).catch(() => {})
},
openImport() {
this.importFileList = []
this.importPreviewData = []
this.importDialogVisible = true
},
handleImportDialogClose() {
this.importDialogVisible = false
this.importFileList = []
this.importPreviewData = []
},
handleFileUpload(file, fileList) {
this.importFileList = fileList.slice(-1) // 只保留最后一个文件
},
async handleDownloadTemplate() {
try {
const res = await getImportTemplate({})
// 创建下载链接
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.href = url
a.download = 'team_management_import_template.xlsx'
a.click()
window.URL.revokeObjectURL(url)
} catch (error) {
this.$message.error(this.$t(this.key('download_template_failed')))
}
},
async handleStartImport() {
if (this.importFileList.length === 0) {
this.$message.warning(this.$t(this.key('please_select_file')))
return
}
this.importLoading = true
try {
const file = this.importFileList[0].raw || this.importFileList[0]
const formData = new FormData()
formData.append('file', file)
await importTeamManagement(formData)
this.$message.success(this.$t(this.key('import_success')))
this.importDialogVisible = false
this.fetchData()
} catch (error) {
this.$message.error(this.$t(this.key('import_failed')))
} finally {
this.importLoading = false
}
},
async handleExportCommand(command) {
if (command === 'export') {
// 直接导出
try {
const res = await exportTeamManagementTask({...this.search, action: 'download'})
// 创建下载链接
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.href = url
a.download = 'team_management_export.xlsx'
a.click()
window.URL.revokeObjectURL(url)
} catch (error) {
this.$message.error(this.$t(this.key('export_failed')))
}
} else if (command === 'export_task') {
// 创建下载任务
try {
await exportTeamManagementTask({...this.search, action: 'task'})
this.$message.success(this.$t(this.key('download_task_created')))
// 跳转到下载任务页面
this.$router.push({ name: 'task' })
} catch (error) {
this.$message.error(this.$t(this.key('create_download_task_failed')))
}
}
},
// 以下是成员管理相关方法
areaDataChange(value) {
this.loadLineOptionsByArea(value)
},
handleTeamAddMembers() {
// 添加一个新的成员行
this.membersData.push({
user_id: null,
is_main: 0
})
},
handleMembersDelete(row, index) {
this.membersData.splice(index, 1)
},
is_main_change(val, index) {
// 确保只有一个主负责人
if (val === 1) {
this.membersData.forEach((item, idx) => {
if (idx !== index) {
item.is_main = 0
}
})
}
},
handleSizeChange(val) {
this.pagination.pageSize = val
this.fetchData()
},
handleCurrentChange(val) {
this.pagination.currentPage = val
this.fetchData()
},
handleSubmitDialogMembersAdd() {
// 验证表单
this.$refs.teamForm.validate((valid) => {
if (valid) {
this.onDialogSubmit()
} else {
this.$message.error(this.$t(this.key('validation_failed')))
}
})
}
}
}
</script>
<style scoped>
.search-bar {
padding: 10px 0;
}
/deep/ .el-form-item--mini.el-form-item {
margin-bottom: 4px;
}
/deep/ .el-table .el-table__header th {
background-color: #f5f7fa;
}
</style>

3
后台Webman界面截图对照表.md
View File

@@ -1,6 +1,6 @@
# 系统功能清单 - 界面截图对照表
| 一级模块 | 二级模块 | 三级模块 | 功能说明 | 备注 | 文档内容情况 | 中文截图 | 英文截图 |
| 一级模块 | 二级模块 | 三级模块 | 功能说明 | 备注 | 文档内容情况 | 测试文档 | 测试情况
|:---|:---|:---|:---|:---|:---|:---|:---|
| **系统设置 (System Administration)** | 用户管理 (User Management) | 角色 (Role) | 设置用户组并分配权限（增删改查用户组，并实现权限分配功能） | | √ | √ | √ |
| **系统设置 (System Administration)** | 用户管理 (User Management) | 用户 (User) | 管理用户账号并绑定对应角色 | | √ | √ | √|
@@ -81,3 +81,4 @@
| **数据中台 (Data Platform)** | 生产报表 (Production Reports) | 设备履历报表 (Equipment History Report) | | | √ | √ | √ |
| **数据中台 (Data Platform)** | 生产报表 (Production Reports) | 电池详情报表 (Battery Detail Report) | | | √ | √ | √ |
| **数据中台 (Data Platform)** | 相关性分析 (Correlation Analysis) | 鹰眼 (Hawkeye) | | | √| √ | √ |