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

钥匙管理组件 - 对齐文档

原始需求

在view文件夹中新建一个文件夹用于存放"钥匙管理"菜单下的二级菜单的组件，在此文件夹中新建"钥匙信息管理"组件，功能包括：

1. 钥匙柜选择（下拉框），包含三个选项：

   • "指挥中心钥匙柜1"（48位钥匙柜）
   • "指挥中心钥匙柜2"（42位钥匙柜）
   • "车队钥匙柜"（32位钥匙柜）

2. 根据选中的钥匙柜位数显示方格矩阵，矩阵中格子数量与选中钥匙柜的位数相同

3. 每个格子有一个序号，从左上角开始为1号，依此类推

4. 使用HTTP请求获取钥匙数据

5. 根据钥匙数据在对应位置显示钥匙图标，并根据状态设置颜色

6. 点击钥匙图标时显示历史操作记录的Dialog

项目分析

• 项目是一个仓库管理系统，使用Vue 3 + TypeScript
• 已有的组件如AccessRecord、EmergencyAlarmRecord等提供了参考模式
• 使用ElementPlus作为UI库
• 项目有http.js用于API请求

需求理解确认

业务需求

• 钥匙管理是系统的一个功能模块，需要展示钥匙柜和钥匙的状态
• 通过可视化的方格矩阵直观展示钥匙的位置和状态
• 支持查看钥匙的操作历史记录

技术需求

• 创建新的文件夹结构和组件
• 实现下拉选择器、矩阵展示、状态显示和Dialog弹窗等功能
• 集成现有的HTTP API请求机制
• 遵循项目现有的组件开发模式

边界确认

• 本次任务只涉及"钥匙信息管理"组件的开发
• 不包括钥匙的申请、归还等操作功能
• 仅实现前端展示和数据获取功能，不涉及后端逻辑

技术约束

• 使用Vue 3 Composition API
• 使用ElementPlus组件库
• 使用项目现有的http.js进行API请求
• 组件结构和样式需与现有项目保持一致