火灾蔓延页面添加

src/views/eventdetailsdialog.vue

@@ -58,10 +58,10 @@
                 <!--   <div class="dia-left-btm-tool">
                    </div> -->
                 <!-- 底部工具栏end -->
-                <!--<div class="fire-m">-->
-                  <!--<el-button size="small" icon="el-icon-upload" @click="showheatPlotting()">火灾蔓延-->
-                  <!--</el-button>-->
-                <!--</div>-->
+                <div class="fire-m">
+                  <el-button size="small" icon="el-icon-upload" @click="showheatPlotting()">火灾蔓延
+                  </el-button>
+                </div>
                 <!-- 地图 -->
                 <supermapDialog ref="supermapDialog"
                                 style="position: absolute; top:0;left: 0;"
@@ -1273,11 +1273,8 @@
       },
       /************************************责任制-结束****************************************/
       showheatPlotting() {
-        if (!this.$refs.supermapDialog.isheatPlotting) {
-          this.$refs.supermapDialog.showheatPlotting(this.latitude, this.longitude)
-        } else {
-          this.$refs.supermapDialog.isheatPlotting = false
-        }
+        this.eventDialog = false;
+        this.$emit('getFirespread', this.eventCode);
       },
       showUpdateYjYuAn() {
         listYuAn().then(res => {

src/views/forest.vue

@@ -385,7 +385,10 @@
       <vBottomMenu ref="bottomMenu"></vBottomMenu>
     </div>
     <eventdetailsdialog ref="eventdetailsdialog" :calendarDay="calendarDay" @getEventList="getEventList"
-                        @getTodayEvents="getTodayEvents"></eventdetailsdialog>
+                        @getTodayEvents="getTodayEvents" @getFirespread="getFirespread"></eventdetailsdialog>
+
+    <firespread ref="firespread" :calendarDay="calendarDay" @getEventList="getEventList"
+                @getTodayEvents="getTodayEvents" @showEventDialog="showEventDialog"></firespread>
     <eventLocation ref="eventLocation"></eventLocation>
     <TVWall ref="TVWall"></TVWall>
   </div>
@@ -415,6 +418,7 @@ import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部
 import eventLocation from '@/components/eventLocation.vue' //事件定位弹窗
 import TVWall from '@/components/TVWall.vue' //电视墙弹窗
 import eventdetailsdialog from '@/views/eventdetailsdialog.vue' //事件详情弹窗
+import firespread from '@/views/firespread.vue' //事件详情弹窗
 
 /** ----------------------------------摄像头预览开始------------------------------------- */
 import {
@@ -435,7 +439,8 @@ export default {
     eventLocation,
     TVWall,
     dateChoose,
-    eventdetailsdialog
+    eventdetailsdialog,
+    firespread
   },
   created() {
     /** ----------------------------------摄像头预览开始------------------------------------- */
@@ -638,6 +643,9 @@ export default {
       //事件信息弹出
       this.$refs.eventdetailsdialog.showEventDialog(eventCode)
     },
+    getFirespread(eventCode){
+      this.$refs.firespread.showEventDialog(eventCode);
+    },
     getCurrentDataStr() {
       let date = new Date()
       let y = date.getFullYear()