68 lines
1.7 KiB
Markdown
68 lines
1.7 KiB
Markdown
# 门禁管理组件待办事项
|
|
|
|
## 待办事项列表
|
|
|
|
1. ✅ 路由配置 - 已完成
|
|
2. ✅ Main.vue菜单配置 - 已完成
|
|
3. ✅ handleMenuSelect函数更新 - 已完成
|
|
4. 后端接口对接 - 待处理
|
|
5. 默认占位图片 - 待处理
|
|
6. 权限控制 - 待处理
|
|
|
|
## 配置需求
|
|
|
|
### 路由配置
|
|
**状态：✅ 已完成**
|
|
|
|
```typescript
|
|
{
|
|
path: '/index/access/record',
|
|
name: 'AccessRecord',
|
|
component: () => import('@/view/access/AccessRecord.vue'),
|
|
meta: { requiresAuth: true }
|
|
}
|
|
```
|
|
|
|
### 菜单配置
|
|
**状态：✅ 已完成**
|
|
|
|
```vue
|
|
<el-sub-menu index="4">
|
|
<template #title>
|
|
<el-icon><i class="el-icon-lock"></i></el-icon>
|
|
<span>门禁管理</span>
|
|
</template>
|
|
<el-menu-item index="/index/access/record">通行记录</el-menu-item>
|
|
</el-sub-menu>
|
|
```
|
|
|
|
### 组件引用
|
|
**状态：✅ 已完成**
|
|
|
|
```typescript
|
|
// 在Main.vue中导入
|
|
import AccessRecord from './access/AccessRecord.vue'
|
|
|
|
// 在handleMenuSelect函数中添加
|
|
case '/index/access/record':
|
|
rightPanelComponent.value = AccessRecord
|
|
rightPanelTitle.value = '通行记录'
|
|
ElMessage.success('已切换到通行记录')
|
|
break
|
|
```
|
|
|
|
## 待对接接口
|
|
|
|
| 接口名称 | 描述 | 实现状态 |
|
|
|---------|------|--------|
|
|
| 获取门禁设备列表 | 获取所有可用的门禁设备 | 待实现 |
|
|
| 获取通行记录列表 | 根据筛选条件获取通行记录 | 待实现 |
|
|
| 获取人员照片 | 获取通行人员的照片 | 待实现 |
|
|
|
|
## 其他事项
|
|
|
|
1. 需确认后端接口返回数据格式，调整组件数据处理逻辑
|
|
2. 添加加载失败的错误处理机制
|
|
3. 完善表格的单元格样式和交互效果
|
|
4. 考虑添加导出报表功能
|
|
5. 优化筛选条件的验证逻辑 |