2 lines
2.5 KiB
JavaScript
2 lines
2.5 KiB
JavaScript
import{d,D as p,P as m,R as c,_ as b}from"../index.D-NvtsOM.js";import{g as y,b0 as h,b4 as w,b2 as x,bq as g,b5 as _,b6 as S,br as T,b7 as k,b8 as L,r as i,W as C,k as D,D as A,bu as B,b9 as M,ba as $}from"./vendor/index.CRpmXtWV.js";const z=y({__name:"index",setup(F){const{t:s}=d();h([w,x,g,_,S,T,k,L]);const f=i(void 0),r=i(null),n=i([{value:0,name:s("views.index.Critical")},{value:0,name:s("views.index.Major")},{value:0,name:s("views.index.Minor")},{value:0,name:s("views.index.Warning")}]),o=i([{name:"AMF",value:0},{name:"UDM",value:0},{name:"SMF",value:0}]);function u(){Promise.allSettled([p(),m()]).then(a=>{if(a[0].status==="fulfilled"){const e=a[0].value;if(e.code===c&&Array.isArray(e.data))for(const l of e.data){let t=0;switch(l.name){case"Critical":t=0;break;case"Major":t=1;break;case"Minor":t=2;break;case"Warning":t=3;break}n.value[t].value=Number(l.value)}}if(a[1].status==="fulfilled"){const e=a[1].value;e.code===c&&Array.isArray(e.data)&&(o.value=o.value.concat(e.data).sort((l,t)=>t.value-l.value).slice(0,3))}}).then(()=>{const a={title:[{show:!1},{text:s("views.dashboard.overview.alarmTypeBar.topTitle"),textStyle:{color:"#fff",fontSize:"14",fontWeight:400},top:"50%",left:"0%"}],tooltip:{trigger:"item",formatter:"{b} : {c}"},legend:{orient:"vertical",right:"2%",top:"12%",data:n.value.map(e=>e.name),textStyle:{color:"#A7D6F4"}},grid:[{top:"60%",left:"15%",right:"25%",bottom:"10%"}],series:[{type:"pie",radius:"35%",color:["#f5222d","#fa8c16","#fadb14","#1677ff","#13c2c2"],label:{show:!0,position:"inner",formatter:e=>e.value?`${e.value}`:""},labelLine:{show:!1},center:["35%","25%"],data:n.value,zlevel:2,itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}},{type:"bar",barWidth:12,barCategoryGap:"30%",label:{show:!0,position:"right",color:"#A7D6F4",fontSize:14,distance:14,formatter:"{c}"},itemStyle:{borderRadius:[0,20,20,0],color:new B(0,0,1,0,[{offset:0,color:"#f0f5ff"},{offset:.5,color:"#adc6ff"},{offset:1,color:"#2f54eb"}])},data:o.value}],xAxis:[{splitLine:{show:!1},type:"value",show:!1}],yAxis:[{splitLine:{show:!1},axisLine:{show:!1},type:"category",axisTick:{show:!1},inverse:!0,data:o.value.map(e=>e.name),axisLabel:{color:"#A7D6F4",fontSize:14}}]};v(f.value,a)})}function v(a,e){if(a){r.value=M($(a,"light")),e&&r.value.setOption(e);var l=new ResizeObserver(t=>{r.value&&r.value.resize()});l.observe(a)}}return C(()=>{u()}),(a,e)=>(D(),A("div",{ref_key:"alarmTypeBar",ref:f,class:"chart-container"},null,512))}}),E=b(z,[["__scopeId","data-v-e1ee631f"]]);export{E as default};
|