联系人

src/views/eventdetailsdialog.vue

@@ -98,7 +98,8 @@
                                       {{ item.logContent }}
                                     </div>
                                     <div>
-                                      <router-link to="#" @click.native="clickFile(itemfile.fileUrl,itemfile.fileName,itemfile.fileType)"
+                                      <router-link to="#"
+                                                   @click.native="clickFile(itemfile.fileUrl,itemfile.fileName,itemfile.fileType)"
                                                    v-for="(itemfile,indexfile) in item.fileVOs">
                                         <el-image :src="itemfile.fileUrl" v-if="itemfile.fileType=='image'"
                                                   :preview-src-list="assetTypeAnImage(item.fileVOs)"
@@ -210,7 +211,8 @@
                                 <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
                                 </el-button>
                               </div>
-                              <div class="z-info-btm-input-btn" v-else-if="eventStatusValue=='forest_event_status_5'&&dataStatus=='1'">
+                              <div class="z-info-btm-input-btn"
+                                   v-else-if="eventStatusValue=='forest_event_status_5'&&dataStatus=='1'">
                                 <el-button size="small"
                                            icon="el-icon-success" style="text-align:left"
                                            @click="updateCentereventTEventcatalogueStatus('gd',false)">
@@ -358,14 +360,17 @@
         </el-button>
       </el-form>
     </el-dialog>
-    <el-dialog title="责任制" :visible.sync="showResponsibilityDialog" v-if="showResponsibilityDialog" width="65%" @close="closeResponsibilityDialog()">
+    <el-dialog title="责任制" :visible.sync="showResponsibilityDialog" v-if="showResponsibilityDialog" width="65%"
+               @close="closeResponsibilityDialog()">
       <el-form label-width="1500px">
         <div class="bottom">
           <!-- 左侧菜单栏 -->
           <div class="bottomLeft">
             <div class="leftItem d-l-con padding-box nowrap" v-for="(item,index) in depteventList">
               <div class="bgt-info">
-                <div class="bgt-info-name" :class="{on:iconCurrentIndex==item.deptId}" @click="dutysystemSelect(item.deptId,item.deptName,item.id)">{{item.deptName}}</div>
+                <div class="bgt-info-name" :class="{on:iconCurrentIndex==item.deptId}"
+                     @click="dutysystemSelect(item.deptId,item.deptName,item.id)">{{item.deptName}}
+                </div>
               </div>
             </div>
           </div>
@@ -380,14 +385,14 @@
             <el-table
               :data="dutysystemTableData"
               style="width: 100%">
-              <el-table-column prop="id"  label="主键" v-if="false">
+              <el-table-column prop="id" label="主键" v-if="false">
                 <template slot-scope="scope" hidden>
-                  <el-input  v-model="scope.row.id" readonly  placeholder="主键" ></el-input>
+                  <el-input v-model="scope.row.id" readonly placeholder="主键"></el-input>
                 </template>
               </el-table-column>
-              <el-table-column prop="name" label="姓名" >
+              <el-table-column prop="name" label="姓名">
                 <template slot-scope="scope">
-                  <el-input  v-model="scope.row.name" placeholder="姓名" ></el-input>
+                  <el-input v-model="scope.row.name" placeholder="姓名"></el-input>
                 </template>
               </el-table-column>
               <el-table-column prop="post" label="岗位">
@@ -994,7 +999,6 @@ export default {
       pubKey: '',
       oWebControl: null,
 
-
       playVideo: '',//视频预览地址
       showTcPlayer: false,//视频预览弹窗
       regionalFlagOpen: false,//区域标记
@@ -1133,10 +1137,10 @@ export default {
       eventDialog: false,
       showResponsibilityDialog: false,//责任制弹窗
       depteventList: [],//责任制部门列表
-      iconCurrentIndex:'',
-      dutysystemDeptName:'',
-      depteventId:'',
-      dutysystemTableData:[],
+      iconCurrentIndex: '',
+      dutysystemDeptName: '',
+      depteventId: '',
+      dutysystemTableData: [],
       radius: 50,//资源搜索半径
       resourcesList: [
         {
@@ -1198,66 +1202,66 @@ export default {
   },
   methods: {
     /************************************责任制-开始****************************************/
-    addLine:function(){//添加负责人行数
+    addLine: function() {//添加负责人行数
       var newValue = {
-        id:"",//主键
-        dept:"",//部门名称
-        depteventId:"",//事件部门关联责任人
-        name:"",//姓名
-        post:"",//岗位
-        telphone:"",//手机号
-      };
+        id: '',//主键
+        dept: '',//部门名称
+        depteventId: '',//事件部门关联责任人
+        name: '',//姓名
+        post: '',//岗位
+        telphone: ''//手机号
+      }
       //添加新的行数
-      this.dutysystemTableData.push(newValue);
+      this.dutysystemTableData.push(newValue)
     },
-    handleDelete:function(index,row){//删除负责人行数
-      if(row.id!=null&&row.id!=''){
+    handleDelete: function(index, row) {//删除负责人行数
+      if (row.id != null && row.id != '') {
         let param = { ids: row.id }
         dutysystemRemove(param).then(res => {
           this.$message.success(`删除成功!`)
-          this.dutysystemSelect(this.iconCurrentIndex,this.dutysystemDeptName,this.depteventId)
+          this.dutysystemSelect(this.iconCurrentIndex, this.dutysystemDeptName, this.depteventId)
         })
-      }else{
+      } else {
         this.dutysystemTableData.splice(index, 1)
       }
     },
-    handleSave:function(index,rowData){//保存负责人行数
-      rowData.dept=this.dutysystemDeptName
-      rowData.depteventId=this.depteventId
+    handleSave: function(index, rowData) {//保存负责人行数
+      rowData.dept = this.dutysystemDeptName
+      rowData.depteventId = this.depteventId
       dutysystemAdd(rowData).then(res => {
         this.$message.success(`保存成功!`)
-        this.dutysystemSelect(this.iconCurrentIndex,this.dutysystemDeptName,this.depteventId)
+        this.dutysystemSelect(this.iconCurrentIndex, this.dutysystemDeptName, this.depteventId)
       })
     },
-    dutysystemSelect:function(deptId,dutysystemDeptName,depteventId){//通过部门查询负责人信息
-      this.dutysystemDeptName=dutysystemDeptName
-      this.depteventId=depteventId
-      this.iconCurrentIndex=deptId
+    dutysystemSelect: function(deptId, dutysystemDeptName, depteventId) {//通过部门查询负责人信息
+      this.dutysystemDeptName = dutysystemDeptName
+      this.depteventId = depteventId
+      this.iconCurrentIndex = deptId
       let param = { depteventId: depteventId }
       dutysystemList(param).then(res => {
-        if(res.data!=null&&res.data.length>0){
-          this.dutysystemTableData=res.data
-        }else{
-          this.dutysystemTableData=[{
-            id:"",//主键
-            dept:this.dutysystemDeptName,//部门名称
-            depteventId:this.depteventId,//事件部门关联责任人
-            name:"",//姓名
-            post:"",//岗位
-            telphone:"",//手机号
+        if (res.data != null && res.data.length > 0) {
+          this.dutysystemTableData = res.data
+        } else {
+          this.dutysystemTableData = [{
+            id: '',//主键
+            dept: this.dutysystemDeptName,//部门名称
+            depteventId: this.depteventId,//事件部门关联责任人
+            name: '',//姓名
+            post: '',//岗位
+            telphone: ''//手机号
           }]
         }
       })
 
     },
-    showResponsibility () {//弹出责任制弹窗
-      let param={eventCode:this.eventCode}
+    showResponsibility() {//弹出责任制弹窗
+      let param = { eventCode: this.eventCode }
       centereventtdepteventList(param).then(res => {
-        this.depteventList=res.data
+        this.depteventList = res.data
         this.showResponsibilityDialog = true
       })
     },
-    closeResponsibilityDialog () {//责任制关闭
+    closeResponsibilityDialog() {//责任制关闭
       this.dutysystemTableData = []
       this.dutysystemDeptName = ''
       this.depteventId = ''
@@ -1265,10 +1269,10 @@ export default {
       this.showResponsibilityDialog = false
     },
     /************************************责任制-结束****************************************/
-    showheatPlotting(){
-      if(!this.$refs.supermapDialog.isheatPlotting){
-        this.$refs.supermapDialog.showheatPlotting(this.latitude,this.longitude)
-      }else{
+    showheatPlotting() {
+      if (!this.$refs.supermapDialog.isheatPlotting) {
+        this.$refs.supermapDialog.showheatPlotting(this.latitude, this.longitude)
+      } else {
         this.$refs.supermapDialog.isheatPlotting = false
       }
     },
@@ -1366,17 +1370,17 @@ export default {
       let imageList = []
       if (filePath != null && filePath.length > 0) {
         for (let i = 0; i < filePath.length; i++) {
-          if (filePath[i].fileType=='image') {
+          if (filePath[i].fileType == 'image') {
             imageList.push(filePath[i].fileUrl)
           }
         }
       }
       return imageList
     },
-    clickFile(fileUrl, fileName,fileType) {
-      if (fileType=='image') {
+    clickFile(fileUrl, fileName, fileType) {
+      if (fileType == 'image') {
         return
-      } else if (fileType=='video') {
+      } else if (fileType == 'video') {
         this.showTcPlayer = true
         setTimeout(() => {
           this.playVideo = fileUrl
@@ -1385,7 +1389,7 @@ export default {
         let a = document.createElement('a')
         a.download = fileName
         a.href = fileUrl
-        a.target="_blank"
+        a.target = '_blank'
         a.click()
       }
     },
@@ -1442,7 +1446,7 @@ export default {
     },
     cancelEventConfirm_mp4() {
       //关闭视频窗口
-      this.playVideo=''
+      this.playVideo = ''
       this.$refs.TcPlayer.destroyed()
     },
     resetTable1() {
@@ -1543,21 +1547,21 @@ export default {
      * */
     async updateCentereventTEventcatalogueStatus(eventStatus, isSend) {
       this.eventStatusButton = eventStatus
-
+      let that = this
       if (!isSend) {//事件弹窗
         if (eventStatus == 'qs') {//签收
-          this.eventConfirmTitle = '事件签收'
-          let param = { parentId: this.eventType }
+          that.eventConfirmTitle = '事件签收'
+          let param = { parentId: that.eventType }
           await listSJfl(param).then(res => {
             //事件类型
             if (res.code == 200) {
-              this.eventTypeList = res.data
+              that.eventTypeList = res.data
             }
           })
           await listYuAn().then(res => {
             //关联预案
             if (res.code == 200) {
-              this.guanLianYuAnList = res.data
+              that.guanLianYuAnList = res.data
             }
           })
           await userFeginlist().then(res => {
@@ -1566,152 +1570,152 @@ export default {
               that.userFeginList = res.data
             }
           })
-          await selectByeventCode(this.eventCode).then(res => {
+          await selectByeventCode(that.eventCode).then(res => {
             //签收部门
             if (res.code == 200) {
-              this.deptOptions = res.data
-              this.deptNameitem = '签收部门'
+              that.deptOptions = res.data
+              that.deptNameitem = '签收部门'
             }
           })
-          this.showEventConfirm = true
+          that.showEventConfirm = true
         } else if (eventStatus == 'wb') {//误报
-          this.eventConfirmTitle = '事件误报'
-          await selectByeventCode(this.eventCode).then(res => {
+          that.eventConfirmTitle = '事件误报'
+          await selectByeventCode(that.eventCode).then(res => {
             //签收部门
             if (res.code == 200) {
-              this.deptOptions = res.data
-              this.deptNameitem = '签收部门'
+              that.deptOptions = res.data
+              that.deptNameitem = '签收部门'
             }
           })
-          this.showEventConfirm = true
+          that.showEventConfirm = true
         } else if (eventStatus == 'cf') {//重复
-          this.eventConfirmTitle = '事件重复'
-          await selectByeventCode(this.eventCode).then(res => {
+          that.eventConfirmTitle = '事件重复'
+          await selectByeventCode(that.eventCode).then(res => {
             //签收部门
             if (res.code == 200) {
-              this.deptOptions = res.data
-              this.deptNameitem = '签收部门'
+              that.deptOptions = res.data
+              that.deptNameitem = '签收部门'
             }
           })
-          this.showEventConfirm = true
+          that.showEventConfirm = true
         } else if (eventStatus == 'ld') {//联动
-          await selectByeventCode(this.eventCode).then(res => {
+          await selectByeventCode(that.eventCode).then(res => {
             //签收部门
             if (res.code == 200) {
-              this.deptOptions = res.data
-              this.deptNameitem = '发起部门'
+              that.deptOptions = res.data
+              that.deptNameitem = '发起部门'
             }
           })
-          this.eventConfirmTitle = '事件联动'
+          that.eventConfirmTitle = '事件联动'
           /** 查询部门树结构 */
           await deptTreeselect().then(response => {
-            this.deptOptionsLiandong = response.data
+            that.deptOptionsLiandong = response.data
           })
-          this.showEventConfirm = true
+          that.showEventConfirm = true
         } else if (eventStatus == 'gd') {//归档填报
-          this.showEventConfirm_gd = true
+          that.showEventConfirm_gd = true
         }
       } else {//事件提交后台
         if (eventStatus == 'ld') {
           //事件处理流程--联动
-          let array = this.$refs.LiandongDept.getCheckedNodes()
+          let array = that.$refs.LiandongDept.getCheckedNodes()
           if (array != null && array.length > 0) {
             for (let i = 0; i < array.length; i++) {
-              this.sendLianDongDept.push({ 'taskDeptId': array[i].id, 'taskDeptName': array[i].label })
+              that.sendLianDongDept.push({ 'taskDeptId': array[i].id, 'taskDeptName': array[i].label })
             }
           }
-          if (this.sendTaskSource == '' || this.sendTaskSource == null) {
-            this.$message.error(`请选择任务来源!`)
+          if (that.sendTaskSource == '' || that.sendTaskSource == null) {
+            that.$message.error(`请选择任务来源!`)
             return
           }
-          if (this.sendTaskContent == '' || this.sendTaskContent == null) {
-            this.$message.error(`请输入任务内容!`)
+          if (that.sendTaskContent == '' || that.sendTaskContent == null) {
+            that.$message.error(`请输入任务内容!`)
             return
           }
-          if (this.sendTaskTitle == '' || this.sendTaskTitle == null) {
-            this.$message.error(`请输入任务标题!`)
+          if (that.sendTaskTitle == '' || that.sendTaskTitle == null) {
+            that.$message.error(`请输入任务标题!`)
             return
           }
-          if (this.sendLianDongDept == '' || this.sendLianDongDept == null) {
-            this.$message.error(`请选择任务联动部门!`)
+          if (that.sendLianDongDept == '' || that.sendLianDongDept == null) {
+            that.$message.error(`请选择任务联动部门!`)
             return
           }
-          if (this.sendDeptId == '' || this.sendDeptId == null || this.sendDeptName == '' || this.sendDeptName == null) {
-            this.$message.error(`请选择任务发起部门!`)
+          if (that.sendDeptId == '' || that.sendDeptId == null || that.sendDeptName == '' || that.sendDeptName == null) {
+            that.$message.error(`请选择任务发起部门!`)
             return
           }
           let param = {
-            sendDeptId: this.sendDeptId,
-            sendDept: this.sendDeptName,
-            eventCode: this.eventCode,
-            longitude: this.longitude,
-            latitude: this.latitude,
-            taskTitle: this.sendTaskTitle,
-            taskSource: this.sendTaskSource,
-            taskContent: this.sendTaskContent,
-            taskDept: this.sendLianDongDept
+            sendDeptId: that.sendDeptId,
+            sendDept: that.sendDeptName,
+            eventCode: that.eventCode,
+            longitude: that.longitude,
+            latitude: that.latitude,
+            taskTitle: that.sendTaskTitle,
+            taskSource: that.sendTaskSource,
+            taskContent: that.sendTaskContent,
+            taskDept: that.sendLianDongDept
           }
           sendTask(param).then(res => {
             if (res.code == 200) {
-              this.$message.success(`联动发起成功!`)
-              this.refreshEventDialog(this.eventCode)
-              this.cancelEventConfirm_send()
-              this.showEventConfirm = false
+              that.$message.success(`联动发起成功!`)
+              that.refreshEventDialog(that.eventCode)
+              that.cancelEventConfirm_send()
+              that.showEventConfirm = false
             }
           })
 
         } else if (eventStatus == 'gd') {
           //事件处理流程--归档
           let param = {
-            deptId: this.deptId,
-            eventCode: this.eventCode,
+            deptId: that.deptId,
+            eventCode: that.eventCode,
             eventStatus: eventStatus,
-            id: this.eventId,
+            id: that.eventId,
             czlx: '',
-            forestFireLoss: { eventId: this.eventCode, table1: this.table1 },
-            fireInformation: { eventId: this.eventCode, table2: this.table2 },
-            array: this.regionalFlagObj.array
+            forestFireLoss: { eventId: that.eventCode, table1: that.table1 },
+            fireInformation: { eventId: that.eventCode, table2: that.table2 },
+            array: that.regionalFlagObj.array
           }
           updateCentereventTEventcatalogueStatus(param).then(res => {
             if (res.code == 200) {
-              this.$message.success(`处理成功!`)
-              this.refreshEvent(this.eventCode)
-              this.cancelEventConfirm_send()
-              this.showEventConfirm_gd = false
-              this.$emit('getEventList', this.calendarDay)
-              this.$emit('getTodayEvents', this.calendarDay)
+              that.$message.success(`处理成功!`)
+              that.refreshEvent(that.eventCode)
+              that.cancelEventConfirm_send()
+              that.showEventConfirm_gd = false
+              that.$emit('getEventList', that.calendarDay)
+              that.$emit('getTodayEvents', that.calendarDay)
             }
           })
         } else {
           if (eventStatus == 'qs' || eventStatus == 'wb' || eventStatus == 'cf') {
-            if (this.sendDeptId == '' || this.sendDeptId == null || this.sendDeptName == '' || this.sendDeptName == null) {
-              this.$message.error(`请选择部门!`)
+            if (that.sendDeptId == '' || that.sendDeptId == null || that.sendDeptName == '' || that.sendDeptName == null) {
+              that.$message.error(`请选择部门!`)
               return
             }
-          }else{
-            this.sendDeptId = this.deptId
+          } else {
+            that.sendDeptId = that.deptId
           }
           //事件处理流程
           let param = {
-            phones:that.sendUserFegin,
-            eventCode: this.eventCode,
-            deptId: this.sendDeptId,
-            deptName: this.sendDeptName,
+            phones: that.sendUserFegin,
+            eventCode: that.eventCode,
+            deptId: that.sendDeptId,
+            deptName: that.sendDeptName,
             eventStatus: eventStatus,
-            eventType: this.sendEventType,
-            id: this.eventId,
+            eventType: that.sendEventType,
+            id: that.eventId,
             czlx: '',
-            fireRadius: this.sendHuoZaiBanJing,
-            reserve: this.sendGuanLianYuAn
+            fireRadius: that.sendHuoZaiBanJing,
+            reserve: that.sendGuanLianYuAn
           }
           updateCentereventTEventcatalogueStatus(param).then(res => {
             if (res.code == 200) {
-              this.$message.success(`处理成功!`)
-              this.refreshEvent(this.eventCode)
-              this.cancelEventConfirm_send()
-              this.showEventConfirm = false
-              this.$emit('getEventList', this.calendarDay)
-              this.$emit('getTodayEvents', this.calendarDay)
+              that.$message.success(`处理成功!`)
+              that.refreshEvent(that.eventCode)
+              that.cancelEventConfirm_send()
+              that.showEventConfirm = false
+              that.$emit('getEventList', that.calendarDay)
+              that.$emit('getTodayEvents', that.calendarDay)
             }
           })
         }
@@ -1724,7 +1728,12 @@ export default {
     },
     sendEventLog() {
       //日志发送
-      let param = { eventCode: this.eventCode, logContent: this.eventLog,operation:"bus_oper_type_2",operationType:"log_oper_type_1" }
+      let param = {
+        eventCode: this.eventCode,
+        logContent: this.eventLog,
+        operation: 'bus_oper_type_2',
+        operationType: 'log_oper_type_1'
+      }
       sendEventLog(param).then(res => {
         if (res.code == 200) {
           this.$message.success(`发送成功!`)
@@ -1738,8 +1747,8 @@ export default {
     },
     cancelEventShow() {
       console.log('关闭事件弹窗')
-      this.dataStatus=null
-      this.deptId=null
+      this.dataStatus = null
+      this.deptId = null
       this.eventLogList = []
     },
     showEventDialog(eventCode) {
@@ -1750,48 +1759,48 @@ export default {
         this.eventDialog = true
         this.eventLogList = res.data.eventlog//日志列表
         this.visuForestCloudYuAnBo = res.data.visuForestCloudYuAnBo//应急预案
-          this.address = res.data.catalogue.address
-          this.eventStatusValue = res.data.catalogue.eventStatusValue
-          this.eventType = res.data.catalogue.eventType
-          this.dataStatus = res.data.catalogue.dataStatus
-          this.deptId = res.data.catalogue.deptId
-          this.eventId = res.data.catalogue.id
-          this.longitude = res.data.catalogue.longitude
-          this.latitude = res.data.catalogue.latitude
-          let markersMap = {
-            lng: 124.59,
-            lat: 43.02,
-            icon: 'marker',
-            bindPopupHtml: '',
-            click: '',
-            parameter: '',
-            keepBindPopup: false,
-            isAggregation: false,
-            radius: 0
-          }
-          if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount == 0) {
-            markersMap.icon = 'sj-icon-map-xinshangbao'
-          }
-          if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount > 0) {
-            markersMap.icon = 'sj-icon-map-cuiban'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_2') {
-            markersMap.icon = 'sj-icon-map-qianshou'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_5') {
-            markersMap.icon = 'sj-icon-map-banjie'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_6') {
-            markersMap.icon = 'sj-icon-map-guidang'
-          }
-          markersMap.lng = res.data.catalogue.longitude
-          markersMap.lat = res.data.catalogue.latitude
-          if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
-            markersMap.radius = res.data.eventdetail[0].fireRadius
-          }
-          setTimeout(() => {
-            that.$refs.supermapDialog.dynamicPlotting()//弹出动态绘制窗口，防止截图位置改变
-            that.$refs.supermapDialog.clearM(false)
-            that.$refs.supermapDialog.setMarkersRadius([markersMap])
-            that.$refs.supermapDialog.dropLocation(res.data.catalogue.latitude, res.data.catalogue.longitude)
-          }, 2000)
+        this.address = res.data.catalogue.address
+        this.eventStatusValue = res.data.catalogue.eventStatusValue
+        this.eventType = res.data.catalogue.eventType
+        this.dataStatus = res.data.catalogue.dataStatus
+        this.deptId = res.data.catalogue.deptId
+        this.eventId = res.data.catalogue.id
+        this.longitude = res.data.catalogue.longitude
+        this.latitude = res.data.catalogue.latitude
+        let markersMap = {
+          lng: 124.59,
+          lat: 43.02,
+          icon: 'marker',
+          bindPopupHtml: '',
+          click: '',
+          parameter: '',
+          keepBindPopup: false,
+          isAggregation: false,
+          radius: 0
+        }
+        if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount == 0) {
+          markersMap.icon = 'sj-icon-map-xinshangbao'
+        }
+        if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount > 0) {
+          markersMap.icon = 'sj-icon-map-cuiban'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_2') {
+          markersMap.icon = 'sj-icon-map-qianshou'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_5') {
+          markersMap.icon = 'sj-icon-map-banjie'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_6') {
+          markersMap.icon = 'sj-icon-map-guidang'
+        }
+        markersMap.lng = res.data.catalogue.longitude
+        markersMap.lat = res.data.catalogue.latitude
+        if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
+          markersMap.radius = res.data.eventdetail[0].fireRadius
+        }
+        setTimeout(() => {
+          that.$refs.supermapDialog.dynamicPlotting()//弹出动态绘制窗口，防止截图位置改变
+          that.$refs.supermapDialog.clearM(false)
+          that.$refs.supermapDialog.setMarkersRadius([markersMap])
+          that.$refs.supermapDialog.dropLocation(res.data.catalogue.latitude, res.data.catalogue.longitude)
+        }, 2000)
         if (res.data.centermonitorTCamera != null) {
           let markersMap = {
             lng: 124.59,
@@ -1830,51 +1839,51 @@ export default {
         this.eventDialog = true
         this.eventLogList = res.data.eventlog
         this.visuForestCloudYuAnBo = res.data.visuForestCloudYuAnBo//应急预案
-          this.address = res.data.catalogue.address
-          this.eventStatusValue = res.data.catalogue.eventStatusValue
-          this.eventType = res.data.catalogue.eventType
-          this.dataStatus = res.data.catalogue.dataStatus
-          this.deptId = res.data.catalogue.deptId
-          this.eventId = res.data.catalogue.id
-          this.latitude = res.data.catalogue.latitude
-          this.longitude = res.data.catalogue.longitude
-          let markersMap = {
-            lng: 124.59,
-            lat: 43.02,
-            icon: 'marker',
-            bindPopupHtml: '',
-            click: '',
-            parameter: '',
-            keepBindPopup: false,
-            isAggregation: false,
-            radius: 0
-          }
-          if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount == 0) {
-            markersMap.icon = 'sj-icon-map-xinshangbao'
-          }
-          if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount > 0) {
-            markersMap.icon = 'sj-icon-map-cuiban'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_2') {
-            markersMap.icon = 'sj-icon-map-qianshou'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_5') {
-            markersMap.icon = 'sj-icon-map-banjie'
-          } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_6') {
-            markersMap.icon = 'sj-icon-map-guidang'
-          }
-          markersMap.lng = res.data.catalogue.longitude
-          markersMap.lat = res.data.catalogue.latitude
+        this.address = res.data.catalogue.address
+        this.eventStatusValue = res.data.catalogue.eventStatusValue
+        this.eventType = res.data.catalogue.eventType
+        this.dataStatus = res.data.catalogue.dataStatus
+        this.deptId = res.data.catalogue.deptId
+        this.eventId = res.data.catalogue.id
+        this.latitude = res.data.catalogue.latitude
+        this.longitude = res.data.catalogue.longitude
+        let markersMap = {
+          lng: 124.59,
+          lat: 43.02,
+          icon: 'marker',
+          bindPopupHtml: '',
+          click: '',
+          parameter: '',
+          keepBindPopup: false,
+          isAggregation: false,
+          radius: 0
+        }
+        if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount == 0) {
+          markersMap.icon = 'sj-icon-map-xinshangbao'
+        }
+        if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount > 0) {
+          markersMap.icon = 'sj-icon-map-cuiban'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_2') {
+          markersMap.icon = 'sj-icon-map-qianshou'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_5') {
+          markersMap.icon = 'sj-icon-map-banjie'
+        } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_6') {
+          markersMap.icon = 'sj-icon-map-guidang'
+        }
+        markersMap.lng = res.data.catalogue.longitude
+        markersMap.lat = res.data.catalogue.latitude
+        if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
+          markersMap.radius = res.data.eventdetail[0].fireRadius
+        }
+        setTimeout(() => {
+          that.$refs.supermapDialog.clearM(false)
           if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
-            markersMap.radius = res.data.eventdetail[0].fireRadius
+            that.$refs.supermapDialog.setMarkersRadius([markersMap])
+          } else {
+            that.$refs.supermapDialog.setMarkers([markersMap])
           }
-          setTimeout(() => {
-            that.$refs.supermapDialog.clearM(false)
-            if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
-              that.$refs.supermapDialog.setMarkersRadius([markersMap])
-            } else {
-              that.$refs.supermapDialog.setMarkers([markersMap])
-            }
-            that.$refs.supermapDialog.dropLocation(res.data.catalogue.latitude, res.data.catalogue.longitude)
-          }, 2000)
+          that.$refs.supermapDialog.dropLocation(res.data.catalogue.latitude, res.data.catalogue.longitude)
+        }, 2000)
         if (res.data.centermonitorTCamera != null) {
           let markersMap = {
             lng: 124.59,
@@ -2019,9 +2028,9 @@ export default {
       //   })
       // })
       that.cameraVisible = true
-      getHaiKangVideoServer({cameraCode:cameraCode}).then(newResponse => {
-        that.cameraTitle = '摄像头-'+newResponse.data.cameraName
-        that.initPlugin(newResponse.data.appkey,newResponse.data.loginIp,newResponse.data.secret,newResponse.data.loginPort)
+      getHaiKangVideoServer({ cameraCode: cameraCode }).then(newResponse => {
+        that.cameraTitle = '摄像头-' + newResponse.data.cameraName
+        that.initPlugin(newResponse.data.appkey, newResponse.data.loginIp, newResponse.data.secret, newResponse.data.loginPort)
         setTimeout(function() {
           that.playhk(newResponse.data.channelCode)
         }, 5000)
@@ -2040,8 +2049,8 @@ export default {
 
     /** ----------------------------------海康摄像头预览开始------------------------------------- */
     // 创建播放实例
-    initPlugin(newappkey,newloginIp,newsecret,newloginPort) {
-      let that=this
+    initPlugin(newappkey, newloginIp, newsecret, newloginPort) {
+      let that = this
       that.oWebControl = new WebControl({
         szPluginContainer: 'playWnd',                       // 指定容器id
         iServicePortStart: 15900,                           // 指定起止端口号，建议使用该值
@@ -2056,7 +2065,7 @@ export default {
             })
 
             that.oWebControl.JS_CreateWnd('playWnd', 1020, 600).then(function() { //JS_CreateWnd创建视频播放窗口，宽高可设定
-              that.init(newappkey,newloginIp,newsecret,newloginPort)  // 创建播放实例成功后初始化
+              that.init(newappkey, newloginIp, newsecret, newloginPort)  // 创建播放实例成功后初始化
             })
           }, function() { // 启动插件服务失败
           })
@@ -2068,7 +2077,7 @@ export default {
           initCount++
           if (initCount < 3) {
             setTimeout(function() {
-              that.initPlugin(newappkey,newloginIp,newsecret,newloginPort)
+              that.initPlugin(newappkey, newloginIp, newsecret, newloginPort)
             }, 3000)
           } else {
             $('#playWnd').html('插件启动失败，请检查插件是否安装！<a href="./hk/VideoWebPlugin.exe">点击下载插件</a>')
@@ -2105,7 +2114,7 @@ export default {
       })
     },
     //初始化
-    init(newappkey,newloginIp,newsecret,newloginPort) {
+    init(newappkey, newloginIp, newsecret, newloginPort) {
       let that = this
       that.getPubKey(function() {
         ////////////////////////////////// 请自行修改以下变量值	////////////////////////////////////
@@ -2167,10 +2176,11 @@ export default {
       var encrypt = new JSEncrypt()
       encrypt.setPublicKey(this.pubKey)
       return encrypt.encrypt(value)
-    },
+    }
     /** ----------------------------------海康摄像头预览结束------------------------------------- */
   }
 }
+
 // 推送消息
 function cbIntegrationCallBack(oData) {
   console.log(JSON.stringify(oData.responseMsg))