import{k as L,eX as T,G as n,R as w,eY as G,cZ as H}from"./utils-lib.js?v=1777008528";import{c as K,r as c,H as V,o as j,n as N,aH as q,I as J,J as E,p as m,j as X,k as Y,q as e,x as O,s as y,e as b}from"./base-lib.js?v=1777008528";import"./__commonjsHelpers__.js?v=1777008528";const Z={class:"flex flex-col p-[1.6rem] lib-box !h-full overflow-auto"},F={class:"card"},Q={class:"con flex items-center"},W={class:"p-[1.5rem] text-base font-bold"},$={class:"font-normal text-[#919191]"},tt={class:"p-[1.5rem] text-base font-bold"},et={class:"font-normal text-[#919191]"},st={class:"chartCon flex flex-wrap w-full justify-between"},at={class:"flex w-[49%]"},ot={class:"card w-full flex-1 mb-[1rem]"},lt={class:"chart w-full h-[30rem]"},it={class:"flex w-[49%]"},rt={class:"card w-full flex-1 mb-[1rem]"},nt={class:"chart w-full h-[30rem]"},ct={class:"flex w-[49%]"},dt={class:"card w-full flex-1 mb-[1rem]"},mt={class:"chart w-full h-[30rem]"},_t={class:"flex w-[49%]"},ut={class:"card w-full flex-1 mb-[1rem]"},pt={class:"chart w-full h-[30rem]"},ft=K({__name:"real-monitor-dialog",props:{compData:{default:()=>({})}},setup(U){const B=U,D=c(),S=c(),R=c(),C=c(),x=c(!1),s=V({cpu_list:[],mem_list:{usage:[],cache:[]},disk_list:{read:[],write:[]},network_list:{tx:[],rx:[]},time_list:[],limit:"",top_limit:"",bottom_limit:""});let I=null;const M=async o=>{let t=new Date().getTime();const l=JSON.stringify({id:o.id,dk_status:o.status}),r=await L({request:T({data:l})}),a=r.data;if(!r.status)return!1;s.limit=n(a.limit),s.top_limit=n(a.tx_total),s.bottom_limit=n(a.rx_total),s.time_list.push(t),s.mem_list.usage.push([t,n(a.usage,!1,null,"MB")]),s.mem_list.cache.push([t,n(a.cache,!1,null,"MB")]),s.cpu_list.push([t,a.cpu_usage]),s.disk_list.read.push([t,n(a.read_total,!1,null,"MB")]),s.disk_list.write.push([t,n(a.write_total,!1,null,"MB")]),s.network_list.tx.push([t,n(a.tx,!1,null,"KB")]),s.network_list.rx.push([t,n(a.rx,!1,null,"KB")]);const d=i("cpu"),p=i("mem"),f=i("disk"),_=i("network");d.xAxis.data=s.time_list,d.series[0].data=s.cpu_list,p.series[0].data=s.mem_list.usage,p.series[1].data=s.mem_list.cache,f.series[0].data=s.disk_list.read,f.series[1].data=s.disk_list.write,_.series[0].data=s.network_list.tx,_.series[1].data=s.network_list.rx,h.value=d,v.value=p,g.value=f,k.value=_,x.value=!1},i=o=>{let t="/MB";const l=z();switch(o){case"cpu":l.tooltip.formatter=function(a){const d=a[0];return w(d.data[0])+"<br>"+d.seriesName+": "+d.data[1]+"%"},l.yAxis.min=0,l.series=[{name:"CPU",type:"line",symbol:"none",smooth:!0,itemStyle:{normal:{color:"rgb(0, 153, 238)"}}}];break;case"network":t="/KB";case"mem":case"disk":const r={mem:["内存","缓存"],disk:["读取","写入"],network:["上行","下行"],color:[{mem:["rgb(185, 220, 253)","rgb(185, 220, 253,0.6)","rgb(185, 220, 253,0.3)","rgba(229,147,187)","rgba(229,147,187,0.6)","rgba(229,147,187,0.3)"],disk:["rgb(255, 70, 131)","rgb(255, 70, 131,0.6)","rgb(255, 70, 131,0.3)","rgba(46, 165, 186)","rgba(46, 165, 186,0.6)","rgba(46, 165, 186,0.3)"],network:["rgb(255, 140, 0)","rgb(255, 140, 0,0.6)","rgb(255, 140, 0,0.3)","rgb(30, 144, 255)","rgb(30, 144, 255,0.6)","rgb(30, 144, 255,0.3)"]}]};l.tooltip.formatter=function(a){const p=a[0].data[0],f=w(p/1e3);let _="";const A='<span style="display: inline-block; width: 10px; height: 10px; margin-rigth:10px; border-radius: 50%; background: ';for(var u=0;u<a.length;u++)_+=A+a[u].color+';"></span>  '+a[u].seriesName+"：",_+=a[u].data[1]+t+(a.length-1!==u?"<br />":"");return"时间："+f+"<br />"+_},l.legend={top:"18px",data:r[o]},l.series=[{name:r[o][0],type:"line",symbol:"none",itemStyle:{normal:{color:r.color[0][o][0],areaStyle:{}}}},{name:r[o][1],type:"line",symbol:"none",itemStyle:{normal:{color:r.color[0][o][4],areaStyle:{}}}}];break}return l},P=o=>{N(()=>{h.value=i("cpu"),v.value=i("mem"),g.value=i("disk"),k.value=i("network"),M(o),D.value.chart.resize(),S.value.chart.resize(),R.value.chart.resize(),C.value.chart.resize()})},z=()=>({tooltip:{trigger:"axis",axisPointer:{type:"cross"}},grid:{x:50,y:50,x2:30,y2:30},xAxis:{type:"time",scale:!0,splitNumber:4,boundaryGap:!0,axisLine:{lineStyle:{color:"#666"}},axisLabel:{formatter:function(o){return w(o/1e3,"hh:mm:ss")}}},yAxis:{type:"value",boundaryGap:[0,"100%"],splitLine:{lineStyle:{color:"#ddd"}},axisLine:{lineStyle:{color:"#666"}}}}),h=c(i("cpu")),v=c(i("mem")),g=c(i("disk")),k=c(i("network"));return j(()=>{x.value=!0,N(()=>{P(B.compData.row),I=setInterval(function(){M(B.compData.row)},3e3)})}),q(()=>{clearInterval(I)}),(o,t)=>{const l=G,r=J("bt-loading");return E((X(),Y("div",Z,[e("div",F,[t[2]||(t[2]=e("div",{class:"title"},"基础信息",-1)),e("div",Q,[e("div",W,[t[0]||(t[0]=O(" 内存限额：",-1)),e("span",$,y(m(s).limit),1)]),e("div",tt,[t[1]||(t[1]=O(" 流量情况：",-1)),e("span",et," 上行："+y(m(s).top_limit)+" - 下行："+y(m(s).bottom_limit),1)])])]),e("div",st,[e("div",at,[e("div",ot,[t[3]||(t[3]=e("div",{class:"title"},"CPU",-1)),e("div",lt,[b(l,{ref_key:"CPURef",ref:D,options:m(h)},null,8,["options"])])])]),e("div",it,[e("div",rt,[t[4]||(t[4]=e("div",{class:"title"},"内存",-1)),e("div",nt,[b(l,{ref_key:"memRef",ref:S,options:m(v)},null,8,["options"])])])]),e("div",ct,[e("div",dt,[t[5]||(t[5]=e("div",{class:"title"},"磁盘IO",-1)),e("div",mt,[b(l,{ref_key:"diskRef",ref:R,options:m(g)},null,8,["options"])])])]),e("div",_t,[e("div",ut,[t[6]||(t[6]=e("div",{class:"title"},"网络IO",-1)),e("div",pt,[b(l,{ref_key:"netRef",ref:C,options:m(k)},null,8,["options"])])])])])])),[[r,m(x)],[r,"正在获取监控数据，请稍候...","title"]])}}}),vt=H(ft,[["__scopeId","data-v-898918a1"]]);export{vt as default};