From 39b01c0667f2521a7f4823092a3d756a74b87c40 Mon Sep 17 00:00:00 2001
From: unknown <2414074862@qq.com>
Date: Mon, 24 Apr 2023 17:59:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=B1=BB=E8=BE=B9=E7=95=8C=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/crops/classify/index.vue | 133 +++++++++++++++--------------
 1 file changed, 69 insertions(+), 64 deletions(-)

diff --git a/src/views/crops/classify/index.vue b/src/views/crops/classify/index.vue
index 04fc839..6740140 100644
--- a/src/views/crops/classify/index.vue
+++ b/src/views/crops/classify/index.vue
@@ -17,10 +17,7 @@
                     <span>作物类型统计-高标准农田</span>
                     <p>
                         下载 &nbsp;
-                        <img
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
                     </p>
                 </div>
                 <div ref="farmlandDiv" class="farmlandDiv"></div>
@@ -31,25 +28,12 @@
                     <span>作物类型统计-行政区划</span>
                     <p>
                         下载 &nbsp;
-                        <img
-                            src="@/assets/icons/svg/downloads.svg"
-                            style="width: 14px; height: 14px; cursor: pointer"
-                        />
+                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
                     </p>
                 </div>
-                <el-select
-                    popper-class="select_city"
-                    @change="selectTab(item)"
-                    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 popper-class="select_city" @change="selectTab(item)" 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>
@@ -59,18 +43,11 @@
                 <template #title>图例</template>
                 <div class="mt-4">
                     <el-checkbox-group v-model="checkList" @change="change">
-                        <el-checkbox
-                            v-for="(value, item, key) in dic"
-                            :key="key"
-                            :style="{
+                        <el-checkbox v-for="(value, item, key) in dic" :key="key" :style="{
                                 background: value.color,
                                 border: `1px solid ${value.color}`,
                                 width: `100%`,
-                            }"
-                            v-model="checked3"
-                            :disabled="value.disabled"
-                            :label="item"
-                        />
+                            }" v-model="checked3" :disabled="value.disabled" :label="item" />
 
                         <!-- <el-checkbox style="
                                 background: rgba(251, 171, 60, 1);
@@ -428,7 +405,7 @@ watch(
 );
 
 // 添加wms
-function addWms(layers, customName) {
+function addWms(layers, customName, bottom) {
     let map = new Cesium.WebMapServiceImageryProvider({
         url: serverAPI.geoserverUrl + `/shuzisannong/wms?`,
         layers: layers, //图层名
@@ -441,9 +418,13 @@ function addWms(layers, customName) {
     });
     map.customName = customName; //自己定义各种属性
     let dd = viewer.imageryLayers.addImageryProvider(map); //添加图层
-    if (customName.indexOf('gbznt') > -1) {
-        console.log('dididididi');
-        // viewer.imageryLayers.lower(dd);//将图层下移一层
+    // if (customName.indexOf('gbznt') > -1) {
+    //     console.log('dididididi');
+    //     // viewer.imageryLayers.lower(dd);//将图层下移一层
+    //     viewer.imageryLayers.lowerToBottom(dd); //将图层移到最底层
+    //     viewer.imageryLayers.raise(dd); //将图层上移一层
+    // }
+    if (bottom) {
         viewer.imageryLayers.lowerToBottom(dd); //将图层移到最底层
         viewer.imageryLayers.raise(dd); //将图层上移一层
     }
@@ -726,6 +707,8 @@ function hiddenOverlayChart() {
     const pop = document.getElementById('popup1');
     pop.style.display = 'none'; // 清除监听事件
     viewer.scene.postRender.removeEventListener(infoWindowPostRender);
+    // 移除地块高亮
+    deleteEntityByName('landtype');
 }
 //显示弹窗
 function showOverlayChart(position) {
@@ -749,11 +732,21 @@ function getFarmland() {
             console.log('农田：', res);
             formLandRef.value = res.data.features;
         })
-        .catch(err => {});
+        .catch(err => { });
 }
 //返回
 function back() {
-    removeWms(['huangdaoqu_town'], true);
+    // removeWms(['huangdaoqu_town'], true);
+    // 移除高标准农田
+    removeWms(['gbznt'], true);
+    // 
+    addWms('shuzisannong:huangdaoqu_town', 'shuzisannong:huangdaoqu_town', true);
+    // 重定位
+    viewer.camera.flyTo({
+        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
+        duration: 2,
+    });
+    flag.value = false
 }
 //接口
 const getArea = (item, index) => {
@@ -817,7 +810,7 @@ const getaArea = () => {
 
 const selectTab = () => {
     areachar();
-    if (value.value == '370211') {
+    if (value.value == '370211') {//全部
         getTownships();
         classData = [302034, 243990, 42344, 34234, 304235];
     } else if (value.value) {
@@ -850,24 +843,37 @@ const selectTab = () => {
         data.title = [...Object.values(brr)];
         ASdivision();
     });
-    const layers = viewer.imageryLayers._layers;
-    for (let f = layers.length - 1; f >= 0; f--) {
-        if (layers[f]._imageryProvider.aaa === 'aaa') {
-            viewer.imageryLayers.remove(layers[f]);
-        }
-    }
-    let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
-        layers: 'shuzisannong:huangdaoqu_village', //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            transparent: true, //是否透明
-            CQL_FILTER: `XZDM=${value.value}`,
-        },
-    });
-    map2.aaa = 'aaa';
-    viewer.imageryLayers.addImageryProvider(map2);
+
+
+    // const layers = viewer.imageryLayers._layers;
+    // for (let f = layers.length - 1; f >= 0; f--) {
+    //     if (layers[f]._imageryProvider.aaa === 'aaa') {
+    //         viewer.imageryLayers.remove(layers[f]);
+    //     }
+    // }
+    // let map2 = new Cesium.WebMapServiceImageryProvider({
+    //     url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+    //     layers: 'shuzisannong:huangdaoqu_village', //图层名
+    //     parameters: {
+    //         service: 'WMS',
+    //         format: 'image/png',
+    //         transparent: true, //是否透明
+    //         CQL_FILTER: `XZDM=${value.value}`,
+    //     },
+    // });
+    // map2.aaa = 'aaa';
+    // viewer.imageryLayers.addImageryProvider(map2);
+
+    // 移除以前的村边界
+    removeWms(['village_CQL']);
+    // 移除镇高亮
+    deleteEntityByName('townLine');
+    // 添加新的
+    addvillage(
+        `XZDM=${value.value}`,
+        'village_CQL'
+    );
+
 };
 
 //图表
@@ -1617,7 +1623,7 @@ function farmland() {
 // 图表点击事件
 function ChartClick(item) {
     console.log('item:', item);
-    // 移除作物
+    // 移除镇边界
     removeWms(['huangdaoqu_town'], true);
     let layername = 'shuzisannong:farmland';
 
@@ -1635,7 +1641,7 @@ function ChartClick(item) {
     }
     if (!cz) {
         // 添加高标准农田服务
-        addWms(layername, layername + 'gbznt');
+        addWms(layername, layername + 'gbznt', true);
     }
     // 定位到地块
     let features = formLandRef.value;
@@ -2007,11 +2013,9 @@ $height: calc(100vh - 100px);
             height: 25px;
             border-radius: 20px;
             font-size: 14px;
-            background: linear-gradient(
-                180deg,
-                rgba(16, 111, 111, 1) 0%,
-                rgba(47, 214, 214, 1) 100%
-            );
+            background: linear-gradient(180deg,
+                    rgba(16, 111, 111, 1) 0%,
+                    rgba(47, 214, 214, 1) 100%);
             border: 1.5px solid rgba(23, 194, 180, 1);
             display: flex;
             justify-content: center;
@@ -2255,7 +2259,7 @@ $height: calc(100vh - 100px);
         display: flex;
         margin-bottom: 10px;
 
-        & > span:nth-child(1) {
+        &>span:nth-child(1) {
             font-weight: 400;
             letter-spacing: 0px;
             color: rgba(255, 255, 255, 1);
@@ -2266,7 +2270,7 @@ $height: calc(100vh - 100px);
             margin-right: 10px;
         }
 
-        & > span:nth-child(2) {
+        &>span:nth-child(2) {
             color: rgba(255, 255, 255, 1);
             width: 129px;
             height: 24px;
@@ -2288,6 +2292,7 @@ $height: calc(100vh - 100px);
         cursor: pointer;
     }
 }
+
 .back_button {
     position: absolute;
     right: 30%;