2 lines
3.3 KiB
JavaScript
2 lines
3.3 KiB
JavaScript
import{a as h,f as g}from"./useTopology.BsBJQHWe.js";import{d as C,_ as k}from"../index.D-NvtsOM.js";import{g as _,b0 as z,bq as D,br as R,bG as U,b7 as L,r as v,bu as b,w,W as O,a2 as B,k as $,D as M,b9 as A,ba as E}from"./vendor/index.CRpmXtWV.js";const i=100,F=_({__name:"index",setup(I){const{t:f}=C();z([D,R,U,L]);const p=v(void 0),r=v(null),t=v([{name:f("views.dashboard.overview.resources.sysDisk"),value:1},{name:f("views.dashboard.overview.resources.sysMem"),value:1},{name:f("views.dashboard.overview.resources.sysCpu"),value:1},{name:f("views.dashboard.overview.resources.neCpu"),value:1}]),S={xAxis:{max:i,splitLine:{show:!1},axisLine:{show:!1},axisLabel:{show:!1},axisTick:{show:!1}},grid:{top:"1%",bottom:"12%",left:"25%",right:"25%"},yAxis:[{type:"category",inverse:!1,data:t.value,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1}}],series:[{type:"bar",barWidth:10,legendHoverLink:!1,silent:!0,itemStyle:{color:function(e){return e.value&&+e.value>=70?new b(0,0,1,0,[{offset:0,color:"#fff1f0"},{offset:.5,color:"#ffa39e"},{offset:1,color:"#f5222d"}]):e.value&&+e.value>=30?new b(0,0,1,0,[{offset:0,color:"#f0f5ff"},{offset:.5,color:"#adc6ff"},{offset:1,color:"#2f54eb"}]):new b(0,0,1,0,[{offset:0,color:"#f6ffed"},{offset:.5,color:"#b7eb8f"},{offset:1,color:"#52c41a"}])}},label:{show:!0,position:"left",formatter:"{b}: ",fontSize:15,color:"#fff"},data:t.value,z:1,animationEasing:"elasticOut"},{type:"pictorialBar",itemStyle:{color:"#0a3ca0"},symbolRepeat:"fixed",symbolMargin:6,symbol:"rect",symbolClip:!0,symbolSize:[1,12],symbolPosition:"start",symbolOffset:[0,-1],symbolBoundingData:i,data:t.value,z:2,animationEasing:"elasticOut"},{type:"pictorialBar",symbol:"rect",symbolBoundingData:i,itemStyle:{color:"transparent"},label:{formatter:e=>{var s=`{a| ${e.value}%} `;return e.value&&+e.value>=70?s=`{c| ${e.value}%} `:e.value&&+e.value>=30&&(s=`{b| ${e.value}%} `),s},rich:{a:{color:"#52c41a",fontSize:16},b:{color:"#2f54eb",fontSize:16},c:{color:"#f5222d",fontSize:16},f:{color:"#ffffff",fontSize:16}},position:"right",distance:0,show:!0},data:t.value,z:0,animationEasing:"elasticOut"},{name:"外框",type:"bar",barGap:"-120%",data:[i,i,i],barWidth:14,itemStyle:{color:"transparent",borderColor:"#0a3ca0",borderWidth:1,borderRadius:1},label:{show:!1,position:"top"},z:0}]};function x(e,s){if(e){r.value=A(E(e,"light")),s&&r.value.setOption(s);var a=new ResizeObserver(l=>{r.value&&r.value.resize()});a.observe(e)}}function m(e,s){let a=e.find(o=>o.id===s);if(!a||!a.neState.online)return;let l=0,n=0;a.neState.cpu&&(n=a.neState.cpu.nfCpuUsage,n=+(+(a.neState.cpu.nfCpuUsage/100)).toFixed(2),n>100&&(n=100),l=a.neState.cpu.sysCpuUsage,l=+(+(a.neState.cpu.sysCpuUsage/100)).toFixed(2),l>100&&(l=100));let u=0;a.neState.mem&&(u=+(a.neState.mem.sysMemUsage/100).toFixed(2),u>100&&(u=100));let y=0;if(a.neState.disk&&Array.isArray(a.neState.disk.partitionInfo)){let o=a.neState.disk.partitionInfo;if(o=o.sort((c,d)=>+d.used-+c.used),o.length>0){const{total:c,used:d}=o[0];y=+(d/c*100).toFixed(2)}}t.value[0].value=y,t.value[1].value=u,t.value[2].value=l,t.value[3].value=n,r.value.setOption({series:[{data:t.value},{data:t.value},{data:t.value},{data:t.value}]})}return w(g,e=>{m(e,h.value)},{deep:!0}),w(h,e=>{m(g.value,e)}),O(()=>{B(()=>{x(p.value,S)})}),(e,s)=>($(),M("div",{ref_key:"neResourcesDom",ref:p,class:"chart"},null,512))}}),T=k(F,[["__scopeId","data-v-cfba54d3"]]);export{T as default};
|