2 lines
10 KiB
JavaScript
2 lines
10 KiB
JavaScript
import{g as se,z as oe,r as f,_ as C,x as ie,W as ne,bJ as le,b1 as ae,k as w,D as F,J as e,p as t,E as l,F as i,m as I,t as a,H as re,G as de,M as ue,N as ce,bg as ve,ao as me,bh as pe,bi as _e,bj as he,l as fe,bk as we,bl as be,bm as ge,bn as ye,bo as Ne,bp as ke,T as Ue}from"./vendor/index.CRpmXtWV.js";import{s as Se,a as Re,b as A}from"./userSMF.CilHAAVS.js";import{c as xe,d as Oe,R as p,_ as Te}from"../index.D-NvtsOM.js";import Ce from"./index.DaAQNonx.js";import Fe from"./index.D784cCkW.js";import Ie from"./index.UT5Eloeo.js";import Ae from"./index.BrnIV3QV.js";import Be from"./index.DMQ18R4r.js";import{l as De}from"./udm_sub.AH2ifQXP.js";import{l as Ge}from"./smf.Daxcnvg1.js";import{l as $e}from"./ims.BgHP91vF.js";import{l as B}from"./base5G.DwpYfQxI.js";import{g as D,a as Ee,b as Me,n as Pe,c as G}from"./useTopology.BsBJQHWe.js";import{u as ze,a as y,b as v,e as qe}from"./useWS.DO0ookxT.js";import{u as We}from"./neinfo.CsfhUo_f.js";import"./neInfo.DNMxf4Rh.js";import"./topology.MJW1k77f.js";import"./registerNode.C2fezJFu.js";import"./index.vue_vue_type_script_setup_true_lang.m9m5k4_V.js";import"./useUserActivity.DNiKEL74.js";import"./dict.DBZ2k0Lk.js";import"./goldTarget.De2IzyrI.js";import"./ws-websocket.Bq7KFeli.js";import"./parse-tree-utils.CVXqlbRx.js";import"./task.DBr8g4rv.js";const Le={class:"brand"},Ve=["title"],He={class:"brand-desc"},Je={class:"column"},je={class:"skim panel"},Ke={class:"inner"},Qe={class:"data"},Xe=["title"],Ye=["title"],Ze=["src"],et=["title"],tt=["src"],st={class:"skim panel base"},ot={class:"inner"},it={class:"data"},nt=["title"],lt={style:{"align-items":"flex-start"}},at=["src"],rt=["title"],dt={style:{"align-items":"flex-start"}},ut={class:"skim panel base"},ct={class:"inner"},vt={class:"data"},mt=["title"],pt={style:{"align-items":"flex-start"}},_t=["src"],ht=["title"],ft={style:{"align-items":"flex-start"}},wt={class:"userActivity panel"},bt={class:"inner"},gt={class:"chart"},yt={class:"column",style:{flex:"4",margin:"1.333rem 0.833rem 0"}},Nt={class:"upfFlow panel"},kt={class:"inner"},Ut=["title"],St={class:"chart"},Rt={class:"topology panel"},xt={class:"inner"},Ot=["title"],Tt={class:"normal"},Ct={class:"abnormal"},Ft={class:"chart"},It={class:"column"},At={class:"upfFlowTotal panel"},Bt={class:"inner"},Dt={class:"filter"},Gt=["data-key","onClick"],$t={class:"chart"},Et={class:"data"},Mt={class:"item"},Pt={class:"item"},zt={class:"alarmType panel"},qt={class:"inner"},Wt=["title"],Lt={class:"chart"},Vt={class:"resources panel"},Ht={class:"inner"},Jt={class:"chart"},jt=se({__name:"index",setup(Kt){const $=oe(),E=xe(),{t:o}=Oe(),{wsSend:M,userActivitySend:P,upfTFSend:m,reSendUPF:z}=ze();let N=f([]),b=C({neRealId:""}),d=C({udmSubNum:0,smfUeNum:0,imsUeNum:0,gnbNum:0,gnbUeNum:0,enbNum:0,enbUeNum:0});const k=f(null),{isFullscreen:q,toggle:U}=ie(k),_=f(null),h=f(null);function S(){for(const n of Me.data.nodes){if(Pe.includes(n.id))continue;const{neType:s,neId:u}=n.neInfo;!s||!u||G.value.get(s)||(G.value.set(s,!0),M({requestId:`neState_${s}_${u}`,type:"ne_state",data:{neType:s,neId:u}}))}}async function R(){const n=await Promise.allSettled([De({neid:"001",pageNum:1,pageSize:1}),Ge("001"),$e("001"),B({neType:"AMF",neId:"001"}),B({neType:"MME",neId:"001"})]);if(n[0].status==="fulfilled"){const s=n[0].value;s.code===p&&(d.udmSubNum=s.total)}if(n[1].status==="fulfilled"){const s=n[1].value;s.code===p&&(d.smfUeNum=s.data)}if(n[2].status==="fulfilled"){const s=n[2].value;s.code===p&&(d.imsUeNum=s.data)}if(n[3].status==="fulfilled"){const s=n[3].value;s.code===p&&(d.gnbNum=s.total,d.gnbUeNum=0,s.rows.map(u=>{d.gnbUeNum+=u.ueNum}))}if(n[4].status==="fulfilled"){const s=n[4].value;s.code===p&&(d.enbNum=s.total,d.enbUeNum=0,s.rows.map(u=>{d.enbUeNum+=u.ueNum}))}}function W(){S(),P(),m(0),m(7),m(30),clearInterval(_.value),_.value=setInterval(()=>{v.value=v.value>=2?0:v.value+1,v.value===0?m(7):v.value===1?m(30):v.value===2&&m(0)},1e4),clearInterval(h.value),h.value=setInterval(()=>{R(),S()},5e3)}function c(n,s){$.push({name:n,query:s})}function x(n,s){b.neRealId=n,qe.value=n,z(s.rmUid),y.value.map(u=>{u.requestFlag=!1}),W()}const L=()=>document.querySelector(".viewport");return ne(()=>{R().then(()=>{}),We().fnNelist().then(n=>{if(n.code===p&&Array.isArray(n.data)){if(n.data.length>0){let s=[];n.data.forEach(u=>{u.neType==="UPF"&&s.push({value:u.neId,label:u.neName,rmUid:u.rmUid})}),N.value=s,s.length>0&&x(s[0].value,s[0])}}else le.message.warning({content:o("common.noData"),duration:2})})}),ae(()=>{clearInterval(_.value),_.value=null,clearInterval(h.value),h.value=null}),(n,s)=>{const u=ue,V=ce,H=ve,g=me,O=pe,J=_e,j=he,K=fe.Select,Q=we,X=be,Y=ge,Z=ye,ee=Ne,te=ke;return w(),F("div",{class:"viewport",ref_key:"viewportDom",ref:k},[e("div",Le,[e("div",{class:"brand-title",onClick:s[0]||(s[0]=(...r)=>t(U)&&t(U)(...r)),title:t(o)("views.dashboard.overview.fullscreen")},[l(i(t(o)("views.dashboard.overview.title"))+" ",1),t(q)?(w(),I(u,{key:0})):(w(),I(V,{key:1}))],8,Ve),e("div",He,i(t(E).appName),1)]),e("div",Je,[e("div",je,[e("div",Ke,[e("h3",null,[a(H,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.skim.userTitle")),1)]),e("div",Qe,[e("div",{class:"item toRouter",onClick:s[1]||(s[1]=r=>c("Sub_2010")),title:t(o)("views.dashboard.overview.toRouter")},[e("div",null,[a(g,{style:{color:"#4096ff","margin-right":"8px","font-size":"1.1rem"}}),l(" "+i(t(d).udmSubNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.users")),1)],8,Xe),e("div",{class:"item toRouter",onClick:s[2]||(s[2]=r=>c("Ims_2080")),title:t(o)("views.dashboard.overview.toRouter"),style:{margin:"0 12px"}},[e("div",null,[e("img",{src:t(Se),style:{width:"18px","margin-right":"8px"}},null,8,Ze),l(" "+i(t(d).imsUeNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.imsUeNum")),1)],8,Ye),e("div",{class:"item toRouter",onClick:s[3]||(s[3]=r=>c("Ue_2081")),title:t(o)("views.dashboard.overview.toRouter")},[e("div",null,[e("img",{src:t(Re),style:{width:"18px","margin-right":"8px"}},null,8,tt),l(" "+i(t(d).smfUeNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.smfUeNum")),1)],8,et)])])]),e("div",st,[e("div",ot,[e("h3",null,[a(O,{style:{color:"#68d8fe"}}),l(" 5G "+i(t(o)("views.dashboard.overview.skim.baseTitle")),1)]),e("div",it,[e("div",{class:"item toRouter",onClick:s[4]||(s[4]=r=>c("Base5G_2082",{neType:"5g"})),title:t(o)("views.dashboard.overview.toRouter")},[e("div",lt,[e("img",{src:t(A),style:{width:"18px","margin-right":"8px",height:"2rem"}},null,8,at),l(" "+i(t(d).gnbNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.gnbBase")),1)],8,nt),e("div",{class:"item toRouter",onClick:s[5]||(s[5]=r=>c("Base5G_2082",{neType:"5g"})),title:t(o)("views.dashboard.overview.toRouter")},[e("div",dt,[a(g,{style:{color:"#4096ff","margin-right":"8px","font-size":"1.1rem"}}),l(" "+i(t(d).gnbUeNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.gnbUeNum")),1)],8,rt)])])]),e("div",ut,[e("div",ct,[e("h3",null,[a(O,{style:{color:"#68d8fe"}}),l(" 4G "+i(t(o)("views.dashboard.overview.skim.baseTitle")),1)]),e("div",vt,[e("div",{class:"item toRouter",onClick:s[6]||(s[6]=r=>c("Base5G_2082",{neType:"4g"})),title:t(o)("views.dashboard.overview.toRouter")},[e("div",pt,[e("img",{src:t(A),style:{width:"18px","margin-right":"8px",height:"2rem"}},null,8,_t),l(" "+i(t(d).enbNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.enbBase")),1)],8,mt),e("div",{class:"item toRouter",onClick:s[7]||(s[7]=r=>c("Base5G_2082",{neType:"4g"})),title:t(o)("views.dashboard.overview.toRouter")},[e("div",ft,[a(g,{style:{color:"#4096ff","margin-right":"8px","font-size":"1.1rem"}}),l(" "+i(t(d).enbUeNum),1)]),e("span",null,i(t(o)("views.dashboard.overview.skim.enbUeNum")),1)],8,ht)])])]),e("div",wt,[e("div",bt,[e("h3",null,[a(J,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.userActivity.title")),1)]),e("div",gt,[a(Ie)])])])]),e("div",yt,[e("div",Nt,[e("div",kt,[e("h3",{class:"toRouter",title:t(o)("views.dashboard.overview.toRouter"),style:{display:"flex","align-items":"center"}},[a(j,{style:{color:"#68d8fe"}}),l(" "),e("span",{onClick:s[8]||(s[8]=r=>c("GoldTarget_2104"))},i(t(o)("views.dashboard.overview.upfFlow.title")),1),a(K,{value:t(b).neRealId,"onUpdate:value":s[9]||(s[9]=r=>t(b).neRealId=r),options:t(N),"get-Popup-Container":L,class:"toDeep",style:{width:"100px",color:"#fff","margin-left":"auto"},onChange:x},null,8,["value","options"])],8,Ut),e("div",St,[a(Be)])])]),e("div",Rt,[e("div",xt,[e("h3",{class:"toRouter",onClick:s[10]||(s[10]=r=>c("TopologyArchitecture_2128")),title:t(o)("views.dashboard.overview.toRouter")},[e("span",null,[a(Q,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.topology.title")),1)]),e("span",null,[l(i(t(o)("views.dashboard.overview.topology.normal"))+": ",1),e("span",Tt,i(t(D)[0]),1),l(" "+i(t(o)("views.dashboard.overview.topology.abnormal"))+": ",1),e("span",Ct,i(t(D)[1]),1)])],8,Ot),e("div",Ft,[a(Ce)])])])]),e("div",It,[e("div",At,[e("div",Bt,[e("h3",null,[e("span",null,[a(X,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.upfFlowTotal.title")),1)]),e("div",Dt,[(w(),F(re,null,de(["0","7","30"],(r,T)=>e("span",{"data-key":r,class:Ue({active:t(v)===T}),key:r,onClick:()=>{v.value=T}},i(r==="0"?"24"+t(o)("common.units.hour"):r+t(o)("common.units.day")),11,Gt)),64))])]),e("div",$t,[e("div",Et,[e("div",Mt,[e("span",null,[a(Y,{style:{color:"#597ef7"}}),l(" "+i(t(o)("views.dashboard.overview.upfFlowTotal.up")),1)]),e("h4",null,i(t(y)[t(v)].up),1)]),e("div",Pt,[e("span",null,[a(Z,{style:{color:"#52c41a"}}),l(" "+i(t(o)("views.dashboard.overview.upfFlowTotal.down")),1)]),e("h4",null,i(t(y)[t(v)].down),1)])])])])]),e("div",zt,[e("div",qt,[e("h3",{class:"toRouter",onClick:s[11]||(s[11]=r=>c("HistoryAlarm_2097")),title:t(o)("views.dashboard.overview.toRouter")},[a(ee,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.alarmTypeBar.alarmSum")),1)],8,Wt),e("div",Lt,[a(Ae)])])]),e("div",Vt,[e("div",Ht,[e("h3",null,[a(te,{style:{color:"#68d8fe"}}),l(" "+i(t(o)("views.dashboard.overview.resources.title"))+"： "+i(t(Ee)),1)]),e("div",Jt,[a(Fe)])])])])],512)}}}),ys=Te(jt,[["__scopeId","data-v-3453bc30"]]);export{ys as default};
|