From 87e98d5b5efeb7a9cf6330ae03e6dd53699b7ef1 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 15 一月 2024 17:10:25 +0800
Subject: [PATCH] 代码更新

---
 src/components/left/layerTree/modelLayer.vue |   77 ++++++++++++++++++++++++++------------
 1 files changed, 53 insertions(+), 24 deletions(-)

diff --git a/src/components/left/layerTree/modelLayer.vue b/src/components/left/layerTree/modelLayer.vue
index a7bbd76..6d2db5d 100644
--- a/src/components/left/layerTree/modelLayer.vue
+++ b/src/components/left/layerTree/modelLayer.vue
@@ -1,53 +1,79 @@
 <template>
-  <div class="modelBox" v-drag >
+  <div class="modelBox" v-drag>
     <div>
-      <div class="modleTitle "  >
+      <div class="modleTitle">
         <div>妯″瀷娣诲姞</div>
-        <div class="modelClose" @click="$store.state.showModelFlag = false"> X</div>
+        <el-button size="mini" @click="batchAdd">鎵归噺娣诲姞</el-button>
+        <div class="modelClose" @click="$store.state.showModelFlag = false">
+          X
+        </div>
       </div>
     </div>
     <div class="modelContent">
-      <div class="modelType" v-for="(item, index) in modelOption" :key="index" @click="setModelAddLayer(item)">
-        <img class="imgIcon" :src="require('../../../assets/img/model/' + item.imgUrl)" />
+      <div
+        class="modelType"
+        v-for="(item, index) in modelOption"
+        :key="index"
+        @click="setModelAddLayer(item)"
+      >
+        <img
+          class="imgIcon"
+          :src="require('../../../assets/img/model/' + item.imgUrl)"
+        />
       </div>
     </div>
-
-
   </div>
 </template>
 
 <script>
-import model from '../../../assets/js/Layer/model';
+import model from "../../../assets/js/Layer/model";
+import batchAddGrid from "../../../assets/js/Layer/batchAddGrid";
 
 export default {
   name: "modelLayer",
-  components: {
-
-  },
+  components: {},
 
   data() {
     return {
-      modelOption: [
-
-      ],
+      modelOption: [],
     };
   },
   mounted() {
     this.setLayerStart();
   },
-  destroyed() {
-
-  },
+  destroyed() {},
   methods: {
     setLayerStart() {
       this.modelOption = layerData.modelData;
- 
     },
     setModelAddLayer(item) {
-      // model
-      model.changeLayer(item,true);
+      if (this.$store.state.batchGridArr == []) {
+        // model
+        model.changeLayer(item, true);
+      } else {
+        model.changeBatchLayer(item, true);
+        this.$store.state.isBatchGridArr =false; 
+        let coordinates = this.$store.state.batchGridArr;
+        let shape = this.$store.state.batchShape;
+        Viewer.entities.remove(shape);
+        coordinates.forEach((element) => {
+          let coordinate = {
+            longitude: Number(element[0].toFixed(6)),
+            latitude: Number(element[1].toFixed(6)),
+            altitude: 0,
+            heading: 0,
+            pitch: 0,
+            roll: 0,
+            scale: 1,
+          };
+          model.setModelCoord(coordinate);
+        });
+      }
     },
-  }
+    batchAdd() {
+      batchAddGrid.drawRect();
+    },
+  },
 };
 </script>
 
@@ -61,7 +87,11 @@
   background-color: rgba(0, 0, 0, 0.6); // #0048fd69 !important
   z-index: 9999;
   position: absolute;
-
+.el-button {
+  background-color: #0051e9;
+  color: #fff;
+ 
+}
   .modleTitle {
     height: 42px;
     width: 90%;
@@ -102,11 +132,10 @@
         width: 100%;
         height: 100%;
       }
-
     }
 
     .modelType :hover {
-      border: 1px solid #409EFF;
+      border: 1px solid #409eff;
     }
   }
 }

--
Gitblit v1.9.3