SecMPS/warehouse/docs/钥匙管理组件/TODO_钥匙管理组件.md

钥匙管理组件 - 待办事项

已完成事项

• 创建钥匙管理菜单下二级菜单组件的文件夹结构（src/view/key）
• 开发钥匙信息管理组件（KeyInfo.vue），包含钥匙柜选择下拉框
• 实现钥匙矩阵展示，根据选择显示对应位数的方格矩阵
• 实现钥匙状态显示，根据KeyState前两字设置颜色
• 实现操作历史Dialog，点击钥匙图标显示操作记录表格
• 集成API获取数据，使用http.js的post函数调用接口
• 在router/index.ts中添加钥匙管理组件的路由配置
• 在Main.vue中导入组件并添加handleMenuSelect处理逻辑
• 修复钥匙图标显示问题，改用Unicode符号并优化样式
• 修复基于KeyState的颜色显示逻辑，"在位"显示绿色，"离位"显示黄色
• 修复点击钥匙图标不弹出Dialog的问题，更新Vue 3的Dialog绑定方式

待处理事项

1. 后端接口对接

   • 当前使用的是模拟API，需要确认实际API的可用性和数据格式
   • 可能需要调整API调用参数和数据处理逻辑

2. 响应式布局优化

   • 当钥匙柜容量较大时（如48位），矩阵显示可能需要优化
   • 考虑添加滚动或分页机制，提高大矩阵的浏览体验

3. 默认占位图片

   • 目前没有钥匙的位置只显示序号，可考虑添加默认占位图标

4. 权限控制细化

   • 当前只设置了基本的认证权限，可根据实际需求添加更细粒度的权限控制
   • 如某些用户只能查看，某些用户可以操作

5. 刷新机制

   • 添加定时刷新功能，自动更新钥匙状态
   • 添加手动刷新按钮，方便用户实时获取最新数据

6. 错误处理增强

   • 当API调用失败时，提供更详细的错误信息和恢复建议
   • 添加重试机制，提高系统的稳定性

7. 性能优化

   • 当钥匙数据量大时，可能需要优化渲染性能
   • 考虑使用虚拟滚动或其他优化技术

8. 数据缓存

   • 添加数据缓存机制，减少不必要的API调用
   • 提高组件的响应速度