2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{an as m,bw as g,ac as x}from"./bootstrap-DtGB-Whh.js";import{f as p}from"./data-DcmDNjV_.js";import{m as C,aa as h,ad as e,b2 as l,I as y,bb as k,j as v,bJ as S,ae as t,aT as r,u as _,bp as i,ai as w,ac as B}from"../jse/index-index-q-D3p8fw.js";const N={class:"stats-cards"},V={class:"stat-card-inner"},z={class:"stat-content"},D={class:"stat-title"},I={key:0,class:"stat-suffix"},E=C({__name:"stats-cards",props:{data:{},loading:{type:Boolean}},setup(d){const a=d,b=h(()=>{var c,n,o,s,f,u;return[{title:"作业时长",value:p((c=a.data)==null?void 0:c.workDurationSeconds),suffix:"",icon:"solar:clock-circle-bold-duotone",color:"#722ed1",bgColor:"#f9f0ff"},{title:"覆盖区域数",value:(o=(n=a.data)==null?void 0:n.coveredAreaCount)!=null?o:0,suffix:"个",icon:"solar:map-point-bold-duotone",color:"#52c41a",bgColor:"#f6ffed"},{title:"出入次数",value:(f=(s=a.data)==null?void 0:s.totalEvents)!=null?f:0,suffix:"次",icon:"solar:transfer-horizontal-bold-duotone",color:"#1677ff",bgColor:"#e6f4ff"},{title:"平均停留时长",value:p((u=a.data)==null?void 0:u.avgStaySeconds),suffix:"",icon:"solar:stopwatch-bold-duotone",color:"#fa8c16",bgColor:"#fff7e6"}]});return(c,n)=>(l(),e("div",N,[(l(!0),e(y,null,k(b.value,(o,s)=>(l(),e("div",{key:s,class:"stat-card bg-card"},[v(_(g),{loading:d.loading,active:"",paragraph:{rows:1}},{default:S(()=>[t("div",V,[t("div",{class:"stat-icon",style:r({backgroundColor:o.bgColor})},[v(_(m),{icon:o.icon,style:r({color:o.color,fontSize:"22px"})},null,8,["icon","style"])],4),t("div",z,[t("div",D,i(o.title),1),t("div",{class:"stat-value",style:r({color:o.color})},[w(i(o.value)+" ",1),o.suffix?(l(),e("span",I,i(o.suffix),1)):B("",!0)],4)])])]),_:2},1032,["loading"])]))),128))]))}}),F=x(E,[["__scopeId","data-v-5c8acf0b"]]);export{F as default};
|