| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-cd4a8f06"],{"0d19":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"visual-con"},[s("vheader"),s("div",{staticClass:"visual-body"},[s("div",{ref:"left",staticClass:"leftbar",class:t.indentleft},[s("div",{staticClass:"forthis"},[t._m(0),s("div",{staticClass:"i-list-con h-73"},[s("div",{staticClass:"d-l-con-icon"},t._l(t.visuForestCloudMapDeviceBOList,(function(e,i){return s("div",{staticClass:"icon-con w-33 m-btm-no",class:{on:t.iconCurrentIndex1==i},on:{click:function(e){return t.selectDeviceType(i)}}},[s("div",{staticClass:"icon icon-dot"}),s("div",{staticClass:"icon-text"},[s("h6",[t._v(t._s(e.deviceCount))]),s("h5",[t._v(t._s(e.deviceName))])])])})),0),s("div",{staticClass:"overflow-y",staticStyle:{height:"33vh"}},[s("el-collapse",{attrs:{accordion:""}},t._l(t.region,(function(e,i){return s("el-collapse-item",{key:i},[s("template",{slot:"title"},[s("div",{staticClass:"d-l-con sj-collapse",class:{on:t.listCurrentIndex1==e.deptId},on:{click:function(i){return t.selectCameraByDeptId(e.deptId)}}},[s("div",{staticClass:"d-l-l-text"},[s("h4",{staticClass:"collapse-title"},[t._v(t._s(e.deptName))])]),s("div",{staticClass:"d-l-l-count"},[t._v(t._s(e.deptCount))])])])],2)})),1)],1),t._m(1)])])]),s("supermap",{ref:"supermap",staticStyle:{width:"100%",height:"100vh"},attrs:{mapDiv:"forestMap",mapSite:{doubleClickZoom:!1},codes:["9fa5"],isSideBySide:!1},on:{preview:t.preview}}),s("div",{ref:"right",staticClass:"rightbar",class:t.indentright},[s("div",{staticClass:"forthis"},[t._m(2),s("div",{staticClass:"i-list-con h-43"},t._l(t.visuForestCloudCameraBOList,(function(e,i){return s("div",{staticClass:"d-l-con",class:{on:t.listCurrentIndex2==i},on:{click:function(s){return t.dropLocation(e.latitude,e.longitude,i)}}},[s("div",{staticClass:"d-l-l-text"},[s("i",{staticClass:"iconfont sj-icon-jkzx icon-sxt"}),s("h4",[t._v(t._s(e.cameraName))])])])})),0)]),s("div",{staticClass:"forthis"},[t._m(3),s("div",{staticClass:"i-list-con h-25"},t._l(t.keyAreaList,(function(e,i){return s("div",{staticClass:"d-l-con",on:{click:function(t){}}},[s("div",{staticClass:"d-l-l-text"},[s("i",{staticClass:"i-small"}),s("h4",[t._v(t._s(e.areaName))])])])})),0)])]),s("vBottomMenu",{ref:"bottomMenu"}),s("el-tooltip",{attrs:{content:t.indentText,placement:"top",disabled:t.indentdisabled}},[s("div",{ref:"mascot",staticClass:"mascot",class:t.indentStyle,on:{click:t.indent}},[s("img",{attrs:{src:i("53a9")}})])])],1),s("eventLocation",{ref:"eventLocation"}),s("TVWall",{ref:"TVWall"})],1)},a=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"this-title"},[i("span",[t._v("态势感知")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"overflow-y",staticStyle:{height:"33vh"}},[i("div",{staticStyle:{width:"100%",height:"33vh"},attrs:{id:"camera-chart"}})])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"this-title"},[i("span",[t._v("列表")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"this-title"},[i("span",[t._v("重点区域")])])}],n=(i("a9e3"),i("ac1f"),i("1276"),i("b775"));function o(){return Object(n["a"])({url:"/center-fire/VisuForestMonitorCenterController/selectDeviceType",method:"post"})}function r(t){return Object(n["a"])({url:"/center-fire/VisuForestMonitorCenterController/selectCameraByDeptId",method:"post",data:{deptId:t}})}function l(){return Object(n["a"])({url:"/center-data/importarea/listFegin",method:"get"})}var d=i("2f6e"),c=i("1dfe"),u=i("04fb7"),h=i("60e2"),v=i("6631"),p=i("695f"),f=i("23d9"),m=i.n(f),C=i("313e"),g={components:{supermap:d["a"],vheader:c["a"],vBottomMenu:u["a"],eventLocation:h["a"],TVWall:v["a"]},created:function(){var t=m.a.getInstance();this.ws=t,console.log(this.ws),window.showDialog=this.showDialog,window.choseLayerSwitching=this.choseLayerSwitching},mounted:function(){this.selectDeviceType(),this.selectKeyAreaList()},data:function(){return{iconCurrentIndex1:"",listCurrentIndex1:"",listCurrentIndex2:"",listCurrentIndex3:"",activePanel:"key1",isLogin:!1,cameraParams:[],ws:null,visuForestCloudMapDeviceBOList:[],visuForestCloudCameraBOList:[],cameraMarkersList:[],sourceData:[],keyAreaList:[],iframeBoo:!0,open:!1,iframeVue:null,activeName:"info",radio:"1",region:[],indentStyle:"",indentleft:"",indentright:"",indentText:"收起左右栏",indentdisabled:!1}},methods:{showDialog:function(t){"eventLocation"==t?(this.$refs.eventLocation.showEventLocation(),this.$refs.supermap.isEditableLayers=!1,this.$refs.bottomMenu.showChild=!1):"editableLayers"==t?(this.$refs.bottomMenu.showChild=!1,this.$refs.supermap.isEditableLayers?this.$refs.supermap.isEditableLayers=!1:this.$refs.supermap.isEditableLayers=!0):"layerSwitching"==t?(this.$refs.supermap.isEditableLayers=!1,this.$refs.bottomMenu.showChild?this.$refs.bottomMenu.showChild=!1:this.$refs.bottomMenu.showChild=!0):"TVWall"==t&&(this.$refs.TVWall.showTVWall(),this.$refs.supermap.isEditableLayers=!1,this.$refs.bottomMenu.showChild=!1)},choseLayerSwitching:function(t){this.$refs.supermap.layerSwitching(t,!0)},cameraChat:function(){var t=C.init(document.getElementById("camera-chart"));t.setOption({dataset:{source:this.sourceData},tooltip:{trigger:"item"},grid:{top:"5%",left:"2%",bottom:"-15%",width:"75%",containLabel:!0},xAxis:{show:!1,type:"value"},yAxis:{type:"category",inverse:!0,axisLabel:{show:!0,textStyle:{color:"#5deaff",fontSize:"12"}},splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!1}},series:[{type:"bar",animationCurve:"easeOutBack",barWidth:5,label:{show:!0,position:"right",offset:[0,0],color:"#88dfd5",style:{fill:"#fff"}},backgroundBar:{show:!0,style:{fill:"rgba(97,152,255,0.20)"}},barStyle:{stroke:"rgba(41,244,236,1)"},gradient:{color:["rgba(41,244,236,1)","rgba(41,244,236,0)"]},itemStyle:{label:{show:!0},labelLine:{show:!1},color:new C.graphic.LinearGradient(0,1,0,0,[{offset:0,color:"rgba(41,244,236,0)"},{offset:1,color:"rgba(41,244,236,.5)"}]),borderColor:"#a2f9f7",shadowBlur:16,shadowColor:"#a2f9f7"}}]})},selectKeyAreaList:function(){var t=this;l().then((function(e){t.keyAreaList=e}))},selectDeviceType:function(t){var e=this;this.iconCurrentIndex1=t;var i=this;o().then((function(t){if(i.visuForestCloudMapDeviceBOList=t.data.visuForestCloudMapDeviceBOList,i.region=t.data.visuForestCloudTodaySjfbBOList,null!=t.data.visuForestCloudTodaySjfbBOList&&t.data.visuForestCloudTodaySjfbBOList.length>0)for(var s=0;s<t.data.visuForestCloudTodaySjfbBOList.length;s++){var a=[];a.push(t.data.visuForestCloudTodaySjfbBOList[s].deptName),a.push(Number(t.data.visuForestCloudTodaySjfbBOList[s].deptCount)),e.sourceData.push(a)}if(i.visuForestCloudCameraBOList=t.data.visuForestCloudCameraBOList,e.cameraChat(),null!=t.data.visuForestCloudCameraBOList&&t.data.visuForestCloudCameraBOList.length>0){for(var n=0;n<t.data.visuForestCloudCameraBOList.length;n++){var o={lng:124.59,lat:43.02,icon:"camera",bindPopupHtml:"",click:"preview",parameter:"",keepBindPopup:!1,isAggregation:!1};t.data.visuForestCloudCameraBOList.length>50&&(o.isAggregation=!0),null!=t.data.visuForestCloudCameraBOList[n].channelCode?o.parameter=t.data.visuForestCloudCameraBOList[n].channelCode.split(","):o.parameter=[],o.lng=t.data.visuForestCloudCameraBOList[n].longitude,o.lat=t.data.visuForestCloudCameraBOList[n].latitude,o.bindPopupHtml='<div class="map-tip"><span> <div class="d-l-con"> <div class="d-l-l-text"> <h4>经纬度：'+t.data.visuForestCloudCameraBOList[n].longitude+","+t.data.visuForestCloudCameraBOList[n].latitude+'</h4> </div> </div> </span><span> <div class="d-l-con"> <div class="d-l-l-text"> <h4>摄像头名称：'+t.data.visuForestCloudCameraBOList[n].cameraName+"</h4> </div> </div> </span></div>",e.cameraMarkersList.push(o)}setTimeout((function(){i.$refs.supermap.clearM(!0),i.$refs.supermap.clearM(!1),i.$refs.supermap.setMarkers(e.cameraMarkersList)}),1e3)}}))},dropLocation:function(t,e,i){this.listCurrentIndex2=i,this.$refs.supermap.dropLocation(t,e)},selectCameraByDeptId:function(t){var e=this;this.listCurrentIndex1=t;var i=this;i.cameraMarkersList=[],i.visuForestCloudCameraBOList=[],r(t).then((function(t){if(i.visuForestCloudCameraBOList=t.data,null!=t.data&&t.data.length>0){for(var s=0;s<t.data.length;s++){var a={lng:124.59,lat:43.02,icon:"camera",bindPopupHtml:"",click:"preview",parameter:"",keepBindPopup:!1,isAggregation:!1};t.data.length>50&&(a.isAggregation=!0),null!=t.data[s].channelCode?a.parameter=t.data[s].channelCode.split(","):a.parameter=[],a.lng=t.data[s].longitude,a.lat=t.data[s].latitude,a.bindPopupHtml='<div class="map-tip"><span> <div class="d-l-con"> <div class="d-l-l-text"> <h4>经纬度：'+t.data[s].longitude+","+t.data[s].latitude+'</h4> </div> </div> </span><span> <div class="d-l-con"> <div class="d-l-l-text"> <h4>摄像头名称：'+t.data[s].cameraName+"</h4> </div> </div> </span></div>",e.cameraMarkersList.push(a)}setTimeout((function(){i.$refs.supermap.clearM(!0),i.$refs.supermap.clearM(!1),i.$refs.supermap.setMarkers(e.cameraMarkersList)}),1e3)}}))},indent:function(){var t=document.getElementsByClassName("el-tooltip__popper");t[t.length-1].style.display="none",""==this.indentStyle?(this.indentStyle="indent-style",this.indentleft="indent-left",this.indentright="indent-right",this.indentText="展开左右栏"):"展开左右栏"==this.indentText&&(this.indentStyle="",this.indentleft="",this.indentright="",this.indentText="收起左右栏")},alertLogin:function(){this.$modal.msg("登录中....")},alertLoginSuccess:function(){this.$modal.msgSuccess("登录成功！")},alertLoginFailed:function(){this.$modal.msgError("登陆失败！")},alertReinstall:function(){this.$modal.msgWarning("请重新安装客户端")},preview:function(t){var e=this;Object(p["a"])().then((function(i){e.ws.detectConnectQt().then((function(s){s?(e.alertLogin(),e.ws.login({loginIp:i.loginIp,loginPort:i.loginPort,userName:i.userName,userPwd:i.userPwd,token:"",https:1}),e.ws.on("loginState",(function(i){e.isLogin=i,console.log("---res-----",i),i?(e.alertLoginSuccess(),e.activePanel="key2",e.realTimeVideoDialog(t)):e.alertLoginFailed()}))):e.alertReinstall()}))}))},realTimeVideoDialog:function(t){if(!this.isLogin)return this.$Message.info("正在登陆客户端，请稍等......"),!1;this.ws.openVideo(t)}}},L=g,b=(i("d849"),i("2877")),y=Object(b["a"])(L,s,a,!1,null,"ebf373b4",null);e["default"]=y.exports},"53a9":function(t,e,i){t.exports=i.p+"static/img/mascot.919f0170.png"},cb3f:function(t,e,i){},d849:function(t,e,i){"use strict";i("cb3f")}}]);
|
