2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{an as g,az as I,bU as C,ax as z,ac as L}from"./bootstrap-CG9GXOLj.js";import{m as A,cf as c,aa as _,ad as o,b2 as l,ae as e,j as v,u as i,I as h,bJ as k,ai as N,aT as w,aR as x,bp as n,bb as F,ac as O}from"../jse/index-index-Z45rumFj.js";import{r as R}from"./relativeTime-wfAoPQeI.js";import{B as S,c as E,f as H}from"./data-DcmDNjV_.js";import"./zh-cn-DDDdoibh.js";const V={class:"badge-status-card bg-card"},D={class:"card-header"},U={key:0,class:"empty-state"},j={class:"status-row"},P={class:"status-row"},G={class:"value mono"},J={class:"status-row"},K={class:"label"},M={class:"battery-bar"},q={class:"status-row"},Q={class:"value"},W={class:"status-row"},X={class:"value muted"},Y={class:"recent-timeline"},Z={class:"timeline-header"},$={class:"timeline-count"},ee={key:0,class:"timeline-list"},se={class:"timeline-dot-wrap"},te={class:"timeline-content"},ae={class:"timeline-area"},oe={class:"timeline-meta"},le={key:0},ne={key:1,class:"staying-tag"},ie={key:2,class:"timeline-duration"},re={key:1,class:"timeline-empty"},de=A({__name:"badge-status-card",props:{data:{},loading:{type:Boolean},recentRecords:{}},setup(r){const d=r;c.extend(R),c.locale("zh-cn");const p=_(()=>{var s,u,m,t;const a=(m=(u=(s=d.data)==null?void 0:s.status)==null?void 0:u.toUpperCase())!=null?m:"OFFLINE";return(t=S[a])!=null?t:S.OFFLINE}),f=_(()=>{var a;return E((a=d.data)==null?void 0:a.batteryLevel)}),B=_(()=>{var a;return(a=d.data)!=null&&a.onlineTime?c(d.data.onlineTime).fromNow():"未知"}),y=_(()=>!d.recentRecords||d.recentRecords.length===0?[]:[...d.recentRecords].toSorted((a,s)=>c(s.enterTime).valueOf()-c(a.enterTime).valueOf()).slice(0,15));return(a,s)=>{var u,m;return l(),o("div",V,[e("div",D,[v(i(g),{icon:"solar:user-id-bold-duotone",style:{color:"#fa8c16",fontSize:"20px"}}),s[0]||(s[0]=e("span",{class:"card-title"},"工牌状态（实时）",-1))]),r.data?(l(),o(h,{key:1},[e("div",j,[s[2]||(s[2]=e("span",{class:"label"},"设备状态",-1)),v(i(I),{color:(u=p.value)==null?void 0:u.color},{default:k(()=>{var t,b,T;return[e("span",{class:x(["status-dot",{"status-dot--pulse":((t=p.value)==null?void 0:t.label)==="作业中"}]),style:w({backgroundColor:(b=p.value)==null?void 0:b.color})},null,6),N(" "+n((T=p.value)==null?void 0:T.label),1)]}),_:1},8,["color"])]),e("div",P,[s[3]||(s[3]=e("span",{class:"label"},"设备编码",-1)),e("span",G,n(r.data.deviceKey||"-"),1)]),e("div",J,[e("span",K,[v(i(g),{icon:f.value.icon,style:w({color:f.value.color})},null,8,["icon","style"]),s[4]||(s[4]=N(" 电量 ",-1))]),e("div",M,[v(i(C),{percent:(m=r.data.batteryLevel)!=null?m:0,"show-info":!0,size:"small","stroke-color":f.value.color},null,8,["percent","stroke-color"])])]),e("div",q,[s[5]||(s[5]=e("span",{class:"label"},"当前区域",-1)),e("span",Q,n(r.data.isInArea?r.data.areaName||"未知区域":"区域外"),1)]),e("div",W,[s[6]||(s[6]=e("span",{class:"label"},"上线时间",-1)),v(i(z),{title:r.data.onlineTime},{default:k(()=>[e("span",X,n(B.value),1)]),_:1},8,["title"])]),e("div",Y,[e("div",Z,[s[7]||(s[7]=e("span",{class:"timeline-title"},"实时轨迹",-1)),e("span",$,n(y.value.length)+" 条",1)]),y.value.length>0?(l(),o("div",ee,[(l(!0),o(h,null,F(y.value,t=>(l(),o("div",{key:t.id,class:"timeline-item"},[e("div",se,[e("span",{class:x(["timeline-dot",{"timeline-dot--active":!t.leaveTime}])},null,2),s[8]||(s[8]=e("span",{class:"timeline-line"},null,-1))]),e("div",te,[e("div",ae,n(t.fullAreaName||t.areaName),1),e("div",oe,[e("span",null,n(i(c)(t.enterTime).format("HH:mm")),1),t.leaveTime?(l(),o("span",le,"→ "+n(i(c)(t.leaveTime).format("HH:mm")),1)):(l(),o("span",ne,"停留中")),t.durationSeconds?(l(),o("span",ie,n(i(H)(t.durationSeconds)),1)):O("",!0)])])]))),128))])):(l(),o("div",re,"暂无实时轨迹"))])],64)):(l(),o("div",U,[...s[1]||(s[1]=[e("span",{class:"empty-text"},"请选择工牌设备",-1)])]))])}}}),_e=L(de,[["__scopeId","data-v-13a8b58a"]]);export{_e as default};
|