模型剖切

src/components/3DAnalysis/ClippingPlanes/index.vue

@@ -2,21 +2,24 @@
   <div class="sm-function-module-content">
     <el-form :model="form" ref="ruleForm" label-width="100px">
       <el-form-item label="裁剪区域宽度:" prop="width">
-        <el-input
+        <el-slider
+          class="inputwidth"
+          :min="1"
+          :max="500"
+          :step="1"
           v-model="form.width"
-          size="mini"
-          type="number"
-          placeholder=""
-          @input="changewh"
-        ></el-input>
+          @input="changewh()"
+        ></el-slider>
       </el-form-item>
       <el-form-item label="裁剪区域高度:" prop="height">
-        <el-input
+        <el-slider
+          class="inputwidth"
+          :min="1"
+          :max="500"
+          :step="1"
           v-model="form.height"
-          size="mini"
-          type="number"
-          @input="changewh"
-        ></el-input>
+          @input="changewh()"
+        ></el-slider>
       </el-form-item>
       <el-form-item label="绕X轴旋转:" prop="pitch">
         <el-slider
@@ -114,14 +117,12 @@ export default {
         pos = position;
         // this.form.extrudeDistance = 100 - hei;
         // this.changehpr(pos);
-        console.log(box, "---s-s-s-s-");
         box.show = false;
         this.analysis();
         handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
       });
     },
     changewh() {
-      console.log("-s--s-s-s-s-");
       this.setBox();
       this.analysis();
     },
@@ -180,6 +181,8 @@ export default {
           outlineWidth: 5.0,
         },
       });
+      this.setBox();
+      this.changehpr();
     },
     setBox() {
       if (!box) return;