InfoCards.r8bpblDO.js 1.6 KB

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