颜色失真问题修改

src/components/Query/clickQuery/clickQuery.vue

@@ -202,11 +202,11 @@ export default {
     PoinyQueryShow(val) {
       if (!this.inited) {
         this.inited = !this.inited;
-        this.viewer = viewer;
+        // viewer = viewer;
         viewer.entities.removeAll();
         this.handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
         dataSourceLayer = new Cesium.CustomDataSource("query");
-        this.viewer.dataSources.add(dataSourceLayer);
+        viewer.dataSources.add(dataSourceLayer);
       }
     },
   },
@@ -244,7 +244,7 @@ export default {
       store.state.vectorData = [];
     },
     addGeometrys(fill) {
-      this.viewer.entities.removeAll();
+      viewer.entities.removeAll();
       dataSourceLayer.entities.removeAll();
       let geoms = this.queryResultsGeom[this.activeLayerId];
       let parts = this.queryResultsGeomPart[this.activeLayerId];
@@ -266,7 +266,7 @@ export default {
             points.push(cy);
           }
           if (fill) {
-            this.viewer.entities.add({
+            viewer.entities.add({
               polyline: new Cesium.PolylineGraphics({
                 positions: Cesium.Cartesian3.fromDegreesArray(points),
                 width: 3,
@@ -286,7 +286,7 @@ export default {
               },
             });
           } else {
-            this.viewer.entities.add({
+            viewer.entities.add({
               polyline: new Cesium.PolylineGraphics({
                 positions: Cesium.Cartesian3.fromDegreesArray(points),
                 width: 3,
@@ -296,7 +296,7 @@ export default {
             });
           }
         }
-        // this.viewer.flyTo(this.viewer.entities);
+        // viewer.flyTo(viewer.entities);
       }
     },
     flyTo(index) {
@@ -321,7 +321,7 @@ export default {
             points.push(cy);
           }
           // let e = dataSourceLayer.entities.
-          let e = this.viewer.entities.add({
+          let e = viewer.entities.add({
             polyline: new Cesium.PolylineGraphics({
               positions: Cesium.Cartesian3.fromDegreesArray(points),
               width: 3,
@@ -330,7 +330,7 @@ export default {
             }),
           });
         }
-        this.viewer.flyTo(e);
+        viewer.flyTo(e);
       } else {
         this.$message({
           message: "空间范围为空！",
@@ -344,7 +344,7 @@ export default {
     // 设置数据
     setData() {
       dataSourceLayer = new Cesium.CustomDataSource("query");
-      this.viewer.dataSources.add(dataSourceLayer);
+      viewer.dataSources.add(dataSourceLayer);
       this.activeLayerId = "0";
       this.queryResults = {};
       this.queryResultsGeom = {};
@@ -666,7 +666,7 @@ export default {
       this.activeLayerId = "0";
       this.layerList = [];
       this.layersData = [];
-      this.viewer.entities.removeAll();
+      viewer.entities.removeAll();
       dataSourceLayer.entities.removeAll();
       let title;
       if (store.state.checkedData) title = store.state.checkedData.title;
@@ -754,11 +754,11 @@ export default {
       this.queryResultsGeom = {};
       this.queryResultsGeomPart = {};
       this.layerList = [];
-      this.viewer.entities.removeAll();
+      viewer.entities.removeAll();
       this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
       this.handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK);
       dataSourceLayer.entities.removeAll();
-      this.viewer.dataSources.remove(dataSourceLayer);
+      viewer.dataSources.remove(dataSourceLayer);
     },
     /**
      * 笛卡尔坐标系转WGS84坐标系(经纬度)
@@ -824,7 +824,7 @@ export default {
         case 1: {
           this.mapQuerys("mapLayerQuery"); //图层点击事件
           this.remove_query_click();
-          this.viewer.entities.removeAll();
+          viewer.entities.removeAll();
           break;
         }
         case 2: {