|
@@ -28,18 +28,22 @@ import {
|
|
|
Coin, Box, Document, Avatar, Folder,
|
|
|
Monitor, ShoppingCart, User, Setting, Tools
|
|
|
} from '@element-plus/icons-vue'
|
|
|
+import { defineProps } from 'vue'
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ summaryData: {
|
|
|
+ type: Object,
|
|
|
+ required: true
|
|
|
+ }
|
|
|
+})
|
|
|
|
|
|
const infoList = [
|
|
|
- { label: '借用数', value: 195, icon: Coin },
|
|
|
- { label: '设备柜', value: 15, icon: Box },
|
|
|
- { label: '审核数', value: 14, icon: Document },
|
|
|
- { label: '学生数', value: 114, icon: Avatar },
|
|
|
- { label: '盘点数', value: 3, icon: Folder },
|
|
|
- { label: '设备数', value: 95, icon: Monitor },
|
|
|
- { label: '仓库数', value: 3, icon: ShoppingCart },
|
|
|
- { label: '库位数', value: 5, icon: Setting },
|
|
|
- { label: '管理员', value: 10, icon: User },
|
|
|
- { label: '维修数', value: 10, icon: Tools },
|
|
|
+ { label: '设备总数', value: props.summaryData.total_devices, icon: Coin },
|
|
|
+ { label: '在借数', value: props.summaryData.total_borrows, icon: Box },
|
|
|
+ { label: '在库数', value: props.summaryData.total_warehouses, icon: Document },
|
|
|
+ { label: '维修中', value: props.summaryData.total_maintenances, icon: Avatar },
|
|
|
+ { label: '用户数', value: props.summaryData.total_students, icon: Folder },
|
|
|
+ { label: '借用件次数', value: props.summaryData.total_applications, icon: Monitor },
|
|
|
];
|
|
|
function handleClick(item: any) {
|
|
|
console.log('点击信息卡片:', item.label);
|