From 6db44719b442b88a3cd1bb71ae74a778b3c4dabc Mon Sep 17 00:00:00 2001 From: 584911253@qq.com <584911253@qq.com> Date: 星期三, 15 三月 2023 16:18:00 +0800 Subject: [PATCH] 三维截取功能修改 --- src/components/mapsdk.vue | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 49 insertions(+), 0 deletions(-) diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index f4dc56b..81fb2b9 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -448,6 +448,24 @@ </el-card> </div> + <!--涓夌淮鎴潰鍒嗘瀽寮圭獥--> + <div + class="modelClipPop" + v-if="$store.state.propertiesFlag == '3'" + > + <div class="slide-bg"> + <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueX"></el-slider> + <span>宸﹀彸鎴潰</span> + </div> + <div class="slide-bg"> + <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueY"></el-slider> + <span>鍓嶅悗鎴潰</span> + </div> + <div class="slide-bg"> + <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueZ"></el-slider> + <span>涓婁笅鎴潰</span> + </div> + </div> <!--闄勪欢鍒楄〃寮圭獥--> <el-dialog @@ -659,6 +677,9 @@ }, showAttribute: false, attributeList: [], + valueZ:0, + valueX:0, + valueY:0 }; }, mounted() { @@ -685,6 +706,10 @@ }); //妯″瀷鎹曟崏 this.catchmodel() + + window.localStorage.setItem('slider_x',this.valueX); + window.localStorage.setItem('slider_y',this.valueY); + window.localStorage.setItem('slider_z',this.valueZ); }, methods: { @@ -1495,6 +1520,11 @@ this.attributeList = list; } }, + valveChange(){ + window.localStorage.setItem('slider_x',this.valueX); + window.localStorage.setItem('slider_y',this.valueY); + window.localStorage.setItem('slider_z',this.valueZ); + } }, destroyed() { this.showAttribute = false @@ -1551,6 +1581,25 @@ padding: 10px 20px; } } + .modelClipPop{ + width: 350px; + z-index: 40; + position: absolute; + left: 2%; + top: 3%; + background: rgba(255,255,255,0.85); + border: 1px solid rgba(32, 160, 255, 0.6); + .slide-bg{ + padding:10px; + display: flex; + align-items: center; + .slide{ + width: 250px; + margin-left: 5px; + margin-right: 15px; + } + } + } .pathAnalysisBox{ width: 412px; height: 370px; -- Gitblit v1.9.3