关闭信息框，移除高亮边界

src/views/crops/area/index.vue

@@ -5,19 +5,13 @@
             <div class="leftTop">
                 <div class="title">
                     <span>种植面积时间统计</span>
-                    <p
+                    <p @click="Deta(
-                        @click="
-                            Deta(
                         'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
                     )
-                        "
+                        ">
-                    >
                         下载 &nbsp;
 
-                        <img
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
                     </p>
                 </div>
                 <div ref="areaDiv" class="areaDiv"></div>
@@ -26,18 +20,12 @@
             <div class="leftbottom">
                 <div class="title">
                     <span>种植面积统计</span>
-                    <p
+                    <p @click="Deta(
-                        @click="
-                            Deta(
                             'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianji%20.xlsx'
                         )
-                        "
+                        ">
-                    >
                         下载 &nbsp;
-                        <img
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
                     </p>
                 </div>
                 <div ref="typesofDiv" class="typesofDiv"></div>
@@ -89,18 +77,12 @@
             <div class="rightTop">
                 <div class="title">
                     <span>作物类型统计-高标准农田</span>
-                    <p
+                    <p @click="Deta(
-                        @click="
-                            Deta(
                             'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/81f3b011-7a5d-4a21-88aa-8ea51142e564_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx'
                         )
-                        "
+                        ">
-                    >
                         下载 &nbsp;
-                        <img
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
                     </p>
                 </div>
                 <div ref="farmlandDiv" class="farmlandDiv"></div>
@@ -109,33 +91,17 @@
             <div class="rightbottom">
                 <div class="title">
                     <span>作物类型统计-行政区划</span>
-                    <p
+                    <p @click="Deta(
-                        @click="
-                            Deta(
                             'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/0c0ff4cf-151a-470e-856a-b0fce0fde997_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx'
                         )
-                        "
+                        ">
-                    >
                         下载 &nbsp;
-                        <img
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
                     </p>
                 </div>
-                <el-select
+                <el-select popper-class="select_city" @change="selectTab(item)" v-model="value" clearable placeholder="全部">
-                    popper-class="select_city"
+                    <el-option v-for="item in Township.arr" :key="item.properties.XZDM" :label="item.properties.XZMC"
-                    @change="selectTab(item)"
+                        :value="item.properties.XZDM" />
-                    v-model="value"
-                    clearable
-                    placeholder="全部"
-                >
-                    <el-option
-                        v-for="item in Township.arr"
-                        :key="item.properties.XZDM"
-                        :label="item.properties.XZMC"
-                        :value="item.properties.XZDM"
-                    />
                 </el-select>
                 <div ref="ASdivisionDiv" class="ASdivision"></div>
             </div>
@@ -1783,7 +1749,7 @@ function farmland() {
         },
         yAxis: {
             type: 'category',
-              data: ["片区七", "片区六", "片区五", "片区四", "片区三",'片区二','片区一'],
+            data: ["片区七", "片区六", "片区五", "片区四", "片区三", '片区二', '片区一'],
             axisLabel: {
                 color: 'rgba(255,255,255,0.8)',
 
@@ -1863,7 +1829,7 @@ function farmland() {
                 emphasis: {
                     focus: 'series',
                 },
-                data: [271, 132, 413, 210, 521,232,343],
+                data: [271, 132, 413, 210, 521, 232, 343],
                 barWidth: 12,
                 itemStyle: {
                     label: {
@@ -1891,7 +1857,7 @@ function farmland() {
                 emphasis: {
                     focus: 'series',
                 },
-                data: [271, 132, 413, 210, 521,234,321],
+                data: [271, 132, 413, 210, 521, 234, 321],
                 barWidth: 12,
                 itemStyle: {
                     label: {
@@ -2312,7 +2278,7 @@ function getAreaFenlei() {
                 });
             });
         })
-        .catch(err => {});
+        .catch(err => { });
 }
 let fenleiRef = ref({});
 function mbHandle() {
@@ -2336,7 +2302,7 @@ function mbHandle() {
             fenleiRef.value = town;
             getAreaFenlei();
         })
-        .catch(err => {});
+        .catch(err => { });
 }
 
 /*------------------------------------------柱状图--------------------------------------------*/
@@ -2554,9 +2520,25 @@ function infoWindowPostRender() {
 
 // 隐藏弹窗
 function hiddenOverlayChart() {
+
+    // 移除各种高亮
+    XZDM = '';
+    XZQDM = '';
+    removeWms(['village_CQL']);
+    removeWms(['aaa']);
+    
+    deleteEntityByName('villageLine');
+    deleteEntityByName('townLine');
+
     const pop = document.getElementById('pop');
     pop.style.display = 'none'; // 清除监听事件
     viewer.scene.postRender.removeEventListener(infoWindowPostRender);
+    // 重定位
+    viewer.camera.flyTo({
+        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
+        duration: 2,
+    });
+
 }
 //显示弹窗
 function showOverlayChart(position) {
@@ -2608,11 +2590,9 @@ $height: calc(100vh - 100px);
             height: 25px;
             border-radius: 20px;
             font-size: 14px;
-            background: linear-gradient(
+            background: linear-gradient(180deg,
-                180deg,
                     rgba(16, 111, 111, 1) 0%,
-                rgba(47, 214, 214, 1) 100%
+                    rgba(47, 214, 214, 1) 100%);
-            );
             border: 1.5px solid rgba(23, 194, 180, 1);
             display: flex;
             justify-content: center;
@@ -2689,11 +2669,9 @@ $height: calc(100vh - 100px);
                 align-items: center;
                 justify-content: space-around;
                 opacity: 1;
-                background: linear-gradient(
+                background: linear-gradient(90deg,
-                    90deg,
                         rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
+                        rgba(21, 173, 148, 0) 100%);
-                );
 
                 div {
                     display: flex;
@@ -2873,7 +2851,7 @@ $height: calc(100vh - 100px);
     // align-items: flex-end;
     padding: 30px 8px 20px 8px;
 
-    & > div:nth-child(1) {
+    &>div:nth-child(1) {
         font-weight: 400;
         letter-spacing: 0px;
         color: rgba(255, 255, 255, 1);
@@ -2881,7 +2859,7 @@ $height: calc(100vh - 100px);
         line-height: 24px;
     }
 
-    & > div:nth-child(2) {
+    &>div:nth-child(2) {
         color: rgba(255, 255, 255, 1);
         width: 129px;
         height: 24px;
@@ -2920,11 +2898,11 @@ $height: calc(100vh - 100px);
         cursor: pointer;
     }
 
-    & > div {
+    &>div {
         display: flex;
         margin-bottom: 10px;
 
-        & > div:nth-child(1) {
+        &>div:nth-child(1) {
             font-weight: 400;
             letter-spacing: 0px;
             color: rgba(255, 255, 255, 1);
@@ -2933,7 +2911,7 @@ $height: calc(100vh - 100px);
             margin-right: 10px;
         }
 
-        & > div:nth-child(2) {
+        &>div:nth-child(2) {
             color: rgba(255, 255, 255, 1);
             width: 129px;
             height: 24px;
@@ -2949,8 +2927,7 @@ $height: calc(100vh - 100px);
     }
 }
 
-:deep(.el-select__popper.el-popper) {
+:deep(.el-select__popper.el-popper) {}
-}
 </style>
 <style lang="scss">
 .select_city {