2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{by as N,ak as S,d as _,cF as p,au as h,ac as L}from"./bootstrap-DmcuvVZS.js";import{R as I,a as O}from"./data-DPhY-QG7.js";import{m as w,aa as n,ab as B,b2 as E,bJ as o,ae as t,bp as c,j as d,aT as R,u as i,ai as b}from"../jse/index-index-B6J4axeY.js";import"./index-C3H1eIkn.js";const D={class:"device-card__body"},M={class:"device-card__header"},P=["title"],V={class:"device-card__header-right"},A={class:"device-card__info"},K={class:"device-card__info-row"},Y={class:"device-card__info-value"},j={class:"device-card__info-row"},z={class:"device-card__info-value"},F={class:"device-card__footer"},J=w({__name:"device-card",props:{deviceState:{},relation:{}},emits:["click","unbind"],setup(r,{emit:m}){const a=r,l=m,u=n(()=>a.relation.nickname||"--"),k=n(()=>a.relation.deviceName||a.relation.deviceKey||"--"),y=n(()=>a.relation.productName||a.relation.productKey||"--"),g=n(()=>{var s,e,f;return(f=(e=(s=I.find(T=>T.value===a.relation.relationType))==null?void 0:s.label)!=null?e:a.relation.relationType)!=null?f:"--"}),v=n(()=>{var s,e;return(e=O[(s=a.relation.relationType)!=null?s:""])!=null?e:{bg:"#f5f5f5",text:"#8c8c8c"}});function C(){l("click",a.relation)}function x({key:s}){s==="detail"?l("click",a.relation):s==="unbind"&&l("unbind",a.relation)}return(s,e)=>(E(),B(i(h),{class:"device-card",hoverable:"","body-style":{padding:"0"},onClick:C},{default:o(()=>[t("div",D,[t("div",M,[t("span",{class:"device-card__name",title:u.value},c(u.value),9,P),t("div",V,[t("span",{class:"device-card__type-badge",style:R({background:v.value.bg,color:v.value.text})},c(g.value),5),d(i(N),{trigger:["click"]},{overlay:o(()=>[d(i(_),{onClick:x},{default:o(()=>[d(i(_).Item,{key:"detail"},{default:o(()=>[...e[1]||(e[1]=[b("查看详情",-1)])]),_:1}),d(i(_).Item,{key:"unbind",danger:""},{default:o(()=>[...e[2]||(e[2]=[b("解除绑定",-1)])]),_:1})]),_:1})]),default:o(()=>[t("span",{class:"device-card__more",onClick:e[0]||(e[0]=S(()=>{},["stop"]))},"...")]),_:1})])]),t("div",A,[t("div",K,[e[3]||(e[3]=t("span",{class:"device-card__info-label"},"设备标识",-1)),t("span",Y,c(k.value),1)]),t("div",j,[e[4]||(e[4]=t("span",{class:"device-card__info-label"},"产品所属",-1)),t("span",z,c(y.value),1)])]),t("div",F,[d(i(p),{status:a.deviceState===1?"success":a.deviceState===0?"error":"default",text:a.deviceState===1?"在线":a.deviceState===0?"离线":"未知"},null,8,["status","text"]),e[5]||(e[5]=t("span",{class:"device-card__footer-sep"},"|",-1)),d(i(p),{status:r.relation.enabled?"success":"error",text:r.relation.enabled?"启用":"停用"},null,8,["status","text"])])])]),_:1}))}}),U=L(J,[["__scopeId","data-v-fab000a0"]]);export{U as default};
|