45 lines
1.8 KiB
Markdown
45 lines
1.8 KiB
Markdown
# 钥匙管理组件 - 对齐文档
|
||
|
||
## 原始需求
|
||
在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请求
|
||
- 组件结构和样式需与现有项目保持一致 |