InfoCards.6WYNu--K.js 1.8 KB

1
  1. import{ab as m,ac as b,ad as p,ae as v,af as y,ag as h,ah as g}from"./index.3XalAL_l.js";import{a as i,f as F,c as t,o as e,b as s,R as C,a9 as D,G as n,Q as r}from"./vue.YrNK8sx4.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"},A={class:"stat-number","data-target":"423"},L={class:"stat-label"},R=i({name:"InfoCards"}),j=i({...R,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:b,color:"#F56C6C",class:"red",iconFont:"fa-calendar-alt"},{label:"在库数",value:a.summaryData.available_devices,icon:p,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:q=>_(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",A,r(o.value),1),s("span",L,r(o.label),1)])],10,x))),128))])]))}}),O=k(j,[["__scopeId","data-v-0c21aa3b"]]);export{O as default};