事件详情地图

src/views/eventdetailsdialog.vue

@@ -4,6 +4,8 @@
     <vheader></vheader>
     <!--主体-->
     <div class="visual-body">
+      <button @click="showEventDialog"
+              style="position: absolute; left:50%;top: 50vh; transform: translateX(-50%);">触发事件详情</button>
       <!-- 弹层 -->
       <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" width="90%"
                  @close="cancelEventShow()">

src/views/forest.vue

@@ -18,7 +18,7 @@
             <div class="i-list-con h-14">
               <div class="d-l-con">
                 <div class="d-l-l-text w-100p">
-                  <h4 class="line-h-1 w-100p">{{ forestInfo }}</h4>
+                  <h4 class="line-h-1 w-100p" @click="showEventDialog">{{ forestInfo }}</h4>
                 </div>
               </div>
             </div>