|
- var Q=(o,t,f)=>new Promise((y,p)=>{var _=n=>{try{P(f.next(n))}catch(W){p(W)}},T=n=>{try{P(f.throw(n))}catch(W){p(W)}},P=n=>n.done?y(n.value):Promise.resolve(n.value).then(_,T);P((f=f.apply(o,t)).next())});import{_ as ze}from"./left-circle-fill-356f8bc4.js";import{_ as De,a as Fe,b as Te}from"./rank-top3-af1d6159.js";import{c as Pe,S as We,h as Le,j as Me,u as ve,G as me,e as Ee,R as pe,Z as ye,C as Be,p as Oe,m as be,B as Ae,k as _e,n as He,i as G,L as A}from"./index-2b8fa380.js";import{e as je,a as $e,c as Ge}from"./echarts-7094bd9e.js";import{w as Ye,x as qe,A as Ue,B as Ve,C as Ze,D as Xe}from"./index-346d0d57.js";import{d as Je,r as S,a as Ke,H as Qe,c as R,b as e,t as g,F as ge,v as xe,h as Se,q as he,o as F,n as we,i as ne,j as et}from"./index-90c78f99.js";const tt=""+new URL("board-title-8525afe0.png",import.meta.url).href;je({type:"series.liquidFill",optionUpdated:function(){var o=this.option;o.gridSize=Math.max(Math.floor(o.gridSize),4)},getInitialData:function(o,t){var f=Pe(o.data,{coordDimensions:["value"]}),y=new We(f,this);return y.initData(o.data),y},defaultOption:{color:["#294D99","#156ACF","#1598ED","#45BDFF"],center:["50%","50%"],radius:"50%",amplitude:"8%",waveLength:"80%",phase:"auto",period:"auto",direction:"right",shape:"circle",waveAnimation:!0,animationEasing:"linear",animationEasingUpdate:"linear",animationDuration:2e3,animationDurationUpdate:1e3,outline:{show:!0,borderDistance:8,itemStyle:{color:"none",borderColor:"#294D99",borderWidth:8,shadowBlur:20,shadowColor:"rgba(0, 0, 0, 0.25)"}},backgroundStyle:{color:"#E3F7FF"},itemStyle:{opacity:.95,shadowBlur:50,shadowColor:"rgba(0, 0, 0, 0.4)"},label:{show:!0,color:"#294D99",insideColor:"#fff",fontSize:50,fontWeight:"bold",align:"center",baseline:"middle",position:"inside"},emphasis:{itemStyle:{opacity:.8}}}});const at=Le({type:"ec-liquid-fill",shape:{waveLength:0,radius:0,radiusY:0,cx:0,cy:0,waterLevel:0,amplitude:0,phase:0,inverse:!1},buildPath:function(o,t){t.radiusY==null&&(t.radiusY=t.radius);for(var f=Math.max(Math.ceil(2*t.radius/t.waveLength*4)*2,8);t.phase<-Math.PI*2;)t.phase+=Math.PI*2;for(;t.phase>0;)t.phase-=Math.PI*2;var y=t.phase/Math.PI/2*t.waveLength,p=t.cx-t.radius+y-t.radius*2;o.moveTo(p,t.waterLevel);for(var _=0,T=0;T<f;++T){var P=T%4,n=ot(T*t.waveLength/4,P,t.waveLength,t.amplitude);o.bezierCurveTo(n[0][0]+p,-n[0][1]+t.waterLevel,n[1][0]+p,-n[1][1]+t.waterLevel,n[2][0]+p,-n[2][1]+t.waterLevel),T===f-1&&(_=n[2][0])}t.inverse?(o.lineTo(_+p,t.cy-t.radiusY),o.lineTo(p,t.cy-t.radiusY),o.lineTo(p,t.waterLevel)):(o.lineTo(_+p,t.cy+t.radiusY),o.lineTo(p,t.cy+t.radiusY),o.lineTo(p,t.waterLevel)),o.closePath()}});function ot(o,t,f,y){return t===0?[[o+1/2*f/Math.PI/2,y/2],[o+1/2*f/Math.PI,y],[o+f/4,y]]:t===1?[[o+1/2*f/Math.PI/2*(Math.PI-2),y],[o+1/2*f/Math.PI/2*(Math.PI-1),y/2],[o+f/4,0]]:t===2?[[o+1/2*f/Math.PI/2,-y/2],[o+1/2*f/Math.PI,-y],[o+f/4,-y]]:[[o+1/2*f/Math.PI/2*(Math.PI-2),-y],[o+1/2*f/Math.PI/2*(Math.PI-1),-y/2],[o+f/4,0]]}var Y=Oe;function ke(o){return o&&o.indexOf("path://")===0}$e({type:"liquidFill",render:function(o,t,f){var y=this,p=this.group;p.removeAll();var _=o.getData(),T=_.getItemModel(0),P=T.get("center"),n=T.get("radius"),W=f.getWidth(),B=f.getHeight(),q=Math.min(W,B),ee=0,H=0,le=o.get("outline.show");le&&(ee=o.get("outline.borderDistance"),H=Y(o.get("outline.itemStyle.borderWidth"),q));var L=Y(P[0],W),j=Y(P[1],B),O,J,r,M=!1,k=o.get("shape");if(k==="container"?(M=!0,O=[W/2,B/2],J=[O[0]-H/2,O[1]-H/2],r=[Y(ee,W),Y(ee,B)],n=[Math.max(J[0]-r[0],0),Math.max(J[1]-r[1],0)]):(O=Y(n,q)/2,J=O-H/2,r=Y(ee,q),n=Math.max(J-r,0)),le){var ce=E();ce.style.lineWidth=H,p.add(E())}var U=M?0:L-n,de=M?0:j-n,V=null;p.add(fe());var ae=this._data,te=[];_.diff(ae).add(function(a){var l=oe(a,!1),c=l.shape.waterLevel;l.shape.waterLevel=M?B/2:n,Me(l,{shape:{waterLevel:c}},o),l.z2=2,ie(a,l,null),p.add(l),_.setItemGraphicEl(a,l),te.push(l)}).update(function(a,l){for(var c=ae.getItemGraphicEl(l),m=oe(a,!1,c),v={},d=["amplitude","cx","cy","phase","radius","radiusY","waterLevel","waveLength"],w=0;w<d.length;++w){var u=d[w];m.shape.hasOwnProperty(u)&&(v[u]=m.shape[u])}for(var C={},x=["fill","opacity","shadowBlur","shadowColor"],w=0;w<x.length;++w){var u=x[w];m.style.hasOwnProperty(u)&&(C[u]=m.style[u])}M&&(v.radiusY=B/2),ve(c,{shape:v,x:m.x,y:m.y},o),o.isUniversalTransitionEnabled&&o.isUniversalTransitionEnabled()?ve(c,{style:C},o):c.useStyle(C);var D=c.getClipPath(),N=m.getClipPath();c.setClipPath(m.getClipPath()),c.shape.inverse=m.inverse,D&&N&&y._shape===k&&!ke(k)&&ve(N,{shape:D.shape},o,{isFrom:!0}),ie(a,c,c),p.add(c),_.setItemGraphicEl(a,c),te.push(c)}).remove(function(a){var l=ae.getItemGraphicEl(a);p.remove(l)}).execute(),T.get("label.show")&&p.add(se(te)),this._shape=k,this._data=_;function K(a,l){if(k)if(ke(k)){var c=be(k.slice(7),{}),m=c.getBoundingRect(),v=m.width,d=m.height;v>d?(d=a*2/v*d,v=a*2):(v=a*2/d*v,d=a*2);var w=l?0:L-v/2,u=l?0:j-d/2;return c=be(k.slice(7),{},new Ae(w,u,v,d)),l&&(c.x=-v/2,c.y=-d/2),c}else if(M){var C=l?-a[0]:L-a[0],x=l?-a[1]:j-a[1];return _e("rect",C,x,a[0]*2,a[1]*2)}else{var C=l?-a:L-a,x=l?-a:j-a;return k==="pin"?x+=a:k==="arrow"&&(x-=a),_e(k,C,x,a*2,a*2)}return new He({shape:{cx:l?0:L,cy:l?0:j,r:a}})}function E(){var a=K(O);return a.style.fill=null,a.setStyle(o.getModel("outline.itemStyle").getItemStyle()),a}function fe(){var a=K(n);a.setStyle(o.getModel("backgroundStyle").getItemStyle()),a.style.fill=null,a.z2=5;var l=K(n);l.setStyle(o.getModel("backgroundStyle").getItemStyle()),l.style.stroke=null;var c=new me;return c.add(a),c.add(l),c}function oe(a,l,c){var m=M?n[0]:n,v=M?B/2:n,d=_.getItemModel(a),w=d.getModel("itemStyle"),u=d.get("phase"),C=Y(d.get("amplitude"),v*2),x=Y(d.get("waveLength"),m*2),D=_.get("value",a),N=v-D*v*2;u=c?c.shape.phase:u==="auto"?a*Math.PI/4:u;var I=w.getItemStyle();if(!I.fill){var Z=o.get("color"),X=a%Z.length;I.fill=Z[X]}var re=m*2,$=new at({shape:{waveLength:x,radius:m,radiusY:v,cx:re,cy:0,waterLevel:N,amplitude:C,phase:u,inverse:l},style:I,x:L,y:j});$.shape._waterLevel=N;var i=d.getModel("emphasis.itemStyle").getItemStyle();i.lineWidth=0,$.ensureState("emphasis").style=i,Ee($);var h=K(n,!0);return h.setStyle({fill:"white"}),$.setClipPath(h),$}function ie(a,l,c){var m=_.getItemModel(a),v=m.get("period"),d=m.get("direction"),w=_.get("value",a),u=m.get("phase");u=c?c.shape.phase:u==="auto"?a*Math.PI/4:u;var C=function(N){var I=_.count();return I===0?N:N*(.2+(I-a)/I*.8)},x=0;v==="auto"?x=C(5e3):x=typeof v=="function"?v(w,a):v;var D=0;d==="right"||d==null?D=Math.PI:d==="left"?D=-Math.PI:d==="none"?D=0:console.error("Illegal direction value for liquid fill."),d!=="none"&&m.get("waveAnimation")&&l.animate("shape",!0).when(0,{phase:u}).when(x/2,{phase:D+u}).when(x,{phase:D*2+u}).during(function(){V&&V.dirty(!0)}).start()}function se(a){var l=T.getModel("label");function c(){var I=o.getFormattedLabel(0,"normal"),Z=_.get("value",0)*100,X=_.getName(0)||o.name;return isNaN(Z)||(X=Z.toFixed(0)+"%"),I==null?X:I}var m={z2:10,shape:{x:U,y:de,width:(M?n[0]:n)*2,height:(M?n[1]:n)*2},style:{fill:"transparent"},textConfig:{position:l.get("position")||"inside"},silent:!0},v={style:{text:c(),textAlign:l.get("align"),textVerticalAlign:l.get("baseline")}};Object.assign(v.style,Ge(l));var d=new pe(m),w=new pe(m);w.disableLabelAnimation=!0,d.disableLabelAnimation=!0;var u=new ye(v),C=new ye(v);d.setTextContent(u),w.setTextContent(C);var x=l.get("insideColor");C.style.fill=x;var D=new me;D.add(d),D.add(w);var N=K(n,!0);return V=new Be({shape:{paths:a},x:L,y:j}),V.setClipPath(N),w.setClipPath(V),D}},dispose:function(){}});const Ce=""+new URL("cir-bg-90ec5073.png",import.meta.url).href,lt={class:"safeOverview flex flex-col"},it=e("img",{src:ze},null,-1),st=e("span",null,"返回首页",-1),rt=[it,st],nt=e("p",{class:"home-title"},[e("img",{src:tt,class:"img-title"})],-1),ct={class:"flex flex-col flex-1"},dt={class:"top flex justify-between"},ft={class:"box flex items-center"},ut={class:"data-div h-full"},vt={class:"flex items-center"},ht={class:"mr-[2vw]"},mt=e("p",null,"事件数量",-1),pt={class:"num-data text-[#F4C559]"},yt=e("p",null,"事件处置数量",-1),bt={class:"num-data text-[#F4C559]"},_t={class:"flex items-center"},gt={class:"mr-[2vw]"},xt=e("p",null,"漏洞数量",-1),St={class:"num-data text-[#F4C559]"},wt=e("p",null,"漏洞处置数量",-1),kt={class:"num-data text-[#F4C559]"},Ct={class:"box flex items-center"},Dt={class:"data-div h-full"},Ft={class:"flex items-center"},Tt={class:"mr-[2vw]"},It=e("p",null,"事件数量",-1),Rt={class:"num-data text-[#F4C559]"},Nt=e("p",null,"事件处置数量",-1),zt={class:"num-data text-[#F4C559]"},Pt={class:"flex items-center"},Wt={class:"mr-[2vw]"},Lt=e("p",null,"漏洞数量",-1),Mt={class:"num-data text-[#F4C559]"},Et=e("p",null,"漏洞处置数量",-1),Bt={class:"num-data text-[#F4C559]"},Ot={class:"box flex items-center"},At={class:"data-div h-full"},Ht={class:"flex items-center"},jt={class:"mr-[2vw]"},$t=e("p",null,"事件数量",-1),Gt={class:"num-data text-[#F4C559]"},Yt=e("p",null,"事件处置数量",-1),qt={class:"num-data text-[#F4C559]"},Ut={class:"flex items-center"},Vt={class:"mr-[2vw]"},Zt=e("p",null,"漏洞数量",-1),Xt={class:"num-data text-[#F4C559]"},Jt=e("p",null,"漏洞处置数量",-1),Kt={class:"num-data text-[#F4C559]"},Qt={class:"box flex items-center"},ea={class:"data-div h-full"},ta={class:"flex items-center"},aa={class:"mr-[2vw]"},oa=e("p",null,"事件数量",-1),la={class:"num-data text-[#F4C559]"},ia=e("p",null,"事件处置数量",-1),sa={class:"num-data text-[#F4C559]"},ra={class:"flex items-center"},na={class:"mr-[2vw]"},ca=e("p",null,"漏洞数量",-1),da={class:"num-data text-[#F4C559]"},fa=e("p",null,"漏洞处置数量",-1),ua={class:"num-data text-[#F4C559]"},va={class:"center flex justify-between"},ha={class:"left tit-box w-[27.6vw] flex flex-col left-tit-box"},ma=e("p",{class:"border-top"},null,-1),pa=e("div",{class:"head"},[e("p",{class:"tit"},"安全事件数量排行榜（月）")],-1),ya={class:"list-div flex flex-col flex-1"},ba=e("div",{class:"list-head"},[e("p",{class:"index text-center"},"排名"),e("p",{class:"flex-1 text-center"},"单位名称"),e("p",{class:"data"},"安全事件数量")],-1),_a={class:"flex-1 relative"},ga={class:"index"},xa={key:0,src:De},Sa={key:1,src:Fe},wa={key:2,src:Te},ka={key:3,class:"index-num text-white"},Ca=["title"],Da={class:"data"},Fa={class:"mid flex items-center flex-1 justify-between"},Ta={class:"cir-chart"},Ia={class:"cir-chart"},Ra={class:"right tit-box w-[27.6vw] flex flex-col"},Na=e("p",{class:"border-top"},null,-1),za=e("div",{class:"head"},[e("p",{class:"tit"},"安全漏洞数量排行榜（月）")],-1),Pa={class:"list-div flex flex-col flex-1"},Wa=e("div",{class:"list-head"},[e("p",{class:"index text-center"},"排名"),e("p",{class:"flex-1 text-center"},"单位名称"),e("p",{class:"data"},"安全漏洞数量")],-1),La={class:"flex-1 relative"},Ma={class:"index"},Ea={key:0,src:De},Ba={key:1,src:Fe},Oa={key:2,src:Te},Aa={key:3,class:"index-num text-white"},Ha=["title"],ja={class:"data"},$a={class:"bottom flex flex-1 justify-between"},Ga={class:"left w-[59.58vw] flex justify-between"},Ya={class:"flex-1 tit-box flex flex-col mr-[0.4vw left-tit-box"},qa=e("p",{class:"border-top"},null,-1),Ua=e("div",{class:"head"},[e("p",{class:"tit"},"安全威胁等级分布")],-1),Va={class:"flex-1 tit-box flex flex-col center-box"},Za=e("p",{class:"border-top"},null,-1),Xa=e("div",{class:"head"},[e("p",{class:"tit"},"安全事件等级分布")],-1),Ja={class:"right tit-box w-[37.8vw] flex flex-col"},Ka=e("p",{class:"border-top"},null,-1),Qa=e("div",{class:"head"},[e("p",{class:"tit"},"安全漏洞等级分布")],-1),no=Je({__name:"index",setup(o){const t=i=>{const z=window.innerWidth/1920;return parseInt((i*z).toString())};let f,y,p,_,T,P,n,W,B;const q=S(),ee=()=>{f||(f=q.value&&G(q.value));const i={series:[{name:"今天",type:"liquidFill",radius:"75%",center:["50%","50%"],color:[{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#187B90"},{offset:1,color:"#65F9FF"}],globalCoord:!1}],data:[.45,.45],backgroundStyle:{borderWidth:1,color:"#1156A5"},label:{normal:{formatter:"{a}",position:["50%","30%"],textStyle:{fontSize:t(24),color:"#02C5D1"}}},outline:{borderDistance:0,itemStyle:{borderWidth:1,borderColor:"#02C5D1"}}}]};q.value&&i&&f.setOption(i)},H=S(),le=()=>{y||(y=H.value&&G(H.value));const i={series:[{name:"本周",type:"liquidFill",radius:"75%",center:["50%","50%"],color:[{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#005CD9"},{offset:1,color:"#75D0FF"}],globalCoord:!1}],data:[.45,.45],backgroundStyle:{borderWidth:1,color:"#0A449A"},label:{normal:{formatter:"{a}",position:["50%","30%"],textStyle:{fontSize:t(24),color:"#34DBFF"}}},outline:{borderDistance:0,itemStyle:{borderWidth:1,borderColor:"#34DBFF"}}}]};H.value&&i&&y.setOption(i)},L=S(),j=()=>{p||(p=L.value&&G(L.value));const i={series:[{name:"本月",type:"liquidFill",radius:"75%",center:["50%","50%"],color:[{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#A97710"},{offset:1,color:"#FFED66"}],globalCoord:!1}],data:[.45,.45],backgroundStyle:{borderWidth:1,color:"#556062"},label:{normal:{formatter:"{a}",position:["50%","30%"],textStyle:{fontSize:t(24),color:"#F9DE15"}}},outline:{borderDistance:0,itemStyle:{borderWidth:1,borderColor:"#F9DE15"}}}]};L.value&&i&&p.setOption(i)},O=S(),J=()=>{_||(_=O.value&&G(O.value));const i={series:[{name:"本年",type:"liquidFill",radius:"75%",center:["50%","50%"],color:[{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#F24365"},{offset:1,color:"#FF6E66"}],globalCoord:!1}],data:[.45,.45],backgroundStyle:{borderWidth:1,color:"#452D6D"},label:{normal:{formatter:"{a}",position:["50%","30%"],textStyle:{fontSize:t(24),color:"#FF6E66"}}},outline:{borderDistance:0,itemStyle:{borderWidth:1,borderColor:"#FF6E66"}}}]};O.value&&i&&_.setOption(i)},r=S(),M=()=>Q(this,null,function*(){const i=yield Ye();r.value=i.data,ee(),le(),j(),J()}),k=S(),ce=()=>Q(this,null,function*(){const i=yield qe();k.value=i.data,yield he(),k.value&&k.value.length?D():N()}),U=S(),de=()=>Q(this,null,function*(){const i=yield Ue();U.value=i.data,yield he(),U.value&&U.value.length?re():$()}),V=S(),ae=()=>{T=G(V.value);const i={color:[new A(0,0,1,0,[{offset:0,color:"rgba(47, 151, 255, 1)"},{offset:1,color:"rgba(92, 200, 255, 1)"}]),new A(0,0,1,0,[{offset:0,color:"rgba(132, 162, 207, 1)"},{offset:1,color:"rgba(62, 95, 146, 1)"}])],legend:{bottom:0,itemWidth:6,itemHeight:6,data:[{name:"已处理",icon:"circle",textStyle:{fontSize:t(18),color:"#ffffff"}},{name:"未处理",icon:"circle",textStyle:{fontSize:t(18),color:"#ffffff"}}]},graphic:[{type:"image",right:"center",top:"0%",z:0,bounding:"all",style:{image:Ce,width:t(345),height:t(345)}},{type:"text",left:"center",top:t(200),style:{text:"处置情况（月）",textAlign:"center",fontSize:t(16),fill:"rgba(255, 255, 255, 1)"}},{type:"text",left:"center",top:t(160),style:{text:"安全事件",fontSize:t(32),textAlign:"center",fill:"rgba(255, 255, 255, 1)"}}],series:[{name:"等级分布",type:"pie",radius:["54%","78%"],center:["50%",t(175)],avoidLabelOverlap:!1,label:{show:!0,position:"inside",formatter:"{c}",fontFamily:"DIN",fontSize:t(24),color:"#ffffff"},data:[{value:E.value&&E.value.doneSecurityEventNumber||0,name:"已处理"},{value:E.value&&E.value.todoSecurityEventNumber||0,name:"未处理"}]}]};i&&T.setOption(i)},te=S(),K=()=>{P=G(te.value);const i={color:[new A(0,0,1,0,[{offset:0,color:"rgba(47, 151, 255, 1)"},{offset:1,color:"rgba(92, 200, 255, 1)"}]),new A(0,0,1,0,[{offset:0,color:"rgba(132, 162, 207, 1)"},{offset:1,color:"rgba(62, 95, 146, 1)"}])],legend:{bottom:0,itemWidth:6,itemHeight:6,data:[{name:"已处理",icon:"circle",textStyle:{fontSize:t(18),color:"#ffffff"}},{name:"未处理",icon:"circle",textStyle:{fontSize:t(18),color:"#ffffff"}}]},graphic:[{type:"image",right:"center",top:"0%",z:0,bounding:"all",style:{image:Ce,width:t(345),height:t(345)}},{type:"text",left:"center",top:t(200),style:{text:"处置情况（月）",textAlign:"center",fontSize:t(16),fill:"rgba(255, 255, 255, 1)"}},{type:"text",left:"center",top:t(160),style:{text:"安全漏洞",fontSize:t(32),textAlign:"center",fill:"rgba(255, 255, 255, 1)"}}],series:[{name:"等级分布",type:"pie",radius:["54%","78%"],center:["50%",t(175)],avoidLabelOverlap:!1,label:{show:!0,position:"inside",formatter:"{c}",fontFamily:"DIN",fontSize:t(24),color:"#ffffff"},data:[{value:E.value&&E.value.doneRiskNumber||0,name:"已处理"},{value:E.value&&E.value.todoRiskNumber||0,name:"未处理"}]}]};i&&P.setOption(i)},E=S(),fe=()=>Q(this,null,function*(){const i=yield Ve();E.value=i.data,yield he(),setTimeout(()=>{ae(),K()})}),oe=S(),ie=()=>{n=G(oe.value);const i=l.value&&Object.keys(l.value&&l.value.eventsThreatSeverityMap),h=l.value&&Object.values(l.value&&l.value.threatSeverityMap),z={grid:{top:60,bottom:30,right:15,left:50},tooltip:{show:!0,trigger:"axis",valueFormatter:function(s){return s+"个"}},legend:[{top:10,show:!0,left:"18%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"高威胁"}]},{top:10,show:!0,left:"33%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"中威胁"}]},{top:10,show:!0,left:"48%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"低威胁"}]},{top:10,show:!0,left:"63%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(12),data:[{name:"威胁总数",icon:"rect"}]}],xAxis:{type:"category",interval:1,data:i,axisLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}},axisTick:{lineStyle:{color:"rgba(255, 255, 255, 0.45)"}},axisLabel:{color:"#ffffff"}},yAxis:{type:"value",name:"单位（个）",minInterval:1,nameTextStyle:{color:"#ffffff",fontSize:t(16),nameLocation:"start"},axisLabel:{color:"#ffffff",formatter:"{value}"},splitLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}}},series:[{name:"高威胁",data:h.map(s=>s.high),type:"line",smooth:!0,lineStyle:{color:"rgba(52, 219, 255, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(52, 219, 255, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"中威胁",data:h.map(s=>s.medium),type:"line",smooth:!0,lineStyle:{color:"rgba(218, 237, 255, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(218, 237, 255, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"低威胁",data:h.map(s=>s.low),type:"line",smooth:!0,lineStyle:{color:"rgba(181, 249, 21, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(181, 249, 21, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"威胁总数",data:h.map(s=>s.total),type:"bar",smooth:!0,barWidth:t(16),symbolSize:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(52, 219, 255, 1)"},{offset:1,color:"rgba(52, 219, 255, 0)"}],!1)}}]};z&&n.setOption(z)},se=S(),a=()=>{B=G(se.value);const i=l.value&&Object.keys(l.value&&l.value.eventsThreatSeverityMap),h=l.value&&Object.values(l.value&&l.value.eventsThreatSeverityMap),z={grid:{top:60,bottom:30,right:15,left:50},tooltip:{show:!0,trigger:"axis",valueFormatter:function(s){return s+"个"}},legend:[{top:10,show:!0,left:"15%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"特重大"}]},{top:10,show:!0,left:"30%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"重大"}]},{top:10,show:!0,left:"45%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"较大"}]},{top:10,show:!0,left:"60%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(1),data:[{name:"一般"}]},{top:10,show:!0,left:"75%",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(12),data:[{name:"事件总数",icon:"rect"}]}],xAxis:{type:"category",interval:1,data:i,axisLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}},axisTick:{lineStyle:{color:"rgba(255, 255, 255, 0.45)"}},axisLabel:{color:"#ffffff"}},yAxis:{type:"value",name:"单位（个）",minInterval:1,nameTextStyle:{color:"#ffffff",fontSize:t(16),nameLocation:"start"},axisLabel:{color:"#ffffff",formatter:"{value}"},splitLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}}},series:[{name:"特重大",data:h.map(s=>s.largerEvent),type:"line",smooth:!0,lineStyle:{color:"rgba(255, 59, 48, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(255, 59, 48, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"重大",data:h.map(s=>s.specialEvent),type:"line",smooth:!0,lineStyle:{color:"rgba(52, 219, 255, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(52, 219, 255, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"较大",data:h.map(s=>s.bigEvent),type:"line",smooth:!0,lineStyle:{color:"rgba(218, 237, 255, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(218, 237, 255, 1)",borderType:"solid",color:"rgba(0,0,0,0)"}},{name:"一般",data:h.map(s=>s.commonEvent),type:"line",smooth:!0,lineStyle:{color:"rgba(181, 249, 21, 1)"},symbolSize:t(6),itemStyle:{borderWidth:3,borderColor:"rgba(218, 237, 255, 1)",borderType:"solid",color:"rgba(181, 249, 21, 1)"}},{name:"事件总数",data:h.map(s=>s.total),type:"bar",smooth:!0,barWidth:t(16),symbolSize:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(52, 219, 255, 1)"},{offset:1,color:"rgba(52, 219, 255, 0)"}],!1)}}]};z&&B.setOption(z)},l=S(),c=()=>Q(this,null,function*(){const i=yield Ze();l.value=i.data&&i.data[0]||{},ie(),a()}),m=S(),v=()=>{W=G(m.value);const i=d.value&&Object.keys(d.value),h=d.value&&Object.values(d.value),z={grid:{top:60,bottom:30,right:15,left:50},tooltip:{show:!0,trigger:"axis",formatter:s=>{let b="";return s.forEach(function(ue){const Ie=ue.seriesName,Re=ue.value,Ne=`${ue.marker}${Ie} ${Re}个`;b+=`${Ne}<br/>`}),`${s[0].name}<br/>${b}`}},legend:{top:10,show:!0,left:"center",textStyle:{color:"#ffffff"},itemWidth:t(12),itemHeight:t(12)},xAxis:{type:"category",interval:1,data:i,axisLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}},axisTick:{show:!1},axisLabel:{color:"#ffffff"}},yAxis:{type:"value",name:"单位（个）",nameTextStyle:{color:"#ffffff",fontSize:t(16),nameLocation:"start"},axisLabel:{color:"#ffffff",formatter:"{value}"},splitLine:{lineStyle:{color:"rgba(255, 255, 255, 0.15)"}}},series:[{name:"主机漏洞",data:h&&h.map(s=>s.hostNumBer||0)||[],type:"bar",barGap:0,barWidth:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(18, 159, 255, 0.85)"},{offset:1,color:"rgba(42, 206, 255, 0.85)"}],!1)}},{name:"基线漏洞",barGap:0,data:h&&h.map(s=>s.baseNumBer||0)||[],type:"bar",barWidth:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(120, 84, 234, 0.85)"},{offset:1,color:"rgba(155, 115, 238, 0.85)"}],!1)}},{name:"web漏洞",barGap:0,data:h&&h.map(s=>s.webNumBer||0)||[],type:"bar",barWidth:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(241, 185, 13, 0.85)"},{offset:1,color:"rgba(249, 221, 30, 0.85)"}],!1)}},{name:"数据库漏洞",barGap:0,data:h&&h.map(s=>s.dBNumBer||0)||[],type:"bar",barWidth:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(255, 59, 48, 0.85)"},{offset:1,color:"rgba(255, 109, 94, 0.85)"}],!1)}},{name:"其他漏洞",barGap:0,data:h&&h.map(s=>s.restNumBer||0)||[],type:"bar",barWidth:t(10),itemStyle:{color:new A(0,0,0,1,[{offset:0,color:"rgba(181,249,21,0.85)"},{offset:1,color:"rgba(181,249,21,0.85)"}],!1)}}]};z&&W.setOption(z)},d=S(),w=()=>Q(this,null,function*(){const i=yield Xe();d.value=i.data[0]&&i.data[0].map||{},v()}),u=S(),C=S(),x=S(),D=()=>{x.value=setInterval(()=>{u.value.scrollTop+u.value.clientHeight>=C.value.scrollHeight?u.value.scrollTop=0:u.value.scrollTop+=1},100)},N=()=>{x.value&&clearInterval(x.value)},I=S(),Z=S(),X=S(),re=()=>{X.value=setInterval(()=>{I.value.scrollTop+I.value.clientHeight>=Z.value.scrollHeight?I.value.scrollTop=0:I.value.scrollTop+=1},100)},$=()=>{X.value&&clearInterval(X.value)};return Ke(()=>{M(),ce(),de(),fe(),c(),w(),window.addEventListener("resize",()=>{f.resize(),y.resize(),p.resize(),_.resize(),T.resize(),P.resize(),n.resize(),W.resize(),B.resize()})}),Qe(()=>{N(),$()}),(i,h)=>{const z=et("no-data");return F(),R("div",lt,[e("div",{class:"back-div",onClick:h[0]||(h[0]=s=>i.$router.go(-1))},rt),nt,e("div",ct,[e("div",dt,[e("div",ft,[e("div",{ref_key:"chart1Ref",ref:q,class:"chart-div"},null,512),e("div",ut,[e("div",vt,[e("div",ht,[mt,e("p",pt,g(r.value&&r.value.onIncidentDataNumber||0),1)]),e("div",null,[yt,e("p",bt,g(r.value&&r.value.noIceStateNumberNoticeStateFinished||0),1)])]),e("div",_t,[e("div",gt,[xt,e("p",St,g(r.value&&r.value.onRiskDataNumber||0),1)]),e("div",null,[wt,e("p",kt,g(r.value&&r.value.noRiskNumberNoticeStateFinished||0),1)])])])]),e("div",Ct,[e("div",{ref_key:"chart2Ref",ref:H,class:"chart-div"},null,512),e("div",Dt,[e("div",Ft,[e("div",Tt,[It,e("p",Rt,g(r.value&&r.value.weekIncidentDataNumber||0),1)]),e("div",null,[Nt,e("p",zt,g(r.value&&r.value.weekIceStateNumberNoticeStateFinished||0),1)])]),e("div",Pt,[e("div",Wt,[Lt,e("p",Mt,g(r.value&&r.value.weekRiskDataNumber||0),1)]),e("div",null,[Et,e("p",Bt,g(r.value&&r.value.weekRiskNumberNoticeStateFinished||0),1)])])])]),e("div",Ot,[e("div",{ref_key:"chart3Ref",ref:L,class:"chart-div"},null,512),e("div",At,[e("div",Ht,[e("div",jt,[$t,e("p",Gt,g(r.value&&r.value.monthIncidentNumber||0),1)]),e("div",null,[Yt,e("p",qt,g(r.value&&r.value.monthIceStateNumberNoticeStateFinished||0),1)])]),e("div",Ut,[e("div",Vt,[Zt,e("p",Xt,g(r.value&&r.value.monthRiskNumber||0),1)]),e("div",null,[Jt,e("p",Kt,g(r.value&&r.value.monthRiskNumberNoticeStateFinished||0),1)])])])]),e("div",Qt,[e("div",{ref_key:"chart4Ref",ref:O,class:"chart-div"},null,512),e("div",ea,[e("div",ta,[e("div",aa,[oa,e("p",la,g(r.value&&r.value.yearIncidentNumber||0),1)]),e("div",null,[ia,e("p",sa,g(r.value&&r.value.yearIceStateNumberNoticeStateFinished||0),1)])]),e("div",ra,[e("div",na,[ca,e("p",da,g(r.value&&r.value.yearRiskNumber||0),1)]),e("div",null,[fa,e("p",ua,g(r.value&&r.value.yearRiskNumberNoticeStateFinished||0),1)])])])])]),e("div",va,[e("div",ha,[ma,pa,e("div",ya,[ba,e("div",_a,[k.value&&k.value.length?(F(),R("div",{key:0,ref_key:"scrollRef1",ref:u,class:"absolute w-full h-full overflow-y-auto",onMouseleave:D,onMouseover:N},[e("div",{ref_key:"innerDivRef1",ref:C},[(F(!0),R(ge,null,xe(k.value,(s,b)=>(F(),R("div",{key:b,class:we(`list list${b+1} ${b===0?"bg0":b===1?"bg1":b===2?"bg2":"bg3"}`)},[e("p",ga,[b===0?(F(),R("img",xa)):b===1?(F(),R("img",Sa)):b===2?(F(),R("img",wa)):ne("",!0),b>2?(F(),R("span",ka,g(b+1),1)):ne("",!0)]),e("p",{class:"name truncate",title:s.unitName},g(s.unitName),9,Ca),e("p",Da,g(s.unitNameCount||0),1)],2))),128))],512)],544)):(F(),Se(z,{key:1,"text-style":"color:#ffffff;opacity:1","box-style":"padding:0"}))])])]),e("div",Fa,[e("div",Ta,[e("div",{ref_key:"chart5Ref",ref:V,class:"h-full"},null,512)]),e("div",Ia,[e("div",{ref_key:"chart6Ref",ref:te,class:"h-full"},null,512)])]),e("div",Ra,[Na,za,e("div",Pa,[Wa,e("div",La,[U.value&&U.value.length?(F(),R("div",{key:0,ref_key:"scrollRef2",ref:I,class:"absolute w-full h-full overflow-y-auto",onMouseleave:re,onMouseover:$},[e("div",{ref_key:"innerDivRef2",ref:Z},[(F(!0),R(ge,null,xe(U.value,(s,b)=>(F(),R("div",{key:b,class:we(`list list${b+1} ${b===0?"bg0":b===1?"bg1":b===2?"bg2":"bg3"}`)},[e("p",Ma,[b===0?(F(),R("img",Ea)):b===1?(F(),R("img",Ba)):b===2?(F(),R("img",Oa)):ne("",!0),b>2?(F(),R("span",Aa,g(b+1),1)):ne("",!0)]),e("p",{class:"name truncate",title:s.unitName},g(s.unitName),9,Ha),e("p",ja,g(s.unitNameCount||0),1)],2))),128))],512)],544)):(F(),Se(z,{key:1,"text-style":"color:#ffffff;opacity:1","box-style":"padding:0"}))])])])]),e("div",$a,[e("div",Ga,[e("div",Ya,[qa,Ua,e("div",{ref_key:"chart7Ref",ref:oe,class:"flex-1"},null,512)]),e("div",Va,[Za,Xa,e("div",{ref_key:"chart9Ref",ref:se,class:"flex-1"},null,512)])]),e("div",Ja,[Ka,Qa,e("div",{ref_key:"chart8Ref",ref:m,class:"flex-1"},null,512)])])])])}}});export{no as default};
|
