三维截取功能修改

584911253@qq.com

2023-03-15 6db44719b442b88a3cd1bb71ae74a778b3c4dabc

 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;