1 |
- import{L as ee}from"./index-2e586be2.js";import{b as z}from"./baseSet-caed95fc.js";import{_ as D}from"./countUp-46fe6d6b.js";import{f as te,A as b}from"./index-728900e0.js";import{_ as ae}from"./_plugin-vue_export-helper-c27b6911.js";import{a as c,c as U,o as le,U as h,V as i,W as f,a4 as a,j as l,X as s,u as t,a3 as k,$ as F,F as I,a2 as q,a1 as $,a5 as v,G as y,H as se,a6 as ne,a7 as oe}from"./vue-957f79fa.js";import"./ext-510417d9.js";import"./vue-router-7cea8bea.js";const B=x=>(ne("data-v-b6652ff4"),x=x(),oe(),x),re={class:"control"},de={class:"control_header"},ie={class:"item"},ce=B(()=>a("p",{class:"title"},"今日告警",-1)),ue={class:"item"},_e=B(()=>a("p",{class:"title"},"当月告警",-1)),ve={class:"item"},pe=B(()=>a("p",{class:"title"},"告警配置",-1)),he={class:"title"},fe={class:"control_history"},me={key:0,class:"control_history_wrapper"},ge={class:"history_item-left"},ye={class:"date"},be={class:"info"},ke={style:{color:"#666666"}},we={class:"data_select"},xe={class:"control_Statistics"},Se={class:"control_Statistics_left"},Le={class:"control_Statistics_right"},Ve=B(()=>a("p",{style:{"margin-left":"20px"}},"告警排行",-1)),je={key:0,class:"control_Statistics-wrapper"},Ce={class:"ranking_item-left"},De={class:"info"},Be={class:"ranking_item-right"},Ee={__name:"index",props:{},emits:[],setup(x,{emit:Me}){const A=te.PRESENTED_IMAGE_SIMPLE;let u=c({headerLeft:{},headerRight:{}}),p=c({id:20230905141302,content:{where:{type:"",begindate:"",enddate:""}}});c("");let m=c([]),S=c([]),_=c([]),E=U(()=>(n,r)=>{let o=z.styleObj(_.value.filter(d=>d.value==n[r]).length&&_.value.filter(d=>d.value==n[r])[0].remarks);if(typeof o=="object")return o.background}),G=U(()=>(n,r)=>{let o=z.styleObj(_.value.filter(d=>d.value==n[r]).length&&_.value.filter(d=>d.value==n[r])[0].remarks);if(typeof o=="object")return o.background2}),L=c([]),V=c([]),R=c(),M=c(),H=n=>{M.value=new ee(R.value,{data:L.value,padding:"auto",xField:"date",yField:"次数",xAxis:{tickCount:5}}),M.value.render()},P=async()=>{let n=await b.requested({id:20230905140902,content:{}});u.value.headerLeft=n.data;let r=await b.requested({id:20230905141002,content:{}});u.value.headerRight=r.data;const o=await b.optionstype("eventlevel");_.value=o.data,console.log("警告等级",_.value),console.log(u.value,"头部数据")},W=async()=>{let n=await b.requested({id:20230905141102,content:{}});S.value=n.data,console.log(S.value,"报警记录")},N=c({id:20230905141202,content:{type:""}}),X=({target:n})=>{p.value.content.where.begindate="",p.value.content.where.enddate="",N.value.content.type=n.value,m.value=[],Y(!0)},J=n=>{p.value.content.where.type=4,p.value.content.where.begindate=m.value[0],p.value.content.where.enddate=m.value[1],Y()},Y=async n=>{let r=await b.requested(p.value);if(V.value=r.data,console.log(V.value,"排行数据"),!n)return;let o=await b.requested(N.value);o.data.forEach(d=>d.次数=d.count),L.value=o.data,M.value.changeData(L.value),console.log(L.value,"map数据")},K=()=>{let n=2133;document.querySelector("html").style.fontSize=`${100/n}vw`};return le(()=>{K(),P(),W(),Y(!0),H()}),(n,r)=>{const o=h("a-col"),d=h("a-row"),j=h("a-card"),O=h("a-tag"),T=h("a-empty"),C=h("a-radio-button"),Q=h("a-radio-group"),Z=h("a-range-picker");return i(),f("div",re,[a("div",de,[l(d,null,{default:s(()=>[l(o,{span:10},{default:s(()=>[l(j,{title:"告警量",bordered:!1},{default:s(()=>[l(d,null,{default:s(()=>[l(o,{span:8},{default:s(()=>[a("div",ie,[ce,Object.keys(t(u).headerLeft).length?(i(),k(D,{key:0,endVal:t(u).headerLeft.today},null,8,["endVal"])):F("",!0)])]),_:1}),l(o,{span:8},{default:s(()=>[a("div",ue,[_e,Object.keys(t(u).headerLeft).length?(i(),k(D,{key:0,endVal:t(u).headerLeft.month},null,8,["endVal"])):F("",!0)])]),_:1}),l(o,{span:8},{default:s(()=>[a("div",ve,[pe,Object.keys(t(u).headerLeft).length?(i(),k(D,{key:0,endVal:t(u).headerLeft.event},null,8,["endVal"])):F("",!0)])]),_:1})]),_:1})]),_:1})]),_:1}),l(o,{span:14,style:{"padding-left":"10rem"}},{default:s(()=>[l(j,{title:"当前告警监控",bordered:!1},{default:s(()=>[l(d,{style:{display:"flex","justify-content":"space-between"}},{default:s(()=>[(i(!0),f(I,null,q(t(u).headerRight,(e,w)=>(i(),k(o,{span:4,key:w},{default:s(()=>[a("div",{class:"item",style:$({background:`linear-gradient(to right,${t(G)(e,"level")},rgba(255, 255, 255, 1))`})},[a("p",he,v(t(_).filter(g=>g.value==e.level).length&&t(_).filter(g=>g.value==e.level)[0].remarks),1),l(D,{endVal:e.count},null,8,["endVal"])],4)]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})]),_:1})]),l(j,{title:"最新告警记录",bordered:!1,style:{"margin-bottom":"20rem"}},{default:s(()=>[a("div",fe,[t(S).length?(i(),f("div",me,[(i(!0),f(I,null,q(t(S),(e,w)=>(i(),f("div",{class:"history_item",key:w},[a("div",ge,[a("span",ye,v(e.lasteventtime),1),l(O,{color:t(E)(e,"lasteventlevel"),class:"tag"},{default:s(()=>[y(v(t(_).filter(g=>g.value==e.lasteventlevel).length&&t(_).filter(g=>g.value==e.lasteventlevel)[0].remarks),1)]),_:2},1032,["color"]),a("span",be,[y(v(e.eventname)+" | ",1),a("span",ke,v(e.devicename),1)])]),a("div",{class:"history_item-right",style:$([{color:t(E)(e.status=="待处理"?{lasteventlevel:1}:{lasteventlevel:3},"lasteventlevel")},{"--background":t(E)(e.status=="待处理"?{lasteventlevel:1}:{lasteventlevel:3},"lasteventlevel")}])},v(e.status),5)]))),128))])):(i(),k(T,{key:1,image:t(A)},null,8,["image"]))])]),_:1}),l(j,{title:"告警统计",bordered:!1},{extra:s(()=>[a("div",we,[l(Q,{onChange:t(X),value:t(p).content.where.type,"onUpdate:value":r[0]||(r[0]=e=>t(p).content.where.type=e),style:{"margin-right":"10rem"}},{default:s(()=>[l(C,{value:""},{default:s(()=>[y("全部")]),_:1}),l(C,{value:"1"},{default:s(()=>[y("本周")]),_:1}),l(C,{value:"2"},{default:s(()=>[y("本月")]),_:1}),l(C,{value:"3"},{default:s(()=>[y("本年")]),_:1})]),_:1},8,["onChange","value"]),l(Z,{value:t(m),"onUpdate:value":r[1]||(r[1]=e=>se(m)?m.value=e:m=e),style:{width:"400rem"},size:"mini",onChange:t(J),format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},null,8,["value","onChange"])])]),default:s(()=>[a("div",xe,[a("div",Se,[a("div",{ref_key:"map",ref:R,style:{height:"100%"}},null,512)]),a("div",Le,[Ve,t(V).length?(i(),f("div",je,[a("div",null,[(i(!0),f(I,null,q(t(V),(e,w)=>(i(),f("div",{class:"ranking_item",key:w},[a("div",Ce,[l(O,{color:e.rowindex==1?"#EA162D":e.rowindex==2?"#F47221":e.rowindex==3?"#FFAE02":"#BBBBBB",class:"tag"},{default:s(()=>[y(v(e.rowindex),1)]),_:2},1032,["color"]),a("span",De,v(e.serialnumber)+" | "+v(e.devicename),1)]),a("div",Be,v(e.count),1)]))),128))])])):(i(),k(T,{key:1,image:t(A)},null,8,["image"]))])])]),_:1})])}}},Te=ae(Ee,[["__scopeId","data-v-b6652ff4"]]);export{Te as default};
|