InfoCards.CYke19-h.js 1.8 KB

1
  1. import{am as m,an as p,ao as b,ap as v,aq as y,ar as h,as as g}from"./index.BeV-poOC.js";import{a as i,f as F,c as t,o as e,b as s,M as C,a8 as D,J as n,V as r}from"./vue.D_RgHSVm.js";import{_ as k}from"./_plugin-vue_export-helper.DlAUqK2U.js";const B={class:"info-cards"},w={class:"stats-grid"},x=["onClick"],I={class:"stat-icon"},E={class:"stat-content"},q={class:"stat-number","data-target":"423"},A={class:"stat-label"},L=i({name:"InfoCards"}),V=i({...L,props:{summaryData:{type:Object,required:!0}},setup(d){const a=d,u=F(()=>[{label:"设备总库存数",value:a.summaryData.total_devices,icon:m,color:"#409EFF",class:"blue",iconFont:"fa-shopping-bag"},{label:"在借数",value:a.summaryData.borrowed_devices,icon:p,color:"#F56C6C",class:"red",iconFont:"fa-calendar-alt"},{label:"在库数",value:a.summaryData.available_devices,icon:b,color:"#67C23A",class:"green",iconFont:"fa-chart-line"},{label:"今日借出",value:a.summaryData.today_borrowed,icon:v,color:"#E6A23C",class:"yellow",iconFont:"fa-clock"},{label:"今日归还",value:a.summaryData.today_returned,icon:y,color:"#909399",class:"gray",iconFont:"fa-sync-alt"},{label:"累计借用人次",value:a.summaryData.total_borrowers,icon:h,color:"#3498DB",class:"purple",iconFont:"fa-users"},{label:"累计借用次数",value:a.summaryData.total_borrows,icon:g,color:"#9B59B6",class:"teal",iconFont:"fa-chart-bar"}]);function _(l){console.log("点击信息卡片:",l.label)}return(l,c)=>(e(),t("div",B,[c[0]||(c[0]=s("div",{class:"info-title"}," 数据简报 ",-1)),s("div",w,[(e(!0),t(C,null,D(u.value,(o,f)=>(e(),t("div",{key:f,onClick:j=>_(o),class:n([o.class,"stat-card"]),"data-animate":"slideInRight"},[s("div",I,[s("i",{class:n(["fas",o.iconFont])},null,2)]),s("div",E,[s("span",q,r(o.value),1),s("span",A,r(o.label),1)])],10,x))),128))])]))}}),N=k(V,[["__scopeId","data-v-603cd1ff"]]);export{N as default};