1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
"use strict";(self["webpackChunkinfrastructure_control"]=self["webpackChunkinfrastructure_control"]||[]).push([[657],{6657:function(t,a,e){e.r(a),e.d(a,{default:function(){return wt}});var o=e(3396),i=e(7139);const r=t=>((0,o.dD)("data-v-70dbfcd4"),t=t(),(0,o.Cn)(),t),s={class:"page_content"},n={class:"content_left"},l={class:"left_box1"},c=r((()=>(0,o._)("div",{class:"box_header"},"监控活跃度分析",-1))),d={class:"echarts_box"},h={class:"left_box2"},m=r((()=>(0,o._)("div",{class:"box_header"},"监控覆盖度分析",-1))),p={class:"echarts_box"},g={class:"content_center"},u={class:"center_control"},_={class:"echarts_box"},f={class:"camera_list"},b={class:"camera_num"},v=r((()=>(0,o._)("div",{class:"camera camera_zc"},null,-1))),y=r((()=>(0,o._)("div",{class:"camera_status"},"球机正常",-1))),x={class:"camera_num"},D=r((()=>(0,o._)("div",{class:"camera camera_ycdx"},null,-1))),w=r((()=>(0,o._)("div",{class:"camera_status"},"异常掉线",-1))),S={class:"camera_num"},F=r((()=>(0,o._)("div",{class:"camera camera_hmbqx"},null,-1))),k=r((()=>(0,o._)("div",{class:"camera_status"},"画面不清晰",-1))),z={class:"camera_num"},C=r((()=>(0,o._)("div",{class:"camera camera_blc"},null,-1))),A=r((()=>(0,o._)("div",{class:"camera_status"},"不流畅",-1))),E={class:"camera_num"},L=r((()=>(0,o._)("div",{class:"camera camera_xhr"},null,-1))),W=r((()=>(0,o._)("div",{class:"camera_status"},"信号弱",-1))),$={class:"camera_num"},B=r((()=>(0,o._)("div",{class:"camera camera_rwzd"},null,-1))),O=r((()=>(0,o._)("div",{class:"camera_status"},"人为遮挡",-1))),j={class:"content_right"},T={class:"right_box1"},M=r((()=>(0,o._)("div",{class:"box_header"},"下行观看分析",-1))),I={class:"echarts_box"},R={class:"right_box2"},q=r((()=>(0,o._)("div",{class:"box_header"},"监控预告警分析",-1))),P={class:"rectify_info"},Z=r((()=>(0,o._)("div",{class:"info_title"},"风险球机覆盖度",-1))),G={class:"progress"},Q=["onClick"],H={class:"percentage_value"},K={class:"progress_info"},N={class:"rectify_info2"},Y={class:"num"},J=r((()=>(0,o._)("span",{class:"text"},"视频设备视频速率正常",-1))),U={class:"num"},V=r((()=>(0,o._)("span",{class:"text"},"视频设备视频速率异常",-1)));function X(t,a,e,r,X,tt){const at=(0,o.up)("EchartsBox1"),et=(0,o.up)("EchartsBox2"),ot=(0,o.up)("el-progress");return(0,o.wg)(),(0,o.iD)("div",s,[(0,o._)("div",n,[(0,o._)("div",l,[c,(0,o._)("div",d,[(0,o.Wm)(at,{echartsType:"1",echartsData:X.onlineTopList,xData:X.xData1,onEchartsClick:a[0]||(a[0]=t=>tt.handleSkip(t,"/monitoringActivity"))},null,8,["echartsData","xData"])])]),(0,o._)("div",h,[m,(0,o._)("div",p,[(0,o.Wm)(at,{echartsType:"2",echartsData:X.coverBuildList,yData:X.yData2,onEchartsClick:a[1]||(a[1]=t=>tt.handleSkip(t,"/monitoringWarning"))},null,8,["echartsData","yData"])])])]),(0,o._)("div",g,[(0,o._)("div",u,[(0,o._)("div",_,[(0,o.Wm)(et,{echartsData:X.locationObj},null,8,["echartsData"])]),(0,o._)("div",f,[(0,o._)("div",{class:"camera_item wordcolor_blue",onClick:a[2]||(a[2]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",b,(0,i.zw)(X.locationObj["zc"]||0),1),v,y]),(0,o._)("div",{class:"camera_item wordcolor_red",onClick:a[3]||(a[3]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",x,(0,i.zw)(X.locationObj["dx"]||0),1),D,w]),(0,o._)("div",{class:"camera_item wordcolor_purple",onClick:a[4]||(a[4]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",S,(0,i.zw)(X.locationObj["bqx"]||0),1),F,k]),(0,o._)("div",{class:"camera_item wordcolor_blueness",onClick:a[5]||(a[5]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",z,(0,i.zw)(X.locationObj["blc"]||0),1),C,A]),(0,o._)("div",{class:"camera_item wordcolor_yellow",onClick:a[6]||(a[6]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",E,(0,i.zw)(X.locationObj["xhr"]||0),1),L,W]),(0,o._)("div",{class:"camera_item wordcolor_orange",onClick:a[7]||(a[7]=t=>tt.handleSkip({},"/monitoringWarning"))},[(0,o._)("div",$,(0,i.zw)(X.locationObj["zd"]||0),1),B,O])])])]),(0,o._)("div",j,[(0,o._)("div",T,[M,(0,o._)("div",I,[(0,o.Wm)(at,{echartsType:"4",echartsData:X.lookTopList,xData:X.xData4,onEchartsClick:a[8]||(a[8]=t=>tt.handleSkip(t,"/downwatchAnalysis"))},null,8,["echartsData","xData"])])]),(0,o._)("div",R,[q,(0,o._)("div",P,[Z,(0,o._)("div",G,[((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(X.alarmPieList,((t,a)=>((0,o.wg)(),(0,o.iD)("div",{class:"progress_cell",key:a,onClick:a=>tt.handleSkip(t,"/monitoringWarning")},[(0,o.Wm)(ot,{type:"circle",percentage:Number(t.value),color:X.alarmPieData[a]["color"],"stroke-width":10,width:75,"stroke-linecap":"square"},{default:(0,o.w5)((({percentage:t})=>[(0,o._)("span",H,(0,i.zw)(t)+"%",1)])),_:2},1032,["percentage","color"]),(0,o._)("div",K,(0,i.zw)(X.alarmPieData[a]["text"]),1)],8,Q)))),128))])]),(0,o._)("div",N,[(0,o._)("div",{class:"info_num1",onClick:a[9]||(a[9]=t=>tt.handleSkip(X.alarmObj,"/monitoringWarning"))},[(0,o._)("span",Y,(0,i.zw)(X.alarmObj["zc"]),1),J]),(0,o._)("div",{class:"info_num2",onClick:a[10]||(a[10]=t=>tt.handleSkip(X.alarmObj,"/monitoringWarning"))},[(0,o._)("span",U,(0,i.zw)(X.alarmObj["yc"]),1),V])])])])])}e(7658);function tt(t,a,e,i,r,s){const n=(0,o.up)("EchartsBox");return(0,o.wg)(),(0,o.j4)(n,{option:t.option},null,8,["option"])}var at=e(6869);const et={class:"echarts",ref:"echartsRef"};function ot(t,a,e,i,r,s){return(0,o.wg)(),(0,o.iD)("div",et,null,512)}var it={props:{option:{require:!0,default:()=>{}}},watch:{option(){this.initData()}},mounted(){this.initData()},methods:{initData(){this.initEcharts()},initEcharts(){const t=at.S1(this.$refs.echartsRef);t.setOption(this.option),this.myChart=t,window.addEventListener("resize",(a=>{t.resize()})),t.on("click",function(t){this.$emit("echartsClick",t)}.bind(this))}}},rt=e(89);const st=(0,rt.Z)(it,[["render",ot],["__scopeId","data-v-74408826"]]);var nt=st,lt={props:{echartsType:{require:!0,default:""},echartsData:{require:!0,default:()=>[]},xData:{default:()=>[]},yData:{default:()=>[]}},components:{EchartsBox:nt},watch:{echartsData(){this.initData()}},created(){this.initData()},methods:{initData(){let t={};"1"===this.echartsType&&(t={tooltip:{trigger:"axis"},legend:{textStyle:{color:"#1EA8FD",fontSize:"12px"}},grid:{left:"1%",right:"1%",bottom:"1%",top:"20%",containLabel:!0},xAxis:{type:"category",triggerEvent:!0,axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px",interval:0},data:this.xData},yAxis:{type:"value",min:0,minInterval:1,axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px"},splitLine:{lineStyle:{width:0,color:"#ccc",type:"dashed"}}},series:[{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){return parseInt(parseInt(t.data.value/60)/24)?`\n 球机编号: ${t.data.name}</br>\n 时长：${parseInt(parseInt(t.data.value/60)/24)}天${parseInt(t.data.value/60)%24}时${t.data.value%60}分</br>\n `:parseInt(t.data.value/60)%24?`\n 球机编号: ${t.data.name}</br>\n 时长：${parseInt(t.data.value/60)%24}时${t.data.value%60}分</br>\n `:`\n 球机编号: ${t.data.name}</br>\n 时长：${t.data.value%60}分</br>\n `}},type:"bar",barWidth:12,data:this.echartsData,itemStyle:{normal:{color:new at.Q.o(0,0,0,1,[{offset:0,color:"#A56D2B"},{offset:1,color:"#182874"}])}}}]}),"2"===this.echartsType&&(t={tooltip:{trigger:"axis"},legend:{textStyle:{color:"#1EA8FD",fontSize:"12px"}},grid:{left:"1%",right:"5%",bottom:"1%",top:"5%",containLabel:!0},xAxis:{type:"value",min:0,minInterval:1,axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px"},splitLine:{lineStyle:{width:0,color:"#ccc",type:"dashed"}}},yAxis:{type:"category",axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px",interval:0},data:this.yData},series:[{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){return`\n 数量：${t.data}</br>\n `}},type:"bar",barWidth:12,data:this.echartsData,itemStyle:{normal:{color:new at.Q.o(1,0,0,0,[{offset:0,color:"#A56D2B"},{offset:1,color:"#182874"}])}}}]}),"4"===this.echartsType&&(t={tooltip:{trigger:"axis"},legend:{textStyle:{color:"#1EA8FD",fontSize:"12px"}},grid:{left:"1%",right:"1%",bottom:"1%",top:"20%",containLabel:!0},xAxis:{type:"category",axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px",interval:0},data:this.xData},yAxis:{type:"value",min:0,minInterval:1,axisLabel:{show:!0,color:"#1EA8FD",fontSize:"12px"},splitLine:{lineStyle:{width:0,color:"#ccc",type:"dashed"}}},series:[{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){return`\n 球机编号: ${t.data.name}</br>\n 观看次数：${t.data.value}</br>\n `}},type:"bar",barWidth:12,data:this.echartsData,itemStyle:{normal:{color:new at.Q.o(0,0,0,1,[{offset:0,color:"#9B041D"},{offset:1,color:"#182874"}])}}}]}),this.option=t}}};const ct=(0,rt.Z)(lt,[["render",tt]]);var dt=ct;const ht={class:"echarts",ref:"echartsRef"};function mt(t,a,e,i,r,s){return(0,o.wg)(),(0,o.iD)("div",ht,null,512)}var pt=e(8833);const gt=e(2682),ut=e(3584),_t=e(47),ft=e(799);var bt={props:{echartsData:{required:!0,default:()=>[]}},watch:{echartsData(){this.initData()}},mounted(){this.initData()},methods:{initData(){this.initEcharts()},initEcharts(){var t=at.S1(this.$refs.echartsRef);at.je("anhui",pt.Z);var a={tooltip:{show:!1},legend:{orient:"vertical",top:100,right:50,bottom:20,data:["二级风险球机","三级风险球机","四级风险球机","五级风险球机"],textStyle:{color:"#1EA8FD",fontSize:"16px"}},geo:{map:"anhui",show:!0,roam:!1,selectedMode:"single",itemStyle:{normal:{borderColor:"#00FEFD",borderWidth:1,areaColor:"#200076"},emphasis:{areaColor:"#5E34CE"}}},series:[{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){if(t.data.address)return`\n 地址：${t.data.address}</br>\n `}},name:"二级风险球机",type:"scatter",coordinateSystem:"geo",symbol:`image://${gt}`,itemStyle:{color:"#D9001B"},data:this.echartsData["twoRisk"]},{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){if(t.data.address)return`\n 地址：${t.data.address}</br>\n `}},name:"三级风险球机",type:"scatter",coordinateSystem:"geo",symbol:`image://${ut}`,itemStyle:{color:"#B8741A"},data:this.echartsData["threeRisk"]},{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){if(t.data.address)return`\n 地址：${t.data.address}</br>\n `}},name:"四级风险球机",type:"scatter",coordinateSystem:"geo",symbol:`image://${_t}`,itemStyle:{color:"#008080"},data:this.echartsData["fourRisk"]},{tooltip:{trigger:"item",show:!0,backgroundColor:"rgba(0,0,0,0.6)",textStyle:{color:"#FFFFFF",fontSize:13,fontWeight:"bold"},formatter(t){if(t.data.address)return`\n 地址：${t.data.address}</br>\n `}},name:"五级风险球机",type:"scatter",coordinateSystem:"geo",symbol:`image://${ft}`,itemStyle:{color:"#E3E673"},data:this.echartsData["fiveRisk"]},{name:"城市",type:"map",mapType:"anhui",coordinateSystem:"geo",hoverable:!0,dataRangeHoverLink:!0,selectedMode:"single",itemStyle:{normal:{borderColor:"#6CBFBF",borderWidth:2,areaColor:"#275D74"},emphasis:{areaColor:"#64BCAD",borderWidth:3}},label:{normal:{show:!0,textStyle:{color:"#FFB12A",fontSize:12,fontWeight:500}},emphasis:{show:!0,textStyle:{color:"#FFB12A",fontSize:12,fontWeight:500}}}}]};t.setOption(a),window.addEventListener("resize",(function(){t.resize()})),t.on("mouseover",(t=>{"map"!=t.componentSubType&&(console.log("mouseover",t),window.AMap.plugin(["AMap.Geolocation","AMap.Geocoder"],(function(){var a=new window.AMap.Geocoder({city:"",radius:1e3}),e=t.data.value;a.getAddress(e,(function(a,e){"complete"===a&&e.regeocode?(console.log("查询地址成功",e),t.data.address=e.regeocode.formattedAddress):console.log("根据经纬度查询地址失败",e)}))})))}))}}};const vt=(0,rt.Z)(bt,[["render",mt],["__scopeId","data-v-a2fcfba4"]]);var yt=vt,xt={components:{EchartsBox1:dt,EchartsBox2:yt},data(){return{onlineTopList:[],xData1:["top1","2","3","4","5","6","7","8","9","10"],coverBuildList:[],yData2:[],locationObj:{},lookTopList:[],xData4:["top1","2","3","4","5","6","7","8","9","10"],alarmPieList:[],alarmPieData:[{text:"二级风险",color:"#D90018"},{text:"三级风险",color:"#FFAD05"},{text:"四级风险",color:"#3DD1F9"},{text:"五级风险",color:"#70B603"}],alarmObj:[]}},created(){this.initData(),this.initData()},methods:{initData(){this.getMonitorOnline(),this.getMonitorCover(),this.getMonitorLocation(),this.getMonitorLook(),this.getMonitorAlarm()},handleSkip(t,a){console.log(t,"echartsParams"),console.log(a),this.$router.push(a)},getMonitorOnline(){this.$http.get("decision/monitor/onlineTop").then((t=>{if(200==t.code){const a=t.data||[];this.onlineTopList=a}}))},getMonitorCover(){this.$http.get("decision/monitor/coverBuild").then((t=>{if(200==t.code){const a=t.data||[];this.coverBuildList=a["xdata"]||[],this.yData2=a["ydata"]||[]}}))},getMonitorLocation(){this.$http.get("decision/monitor/location").then((t=>{if(200==t.code){const a=t.data||{};this.locationObj=a}}))},getMonitorLook(){this.$http.get("decision/monitor/lookTop").then((t=>{if(200==t.code){const a=t.data||[];this.lookTopList=a}}))},getMonitorAlarm(){this.$http.get("decision/monitor/alarm").then((t=>{if(200==t.code){const a=t.data||{};this.alarmObj=a,this.alarmPieList=a["pie"]||[]}}))}}};const Dt=(0,rt.Z)(xt,[["render",X],["__scopeId","data-v-70dbfcd4"]]);var wt=Dt}}]); |