2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{an as _,bw as v,ac as g}from"./bootstrap-peLAqOBq.js";import{f as x}from"./data-H6H7W_MD.js";import{m as y,aa as C,ad as e,b2 as n,I as h,bb as k,j as m,bJ as S,ae as a,aT as c,u as p,bp as i,ai as N,ac as B}from"../jse/index-index-fr7m5rpH.js";const L={class:"stats-cards"},V={class:"stat-card-inner"},w={class:"stat-content"},z={class:"stat-title"},D={key:0,class:"stat-suffix"},I=y({__name:"stats-cards",props:{currentLocation:{},loading:{type:Boolean},summary:{}},setup(u){const t=u,b=C(()=>{var l,r,o,s,f,d;return[{title:"今日出入次数",value:(r=(l=t.summary)==null?void 0:l.totalEvents)!=null?r:0,suffix:"次",icon:"solar:transfer-horizontal-bold-duotone",color:"#1677ff",bgColor:"#e6f4ff"},{title:"到访区域数",value:(s=(o=t.summary)==null?void 0:o.uniqueAreaCount)!=null?s:0,suffix:"个",icon:"solar:map-point-bold-duotone",color:"#52c41a",bgColor:"#f6ffed"},{title:"在线时长",value:x((f=t.summary)==null?void 0:f.onlineDurationSeconds),suffix:"",icon:"solar:clock-circle-bold-duotone",color:"#722ed1",bgColor:"#f9f0ff"},{title:"当前所在区域",value:(d=t.currentLocation)!=null&&d.inArea?t.currentLocation.areaName||"未知区域":"已离开",suffix:"",icon:"solar:buildings-bold-duotone",color:"#fa8c16",bgColor:"#fff7e6"}]});return(l,r)=>(n(),e("div",L,[(n(!0),e(h,null,k(b.value,(o,s)=>(n(),e("div",{key:s,class:"stat-card"},[m(p(v),{loading:u.loading,active:"",paragraph:{rows:1}},{default:S(()=>[a("div",V,[a("div",{class:"stat-icon",style:c({backgroundColor:o.bgColor})},[m(p(_),{icon:o.icon,style:c({color:o.color,fontSize:"22px"})},null,8,["icon","style"])],4),a("div",w,[a("div",z,i(o.title),1),a("div",{class:"stat-value",style:c({color:o.color})},[N(i(o.value)+" ",1),o.suffix?(n(),e("span",D,i(o.suffix),1)):B("",!0)],4)])])]),_:2},1032,["loading"])]))),128))]))}}),j=g(I,[["__scopeId","data-v-4b90db1f"]]);export{j as default};
|