StatusCards.CLLlvKsp.js 1.3 KB

1
  1. import{M as k,ab as D,ac as x,a6 as h}from"./index.BpMdU1Op.js";import{a as _,f as y,ao as l,c as d,o,b as a,T as r,L as n,S as B,a9 as S,K as i,P as w,R as u}from"./vue.BpL_bCpJ.js";import{_ as L}from"./_plugin-vue_export-helper.DlAUqK2U.js";const N={class:"status-cards"},V={class:"card-grid"},j=["onClick"],q={class:"card-value"},z={class:"card-label"},E=_({name:"StatusCards"}),F=_({...E,props:{statusData:{type:Object,required:!0}},setup(p){const e=p,v=y(()=>[{label:"待审核",value:e.statusData.pending_approval,icon:k},{label:"待归还",value:e.statusData.pending_return,icon:D},{label:"待维修",value:e.statusData.pending_maintenance,icon:x},{label:"已逾期",value:e.statusData.pending_overdue,icon:h}]);function f(c){console.log("点击状态卡片:",c.label)}return(c,t)=>{const m=l("el-icon"),b=l("el-col"),g=l("el-row");return o(),d("div",N,[t[0]||(t[0]=a("div",{class:"info-title"}," 待处理 ",-1)),t[1]||(t[1]=a("div",{class:"custom-line"},null,-1)),a("div",V,[r(g,{gutter:15},{default:n(()=>[(o(!0),d(B,null,S(v.value,(s,C)=>(o(),i(b,{key:C,xs:24,sm:8,md:8,lg:8},{default:n(()=>[a("div",{class:"card",onClick:I=>f(s)},[r(m,{size:40,class:"card-icon"},{default:n(()=>[(o(),i(w(s.icon)))]),_:2},1024),a("div",q,u(s.value),1),a("div",z,u(s.label),1)],8,j)]),_:2},1024))),128))]),_:1})])])}}}),P=L(F,[["__scopeId","data-v-11a4d24d"]]);export{P as default};