2 lines
5.3 KiB
JavaScript
2 lines
5.3 KiB
JavaScript
import{g as a,e as l,c as e,w as s,i as t,o,a as r,n as c,u as d,b as u,t as i,q as n,v as p,F as f,j as _,l as m,d as v,y as k,S as g}from"./index-DiFYiUhR.js";import{_ as y}from"./ic_back.BKIFUCMS.js";import{o as w}from"./uni-app.es.C-uAug5D.js";import{c as x}from"./machine.C9_SPsLA.js";import"./index.DG8cCfVY.js";import{p as b}from"./port-edit-dialog.Bv4eeT3b.js";import{_ as C}from"./_plugin-vue_export-helper.BCo6x5W8.js";import"./api.RE0WoxW-.js";const I=C({__name:"index",setup(C){const I=a().statusBarHeight||0,h=l(""),j=l(""),L=l(""),F=l(0),N=l([]),$=l(!1),P=l(!1),S=l("");let T="";async function q(){$.value=!0;try{const a=await x(h.value);200===a.code&&a.data&&(N.value=a.data)}finally{$.value=!1,T&&(S.value=T,P.value=!0,T="")}}function D(){_()}function O(a){S.value=a.id,P.value=!0}function R(){P.value=!1,q()}return w((a=>{a.rackId&&(h.value=a.rackId),a.rackName&&(j.value=decodeURIComponent(a.rackName)),a.roomName&&(L.value=decodeURIComponent(a.roomName)),a.rackType&&(F.value=parseInt(a.rackType)),a.portId&&(T=a.portId),q()})),(a,l)=>{const _=m,w=v,x=t,C=g;return o(),e(x,{class:"rack-detail-page"},{default:s((()=>[r(x,{class:"content"},{default:s((()=>[r(x,{class:"nav-bar",style:c({paddingTop:d(I)+"px"})},{default:s((()=>[r(x,{class:"nav-bar-inner"},{default:s((()=>[r(_,{class:"nav-icon",src:y,mode:"aspectFit",onClick:D}),r(w,{class:"nav-title"},{default:s((()=>[u(i(j.value)+"详情",1)])),_:1}),r(x,{class:"nav-icon-placeholder"})])),_:1})])),_:1},8,["style"]),r(x,{class:"room-name-bar"},{default:s((()=>[r(w,{class:"room-name-text"},{default:s((()=>[u(i(L.value),1)])),_:1}),r(w,{class:"rack-type-text"},{default:s((()=>[u("类型："+i(1===F.value?"光交箱":"ODF"),1)])),_:1})])),_:1}),r(x,{class:"legend-bar"},{default:s((()=>[r(x,{class:"legend-item"},{default:s((()=>[r(x,{class:"legend-dot legend-dot-green"}),r(w,{class:"legend-label"},{default:s((()=>[u("已连接")])),_:1})])),_:1}),r(x,{class:"legend-item"},{default:s((()=>[r(x,{class:"legend-dot legend-dot-red"}),r(w,{class:"legend-label"},{default:s((()=>[u("已断开")])),_:1})])),_:1})])),_:1}),$.value?(o(),e(x,{key:0,class:"loading-box"},{default:s((()=>[r(w,{class:"loading-text"},{default:s((()=>[u("loading...")])),_:1})])),_:1})):(o(),e(x,{key:1,class:"frame-list"},{default:s((()=>[(o(!0),n(f,null,p(N.value,(a=>(o(),e(x,{class:"frame-card",key:a.id},{default:s((()=>[r(w,{class:"frame-name"},{default:s((()=>[u(i(a.name),1)])),_:2},1024),1===F.value?(o(),e(C,{key:0,class:"port-scroll","scroll-x":""},{default:s((()=>[r(x,{class:"optical-box-wrapper"},{default:s((()=>[r(x,{class:"optical-left-col"},{default:s((()=>[r(x,{class:"optical-col-header"},{default:s((()=>[r(w,{class:"optical-col-title"},{default:s((()=>[u("光交箱端子")])),_:1})])),_:1}),(o(!0),n(f,null,p(a.odfPortsList,((a,l)=>(o(),e(x,{class:"optical-port-row",key:"left-"+l},{default:s((()=>[r(w,{class:"optical-row-name"},{default:s((()=>[u(i(l+1),1)])),_:2},1024),r(x,{class:"port-list"},{default:s((()=>[(o(!0),n(f,null,p(a.rowList,((a,t)=>(o(),e(x,{class:"port-item",key:"lp-"+a.id,onClick:l=>O(a)},{default:s((()=>[r(x,{class:k(["port-circle",1===a.status?"port-green":"port-red"])},{default:s((()=>[r(w,{class:"port-tips"},{default:s((()=>[u(i(a.tips),1)])),_:2},1024)])),_:2},1032,["class"]),r(w,{class:"port-name"},{default:s((()=>{return[u(i((a=l,e=t,`${String.fromCharCode(65+a)}-${e+1}`)),1)];var a,e})),_:2},1024)])),_:2},1032,["onClick"])))),128))])),_:2},1024)])),_:2},1024)))),128))])),_:2},1024),r(x,{class:"optical-divider"}),r(x,{class:"optical-right-col"},{default:s((()=>[r(x,{class:"optical-col-header"},{default:s((()=>[r(w,{class:"optical-col-title"},{default:s((()=>[u("ODF端子")])),_:1})])),_:1}),(o(!0),n(f,null,p(a.odfPortsList,((a,l)=>(o(),e(x,{class:"optical-port-row",key:"right-"+l},{default:s((()=>[r(w,{class:"optical-row-name"},{default:s((()=>[u(i(l+1),1)])),_:2},1024),r(x,{class:"port-list"},{default:s((()=>[(o(!0),n(f,null,p(a.rowList,((a,t)=>(o(),e(x,{class:"port-item",key:"rp-"+a.id,onClick:l=>O(a)},{default:s((()=>[r(x,{class:k(["port-circle",1===a.status?"port-green":"port-red"])},{default:s((()=>[r(w,{class:"port-tips"},{default:s((()=>[u(i(a.tips),1)])),_:2},1024)])),_:2},1032,["class"]),r(w,{class:"port-name"},{default:s((()=>{return[u(i((a=l,e=t,`${a+1}-${e+1}`)),1)];var a,e})),_:2},1024)])),_:2},1032,["onClick"])))),128))])),_:2},1024)])),_:2},1024)))),128))])),_:2},1024)])),_:2},1024)])),_:2},1024)):(o(),e(C,{key:1,class:"port-scroll","scroll-x":""},{default:s((()=>[r(x,{class:"port-rows-wrapper"},{default:s((()=>[(o(!0),n(f,null,p(a.odfPortsList,((a,l)=>(o(),e(x,{class:"port-row",key:l},{default:s((()=>[r(w,{class:"row-name"},{default:s((()=>[u(i(a.name),1)])),_:2},1024),r(x,{class:"port-list"},{default:s((()=>[(o(!0),n(f,null,p(a.rowList,(a=>(o(),e(x,{class:"port-item",key:a.id,onClick:l=>O(a)},{default:s((()=>[r(x,{class:k(["port-circle",1===a.status?"port-green":"port-red"])},{default:s((()=>[r(w,{class:"port-tips"},{default:s((()=>[u(i(a.tips),1)])),_:2},1024)])),_:2},1032,["class"]),r(w,{class:"port-name"},{default:s((()=>[u(i(a.name),1)])),_:2},1024)])),_:2},1032,["onClick"])))),128))])),_:2},1024)])),_:2},1024)))),128))])),_:2},1024)])),_:2},1024))])),_:2},1024)))),128))])),_:1}))])),_:1}),r(b,{visible:P.value,portId:S.value,onClose:l[0]||(l[0]=a=>P.value=!1),onSaved:R},null,8,["visible","portId"])])),_:1})}}},[["__scopeId","data-v-78fdbc30"]]);export{I as default};
|