2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
import{l as g}from"./goldTarget.De2IzyrI.js";import{d as y,R as h,_ as S}from"../index.D-NvtsOM.js";import{u as x,c as s,d as _}from"./useWS.DO0ookxT.js";import{g as D,b0 as T,b2 as F,bq as U,b5 as L,bs as C,b7 as z,bt as A,r as c,w as k,W as P,X as Y,k as E,D as I,bu as d,b9 as O,ba as R}from"./vendor/index.CRpmXtWV.js";import"./ws-websocket.Bq7KFeli.js";import"./useUserActivity.DNiKEL74.js";import"./useTopology.BsBJQHWe.js";const B=D({__name:"tenantUPF",setup(G){const{reSendUPF:m}=x(),{t:u}=y();T([F,U,L,C,z,A]);const f=c(void 0),t=c(null);function p(e,n){if(e){t.value||(t.value=O(R(e,"light"))),n&&t.value.setOption(n);var o=new ResizeObserver(l=>{t.value&&t.value.resize()});o.observe(e)}}function b(){const{lineXTime:e,lineYUp:n,lineYDown:o}=s.value;var l=[{name:u("views.dashboard.overview.upfFlow.up"),type:"line",color:"rgba(250, 219, 20)",smooth:!0,areaStyle:{color:new d(0,0,0,1,[{offset:0,color:"rgba(250, 219, 20, .5)"},{offset:1,color:"rgba(250, 219, 20, 0.5)"}]),shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:10},symbol:"circle",symbolSize:5,formatter:"{b}",data:n},{name:u("views.dashboard.overview.upfFlow.down"),type:"line",color:"rgba(92, 123, 217)",smooth:!0,areaStyle:{color:new d(0,0,0,1,[{offset:0,color:"rgba(92, 123, 217, .5)"},{offset:1,color:"rgba(92, 123, 217, 0.5)"}]),shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:10},symbol:"circle",symbolSize:5,formatter:"{b}",data:o}];const w={tooltip:{show:!0,trigger:"axis",formatter:function(a){var i="";if(a!==null&&a.length>0){i+=a[0].name+"<br />";for(var r=0;r<a.length;r++)i+=a[r].marker+a[r].seriesName+": "+a[r].value+"<br />"}return i}},legend:{data:l.map(a=>a.name),textStyle:{fontSize:12},left:"center"},grid:{top:"14%",left:"4%",right:"4%",bottom:"12%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,data:e,axisLabel:{formatter:function(a){return a.split(" ")[1]},fontSize:14},axisLine:{lineStyle:{}}},yAxis:[{name:"(Mbps)",nameTextStyle:{fontSize:12,padding:[0,-10,0,0]},type:"value",min:0,axisLabel:{formatter:"{value}"},splitLine:{lineStyle:{}},axisLine:{lineStyle:{}}}],series:l};p(f.value,w)}function v(){const e=new Date,n=new Date(e.getTime()-5*60*1e3);g({neType:"UPF",neId:"",startTime:n.getTime(),endTime:e.getTime(),interval:5,sortField:"timeGroup",sortOrder:"asc"}).then(o=>{if(o.code===h&&Array.isArray(o.data)){o.data.length>0&&m(o.data[0].rmUID);for(const l of o.data)_(l)}else o.code===0&&(s.value={lineXTime:[],lineYUp:[],lineYDown:[],cap:0})}).finally(()=>{b()})}return k(()=>s.value,e=>{t.value!=null&&t.value.setOption({xAxis:{data:e.lineXTime},series:[{data:e.lineYUp},{data:e.lineYDown}]})},{deep:!0}),P(()=>{v()}),Y(()=>{t.value&&(t.value.dispose(),t.value=null)}),(e,n)=>(E(),I("div",{ref_key:"upfFlow",ref:f,class:"chart-container"},null,512))}}),j=S(B,[["__scopeId","data-v-3ab31f3f"]]);export{j as default};
|