InfoCards.DwTPKPeY.js 1.5 KB

1
  1. import{a8 as v,a9 as f,aa as b,ab as p,ac as y,ad as D,ae as C}from"./index.BHVSM4Tb.js";import{a as c,f as k,aj as w,c as l,o as t,b as e,R as x,a9 as g,S as h,K as B,J as I,O as j,Q as n}from"./vue.YrNK8sx4.js";import{_ as L}from"./_plugin-vue_export-helper.DlAUqK2U.js";const N={class:"info-cards"},O={class:"card-grid"},S=["onClick"],V={class:"card-value"},q={class:"card-label"},z=c({name:"InfoCards"}),E=c({...z,props:{summaryData:{type:Object,required:!0}},setup(d){const a=d,i=k(()=>[{label:"设备总数",value:a.summaryData.total_devices,icon:v},{label:"在借数",value:a.summaryData.borrowed_devices,icon:f},{label:"在库数",value:a.summaryData.available_devices,icon:b},{label:"今日借出",value:a.summaryData.today_borrowed,icon:p},{label:"今日归还",value:a.summaryData.today_returned,icon:y},{label:"累计借用次数",value:a.summaryData.total_borrows,icon:D},{label:"累计借用人数",value:a.summaryData.total_borrowers,icon:C}]);function u(r){console.log("点击信息卡片:",r.label)}return(r,o)=>{const _=w("el-icon");return t(),l("div",N,[o[0]||(o[0]=e("div",{class:"info-title"}," 数据简报 ",-1)),o[1]||(o[1]=e("div",{class:"custom-line"},null,-1)),e("div",O,[(t(!0),l(x,null,g(i.value,(s,m)=>(t(),l("div",{key:m,class:"card",onClick:F=>u(s)},[h(_,{size:40,class:"card-icon"},{default:B(()=>[(t(),I(j(s.icon)))]),_:2},1024),e("div",V,n(s.value),1),e("div",q,n(s.label),1)],8,S))),128))])])}}}),R=L(E,[["__scopeId","data-v-720924f6"]]);export{R as default};