生产管理系统前端 - 瓦力0.73原型图提交
This commit is contained in:
495
src/员工管理表单简化更新.txt
Normal file
495
src/员工管理表单简化更新.txt
Normal file
@@ -0,0 +1,495 @@
|
||||
================================
|
||||
员工管理 - 表单简化更新
|
||||
================================
|
||||
|
||||
✅ 更新完成！
|
||||
|
||||
================================
|
||||
主要变更
|
||||
================================
|
||||
|
||||
【1. 添加/编辑表单简化】
|
||||
|
||||
去掉字段：
|
||||
❌ 专业技能（skills）
|
||||
❌ 紧急联系人（emergencyContact）
|
||||
❌ 紧急联系电话（emergencyPhone）
|
||||
|
||||
保留字段：
|
||||
✅ 用户名 *
|
||||
✅ 姓名 *
|
||||
✅ 手机号 *
|
||||
✅ 邮箱
|
||||
✅ 身份证号
|
||||
✅ 住址
|
||||
✅ 部门
|
||||
✅ 角色配置 *
|
||||
|
||||
【2. 表单结构】
|
||||
|
||||
现在表单只包含2个部分：
|
||||
|
||||
┌──────────────────────────┐
|
||||
│ 基本信息 │
|
||||
├──────────────────────────┤
|
||||
│ • 用户名 * │
|
||||
│ • 姓名 * │
|
||||
│ • 手机号 * │
|
||||
│ • 邮箱 │
|
||||
│ • 身份证号 │
|
||||
│ • 住址 │
|
||||
└──────────────────────────┘
|
||||
|
||||
┌──────────────────────────┐
|
||||
│ 工作信息 │
|
||||
├──────────────────────────┤
|
||||
│ • 部门 │
|
||||
└──────────────────────────┘
|
||||
|
||||
┌──────────────────────────┐
|
||||
│ 角色配置 * │
|
||||
├──────────────────────────┤
|
||||
│ ☐ 超级管理员 │
|
||||
│ ☐ 企业管理员 │
|
||||
│ ☐ 操作员 │
|
||||
│ ☐ 查看者 │
|
||||
│ ☐ 技术员 │
|
||||
└──────────────────────────┘
|
||||
|
||||
必填项：只有4个
|
||||
• 用户名 *
|
||||
• 姓名 *
|
||||
• 手机号 *
|
||||
• 角色配置 *
|
||||
|
||||
【3. 详情对话框简化】
|
||||
|
||||
去掉部分：
|
||||
❌ 专业技能
|
||||
❌ 紧急联系人
|
||||
|
||||
保留部分：
|
||||
✅ 基本信息
|
||||
✅ 工作信息（含审核状态）
|
||||
✅ 角色权限
|
||||
✅ 系统信息
|
||||
|
||||
================================
|
||||
角色配置数据样例
|
||||
================================
|
||||
|
||||
系统初始化了5个标准角色：
|
||||
|
||||
【role-1】超级管理员
|
||||
• 编码：SUPER_ADMIN
|
||||
• 描述：系统最高权限，可管理所有功能和数据
|
||||
• 状态：启用
|
||||
|
||||
【role-2】企业管理员
|
||||
• 编码：ENTERPRISE_ADMIN
|
||||
• 描述：管理本企业的所有业务和员工
|
||||
• 状态：启用
|
||||
|
||||
【role-3】操作员
|
||||
• 编码：OPERATOR
|
||||
• 描述：执行日常生产作业任务
|
||||
• 状态：启用
|
||||
|
||||
【role-4】查看者
|
||||
• 编码：VIEWER
|
||||
• 描述：只能查看数据，不能修改
|
||||
• 状态：启用
|
||||
|
||||
【role-5】技术员
|
||||
• 编码：TECHNICIAN
|
||||
• 描述：负责技术支持和设备维护
|
||||
• 状态：启用
|
||||
|
||||
================================
|
||||
示例员工数据
|
||||
================================
|
||||
|
||||
【员工1】张三 - 多角色
|
||||
username: zhangsan
|
||||
name: 张三
|
||||
phone: 13800138001
|
||||
department: 技术部
|
||||
roleIds: ['role-3', 'role-5']
|
||||
roles: ['操作员', '技术员']
|
||||
auditStatus: approved ✅
|
||||
status: active
|
||||
|
||||
【员工2】李四 - 待审核
|
||||
username: lisi
|
||||
name: 李四
|
||||
phone: 13900139002
|
||||
department: 管理部
|
||||
roleIds: ['role-2']
|
||||
roles: ['企业管理员']
|
||||
auditStatus: pending ⏳
|
||||
status: active
|
||||
|
||||
【员工3】王五 - 已驳回
|
||||
username: wangwu
|
||||
name: 王五
|
||||
phone: 13700137003
|
||||
department: 维修部
|
||||
roleIds: ['role-3']
|
||||
roles: ['操作员']
|
||||
auditStatus: rejected ❌
|
||||
status: frozen
|
||||
|
||||
【员工4】赵六 - 查看者
|
||||
username: zhaoliu
|
||||
name: 赵六
|
||||
phone: 13600136004
|
||||
department: 技术部
|
||||
roleIds: ['role-4']
|
||||
roles: ['查看者']
|
||||
auditStatus: approved ✅
|
||||
status: active
|
||||
|
||||
================================
|
||||
功能特点
|
||||
================================
|
||||
|
||||
【1. 表单更简洁】
|
||||
• 从9个部分减少到3个部分
|
||||
• 必填项从6个减少到4个
|
||||
• 填写速度更快
|
||||
• 用户体验更好
|
||||
|
||||
【2. 角色管理】
|
||||
• 支持多角色分配
|
||||
• 每个角色有详细描述
|
||||
• 便于理解和选择
|
||||
• 符合RBAC模型
|
||||
|
||||
【3. 自动初始化】
|
||||
• 首次访问自动创建角色数据
|
||||
• 提供完整的示例员工
|
||||
• 开箱即用
|
||||
• 便于测试和演示
|
||||
|
||||
【4. 数据一致性】
|
||||
• 去掉了不常用的字段
|
||||
• 保留核心业务数据
|
||||
• 数据结构更清晰
|
||||
• 维护成本更低
|
||||
|
||||
================================
|
||||
快速测试
|
||||
================================
|
||||
|
||||
【测试1】查看角色列表
|
||||
----------------------------------
|
||||
1. 访问：用户管理 → 员工管理
|
||||
2. 点击"添加员工"
|
||||
3. 滚动到"角色配置"部分
|
||||
|
||||
预期结果：
|
||||
✅ 显示5个角色选项
|
||||
✅ 每个角色有名称和描述
|
||||
✅ 可以多选角色
|
||||
|
||||
【测试2】查看示例员工
|
||||
----------------------------------
|
||||
1. 访问：用户管理 → 员工管理
|
||||
2. 查看员工列表
|
||||
|
||||
预期结果：
|
||||
✅ 显示4个示例员工
|
||||
✅ 张三有2个角色
|
||||
✅ 李四待审核
|
||||
✅ 王五已驳回
|
||||
✅ 赵六是查看者
|
||||
|
||||
【测试3】添加员工
|
||||
----------------------------------
|
||||
1. 点击"添加员工"
|
||||
2. 填写信息：
|
||||
• 用户名：test001
|
||||
• 姓名：测试员工
|
||||
• 手机号：13800138888
|
||||
• 角色：选择"操作员"
|
||||
3. 点击"保存"
|
||||
|
||||
预期结果：
|
||||
✅ 保存成功
|
||||
✅ 默认状态为"待审核"
|
||||
✅ 角色显示"操作员"
|
||||
✅ 表单简洁流畅
|
||||
|
||||
【测试4】查看员工详情
|
||||
----------------------------------
|
||||
1. 点击张三的 👁️ 按钮
|
||||
2. 查看详情对话框
|
||||
|
||||
预期结果：
|
||||
✅ 显示基本信息
|
||||
✅ 显示工作信息和审核状态
|
||||
✅ 显示角色权限（2个角色）
|
||||
✅ 没有专业技能
|
||||
✅ 没有紧急联系人
|
||||
✅ 显示系统信息
|
||||
|
||||
【测试5】编辑员工
|
||||
----------------------------------
|
||||
1. 点击李四的 ✏️ 按钮
|
||||
2. 查看表单内容
|
||||
|
||||
预期结果：
|
||||
✅ 只显示简化后的字段
|
||||
✅ 没有专业技能选择
|
||||
✅ 没有紧急联系人输入
|
||||
✅ 可以修改角色配置
|
||||
|
||||
================================
|
||||
界面对比
|
||||
================================
|
||||
|
||||
【旧版表单】9个部分
|
||||
┌──────────────────────────┐
|
||||
│ 基本信息（6个字段） │
|
||||
│ 工作信息（1个字段） │
|
||||
│ 专业技能（13个选项）❌ │
|
||||
│ 紧急联系人（2个字段）❌ │
|
||||
│ 角色配置 │
|
||||
└──────────────────────────┘
|
||||
|
||||
【新版表单】3个部分
|
||||
┌──────────────────────────┐
|
||||
│ 基本信息（6个字段） │
|
||||
│ 工作信息（1个字段） │
|
||||
│ 角色配置 │
|
||||
└──────────────────────────┘
|
||||
|
||||
简化率：减少 ~40%
|
||||
|
||||
【旧版详情】6个部分
|
||||
┌──────────────────────────┐
|
||||
│ 基本信息 │
|
||||
│ 工作信息 │
|
||||
│ 专业技能 ❌ │
|
||||
│ 角色权限 │
|
||||
│ 紧急联系人 ❌ │
|
||||
│ 系统信息 │
|
||||
└──────────────────────────┘
|
||||
|
||||
【新版详情】4个部分
|
||||
┌──────────────────────────┐
|
||||
│ 基本信息 │
|
||||
│ 工作信息（含审核状态） │
|
||||
│ 角色权限 │
|
||||
│ 系统信息 │
|
||||
└──────────────────────────┘
|
||||
|
||||
简化率：减少 ~33%
|
||||
|
||||
================================
|
||||
角色配置界面
|
||||
================================
|
||||
|
||||
【角色选择器】
|
||||
┌────────────────────────────────┐
|
||||
│ 角色配置 * │
|
||||
├────────────────────────────────┤
|
||||
│ ☐ 超级管理员 │
|
||||
│ 系统最高权限，可管理所有... │
|
||||
│ │
|
||||
│ ☐ 企业管理员 │
|
||||
│ 管理本企业的所有业务和员工 │
|
||||
│ │
|
||||
│ ☑ 操作员 │
|
||||
│ 执行日常生产作业任务 │
|
||||
│ │
|
||||
│ ☐ 查看者 │
|
||||
│ 只能查看数据，不能修改 │
|
||||
│ │
|
||||
│ ☑ 技术员 │
|
||||
│ 负责技术支持和设备维护 │
|
||||
└────────────────────────────────┘
|
||||
|
||||
特点：
|
||||
• 复选框样式
|
||||
• 显示角色名称
|
||||
• 显示角色描述
|
||||
• 支持多选
|
||||
• 灰色背景突出显示
|
||||
|
||||
================================
|
||||
数据存储位置
|
||||
================================
|
||||
|
||||
【角色数据】
|
||||
localStorage key: smart_agriculture_roles
|
||||
|
||||
数据结构：
|
||||
[
|
||||
{
|
||||
id: 'role-1',
|
||||
code: 'SUPER_ADMIN',
|
||||
name: '超级管理员',
|
||||
description: '...',
|
||||
permissions: [],
|
||||
status: 'active',
|
||||
createdAt: '...',
|
||||
updatedAt: '...'
|
||||
},
|
||||
...
|
||||
]
|
||||
|
||||
【员工数据】
|
||||
localStorage key: smart_agriculture_employees
|
||||
|
||||
数据结构：
|
||||
[
|
||||
{
|
||||
id: 'emp-1',
|
||||
username: 'zhangsan',
|
||||
name: '张三',
|
||||
phone: '13800138001',
|
||||
roleIds: ['role-3', 'role-5'],
|
||||
roles: ['操作员', '技术员'],
|
||||
auditStatus: 'approved',
|
||||
...
|
||||
},
|
||||
...
|
||||
]
|
||||
|
||||
================================
|
||||
注意事项
|
||||
================================
|
||||
|
||||
【1. 数据迁移】
|
||||
• 旧数据中的skills字段会被忽略
|
||||
• 旧数据中的emergencyContact字段会被忽略
|
||||
• 不影响现有数据
|
||||
• 向后兼容
|
||||
|
||||
【2. 必填字段】
|
||||
• 用户名：不能为空
|
||||
• 姓名：不能为空
|
||||
• 手机号：不能为空
|
||||
• 角色配置：至少选择一个角色
|
||||
|
||||
【3. 角色管理】
|
||||
• 如果没有角色数据，会自动初始化
|
||||
• 可以在角色管理中添加更多角色
|
||||
• 只显示启用状态的角色
|
||||
• 支持多角色分配
|
||||
|
||||
【4. 表单验证】
|
||||
• 保存时会检查必填项
|
||||
• 手机号格式验证（建议）
|
||||
• 身份证号格式验证（建议）
|
||||
|
||||
================================
|
||||
常见问题
|
||||
================================
|
||||
|
||||
Q: 为什么要去掉专业技能？
|
||||
A: 专业技能管理较复杂，且使用频率低，
|
||||
可以通过其他方式（如培训记录）管理。
|
||||
|
||||
Q: 紧急联系人怎么办？
|
||||
A: 紧急联系人可以在员工详细档案中记录，
|
||||
不影响日常登录和权限管理。
|
||||
|
||||
Q: 角色数据从哪来？
|
||||
A: 系统首次加载时会自动初始化5个标准角色，
|
||||
也可以在角色管理中自定义。
|
||||
|
||||
Q: 可以不选角色吗？
|
||||
A: 不可以，角色配置是必填项，
|
||||
至少要选择一个角色。
|
||||
|
||||
Q: 多个角色怎么管理？
|
||||
A: 系统支持为员工分配多个角色，
|
||||
权限是多个角色的并集。
|
||||
|
||||
================================
|
||||
访问路径
|
||||
================================
|
||||
|
||||
中心配置管理系统
|
||||
└─ 用户管理
|
||||
└─ 员工管理
|
||||
├─ 添加员工（简化表单）
|
||||
├─ 编辑员工（简化表单）
|
||||
├─ 员工详情（简化显示）
|
||||
└─ 角色配置（5个标准角色）
|
||||
|
||||
================================
|
||||
相关文档
|
||||
================================
|
||||
|
||||
员工管理完整指南：
|
||||
/components/config/USER_MANAGEMENT_README.md
|
||||
|
||||
字段优化说明：
|
||||
/EMPLOYEE_MANAGEMENT_FIELD_UPDATE.md
|
||||
|
||||
审核功能说明：
|
||||
/员工管理审核功能.txt
|
||||
|
||||
快速参考：
|
||||
/员工管理字段优化.txt
|
||||
|
||||
================================
|
||||
修改文件
|
||||
================================
|
||||
|
||||
组件文件：
|
||||
• /components/config/EmployeeManagement.tsx
|
||||
- 简化表单字段
|
||||
- 去掉专业技能和紧急联系人
|
||||
- 添加角色初始化逻辑
|
||||
- 更新示例数据
|
||||
- 简化详情显示
|
||||
|
||||
类型定义：
|
||||
• /types/user-management.ts
|
||||
- Employee 接口保持不变
|
||||
- 字段仍然存在（向后兼容）
|
||||
- 只是UI层面不显示
|
||||
|
||||
================================
|
||||
功能清单
|
||||
================================
|
||||
|
||||
已实现：
|
||||
✅ 简化添加/编辑表单
|
||||
✅ 去掉专业技能字段
|
||||
✅ 去掉紧急联系人字段
|
||||
✅ 初始化5个标准角色
|
||||
✅ 添加角色配置界面
|
||||
✅ 更新示例员工数据
|
||||
✅ 简化详情对话框
|
||||
✅ 支持多角色分配
|
||||
✅ 暗色模式适配
|
||||
|
||||
保持功能：
|
||||
✅ 审核状态功能
|
||||
✅ 统计卡片
|
||||
✅ 筛选功能
|
||||
✅ 账号状态管理
|
||||
✅ 删除确认
|
||||
✅ 密码重置
|
||||
|
||||
================================
|
||||
更新记录
|
||||
================================
|
||||
|
||||
更新时间：2024-10-27
|
||||
功能状态：✅ 开发完成
|
||||
影响范围：员工管理
|
||||
向后兼容：✅ 完全兼容
|
||||
破坏性变更：❌ 无
|
||||
|
||||
变更类型：UI简化
|
||||
• 减少表单字段
|
||||
• 优化用户体验
|
||||
• 提高填写效率
|
||||
|
||||
================================
|
||||
Reference in New Issue
Block a user