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