Merge remote-tracking branch 'origin/visu_firecontrol' into visu_firecontrol

# Conflicts:
#	vue.config.js

src/assets/styles/base.scss

@@ -4,7 +4,7 @@ $fontLED: led;
 
 //颜色
 $white: #fff;
-$inBlue: #2bacf7;
+$inBlue: #25bdcb;
 $subtitle: #638395;
 $inBlueHover: #07ffc1;
 $inYellow: #ffd014;
@@ -12,43 +12,43 @@ $deepBlue: #0b293a;
 $listText: #1a7988;
 $textGray: #ccc;
 $grayBlue: #5685a0;
-$tipHover: #2082ba;
+$tipHover: #23b8ba;
 $eventBG: #0b284e;
 
 
 //渐变
-$GradualGreen: 180deg, rgba($color: #124799, $alpha: .8),
+$GradualGreen: 180deg, rgba($color: #138399, $alpha: .8),
 rgba($color: #04151e, $alpha: .8);
 
-$conBg: 180deg, rgba($color: #0f162c, $alpha: 1),
-rgba($color: #040b1f, $alpha: 1);
+$conBg: 180deg, rgba($color: #0f282c, $alpha: 1),
+rgba($color: #051216, $alpha: 1);
 
-$btmMemu: 180deg, rgba($color: #0d1620, $alpha: 1),
-rgba($color: #020f2a, $alpha: 1);
+$btmMemu: 180deg, rgba($color: #0a1f20, $alpha: 1),
+rgba($color: #011d2a, $alpha: 1);
 
 $boxBG: 180deg, rgba($color: #0d2760, $alpha: 1),
 rgba($color: #081a41, $alpha: 1);
 
 //内阴影
 $shadowList: 0 0 1rem 0 rgba($color: #0b1b25, $alpha: .8);
-$shadowTitle: 0 -0.2rem .5rem 0.3rem rgba($color: #0dc0db, $alpha: .09) inset;
-$shadowListHover: rgba($color: #0567c2, $alpha: .7) 0px 0px 50px inset;
+$shadowTitle: 0 -0.2rem .5rem 0.3rem rgba($color: #15dbb4, $alpha: .09) inset;
+$shadowListHover: rgba($color: #1cbfc2, $alpha: .7) 0px 0px 50px inset;
 $shadowListHoverI: 0 0 3px rgba($color: #41ff84, $alpha: .5), -0 -0 10px rgba($color: #41fff8, $alpha: .9);
-$shadowTip: 0 0 1rem 0 rgba($color: #387ee7, $alpha: .8) inset;
+$shadowTip: 0 0 1rem 0 rgba($color: #34c7e7, $alpha: .8) inset;
 $shadowCount: 0 0 .5rem 0 rgba($color: #00c8ff, $alpha: 1) inset;
 
 //可视化 数字林业
-$fBlue: #03c6e2;
+$fBlue: #0bb3c2;
 $fBlueHover: #07ffc1;
 $fBlueG: #0bf3f7;
-$fListTitle: #2bacf7;
-$barBgc: rgba($color: #051520, $alpha: .9);
+$fListTitle: #0fc4d4;
+$barBgc: rgba($color: #102127, $alpha: .9);
 $barShadow: rgba($color: #078ad1, $alpha: .8) 0px 0px 18px inset;
 $barBorder: solid rgba($color: #33467f, $alpha: .7);
 $tableBorder: solid rgba($color: #33467f, $alpha: .7);
 $countBorder: solid rgba($color: #00aeff, $alpha: .9);
-$searchBorder: solid rgba($color: #33467f, $alpha: 1);
-$searchBG: #101527;
+$searchBorder: solid rgba($color: #33727f, $alpha: 1);
+$searchBG: #102127;
 $deepBG: #09192f;
 //icon
 $iconBg: #f5ad1b, #58b35d, #0FA2FF, #da8ec5, #78bfc2, #a28e52, #ff6063, #96bd5b, #f5ad1b, #da8ec5, #5f89ce, #78bfc2, #bec278, #f07779;
@@ -221,19 +221,19 @@ div::-webkit-scrollbar {
   display: none;
 }
 
-#toolbar::-webkit-scrollbar {
-  width: 20px !important;
-  display: block !important;
-}
-
-#toolbar::-webkit-scrollbar-track {
-  background: linear-gradient(0deg, rgba(10, 19, 47, 1.0) 0%, rgba(36, 46, 104, 1.0) 100%) !important;
-}
-
-#toolbar::-webkit-scrollbar-thumb {
-  background: transparent !important;
-  box-shadow: 0px 0px 0px 100vh black !important;
-}
+//#toolbar::-webkit-scrollbar {
+//  width: 20px !important;
+//  display: block !important;
+//}
+//
+//#toolbar::-webkit-scrollbar-track {
+//  background: linear-gradient(0deg, rgba(10, 19, 47, 1.0) 0%, rgba(36, 46, 104, 1.0) 100%) !important;
+//}
+//
+//#toolbar::-webkit-scrollbar-thumb {
+//  background: transparent !important;
+//  box-shadow: 0px 0px 0px 100vh black !important;
+//}
 
 #icon {
   margin-bottom: 5rem;
@@ -341,7 +341,7 @@ div::-webkit-scrollbar {
 }
 
 .h-39 {
-  height: 39vh;
+  height: 39vh !important;
 }
 
 .h-40 {
@@ -820,7 +820,312 @@ div::-webkit-scrollbar {
           .this-con {
             width: 100%;
             padding: 1rem;
-            height: 62vh;
+            height: 515px;
+            overflow-y: scroll;
+            overflow-x: hidden;
+            display: flex;
+            flex-direction: column;
+
+            .this-con-list-info {
+              padding-bottom: .5rem;
+              float: left;
+              color: #6da0c3;
+            }
+
+            .this-con-list {
+              padding: 2rem 0;
+              height: auto;
+              float: left;
+              border-bottom: 1px solid #094268;
+
+            }
+
+            .this-con-list:first-child {
+              padding-top: 0;
+
+            }
+
+            .this-con-list:last-child {
+              border-bottom: 0;
+
+            }
+
+            .z-begin {
+              text-align: center;
+              padding: 5px 10px;
+              color: #fff;
+              background: #3c84b5;
+              border-radius: 5px;
+              margin-bottom: 10px;
+              margin: 0 auto;
+            }
+
+            .z-info-list {
+              width: 100%;
+              margin-top: 2rem;
+              display: flex;
+
+              img {
+                border-radius: .3rem;
+              }
+
+              .z-info-list-con {
+                display: flex;
+                flex-direction: column;
+
+                .z-info {
+                  width: 100%;
+                  // background: $eventBG;
+                  margin-top: .5rem;
+                  border-radius: .3rem;
+                  display: flex;
+                  flex-direction: column;
+                }
+              }
+            }
+
+            .el-timeline {
+              .el-timeline-item__tail {
+                border-left: 2px solid #28567f;
+              }
+
+              .el-timeline-item__timestamp {
+                color: $inBlue;
+              }
+
+              .el-card {
+                background: $eventBG;
+                border: 1px $barBorder;
+
+                .el-card__body {
+                  padding: 1rem;
+
+                }
+              }
+            }
+
+
+          }
+
+          .mg-t-8 {
+            margin-top: 8px;
+          }
+
+          .user-and-time {
+            display: flex;
+            flex-direction: column;
+
+            span:first-child {
+              font-size: .8rem;
+              color: #01d1eb;
+              font-weight: bolder;
+              display: inline-block;
+            }
+
+            span:last-child {
+              font-size: .8rem;
+              color: #6da0c3;
+              display: inline-block;
+              padding-top: .2rem;
+            }
+
+            h6 {
+              margin: 0;
+            }
+          }
+
+        }
+
+        .small-bottom-margin {
+          margin-bottom: .2rem !important;
+        }
+      }
+      .forthis1-1{
+        height: 776px;
+        margin-bottom: .5vh;
+        .map-con {
+          height: 100% !important;
+          position: relative !important;
+        }
+
+
+        .this-title {
+          width: 100%;
+          font-size: .7rem;
+          height: 2vh;
+          line-height: 2vh;
+          padding: 0rem 0 0 1rem;
+          display: flex;
+          justify-content: space-between;
+          // background-image: -moz-linear-gradient($GradualGreen);
+          // background-image: -webkit-linear-gradient($GradualGreen);
+          // background-image: linear-gradient($GradualGreen);
+          // box-shadow: $shadowTitle;
+          .el-date-editor {
+            width: 100%;
+          }
+
+          .el-input__inner {
+            background: $barBgc;
+            box-shadow: $shadowTitle;
+            height: 1.5rem;
+            color: $inBlue;
+            border: 1px $barBorder;
+          }
+
+          .el-input__inner:hover {
+            background: #00335c;
+          }
+
+          .el-input__icon {
+            line-height: .5rem;
+            height: auto;
+          }
+
+          i {
+            font-size: 1rem;
+          }
+
+          span {
+            font-family: $fontLED;
+            color: $white;
+            text-shadow: 0 0 15px rgba($color: #1eeb74, $alpha: 1);
+            display: flex;
+            align-items: center;
+
+            img {
+              width: 21px;
+              height: 21px;
+              margin-right: 5px;
+            }
+
+          }
+
+          span:nth-child(2) {
+            font-size: 1.5rem;
+          }
+
+        }
+
+        .i-list-con {
+          width: 100%;
+          overflow-y: scroll;
+          padding: .3rem;
+          // margin-bottom:0.8rem;
+          //天气
+          .weather-img {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            color: $inBlue;
+            padding: .2rem 0 0 .8rem;
+            text-align: center;
+
+          }
+
+          .weather-info {
+            color: $inBlue;
+
+            ul {
+              li {
+                float: left;
+                margin-right: 1rem;
+                height: 1.5rem;
+                line-height: 1.5rem;
+              }
+            }
+          }
+
+          .firestate {
+            width: 85%;
+            margin: 1rem auto;
+            display: flex;
+            align-items: center;
+
+            .state-block1, .state-block2, .state-block3, .state-block4, .state-block5 {
+              width: 20%;
+              height: .2rem;
+            }
+
+            .state-block1 {
+              background-color: #4784ff;
+            }
+
+            .state-block2 {
+              background-color: #25dbcd;
+            }
+
+            .state-block3 {
+              background-color: #dad028;
+            }
+
+            .state-block4 {
+              background-color: #fb7d2a;
+            }
+
+            .state-block5 {
+              background-color: #f04143;
+            }
+
+            .state-on {
+              height: .6rem;
+            }
+
+          }
+
+          //事件列表
+          .event-list-search {
+            padding: 0 .5rem;
+            margin-bottom: 1rem;
+
+          }
+
+
+          // 清除el折叠样式
+          .el-collapse {
+            border: none;
+            margin: 0;
+          }
+
+          .el-collapse-item__header {
+            background: none;
+            padding: 0;
+            height: fit-content !important;
+            border-bottom: none;
+            line-height: normal !important;
+          }
+
+          .el-collapse-item__arrow {
+            color: $inBlue;
+            position: relative;
+            left: -20.5rem;
+            margin: 0;
+          }
+
+          .el-collapse-item__wrap {
+            background: none;
+            border-bottom: none;
+          }
+
+          .el-collapse-item__content {
+            padding-bottom: 0;
+          }
+
+          .this-child {
+            width: 100% !important;
+
+            .d-l-l-text {
+              padding-left: 1.1rem !important;
+              width: auto !important;
+            }
+
+          }
+
+
+          .this-con {
+            width: 100%;
+            padding: 1rem;
+            height: 755px;
             overflow-y: scroll;
             overflow-x: hidden;
             display: flex;
@@ -2596,16 +2901,16 @@ div::-webkit-scrollbar {
 
 .el-tabs__item:hover {
   color: #fff;
-  background: linear-gradient(to left, #051d2b, #006ec8, #051d2b);
-  box-shadow: rgba($color: #0567c2, $alpha: .8) 0px 0px 15px inset;
+  background: linear-gradient(to left, #051d2b, #0ba9c8, #051d2b);
+  box-shadow: rgba($color: #0ca1c2, $alpha: .8) 0px 0px 15px inset;
 }
 
 .el-tabs__item.is-active {
   color: #fff;
   font-size: 15px;
   font-weight: bolder;
-  background: linear-gradient(to left, #051d2b, #006ec8, #051d2b);
-  box-shadow: rgba($color: #0567c2, $alpha: .8) 0px 0px 15px inset;
+  background: linear-gradient(to left, #051d2b, #0ba9c8, #051d2b);
+  box-shadow: rgba($color: #0ca1c2, $alpha: .8) 0px 0px 15px inset;
 }
 
 

src/components/supermap.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-bind:id="mapDivId" ref="map" style="width: 100%; height: 100%;background: none;">
     <div id="toolbar" v-if="isdynamicPlotting" class="panel panel-primary"
-         style="position:absolute;z-index: 9999;top:4rem;left: 1rem; border-radius: 4px; width: fit-content;height:400px;overflow-y:scroll;background:#040b1f">
+         style="position:absolute;z-index: 9999;top:4rem;left: 1rem; border-radius: 4px; width: fit-content;height:635px;overflow-y:scroll;background:#040b1f">
       <div class="panel-heading" id="panelheading">
         <h5 style=" color: #2bacf7;font-size: 1rem;padding:.5rem;">鼠标标绘</h5>
       </div>

src/components/v-fastmenu.vue

@@ -196,8 +196,8 @@ import { getUserProfile } from "@/api/system/user";
 
 	}
 	.el-popover{
-		background:#0c1327;
-		border:1px solid #334780;
+		background:$searchBG;
+		border:1px $barBorder;
 		box-shadow:$shadowListHover;
 		border-radius: 1rem;
 	}

src/components/v-header.vue

@@ -12,12 +12,12 @@
 		
 		<!--中间导航-->
 		<div class="bignav">
-			<img src="@/assets/images/integrated/bigdata-header-nav-left.png" />
+			<img src="@/assets/images/integrated/bigdata-header-nav-left2.png" />
 			<router-link v-for="(navbar,index) in navbar" :key="index+'1'" :to="navbar.path"  class="bignav-list"
 				exact>
 				<a>{{navbar.meta.title}}</a>
 			</router-link>
-			<img src="@/assets/images/integrated/bigdata-header-nav-right.png" />
+			<img src="@/assets/images/integrated/bigdata-header-nav-right2.png" />
 		</div>
 		<!-- 右侧5个中心 -->
 		<VfastMenu></VfastMenu>
@@ -104,7 +104,7 @@
 			align-items: center;
 	
 			.bignav-list {
-				background: url(../assets/images/integrated/bigdata-header-nav-re.png) repeat-x center;
+				background: url(../assets/images/integrated/bigdata-header-nav-re2.png) repeat-x center;
 				float: left;
 				display: flex;
 				justify-content: cetner;

src/components/vBottomMenu.vue

@@ -246,14 +246,14 @@
           <!-- 左侧end -->
           <!-- 右侧 -->
           <el-col :span="6" class="dia-right">
-            <div class="e-right" style="height: 75vh;!important;">
-              <div class="forthis" style="height: 75vh;!important;">
+            <div class="e-right">
+              <div class="forthis1-1">
                 <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']"
-                                 style="padding-bottom:1rem ;height: 75vh;!important;">
-                  <div class="i-list-con" style="height: 75vh;!important;">
-                    <div class="this-con" style="height: 75vh;!important;">
-                      <div class="z-info-list" style="margin-top: 0;height: 75vh;!important;">
-                        <el-timeline style="height: 75vh;!important;">
+                                 style="padding-bottom:1rem ;">
+                  <div class="i-list-con">
+                    <div class="this-con">
+                      <div class="z-info-list" style="margin-top: 0;">
+                        <el-timeline>
                           <el-timeline-item color="#2bacf7" :timestamp="item.createTime"
                                             placement="top" v-for="(item,index) in eventLogList">
                             <el-card style="width: 40vh">
@@ -262,6 +262,7 @@
                                   <span>{{ item.createName }}</span>
                                   <span v-if="eventLogList.length - 1 == index&&address!=null&&address!=''"><i
                                     class="el-icon-location"></i> {{ address }}</span>
+                                  <span v-else></span>
                                 </div>
                                 <div class="z-info">
                                   <div class="this-con-list-info">
@@ -371,7 +372,7 @@
     </el-dialog>
     <!-- 图片，视频预览 -->
     <el-dialog title="视频预览" :visible.sync="showTcPlayer" width="40%" append-to-body>
-      <TcPlayer ref="TcPlayer" :playVideo="playVideo" :widthHeigt="[70,70]"></TcPlayer>
+      <TcPlayer ref="TcPlayer" :playVideo="playVideo" :widthHeigt="[100,100]"></TcPlayer>
     </el-dialog>
   </div>
 </template>
@@ -1046,7 +1047,7 @@ export default {
       button {
         padding: 0 .3rem;
         height: 1.5rem;
-        background-color: #112543;
+        background-color: $searchBG;
         color: $inBlue;
         border: 1px $searchBorder;
       }

src/router/index.js

@@ -29,17 +29,18 @@ import Layout from '@/layout'
  */
 
 // 公共路由（可视化首页头部链接）
-export const constantRoutes = [{
+export const constantRoutes = [
+  {
 		path: '/',
 		redirect: 'forest',
 	},
 	{
-		//林业中心
+		//消防云图
 		path: '/forest',
 		name: 'forest',
 		component: () => import('@/views/forest'),
 		meta: {
-			title: '林业云图'
+			title: '消防云图'
 		}
 	},
 	{
@@ -59,45 +60,7 @@ export const constantRoutes = [{
 		meta: {
 			title: '监控中心'
 		}
-	}, {
-		path: '/disaster',
-		name: 'disaster',
-		component: () => import('@/views/disaster'),
-		meta: {
-			title: '灾后评估'
-		}
-	},
-  {
-		path: '/leader',
-		name: 'leader',
-		component: () => import('@/views/leader'),
-		meta: {
-			title: '林长制'
-		}
-	}, {
-		path: '/afforestation',
-		name: 'afforestation',
-		component: () => import('@/views/afforestation'),
-		meta: {
-			title: '植树造林'
-		}
 	},
-  {
-    path: '/',
-    name: '',
-    component: () => import('@/views/animal'),
-    meta: {
-      title: '动物保护'
-    }
-  },
-  {
-    path: '/',
-    name: '',
-    component: () => import('@/views/animal'),
-    meta: {
-      title: '珍惜古树'
-    }
-  },
 ]
 
 
@@ -108,12 +71,12 @@ export const constantRoutesNew = [{
 		redirect: 'forest',
 	},
 	{
-		//林业中心
+		//消防云图
 		path: '/forest',
 		name: 'forest',
 		component: () => import('@/views/forest'),
 		meta: {
-			title: '林业分中心'
+			title: '消防云图'
 		}
 	},
 	{
@@ -135,38 +98,6 @@ export const constantRoutesNew = [{
 		}
 	},
 	{
-		path: '/disaster',
-		name: 'disaster',
-		component: () => import('@/views/disaster'),
-		meta: {
-			title: '灾后评估'
-		}
-	},
-	// {
-	// 	path: '/animal',
-	// 	name: 'animal',
-	// 	component: () => import('@/views/animal'),
-	// 	meta: {
-	// 		title: '动物保护'
-	// 	}
-	// },
-	{
-		path: '/leader',
-		name: 'leader',
-		component: () => import('@/views/leader'),
-		meta: {
-			title: '林长制'
-		}
-	},
-	{
-		path: '/afforestation',
-		name: 'afforestation',
-		component: () => import('@/views/afforestation'),
-		meta: {
-			title: '植树造林'
-		}
-	},
-	{
 		path: '/login',
 		component: () => import('@/views/system/login'),
 		hidden: true

src/views/afforestation.vue

@@ -1,295 +0,0 @@
-<!--植树造林-->
-<template>
-  <div class="visual-con">
-    <!--头部-->
-    <vheader></vheader>
-    <!--主体-->
-    <div class="visual-body">
-      <!-- 左侧 -->
-      <div class="leftbar" :class="indentleft" ref="left">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title" style="margin: 1rem 0; padding-right:1rem">
-              <el-date-picker v-model="pickYear" @change="getInit()" type="year" placeholder="选择年">
-              </el-date-picker>
-            </div>
-            <div class="i-list-con h-19">
-              <div class="d-l-con" :class="{on:listCurrentIndex1 == item.id}" v-for="(item,index) in afforestationList"
-                   @click="getAfforestationArea(item.id)">
-                <div class="d-l-l-text">
-                  <i class="i-small"></i>
-                  <h4>{{ item.plantingQuantity }}</h4>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="i-list-con h-51">
-              <div class="d-l-con" :class="{on:listCurrentIndex2 == item.points}"
-                   v-for="(item,index) in AfforestationAreaList" @click="setGraphicsList(item.points)">
-                <div class="d-l-l-text">
-                  <i class="i-small"></i>
-                  <h4>区域{{ index + 1 }}</h4>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-      </div>
-      <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'disasterMap'" class="indexSupermapClass"
-                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>
-      <!--底部 -->
-      <vBottomMenu ref="bottomMenu"></vBottomMenu>
-
-    </div>
-    <eventLocation ref="eventLocation"></eventLocation>
-    <TVWall ref="TVWall"></TVWall>
-  </div>
-</template>
-
-<script>
-import {
-  getAfforestation, getAfforestationArea
-} from '@/api/afforestation'
-/** ----------------------------------摄像头预览开始------------------------------------- */
-import {
-  getDahuaVideoServer
-} from '@/api/dahua/dahua'
-import DHWs from '@/dahua/lib/DHWs'
-
-/** ----------------------------------摄像头预览结束------------------------------------- */
-import supermap from '@/components/supermap' //超图
-import vheader from '@/components/v-header.vue' //一体化共用头部
-import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
-import eventLocation from '@/components/eventLocation.vue' //事件定位弹窗
-import TVWall from '@/components/TVWall.vue' //电视墙弹窗
-
-let echarts = require('echarts')
-export default {
-  dicts: ['event_source'],
-  components: {
-    supermap,
-    vheader,
-    vBottomMenu,
-    eventLocation,
-    TVWall
-  },
-  created() {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    window.showDialog = this.showDialog
-    window.choseLayerSwitching = this.choseLayerSwitching
-    window.choseLayerSwitchingList = this.choseLayerSwitchingList
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-  },
-  mounted() {
-    this.getInit()
-  },
-  data() {
-    return {
-      listCurrentIndex1: '',
-      listCurrentIndex2: '',
-      pickYear: new Date(), //选择年份
-      afforestationList: [],
-      AfforestationAreaList: [],
-      graphicsList: [],//地图区域
-      //左右缩进
-      indentStyle: '',
-      indentleft: '',
-      indentright: '',
-      indentText: '收起左右栏',
-      indentdisabled: false
-
-    }
-  },
-
-  methods: {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    showDialog(click) {
-      if (click == 'eventLocation') {
-        this.$refs.eventLocation.showEventLocation()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'editableLayers') {
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.supermap.isEditableLayers) {
-          this.$refs.supermap.isEditableLayers = true
-        } else {
-          this.$refs.supermap.isEditableLayers = false
-        }
-      } else if (click == 'layerSwitching') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showChild) {
-          this.$refs.bottomMenu.showChild = true
-        } else {
-          this.$refs.bottomMenu.showChild = false
-        }
-      } else if (click == 'TVWall') {
-        this.$refs.TVWall.showTVWall()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'forestban') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showBanChild) {
-          this.$refs.bottomMenu.showBanChild = true
-        } else {
-          this.$refs.bottomMenu.showBanChild = false
-        }
-      } else if (click == 'forestchang') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChild = false
-        if (!this.$refs.bottomMenu.showChangChild) {
-          this.$refs.bottomMenu.showChangChild = true
-        } else {
-          this.$refs.bottomMenu.showChangChild = false
-        }
-      }
-
-    },
-    //选择图层
-    choseLayerSwitching(url, isClear) {
-      this.$refs.supermap.layerSwitching(url, isClear)
-    },
-    //选择图层(传递数组)
-    choseLayerSwitchingList(urlList) {
-      this.$refs.supermap.layerSwitchingList(urlList)
-    },
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-
-    getInit() {
-      this.listCurrentIndex1 = ''
-      this.listCurrentIndex2 = ''
-      let that = this
-      this.afforestationList = []
-      this.AfforestationAreaList = []
-      //获取左侧菜单列表
-      getAfforestation(this.pickYear.getYear() + 1900).then(res => {
-        this.afforestationList = res.data
-        setTimeout(() => {
-          this.$refs.supermap.clearG()
-        }, 1000)
-      })
-    },
-    getAfforestationArea(afforestationId) {
-      this.listCurrentIndex1 = afforestationId
-      let that = this
-      //获取左侧菜单列表
-      getAfforestationArea(afforestationId).then(res => {
-        this.AfforestationAreaList = res.data
-      })
-    },
-    setGraphicsList(points) {
-      this.listCurrentIndex2 = points
-      this.graphicsList = []
-      if (points != null && points != '') {
-        this.graphicsList = JSON.parse(points)
-        this.$refs.supermap.clearG()
-        this.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
-      } else {
-        this.$refs.supermap.clearG()
-      }
-    },
-
-    //吉祥物收起左右框
-    indent() {
-      let list = document.getElementsByClassName('el-tooltip__popper')
-      list[list.length - 1].style.display = 'none'
-      if (this.indentStyle == '') {
-        this.indentStyle = 'indent-style'
-        this.indentleft = 'indent-left'
-        this.indentright = 'indent-right'
-        this.indentText = '展开左右栏'
-      } else if (this.indentText == '展开左右栏') {
-        this.indentStyle = ''
-        this.indentleft = ''
-        this.indentright = ''
-        this.indentText = '收起左右栏'
-      }
-    },
-    dropLocation(lat, lng) {
-      this.$refs.supermap.dropLocation(lat, lng)
-    },
-    /** ----------------------------------摄像头预览开始------------------------------------- */
-    alertLogin: function() {
-      this.$modal.msg('登录中....')
-    },
-    alertLoginSuccess: function() {
-      this.$modal.msgSuccess('登录成功！')
-    },
-    alertLoginFailed: function() {
-      this.$modal.msgError('登陆失败！')
-    },
-    alertReinstall: function() {
-      this.$modal.msgWarning('请重新安装客户端')
-    },
-    /** 预览按钮操作 */
-    preview(channelCode) {
-      getDahuaVideoServer().then(newResponse => {
-        this.ws.detectConnectQt().then(res => {
-          if (res) { // 连接客户端成功
-            this.alertLogin()
-            this.ws.login({
-              loginIp: newResponse.loginIp,
-              loginPort: newResponse.loginPort,
-              userName: newResponse.userName,
-              userPwd: newResponse.userPwd,
-              token: '',
-              https: 1
-            })
-            this.ws.on('loginState', (res) => {
-              this.isLogin = res
-              console.log('---res-----', res)
-              if (res) {
-                this.alertLoginSuccess()
-                this.activePanel = 'key2'
-                this.realTimeVideoDialog(channelCode)
-              } else {
-                this.alertLoginFailed()
-              }
-            })
-          } else { // 连接客户端失败
-            this.alertReinstall()
-          }
-        })
-      })
-    },
-    realTimeVideoDialog(cameraParams) { // 调用弹窗实时播放接口
-      if (!this.isLogin) {
-        this.$Message.info('正在登陆客户端，请稍等......')
-        return false
-      }
-      this.ws.openVideo(cameraParams)
-    }
-    /** ----------------------------------摄像头预览结束------------------------------------- */
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/base.scss';
-
-.el-table__header {
-  width: auto !important;
-}
-
-.d-dialog-con {
-  position: absolute;
-  left: -19rem;
-  top: 0;
-}
-</style>

src/views/animal.vue

@@ -1,485 +0,0 @@
-<template>
-  <div class="visual-con">
-    <!--头部-->
-    <vheader></vheader>
-    <!--主体-->
-    <div class="visual-body">
-      <!-- 左侧 -->
-      <div class="leftbar w-6" :class="indentleft" ref="left">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="i-list-con h-78">
-              <div class="d-l-con-icon">
-                <div class="icon-con  m-btm-no icon-animal-con" :class="animalcount" @click="getInit()">
-                  <!--   -->
-                  <!--<div class="icon icon-dot"></div>-->
-                  <div class="icon-text animal-text">
-                    <h6>9</h6>
-                    <h5>总数</h5>
-                  </div>
-                </div>
-              </div>
-              <div class="d-l-con-icon">
-                <div class="icon-con icon-animal-con" :class="{on:iconCurrentIndex1==item.type}"
-                     v-for="(item,index) in animalDwfb" @click="selectForestAnimalListByType(item.type)">
-                  <div class="iconfont icon icon-normal icon-animal">
-                    <img :src="item.src">
-                  </div>
-                  <div class="icon-text icon-animal-text">
-                    <h5>{{ item.name }}</h5>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-      </div>
-      <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'animalMap'" class="indexSupermapClass"
-                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>
-      <!--      <button @click="showEventInfo1" style="position: absolute; right: 50%;top: 45%;z-index: 1000;">弹层事件演示用按钮-->
-      <!--      </button>-->
-      <!-- 右侧 -->
-      <div class="rightbar" :class="indentright" ref="right">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title">
-              <span>事件分布</span>
-              <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
-            </div>
-            <div class="i-list-con h-73">
-              <div class="d-l-con-icon">
-                <div class="h-19 overflow-y w100">
-                  <div class="d-l-con" v-for="(item,index) in animalSjfb">
-                    <div class="d-l-l-text">
-                      <i class="i-small"></i>
-                      <h4>{{ item.deptName }}</h4>
-                    </div>
-                    <div class="d-l-l-count">{{ item.count }}</div>
-                  </div>
-                </div>
-              </div>
-              <div class="d-l-con">
-                <div id="animal-chart" style="width: 100%;height:26.2vh;"></div>
-              </div>
-              <div class="d-l-con d-evnet-list-con" :class="{on:listCurrentIndex1==index}"
-                   v-for="(item,index) in animalSjlb"
-                   @click="dropLocation(item.latitude,item.longitude,index)">
-                <img src="@/assets/images/visual/img-sample.png" class="event-list-img animal-img">
-                <div class="event-list-text">
-                  <h3>{{ item.eventTitle }}</h3>
-                  <h4><span>摄像头</span><span>新上报</span><span>{{ item.reportTime }}</span>
-                  </h4>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-
-      </div>
-      <vBottomMenu ref="bottomMenu"></vBottomMenu>
-      <el-tooltip :content="indentText" placement="top" :disabled="indentdisabled">
-        <div class="mascot" ref="mascot" :class="indentStyle" @click="indent"><img
-          src="@/assets/images/mascot.png"/>
-        </div>
-      </el-tooltip>
-
-    </div>
-    <eventLocation ref="eventLocation"></eventLocation>
-    <TVWall ref="TVWall"></TVWall>
-  </div>
-</template>
-
-<script>
-import {
-  getInit,
-  selectForestAnimalListByType
-} from '@/api/animal'
-
-import supermap from '@/components/supermap' //超图
-import vheader from '@/components/v-header.vue' //一体化共用头部
-import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
-import eventLocation from '@/components/eventLocation.vue' //事件定位弹窗
-import TVWall from '@/components/TVWall.vue' //电视墙弹窗
-
-let echarts = require('echarts')
-export default {
-  components: {
-    supermap,
-    vheader,
-    vBottomMenu,
-    eventLocation,
-    TVWall
-  },
-  data() {
-    return {
-      animalcount: '',
-      iconCurrentIndex1: '',
-      listCurrentIndex1: '',
-      //左右缩进
-      indentStyle: '',
-      indentleft: '',
-      indentright: '',
-      indentText: '收起左右栏',
-      indentdisabled: false,
-
-      //虚拟数据
-      animalDwfb: [{
-        name: '虎',
-        src: require('../assets/images/dwbh/hu-1.png'),
-        type: 'forest_animal_hu'
-      }, {
-        name: '豹',
-        src: require('../assets/images/dwbh/bao-1.png'),
-        type: 'forest_animal_bao'
-      }, {
-        name: '蛇',
-        src: require('../assets/images/dwbh/she-1.png'),
-        type: 'forest_animal_she'
-      }, {
-        name: '鹰',
-        src: require('../assets/images/dwbh/ying-1.png'),
-        type: 'forest_animal_ying'
-      }, {
-        name: '兔',
-        src: require('../assets/images/dwbh/tuzi-1.png'),
-        type: 'forest_animal_tu'
-      }, {
-        name: '狐狸',
-        src: require('../assets/images/dwbh/huli-1.png'),
-        type: 'forest_animal_huli'
-      }, {
-        name: '狗熊',
-        src: require('../assets/images/dwbh/gouxiong-1.png'),
-        type: 'forest_animal_gouxiong'
-      }, {
-        name: '野鸡',
-        src: require('../assets/images/dwbh/yeji-1.png'),
-        type: 'forest_animal_yeji'
-      }, {
-        name: '狍子',
-        src: require('../assets/images/dwbh/paozi-1.png'),
-        type: 'forest_animal_paozi'
-      }],
-      animalSjfb: [],
-      animalSjlb: [],
-      markersList: [] //点位列表
-    }
-  },
-  created() {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    window.showDialog = this.showDialog
-    window.choseLayerSwitching = this.choseLayerSwitching
-    window.choseLayerSwitchingList = this.choseLayerSwitchingList
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-  },
-  mounted() {
-    this.getInit()
-  },
-  methods: {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    showDialog(click) {
-      if (click == 'eventLocation') {
-        this.$refs.eventLocation.showEventLocation()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'editableLayers') {
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.supermap.isEditableLayers) {
-          this.$refs.supermap.isEditableLayers = true
-        } else {
-          this.$refs.supermap.isEditableLayers = false
-        }
-      } else if (click == 'layerSwitching') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showChild) {
-          this.$refs.bottomMenu.showChild = true
-        } else {
-          this.$refs.bottomMenu.showChild = false
-        }
-      } else if (click == 'TVWall') {
-        this.$refs.TVWall.showTVWall()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'forestban') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showBanChild) {
-          this.$refs.bottomMenu.showBanChild = true
-        } else {
-          this.$refs.bottomMenu.showBanChild = false
-        }
-      } else if (click == 'forestchang') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChild = false
-        if (!this.$refs.bottomMenu.showChangChild) {
-          this.$refs.bottomMenu.showChangChild = true
-        } else {
-          this.$refs.bottomMenu.showChangChild = false
-        }
-      }
-
-    },
-    //选择图层
-    choseLayerSwitching(url, isClear) {
-      this.$refs.supermap.layerSwitching(url, isClear)
-    },
-    //选择图层(传递数组)
-    choseLayerSwitchingList(urlList) {
-      this.$refs.supermap.layerSwitchingList(urlList)
-    },
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-    dropLocation(lat, lng, index) {
-      this.listCurrentIndex1 = index
-      this.$refs.supermap.dropLocation(lat, lng)
-    },
-    //初始化
-    getInit() {
-      this.iconCurrentIndex1 = ''
-      this.animalcount = 'on'
-      let that = this
-      //获取左侧菜单列表
-      getInit().then(res => {
-        this.animalSjfb = res.data.visuForestAnimalBOList
-        this.animalSjlb = res.data.visuForestVgdEventBOList
-
-        that.markersList = []
-        if (res.data.visuForestVgdEventBOList != null && res.data.visuForestVgdEventBOList.length >
-          0) {
-          for (let i = 0; i < res.data.visuForestVgdEventBOList.length; i++) {
-            let markersMap = {
-              lng: 124.59,
-              lat: 43.02,
-              icon: 'marker',
-              bindPopupHtml: '',
-              click: '',
-              parameter: '',
-              keepBindPopup: false,
-              isAggregation: false
-            }
-            if (res.data.visuForestVgdEventBOList.length > 50) {
-              markersMap.isAggregation = true
-            }
-            markersMap.lng = res.data.visuForestVgdEventBOList[i].longitude
-            markersMap.lat = res.data.visuForestVgdEventBOList[i].latitude
-            markersMap.bindPopupHtml = '<div class="map-tip">' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>经纬度：' + res.data.visuForestVgdEventBOList[i].longitude +
-              ',' + res.data.visuForestVgdEventBOList[i]
-                .latitude + '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>事件名称：' + res.data.visuForestVgdEventBOList[i].eventTitle +
-              '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>事件时间：' + res.data.visuForestVgdEventBOList[i].reportTime +
-              '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '</div>'
-            that.markersList.push(markersMap)
-          }
-          setTimeout(() => {
-            that.$refs.supermap.clearM(false)
-            that.$refs.supermap.clearM(true)
-            that.$refs.supermap.setMarkers(that.markersList)
-          }, 1000)
-        } else {
-          setTimeout(() => {
-            that.$refs.supermap.clearM(false)
-            that.$refs.supermap.clearM(true)
-          }, 1000)
-        }
-      })
-    },
-
-    selectForestAnimalListByType(type) {
-      this.iconCurrentIndex1 = type
-      this.animalcount = ''
-      let that = this
-      //获取左侧菜单列表
-      selectForestAnimalListByType(type).then(res => {
-        this.animalSjfb = res.data.visuForestAnimalBOList
-        this.animalSjlb = res.data.visuForestVgdEventBOList
-        that.markersList = []
-        if (res.data.visuForestVgdEventBOList != null && res.data.visuForestVgdEventBOList.length >
-          0) {
-          for (let i = 0; i < res.data.visuForestVgdEventBOList.length; i++) {
-            let markersMap = {
-              lng: 124.59,
-              lat: 43.02,
-              icon: 'marker',
-              bindPopupHtml: '',
-              click: '',
-              parameter: '',
-              keepBindPopup: false,
-              isAggregation: false
-            }
-            if (res.data.visuForestVgdEventBOList.length > 50) {
-              markersMap.isAggregation = true
-            }
-            markersMap.lng = res.data.visuForestVgdEventBOList[i].longitude
-            markersMap.lat = res.data.visuForestVgdEventBOList[i].latitude
-            markersMap.bindPopupHtml = '<div class="map-tip">' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>经纬度：' + res.data.visuForestVgdEventBOList[i].longitude +
-              ',' + res.data.visuForestVgdEventBOList[i]
-                .latitude + '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>事件名称：' + res.data.visuForestVgdEventBOList[i].eventTitle +
-              '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '<span>' +
-              '                  <div class="d-l-con">' +
-              '                  <div class="d-l-l-text">' +
-              '                  <h4>事件时间：' + res.data.visuForestVgdEventBOList[i].reportTime +
-              '</h4>' +
-              '                </div>' +
-              '                </div>' +
-              '                </span>' +
-              '</div>'
-            that.markersList.push(markersMap)
-          }
-          setTimeout(() => {
-            that.$refs.supermap.clearM(false)
-            that.$refs.supermap.clearM(true)
-            that.$refs.supermap.setMarkers(that.markersList)
-          }, 1000)
-        } else {
-          setTimeout(() => {
-            that.$refs.supermap.clearM(false)
-            that.$refs.supermap.clearM(true)
-          }, 1000)
-        }
-      })
-    },
-
-    //事件chart
-    eventChart() {
-      // 基于准备好的dom，初始化echarts实例
-      let myChart = echarts.init(document.getElementById('animal-chart'))
-      myChart.setOption({
-        color: ['#2EACFF', '#FFA61C', '#2EC054', '#8C64D7'],
-        tooltip: {
-          trigger: 'item',
-          formatter: '{a} <br/>{b} : {c} ({d}%)'
-        },
-        toolbox: {
-          show: true
-        },
-        series: [{
-          name: '事件分类',
-          type: 'pie',
-          roseType: true,
-          radius: [30, 70],
-          label: {
-            show: true,
-            formatter: '{b}\n{c} '
-          },
-          data: this.eventChartData
-        }]
-      })
-
-    },
-    //吉祥物收起左右框
-    indent() {
-      let list = document.getElementsByClassName('el-tooltip__popper')
-      list[list.length - 1].style.display = 'none'
-      if (this.indentStyle == '') {
-        this.indentStyle = 'indent-style'
-        this.indentleft = 'indent-left'
-        this.indentright = 'indent-right'
-        this.indentText = '展开左右栏'
-      } else if (this.indentText == '展开左右栏') {
-        this.indentStyle = ''
-        this.indentleft = ''
-        this.indentright = ''
-        this.indentText = '收起左右栏'
-      }
-    }
-  }
-
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import '@/assets/styles/base.scss';
-
-//动物保护
-.icon-animal-con {
-  width: 100%;
-  display: block !important;
-}
-
-.icon-animal {
-  display: block;
-  margin: 2px auto;
-  background: none !important;
-}
-
-.icon-animal-text {
-  display: block !important;
-  text-align: center !important;
-  padding: 0.5rem 0.5rem 0rem 0.5rem;
-}
-
-.animal-text {
-  background: #f5ad1b;
-  border: 0.2px solid rgba(19, 64, 64, 0.7);
-  height: 3.2rem;
-  width: 4rem;
-  text-align: center;
-  margin: 0px auto;
-  border-radius: 0.5rem;
-  color: #fff !important;
-}
-
-.animal-text h6 {
-  color: #fff !important;
-}
-
-.w100 {
-  width: 100% !important;
-}
-
-.animal-img {
-  height: 3rem !important;
-}
-
-.w-6 {
-  width: 6rem !important;
-}
-</style>

src/views/disaster.vue

@@ -1,807 +0,0 @@
-<!--灾后评估-->
-<template>
-  <div class="visual-con">
-    <!--头部-->
-    <vheader></vheader>
-    <!--主体-->
-    <div class="visual-body">
-      <!-- 左侧 -->
-      <div class="leftbar" :class="indentleft" ref="left">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title" style="margin: 1rem 0; padding-right:1rem">
-              <el-date-picker v-model="pickYear" @change="getInit()" type="year" placeholder="选择年">
-              </el-date-picker>
-            </div>
-            <div class="i-list-con h-73">
-              <div class="d-l-con-icon">
-                <div class="icon-con  m-btm-no">
-                  <div class="icon icon-dot"></div>
-                  <div class="icon-text flex-r">
-                    <h5>{{ numberFiresYear }}次</h5>
-                    <h5>火灾次数</h5>
-                  </div>
-                </div>
-                <div class="icon-con m-btm-no">
-                  <div class="icon icon-dot"></div>
-                  <div class="icon-text flex-r">
-                    <h5>{{ forestFireLossTotal }}万元</h5>
-                    <h5>损失总计</h5>
-                  </div>
-                </div>
-              </div>
-              <div class="d-l-con flex-c">
-                <div class="d-l-l-text">
-                  <h2>火灾损失价值</h2>
-                </div>
-                <div class="d-l-l-text ">
-                  <h3>合计：{{ fireLossTotalYear }}万元</h3>
-                </div>
-                <el-table :data="forestResourcesYear">
-                  <el-table-column label="林木资源">
-                    <el-table-column label="成林" width="50%">
-                      <el-table-column label="蓄积">
-                        <el-table-column prop="forestArea" label="米">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column prop="worth" label="价值" width="50%">
-                        <el-table-column prop="forestPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                    <el-table-column prop="youngTree" label="幼树">
-                      <el-table-column prop="number" label="株数">
-                        <el-table-column prop="treesNumber" label="万株">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column prop="worth" label="价值">
-                        <el-table-column prop="treesPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table-column>
-                </el-table>
-                <el-table style="margin-top: 1rem;" :data="casualtiesYear">
-                  <el-table-column prop="date" label="人员伤亡">
-                    <el-table-column label="轻伤" width="50%">
-                      <el-table-column label="人数">
-                        <el-table-column prop="minorInjuriesNumber" label="人">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用" width="50%">
-                        <el-table-column prop="minorInjuriesPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                    <el-table-column label="重伤">
-                      <el-table-column label="人数">
-                        <el-table-column prop="seriouslyInjuredNumber" label="人">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用">
-                        <el-table-column prop="seriouslyInjuredPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                    <el-table-column label="死亡">
-                      <el-table-column label="人数">
-                        <el-table-column prop="deathNumber" label="人">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用">
-                        <el-table-column prop="deathPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table-column>
-                </el-table>
-                <el-table style="margin-top: 1rem;" :data="elseFireLossPriceYear">
-                  <el-table-column label="其他火灾损失">
-                    <el-table-column prop="elseFireLossPrice" label="万元">
-                    </el-table-column>
-                  </el-table-column>
-                </el-table>
-              </div>
-              <div class="d-l-con flex-c">
-                <div class="d-l-l-text">
-                  <h2>扑火费用支出</h2>
-                </div>
-                <div class="d-l-l-text ">
-                  <h3>合计：{{ blazesPriceTotalYear }}万元</h3>
-                </div>
-                <el-table style="margin-top: 1rem;" :data="fireFightingCasualtiesYear">
-                  <el-table-column prop="date" label="人员伤亡">
-                    <el-table-column label="人工费" width="50%">
-                      <el-table-column label="人工">
-                        <el-table-column prop="artificialDays" label="工日">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用" width="50%">
-                        <el-table-column prop="artificialPrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                    <el-table-column prop="vehicleFee" label="车辆费">
-                      <el-table-column label="合计">
-                        <el-table-column prop="vehicleNumber" label="台">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="汽车">
-                        <el-table-column prop="carNumber" label="台">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用">
-                        <el-table-column prop="vehiclePrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                    <el-table-column prop="flightFee" label="飞行费">
-                      <el-table-column label="飞机">
-                        <el-table-column prop="planeNumber" label="架次">
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="费用">
-                        <el-table-column prop="planePrice" label="万元">
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table-column>
-                </el-table>
-                <el-table style="margin-top: 1rem;" :data="otherFireCostsYear">
-                  <el-table-column label="其他火灾费用">
-                    <el-table-column prop="elseBlazesPrice" label="万元">
-                    </el-table-column>
-                  </el-table-column>
-                </el-table>
-              </div>
-
-            </div>
-          </dv-border-box-13>
-        </div>
-      </div>
-      <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'disasterMap'" class="indexSupermapClass"
-                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>
-      <!-- 右侧 -->
-      <div class="rightbar" :class="indentright" ref="right">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title">
-              <span>列表</span>
-              <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
-            </div>
-            <div class="i-list-con h-19">
-              <div class="d-l-con" :class="{on:listCurrentIndex==index}" v-for="(item,index) in fireList"
-                   :key="index" @click="choseFireList(item.id,item.eventId,index)">
-                <div class="d-l-l-text">
-                  <i class="i-small"></i>
-                  <h4>{{ pickYear.getYear() + 1900 }}年第{{ index + 1 }}场火灾</h4>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="i-list-con h-55">
-              <div class="forthis">
-                <div class="d-l-con flex-c">
-                  <div class="d-l-l-text">
-                    <h2>火灾损失价值</h2>
-                  </div>
-                  <div class="d-l-l-text ">
-                    <h3>合计：{{ fireLossTotal }}万元</h3>
-                  </div>
-                  <el-table :data="forestResources">
-                    <el-table-column label="林木资源">
-                      <el-table-column label="成林" width="50%">
-                        <el-table-column label="蓄积">
-                          <el-table-column prop="forestArea" label="米">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column prop="worth" label="价值" width="50%">
-                          <el-table-column prop="forestPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="幼树">
-                        <el-table-column label="株数">
-                          <el-table-column prop="treesNumber" label="万株">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column prop="worth" label="价值">
-                          <el-table-column prop="treesPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table>
-                  <el-table style="margin-top: 1rem;" :data="casualties">
-                    <el-table-column label="人员伤亡">
-                      <el-table-column label="轻伤" width="50%">
-                        <el-table-column label="人数">
-                          <el-table-column prop="minorInjuriesNumber" label="人">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用" width="50%">
-                          <el-table-column prop="minorInjuriesPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="重伤">
-                        <el-table-column label="人数">
-                          <el-table-column prop="seriouslyInjuredNumber" label="人">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用">
-                          <el-table-column prop="seriouslyInjuredPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="死亡">
-                        <el-table-column label="人数">
-                          <el-table-column prop="deathNumber" label="人">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用">
-                          <el-table-column prop="deathPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table>
-                  <el-table style="margin-top: 1rem;" :data="elseFireLossPrice">
-                    <el-table-column label="其他火灾损失">
-                      <el-table-column prop="elseFireLossPrice" label="万元">
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table>
-                </div>
-                <div class="d-l-con flex-c">
-                  <div class="d-l-l-text">
-                    <h2>扑火费用支出</h2>
-                  </div>
-                  <div class="d-l-l-text ">
-                    <h3>合计：{{ blazesPriceTotal }}万元</h3>
-                  </div>
-                  <el-table style="margin-top: 1rem;" :data="fireFightingCasualties">
-                    <el-table-column label="人员伤亡">
-                      <el-table-column prop="artificial" label="人工费" width="50%">
-                        <el-table-column label="人工">
-                          <el-table-column prop="artificialDays" label="工日">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用" width="50%">
-                          <el-table-column prop="artificialPrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column label="车辆费">
-                        <el-table-column label="合计">
-                          <el-table-column prop="vehicleNumber" label="台">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="汽车">
-                          <el-table-column prop="carNumber" label="台">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用">
-                          <el-table-column prop="vehiclePrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                      <el-table-column prop="flightFee" label="飞行费">
-                        <el-table-column label="飞机">
-                          <el-table-column prop="planeNumber" label="架次">
-                          </el-table-column>
-                        </el-table-column>
-                        <el-table-column label="费用">
-                          <el-table-column prop="planePrice" label="万元">
-                          </el-table-column>
-                        </el-table-column>
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table>
-                  <el-table style="margin-top: 1rem;" :data="otherFireCosts">
-                    <el-table-column label="其他火灾费用">
-                      <el-table-column prop="elseBlazesPrice" label="万元">
-                      </el-table-column>
-                    </el-table-column>
-                  </el-table>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-      </div>
-      <vBottomMenu ref="bottomMenu"></vBottomMenu>
-      <el-tooltip :content="indentText" placement="top" :disabled="indentdisabled">
-        <div class="mascot" ref="mascot" :class="indentStyle" @click="indent"><img
-          src="@/assets/images/mascot.png"/></div>
-      </el-tooltip>
-    </div>
-    <eventLocation ref="eventLocation"></eventLocation>
-    <TVWall ref="TVWall"></TVWall>
-  </div>
-</template>
-
-<script>
-import {
-  getInit,
-  selectFireLoseByid
-} from '@/api/disaster'
-
-import supermap from '@/components/supermap' //超图
-import vheader from '@/components/v-header.vue' //一体化共用头部
-import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
-import eventLocation from '@/components/eventLocation.vue' //事件定位弹窗
-import TVWall from '@/components/TVWall.vue' //电视墙弹窗
-
-// import echarts from 'echarts'
-let echarts = require('echarts')
-export default {
-  dicts: ['event_source'],
-  components: {
-    supermap,
-    vheader,
-    vBottomMenu,
-    eventLocation,
-    TVWall
-  },
-  created() {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    window.showDialog = this.showDialog
-    window.choseLayerSwitching = this.choseLayerSwitching
-    window.choseLayerSwitchingList = this.choseLayerSwitchingList
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-  },
-  mounted() {
-    this.getInit()
-  },
-  data() {
-    return {
-      listCurrentIndex: 0,
-      numberFiresYear: 0,
-      forestFireLossTotal: 0,
-      fireLossTotalYear: 0,
-      forestResourcesYear: [{
-        forestArea: '0',
-        forestPrice: '0',
-        treesNumber: '0',
-        treesPrice: '0'
-      }],
-      casualtiesYear: [{
-        minorInjuriesNumber: '0',
-        minorInjuriesPrice: '0',
-        seriouslyInjuredNumber: '0',
-        seriouslyInjuredPrice: '0',
-        deathNumber: '0',
-        deathPrice: '0'
-      }],
-      elseFireLossPriceYear: [{
-        elseFireLossPrice: '0'
-      }],
-      blazesPriceTotalYear: 0,
-      fireFightingCasualtiesYear: [{
-        artificialDays: '0',
-        artificialPrice: '0',
-        vehicleNumber: '0',
-        carNumber: '0',
-        vehiclePrice: '0',
-        planeNumber: '0',
-        planePrice: '0'
-      }],
-      otherFireCostsYear: [{
-        elseBlazesPrice: '0'
-      }],
-
-      fireLossTotal: 0,
-      forestResources: [{
-        forestArea: '0',
-        forestPrice: '0',
-        treesNumber: '0',
-        treesPrice: '0'
-      }],
-      casualties: [{
-        minorInjuriesNumber: '0',
-        minorInjuriesPrice: '0',
-        seriouslyInjuredNumber: '0',
-        seriouslyInjuredPrice: '0',
-        deathNumber: '0',
-        deathPrice: '0'
-      }],
-      elseFireLossPrice: [{
-        elseFireLossPrice: '0'
-      }],
-      blazesPriceTotal: 0,
-      fireFightingCasualties: [{
-        artificialDays: '0',
-        artificialPrice: '0',
-        vehicleNumber: '0',
-        carNumber: '0',
-        vehiclePrice: '0',
-        planeNumber: '0',
-        planePrice: '0'
-      }],
-      otherFireCosts: [{
-        elseBlazesPrice: '0'
-      }],
-
-      pickYear: new Date(), //选择年份
-      graphicsList: [], //地图区域
-      fireList: [], //右侧活在列表
-      eventChartData: [], //左侧eachar图表数据
-
-      //左右缩进
-      indentStyle: '',
-      indentleft: '',
-      indentright: '',
-      indentText: '收起左右栏',
-      indentdisabled: false
-    }
-  },
-
-  methods: {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    showDialog(click) {
-      if (click == 'eventLocation') {
-        this.$refs.eventLocation.showEventLocation()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'editableLayers') {
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.supermap.isEditableLayers) {
-          this.$refs.supermap.isEditableLayers = true
-        } else {
-          this.$refs.supermap.isEditableLayers = false
-        }
-      } else if (click == 'layerSwitching') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showChild) {
-          this.$refs.bottomMenu.showChild = true
-        } else {
-          this.$refs.bottomMenu.showChild = false
-        }
-      } else if (click == 'TVWall') {
-        this.$refs.TVWall.showTVWall()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'forestban') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showBanChild) {
-          this.$refs.bottomMenu.showBanChild = true
-        } else {
-          this.$refs.bottomMenu.showBanChild = false
-        }
-      } else if (click == 'forestchang') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChild = false
-        if (!this.$refs.bottomMenu.showChangChild) {
-          this.$refs.bottomMenu.showChangChild = true
-        } else {
-          this.$refs.bottomMenu.showChangChild = false
-        }
-      }
-
-    },
-    //选择图层
-    choseLayerSwitching(url, isClear) {
-      this.$refs.supermap.layerSwitching(url, isClear)
-    },
-    //选择图层(传递数组)
-    choseLayerSwitchingList(urlList) {
-      this.$refs.supermap.layerSwitchingList(urlList)
-    },
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-    choseFireList(id,eventId, index) {
-      this.listCurrentIndex = index
-      let that = this
-      selectFireLoseByid({id:id,eventId:eventId}).then(res => {
-        this.graphicsList = []
-        //地图标记
-        if (res.data.regionalFlagBOList != null && res.data.regionalFlagBOList.length > 0) {
-          for (let i = 0; i < res.data.regionalFlagBOList.length; i++) {
-            let latlng = {
-              lat: res.data.regionalFlagBOList[i].latitude,
-              lng: res.data.regionalFlagBOList[i].longitude
-            }
-            this.graphicsList.push(latlng)
-          }
-          setTimeout(() => {
-            that.$refs.supermap.clearG()
-            that.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
-          }, 1000)
-        } else {
-          that.$refs.supermap.clearG()
-        }
-        //右侧
-        this.fireLossTotal = res.data.visuForestFireLossBO.fireLossTotal != null ? res.data
-          .visuForestFireLossBO.fireLossTotal : 0
-        this.forestResources[0].forestArea = res.data.visuForestFireLossBO.forestArea != null ? res
-          .data.visuForestFireLossBO.forestArea : 0
-        this.forestResources[0].forestPrice = res.data.visuForestFireLossBO.forestPrice != null ? res
-          .data.visuForestFireLossBO.forestPrice : 0
-        this.forestResources[0].treesNumber = res.data.visuForestFireLossBO.treesNumber != null ? res
-          .data.visuForestFireLossBO.treesNumber : 0
-        this.forestResources[0].treesPrice = res.data.visuForestFireLossBO.treesPrice != null ? res
-          .data.visuForestFireLossBO.treesPrice : 0
-
-        this.casualties[0].minorInjuriesNumber = res.data.visuForestFireLossBO.minorInjuriesNumber !=
-        null ? res.data.visuForestFireLossBO.minorInjuriesNumber : 0
-        this.casualties[0].minorInjuriesPrice = res.data.visuForestFireLossBO.minorInjuriesPrice !=
-        null ? res.data.visuForestFireLossBO.minorInjuriesPrice : 0
-        this.casualties[0].seriouslyInjuredNumber = res.data.visuForestFireLossBO
-          .seriouslyInjuredNumber != null ? res.data.visuForestFireLossBO.seriouslyInjuredNumber : 0
-        this.casualties[0].seriouslyInjuredPrice = res.data.visuForestFireLossBO
-          .seriouslyInjuredPrice != null ? res.data.visuForestFireLossBO.seriouslyInjuredPrice : 0
-        this.casualties[0].deathNumber = res.data.visuForestFireLossBO.deathNumber != null ? res.data
-          .visuForestFireLossBO.deathNumber : 0
-        this.casualties[0].deathPrice = res.data.visuForestFireLossBO.deathPrice != null ? res.data
-          .visuForestFireLossBO.deathPrice : 0
-        this.elseFireLossPrice[0].elseFireLossPrice = res.data.visuForestFireLossBO
-          .elseFireLossPrice != null ? res.data.visuForestFireLossBO.elseFireLossPrice : 0
-        this.blazesPriceTotal = res.data.visuForestFireLossBO.blazesPriceTotal != null ? res.data
-          .visuForestFireLossBO.blazesPriceTotal : 0
-
-        this.fireFightingCasualties[0].artificialDays = res.data.visuForestFireLossBO.artificialDays !=
-        null ? res.data.visuForestFireLossBO.artificialDays : 0
-        this.fireFightingCasualties[0].artificialPrice = res.data.visuForestFireLossBO
-          .artificialPrice != null ? res.data.visuForestFireLossBO.artificialPrice : 0
-        this.fireFightingCasualties[0].vehicleNumber = res.data.visuForestFireLossBO.vehicleNumber !=
-        null ? res.data.visuForestFireLossBO.vehicleNumber : 0
-        this.fireFightingCasualties[0].carNumber = res.data.visuForestFireLossBO.carNumber != null ?
-          res.data.visuForestFireLossBO.carNumber : 0
-        this.fireFightingCasualties[0].vehiclePrice = res.data.visuForestFireLossBO.vehiclePrice !=
-        null ? res.data.visuForestFireLossBO.vehiclePrice : 0
-        this.fireFightingCasualties[0].planeNumber = res.data.visuForestFireLossBO.planeNumber !=
-        null ? res.data.visuForestFireLossBO.planeNumber : 0
-        this.fireFightingCasualties[0].planePrice = res.data.visuForestFireLossBO.planePrice != null ?
-          res.data.visuForestFireLossBO.planePrice : 0
-
-        this.otherFireCosts[0].elseBlazesPrice = res.data.visuForestFireLossBO.elseBlazesPrice !=
-        null ? res.data.visuForestFireLossBO.elseBlazesPrice : 0
-      })
-    },
-
-    getInit() {
-      let that = this
-      setTimeout(() => {
-        that.graphicsList = []
-        that.$refs.supermap.clearG()
-      }, 1000)
-      //获取左侧菜单列表
-      getInit(this.pickYear.getYear() + 1900).then(res => {
-        this.fireList = []
-        // //地图标记
-        // if (res.data.regionalFlagBOList != null && res.data.regionalFlagBOList.length > 0) {
-        //   for (let i = 0; i < res.data.regionalFlagBOList.length; i++) {
-        //     let latlng = {
-        //       lat: res.data.regionalFlagBOList[i].latitude,
-        //       lng: res.data.regionalFlagBOList[i].longitude
-        //     }
-        //     this.graphicsList.push(latlng)
-        //   }
-        //   setTimeout(() => {
-        //     that.$refs.supermap.clearG()
-        //     that.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
-        //   }, 1000)
-        // }else {
-        //   that.$refs.supermap.clearG()
-        // }
-
-        //右侧列表
-        if (res.data.visuForestFireLossTimeBOList != null && res.data.visuForestFireLossTimeBOList
-          .length > 0) {
-          this.numberFiresYear = res.data.visuForestFireLossTimeBOList.length
-          this.fireList = res.data.visuForestFireLossTimeBOList
-        } else {
-          this.numberFiresYear = 0
-        }
-
-        //左侧
-        if (res.data.visuForestFireLossBO != null) {
-          this.forestFireLossTotal = res.data.visuForestFireLossBO.forestFireLossTotal != null ? res
-            .data.visuForestFireLossBO.forestFireLossTotal : 0
-          this.fireLossTotalYear = res.data.visuForestFireLossBO.fireLossTotal != null ? res.data
-            .visuForestFireLossBO.fireLossTotal : 0
-          this.forestResourcesYear[0].forestArea = res.data.visuForestFireLossBO.forestArea != null ?
-            res.data.visuForestFireLossBO.forestArea : 0
-          this.forestResourcesYear[0].forestPrice = res.data.visuForestFireLossBO.forestPrice !=
-          null ? res.data.visuForestFireLossBO.forestPrice : 0
-          this.forestResourcesYear[0].treesNumber = res.data.visuForestFireLossBO.treesNumber !=
-          null ? res.data.visuForestFireLossBO.treesNumber : 0
-          this.forestResourcesYear[0].treesPrice = res.data.visuForestFireLossBO.treesPrice != null ?
-            res.data.visuForestFireLossBO.treesPrice : 0
-
-          this.casualtiesYear[0].minorInjuriesNumber = res.data.visuForestFireLossBO
-            .minorInjuriesNumber != null ? res.data.visuForestFireLossBO.minorInjuriesNumber : 0
-          this.casualtiesYear[0].minorInjuriesPrice = res.data.visuForestFireLossBO
-            .minorInjuriesPrice != null ? res.data.visuForestFireLossBO.minorInjuriesPrice : 0
-          this.casualtiesYear[0].seriouslyInjuredNumber = res.data.visuForestFireLossBO
-            .seriouslyInjuredNumber != null ? res.data.visuForestFireLossBO
-            .seriouslyInjuredNumber : 0
-          this.casualtiesYear[0].seriouslyInjuredPrice = res.data.visuForestFireLossBO
-            .seriouslyInjuredPrice != null ? res.data.visuForestFireLossBO.seriouslyInjuredPrice :
-            0
-          this.casualtiesYear[0].deathNumber = res.data.visuForestFireLossBO.deathNumber != null ?
-            res.data.visuForestFireLossBO.deathNumber : 0
-          this.casualtiesYear[0].deathPrice = res.data.visuForestFireLossBO.deathPrice != null ? res
-            .data.visuForestFireLossBO.deathPrice : 0
-          this.elseFireLossPriceYear[0].elseFireLossPrice = res.data.visuForestFireLossBO
-            .elseFireLossPrice != null ? res.data.visuForestFireLossBO.elseFireLossPrice : 0
-          this.blazesPriceTotalYear = res.data.visuForestFireLossBO.blazesPriceTotal != null ? res
-            .data.visuForestFireLossBO.blazesPriceTotal : 0
-
-          this.fireFightingCasualtiesYear[0].artificialDays = res.data.visuForestFireLossBO
-            .artificialDays != null ? res.data.visuForestFireLossBO.artificialDays : 0
-          this.fireFightingCasualtiesYear[0].artificialPrice = res.data.visuForestFireLossBO
-            .artificialPrice != null ? res.data.visuForestFireLossBO.artificialPrice : 0
-          this.fireFightingCasualtiesYear[0].vehicleNumber = res.data.visuForestFireLossBO
-            .vehicleNumber != null ? res.data.visuForestFireLossBO.vehicleNumber : 0
-          this.fireFightingCasualtiesYear[0].carNumber = res.data.visuForestFireLossBO.carNumber !=
-          null ? res.data.visuForestFireLossBO.carNumber : 0
-          this.fireFightingCasualtiesYear[0].vehiclePrice = res.data.visuForestFireLossBO
-            .vehiclePrice != null ? res.data.visuForestFireLossBO.vehiclePrice : 0
-          this.fireFightingCasualtiesYear[0].planeNumber = res.data.visuForestFireLossBO
-            .planeNumber != null ? res.data.visuForestFireLossBO.planeNumber : 0
-          this.fireFightingCasualtiesYear[0].planePrice = res.data.visuForestFireLossBO.planePrice !=
-          null ? res.data.visuForestFireLossBO.planePrice : 0
-
-          this.otherFireCostsYear[0].elseBlazesPrice = res.data.visuForestFireLossBO
-            .elseBlazesPrice != null ? res.data.visuForestFireLossBO.elseBlazesPrice : 0
-        } else {
-          this.forestFireLossTotal = 0
-          this.fireLossTotalYear = 0
-          this.forestResourcesYear[0].forestArea = 0
-          this.forestResourcesYear[0].forestPrice = 0
-          this.forestResourcesYear[0].treesNumber = 0
-          this.forestResourcesYear[0].treesPrice = 0
-
-          this.casualtiesYear[0].minorInjuriesNumber = 0
-          this.casualtiesYear[0].minorInjuriesPrice = 0
-          this.casualtiesYear[0].seriouslyInjuredNumber = 0
-          this.casualtiesYear[0].seriouslyInjuredPrice = 0
-          this.casualtiesYear[0].deathNumber = 0
-          this.casualtiesYear[0].deathPrice = 0
-          this.elseFireLossPriceYear[0].elseFireLossPrice = 0
-          this.blazesPriceTotalYear = 0
-
-          this.fireFightingCasualtiesYear[0].artificialDays = 0
-          this.fireFightingCasualtiesYear[0].artificialPrice = 0
-          this.fireFightingCasualtiesYear[0].vehicleNumber = 0
-          this.fireFightingCasualtiesYear[0].carNumber = 0
-          this.fireFightingCasualtiesYear[0].vehiclePrice = 0
-          this.fireFightingCasualtiesYear[0].planeNumber = 0
-          this.fireFightingCasualtiesYear[0].planePrice = 0
-
-          this.otherFireCostsYear[0].elseBlazesPrice = 0
-        }
-
-        //右侧
-        this.fireLossTotal = res.data.visuForestFireLossBOFirst.fireLossTotal != null ? res.data
-          .visuForestFireLossBOFirst.fireLossTotal : 0
-        this.forestResources[0].forestArea = res.data.visuForestFireLossBOFirst.forestArea != null ?
-          res.data.visuForestFireLossBOFirst.forestArea : 0
-        this.forestResources[0].forestPrice = res.data.visuForestFireLossBOFirst.forestPrice != null ?
-          res.data.visuForestFireLossBOFirst.forestPrice : 0
-        this.forestResources[0].treesNumber = res.data.visuForestFireLossBOFirst.treesNumber != null ?
-          res.data.visuForestFireLossBOFirst.treesNumber : 0
-        this.forestResources[0].treesPrice = res.data.visuForestFireLossBOFirst.treesPrice != null ?
-          res.data.visuForestFireLossBOFirst.treesPrice : 0
-
-        this.casualties[0].minorInjuriesNumber = res.data.visuForestFireLossBOFirst
-          .minorInjuriesNumber != null ? res.data.visuForestFireLossBOFirst.minorInjuriesNumber : 0
-        this.casualties[0].minorInjuriesPrice = res.data.visuForestFireLossBOFirst
-          .minorInjuriesPrice != null ? res.data.visuForestFireLossBOFirst.minorInjuriesPrice : 0
-        this.casualties[0].seriouslyInjuredNumber = res.data.visuForestFireLossBOFirst
-          .seriouslyInjuredNumber != null ? res.data.visuForestFireLossBOFirst
-          .seriouslyInjuredNumber : 0
-        this.casualties[0].seriouslyInjuredPrice = res.data.visuForestFireLossBOFirst
-          .seriouslyInjuredPrice != null ? res.data.visuForestFireLossBOFirst.seriouslyInjuredPrice :
-          0
-        this.casualties[0].deathNumber = res.data.visuForestFireLossBOFirst.deathNumber != null ? res
-          .data.visuForestFireLossBOFirst.deathNumber : 0
-        this.casualties[0].deathPrice = res.data.visuForestFireLossBOFirst.deathPrice != null ? res
-          .data.visuForestFireLossBOFirst.deathPrice : 0
-        this.elseFireLossPrice[0].elseFireLossPrice = res.data.visuForestFireLossBOFirst
-          .elseFireLossPrice != null ? res.data.visuForestFireLossBOFirst.elseFireLossPrice : 0
-        this.blazesPriceTotal = res.data.visuForestFireLossBOFirst.blazesPriceTotal != null ? res.data
-          .visuForestFireLossBOFirst.blazesPriceTotal : 0
-
-        this.fireFightingCasualties[0].artificialDays = res.data.visuForestFireLossBOFirst
-          .artificialDays != null ? res.data.visuForestFireLossBOFirst.artificialDays : 0
-        this.fireFightingCasualties[0].artificialPrice = res.data.visuForestFireLossBOFirst
-          .artificialPrice != null ? res.data.visuForestFireLossBOFirst.artificialPrice : 0
-        this.fireFightingCasualties[0].vehicleNumber = res.data.visuForestFireLossBOFirst
-          .vehicleNumber != null ? res.data.visuForestFireLossBOFirst.vehicleNumber : 0
-        this.fireFightingCasualties[0].carNumber = res.data.visuForestFireLossBOFirst.carNumber !=
-        null ? res.data.visuForestFireLossBOFirst.carNumber : 0
-        this.fireFightingCasualties[0].vehiclePrice = res.data.visuForestFireLossBOFirst
-          .vehiclePrice != null ? res.data.visuForestFireLossBOFirst.vehiclePrice : 0
-        this.fireFightingCasualties[0].planeNumber = res.data.visuForestFireLossBOFirst.planeNumber !=
-        null ? res.data.visuForestFireLossBOFirst.planeNumber : 0
-        this.fireFightingCasualties[0].planePrice = res.data.visuForestFireLossBOFirst.planePrice !=
-        null ? res.data.visuForestFireLossBOFirst.planePrice : 0
-
-        this.otherFireCosts[0].elseBlazesPrice = res.data.visuForestFireLossBOFirst.elseBlazesPrice !=
-        null ? res.data.visuForestFireLossBOFirst.elseBlazesPrice : 0
-      })
-    },
-    //事件chart
-    eventChart() {
-      // 基于准备好的dom，初始化echarts实例
-      let myChart = echarts.init(document.getElementById('event-chart'))
-
-      myChart.setOption({
-        color: ['#2EACFF', '#FFA61C', '#2EC054', '#8C64D7'],
-        tooltip: {
-          trigger: 'item',
-          formatter: '{a} <br/>{b} : {c} ({d}%)'
-        },
-        toolbox: {
-          show: true
-        },
-        series: [{
-          name: '事件分类',
-          type: 'pie',
-          roseType: true,
-          radius: [30, 70],
-          label: {
-            show: true,
-            formatter: '{b}\n{c} '
-          },
-          data: this.eventChartData
-        }]
-      })
-
-    },
-    //吉祥物收起左右框
-    indent() {
-      let list = document.getElementsByClassName('el-tooltip__popper')
-      list[list.length - 1].style.display = 'none'
-      if (this.indentStyle == '') {
-        this.indentStyle = 'indent-style'
-        this.indentleft = 'indent-left'
-        this.indentright = 'indent-right'
-        this.indentText = '展开左右栏'
-      } else if (this.indentText == '展开左右栏') {
-        this.indentStyle = ''
-        this.indentleft = ''
-        this.indentright = ''
-        this.indentText = '收起左右栏'
-      }
-    },
-    dropLocation(lat, lng) {
-      this.$refs.supermap.dropLocation(lat, lng)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/base.scss';
-
-.el-table__header {
-  width: auto !important;
-}
-
-.d-dialog-con {
-  position: absolute;
-  left: -19rem;
-  top: 0;
-}
-</style>

src/views/eventdetailsdialog.vue

@@ -75,7 +75,7 @@
                   <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']"
                                    style="padding-bottom:1rem ;">
                     <div class="i-list-con">
-                      <div class="this-con h-45">
+                      <div class="this-con">
                         <div class="z-info-list" style="margin-top: 0;">
                           <el-timeline>
                             <el-timeline-item color="#2bacf7" :timestamp="item.createTime"
@@ -850,7 +850,7 @@
     </el-dialog>
     <!-- 图片，视频预览 -->
     <el-dialog title="视频预览" :visible.sync="showTcPlayer" width="40%" customClass="customWidthMp4">
-      <TcPlayer ref="TcPlayer" :playVideo="playVideo" :widthHeigt="[70,70]"></TcPlayer>
+      <TcPlayer ref="TcPlayer" :playVideo="playVideo" :widthHeigt="[100,100]"></TcPlayer>
     </el-dialog>
   </div>
 </template>
@@ -872,7 +872,7 @@ import {
   updateCentereventTEventcatalogueStatus,
   sendTask,
   listResourceByWz,
-  updateYjYuAnm,
+  updateYjYuAn,
   uploadBase64
 } from '@/api/forest'
 import {
@@ -1088,7 +1088,7 @@ export default {
     calendarDay: null//首页日历选择
   },
   methods: {
-     showUpdateYjYuAn() {
+    showUpdateYjYuAn() {
       listYuAn().then(res => {
         //关联预案列表
         if (res.code == 200) {

src/views/forest.vue

@@ -9,7 +9,7 @@
       <div class="leftbar" ref="left">
         <!-- 1 基本情况 -->
         <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+          <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
             <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
             <div class="this-title">
               <span>基本情况</span>
@@ -26,7 +26,7 @@
         </div>
         <!-- 2 事件统计-->
         <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+          <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
             <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
             <div class="i-list-con h-29-5">
               <div class="d-l-con">
@@ -81,7 +81,7 @@
         </div>
         <!-- 3 组织机构 -->
         <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+          <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
             <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
             <div class="i-list-con h-27" style="padding-left: 1rem;">
               <el-collapse accordion>
@@ -112,7 +112,7 @@
         <div class="right-item1">
           <!-- 天气 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)">
+             <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)"  :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="i-list-con small-bottom-margin h-18">
                 <el-row :gutter="20" v-if="todatWeather">
@@ -236,7 +236,7 @@
           </div>
           <!-- 曝光台 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+            <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="this-title">
                 <span>曝光台</span>
@@ -262,7 +262,7 @@
           </div>
           <!-- 事件列表 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+            <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="this-title">
                 <span>事件列表</span>
@@ -343,7 +343,7 @@
         <div class="right-item2">
           <!-- 日历 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+            <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="i-list-con small-bottom-margin h-30">
                 <dateChoose @selectDay="selectDay"></dateChoose>
@@ -352,7 +352,7 @@
           </div>
           <!-- 事件分类 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+            <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="this-title">
                 <span>事件分类</span>
@@ -366,7 +366,7 @@
           </div>
           <!-- 上报排行 -->
           <div class="forthis">
-            <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
+            <dv-border-box-13 backgroundColor="rgba(7, 19, 20, .90)" style="padding-bottom: 1rem;" :color="['#0c4b53', '#18caca']">
               <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
               <div class="this-title">
                 <span>上报排行</span>

src/views/leader.vue

@@ -1,390 +0,0 @@
-<template>
-  <div class="visual-con">
-    <!--头部-->
-    <vheader></vheader>
-    <!--主体-->
-    <div class="visual-body">
-      <!-- 左侧 -->
-      <div class="leftbar" :class="indentleft" ref="left">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title">
-              <span>人员分布</span>
-              <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
-            </div>
-            <div class="i-list-con h-25">
-              <div id="personnel-chart" style="width: 100%;height:12vh;"></div>
-              <div class="d-l-con-icon">
-                <div class="icon-con w-50" :class="{on:iconCurrentIndex1==item.jobValue}"
-                     v-for="(item,index) in visuForestCloudRYBO"
-                     @click="getForestLeader(item.jobValue,item.jobType)">
-                  <div class="icon icon-mid el-icon-user"></div>
-                  <div class="icon-text">
-                    <h5>{{ item.job }}</h5>
-                    <h6>{{ item.number }}</h6>
-                  </div>
-                </div>
-                <!-- <div class="icon-con w-50  m-btm-no" :class="{on:listCurrentIndex1==item.jobType}" v-for="(item,index) in visuForestCloudRYBO" v-if="index%2!=0" @click="getForestLeader(item.jobValue,item.jobType)">
-                <div class="icon icon-mid el-icon-user"></div>
-                <div class="icon-text">
-                  <h5>{{item.job}}</h5>
-                  <h6>{{item.number}}</h6>
-                </div>
-              </div> -->
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-        <!--        avatar: ""-->
-        <!--        deptName: "锦程社区第一网格"-->
-        <!--        nickName: "李猛"-->
-        <!--        userId: 102-->
-        <!--        userName: "limeng"-->
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="i-list-con h-27">
-              <div class="d-l-con-icon">
-                <div class="icon-con" :class="{on:listCurrentIndex1==item.userId}"
-                     v-for="(item,index) in peopleList" @click="getLeaderTrack(item.userId)">
-                  <div class="icon icon-mid el-icon-user"></div>
-                  <div class="icon-text personnel-name">
-                    <h6>{{ item.nickName }}</h6>
-                    <h5>{{ item.deptName }}</h5>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-      </div>
-      <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'forestMap'" class="indexSupermapClass"
-                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>
-      <!-- 右侧 -->
-      <div class="rightbar" :class="indentright" ref="right">
-        <div class="forthis">
-          <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
-            <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="this-title">
-              <span>巡林计划</span>
-              <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
-            </div>
-            <div class="i-list-con h-73">
-
-              <div class="h-19 overflow-y">
-                <div class="d-l-con" :class="{on:listCurrentIndex2==item.planName}"
-                     v-for="(item,index) in xunLinListOne"
-                     @click="setConnectList(item.planLine,item.planName)">
-                  <div class="d-l-l-text">
-                    <i class="i-small"></i>
-                    <h4>{{ item.planName }}</h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </dv-border-box-13>
-        </div>
-
-
-      </div>
-      <vBottomMenu ref="bottomMenu"></vBottomMenu>
-      <el-tooltip :content="indentText" placement="top" :disabled="indentdisabled">
-        <div class="mascot" ref="mascot" :class="indentStyle" @click="indent">
-          <img src="@/assets/images/mascot.png"/>
-        </div>
-      </el-tooltip>
-    </div>
-    <eventLocation ref="eventLocation"></eventLocation>
-    <TVWall ref="TVWall"></TVWall>
-  </div>
-</template>
-
-<script>
-import {
-  getForestLeader,
-  getLeaderTrack,
-  getPlanList,
-  getRy
-} from '@/api/leader'
-
-import supermap from '@/components/supermap' //超图
-import vheader from '@/components/v-header.vue' //一体化共用头部
-import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
-import eventLocation from '@/components/eventLocation.vue' //事件定位弹窗
-import TVWall from '@/components/TVWall.vue' //电视墙弹窗
-
-let echarts = require('echarts')
-export default {
-  components: {
-    supermap,
-    vheader,
-    vBottomMenu,
-    eventLocation,
-    TVWall
-  },
-  data() {
-    return {
-      iconCurrentIndex1: '1',
-      listCurrentIndex1: '',
-      listCurrentIndex2: '',
-      //左右缩进
-      indentStyle: '',
-      indentleft: '',
-      indentright: '',
-      indentText: '收起左右栏',
-      indentdisabled: false,
-      visuForestCloudRYBO: [], //人员类型列表
-      peopleList: [], //人员列表
-      connectList: [], //画线
-      xunLinListOne: [], //巡林计划
-      zrs: 0, //总人数
-      zxrs: 0 //在线人数
-    }
-  },
-  created() {
-    this.getInit()
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    window.showDialog = this.showDialog
-    window.choseLayerSwitching = this.choseLayerSwitching
-    window.choseLayerSwitchingList = this.choseLayerSwitchingList
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-  },
-  methods: {
-    /** ----------------------------------底部按钮公用组件开始------------------------------------- */
-    showDialog(click) {
-      if (click == 'eventLocation') {
-        this.$refs.eventLocation.showEventLocation()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'editableLayers') {
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.supermap.isEditableLayers) {
-          this.$refs.supermap.isEditableLayers = true
-        } else {
-          this.$refs.supermap.isEditableLayers = false
-        }
-      } else if (click == 'layerSwitching') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showChild) {
-          this.$refs.bottomMenu.showChild = true
-        } else {
-          this.$refs.bottomMenu.showChild = false
-        }
-      } else if (click == 'TVWall') {
-        this.$refs.TVWall.showTVWall()
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChangChild = false
-      } else if (click == 'forestban') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showChild = false
-        this.$refs.bottomMenu.showChangChild = false
-        if (!this.$refs.bottomMenu.showBanChild) {
-          this.$refs.bottomMenu.showBanChild = true
-        } else {
-          this.$refs.bottomMenu.showBanChild = false
-        }
-      } else if (click == 'forestchang') {
-        this.$refs.supermap.isEditableLayers = false
-        this.$refs.bottomMenu.showBanChild = false
-        this.$refs.bottomMenu.showChild = false
-        if (!this.$refs.bottomMenu.showChangChild) {
-          this.$refs.bottomMenu.showChangChild = true
-        } else {
-          this.$refs.bottomMenu.showChangChild = false
-        }
-      }
-
-    },
-    //选择图层
-    choseLayerSwitching(url, isClear) {
-      this.$refs.supermap.layerSwitching(url, isClear)
-    },
-    //选择图层(传递数组)
-    choseLayerSwitchingList(urlList) {
-      this.$refs.supermap.layerSwitchingList(urlList)
-    },
-    /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-
-    //初始化
-    getInit() {
-      let that = this
-      this.iconCurrentIndex1 = '1'
-      this.listCurrentIndex1 = ''
-      this.listCurrentIndex2 = ''
-      //获取左侧菜单列表
-      getRy().then(res => {
-        that.visuForestCloudRYBO = res.data.visuForestCloudRYBO
-        that.zrs = res.data.visuForestCloudRyZxBO.zrs
-        that.zxrs = res.data.visuForestCloudRyZxBO.zxrs
-        this.personnelChart()
-      })
-      //获取巡林计划
-      getPlanList().then(res => {
-        this.xunLinListOne = res.data
-      })
-    },
-    //获取左侧人员列表
-    getForestLeader(linJob, linType) {
-      this.listCurrentIndex1 = ''
-      this.listCurrentIndex2 = ''
-      this.iconCurrentIndex1 = linJob
-      this.peopleList = []
-      getForestLeader(linJob, linType).then(res => {
-        this.peopleList = res.data
-      })
-      this.connectList = []
-      this.$refs.supermap.clearC()
-    },
-    //点击左侧人员列表获取轨迹
-    getLeaderTrack(userId) {
-      this.listCurrentIndex1 = userId
-      let that = this
-      this.connectList = []
-      getLeaderTrack(userId).then(res => {
-        if (res.data != null && res.data.length > 0) {
-          for (let i = 0; i < res.data.length; i++) {
-            let latlng = {
-              lat: res.data[i].latitude,
-              lng: res.data[i].longitude
-            }
-            this.connectList.push(latlng)
-          }
-          setTimeout(() => {
-            that.$refs.supermap.clearC()
-            that.$refs.supermap.setConnectList(this.connectList, 'red')
-          }, 1000)
-        } else {
-          that.$refs.supermap.clearC()
-        }
-      })
-    },
-
-    setConnectList(points, planName) {
-      this.listCurrentIndex2 = planName
-      this.connectList = []
-      if (points != null && points != '') {
-        this.connectList = JSON.parse(points)
-        this.$refs.supermap.setConnectTwoList(this.connectList, 'red')
-      }
-    },
-
-    //吉祥物收起左右框
-    indent() {
-      let list = document.getElementsByClassName('el-tooltip__popper')
-      list[list.length - 1].style.display = 'none'
-      if (this.indentStyle == '') {
-        this.indentStyle = 'indent-style'
-        this.indentleft = 'indent-left'
-        this.indentright = 'indent-right'
-        this.indentText = '展开左右栏'
-      } else if (this.indentText == '展开左右栏') {
-        this.indentStyle = ''
-        this.indentleft = ''
-        this.indentright = ''
-        this.indentText = '收起左右栏'
-      }
-    },
-    //人员chart
-    personnelChart() {
-      // 基于准备好的dom，初始化echarts实例
-      let myChart = echarts.init(document.getElementById('personnel-chart'))
-      // 绘制图表
-      const handred = this.zrs
-      let point = this.zxrs
-      myChart.setOption({
-        title: [{
-          text: '总人数：' + handred + '人' + '\n' + '\n' + '在线人数：' + point + '人',
-          x: '48%',
-          y: '25%',
-          textStyle: {
-            fontWeight: 'normal',
-            color: '#02d6fc',
-            fontSize: '14'
-          }
-        }],
-        series: [{
-          name: 'circle',
-          type: 'pie',
-          center: ['22%', '50%'],
-          radius: ['60%', '70%'],
-          clockWise: true,
-          label: {
-            normal: {
-              position: 'center'
-
-            }
-          },
-          itemStyle: {
-            normal: {
-              label: {
-                show: false
-              },
-              labelLine: {
-                show: false
-              }
-            }
-          },
-          data: [{
-            value: point,
-            name: '当前在线',
-            label: {
-              show: true, //单独显示该数据项
-              formatter: '{c}人',
-              labelLayout: {
-                top: '50%'
-              },
-              textStyle: {
-                color: '#02d6fc',
-                fontSize: 14
-              }
-            },
-            itemStyle: {
-              normal: {
-                color: { // 完成的圆环的颜色
-                  colorStops: [{
-                    offset: 0,
-                    color: '#02d6fc' // 0% 处的颜色
-                  }, {
-                    offset: 1,
-                    color: '#367bec' // 100% 处的颜色
-                  }]
-                },
-                label: {
-                  show: false
-                },
-                labelLine: {
-                  show: false
-                }
-              }
-            }
-          }, {
-            value: handred - point,
-            itemStyle: {
-              color: '#666'
-            }
-          }]
-        }]
-      })
-    }
-  }
-
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import '@/assets/styles/base.scss';
-
-.h-27 {
-  height: 27rem;
-}
-</style>