列表调整

src/components/mapView/range.vue

@@ -146,10 +146,12 @@ export default {
         this.$props.type == "hegxfx"
           ? "/static/data/ghss/导入.geojson"
           : "static/data/draw.geojson";
-      let polygon = Cesium.GeoJsonDataSource.load(
-        geojson
-        // { clampToGround: true }
-      );
+      let polygon = Cesium.GeoJsonDataSource.load(geojson, {
+        // clampToGround: true
+        stroke: Cesium.Color.RED,
+        fill: Cesium.Color.WHITE.withAlpha(0.3),
+        strokeWidth: 5,
+      });
       polygon.then(function (dataSource) {
         // 将数据源添加到Cesium Viewer
         viewer.dataSources.add(dataSource);

src/views/complianceAnalysis/components/lsjl.vue

@@ -35,7 +35,8 @@
       <div
         class="dataItem"
         v-for="(item, dindex) in datalist"
-        :key="item.objectid"
+        :class="now == item.bsm ? 'dataItemHight' : ''"
+        :key="item.bsm"
         @click="zoomItem(item)"
       >
         <div>{{ dindex + 1 }}. 项目名称：{{ item.xmlx }}</div>
@@ -104,6 +105,7 @@ export default {
         new Date(2023, 2, 1, 23, 59, 59),
       ], // '00:00:00', '23:59:59'
       datalist: [],
+      now: "",
     };
   },
   mounted() {
@@ -184,12 +186,17 @@ export default {
       });
     },
     zoomItem(item) {
+      this.now = item.bsm;
       this.addPolygon(item.geojson);
     },
     // 加载GeoJSON数据
     addPolygon(geojson) {
       viewer.dataSources.removeAll();
-      let polygon = Cesium.GeoJsonDataSource.load(geojson);
+      let polygon = Cesium.GeoJsonDataSource.load(geojson, {
+        stroke: Cesium.Color.RED,
+        fill: Cesium.Color.WHITE.withAlpha(0.3),
+        strokeWidth: 5,
+      });
       polygon.then(function (dataSource) {
         viewer.dataSources.add(dataSource);
         viewer.zoomTo(dataSource);
@@ -232,8 +239,10 @@ export default {
       position: relative;
       margin-bottom: 10px;
     }
-    .dataItem:hover {
+    .dataItem:hover,
+    .dataItemHight {
       border: 1px solid #02a7f0;
+      background-color: rgba(64, 158, 255, 0.2);
     }
     .item_bottom {
       display: flex;