InfoCards.DuI4T8cS.js 1.4 KB

1
  1. import{a5 as f,a6 as v,a7 as p,a8 as b,a9 as y,aa as C}from"./index.DXluV3p1.js";import{a as r,f as D,ao as k,c as l,o as t,b as e,S as h,a9 as x,T as g,L as B,K as w,P as I,R as c}from"./vue.fY72QXCX.js";import{_ as L}from"./_plugin-vue_export-helper.DlAUqK2U.js";const N={class:"info-cards"},S={class:"card-grid"},V=["onClick"],j={class:"card-value"},q={class:"card-label"},z=r({name:"InfoCards"}),E=r({...z,props:{summaryData:{type:Object,required:!0}},setup(i){const a=i,d=D(()=>[{label:"设备总数",value:a.summaryData.total_devices,icon:f},{label:"在借数",value:a.summaryData.total_borrows,icon:v},{label:"在库数",value:a.summaryData.total_warehouses,icon:p},{label:"维修中",value:a.summaryData.total_maintenances,icon:b},{label:"用户数",value:a.summaryData.total_students,icon:y},{label:"借用件次数",value:a.summaryData.total_applications,icon:C}]);function u(n){console.log("点击信息卡片:",n.label)}return(n,s)=>{const _=k("el-icon");return t(),l("div",N,[s[0]||(s[0]=e("div",{class:"info-title"}," 数据简报 ",-1)),s[1]||(s[1]=e("div",{class:"custom-line"},null,-1)),e("div",S,[(t(!0),l(h,null,x(d.value,(o,m)=>(t(),l("div",{key:m,class:"card",onClick:F=>u(o)},[g(_,{size:40,class:"card-icon"},{default:B(()=>[(t(),w(I(o.icon)))]),_:2},1024),e("div",j,c(o.value),1),e("div",q,c(o.label),1)],8,V))),128))])])}}}),R=L(E,[["__scopeId","data-v-6c874112"]]);export{R as default};