修改阴影 和 可视域弹窗

@@ -10,12 +10,10 @@
                 <span>控高分析</span>
                 <span @click="closePop" class="close">×</span>
             </div>
-
             <div class="" style="padding: 18px 24px 0px 24px;">
                 <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip"
                     @change='EheightChange'></el-slider>
             </div>
-
             <div class="func-btn">
                 <div class="btn-wrapper add-bg" @click="startAnalysis">
                     <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt="">
@@ -26,7 +24,6 @@
                     <span>清除分析结果</span>
                 </div>
             </div>
-
             <div class="table-box" style="padding: 18px 24px 30px 24px;">
                 <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%">
                     <el-table-column prop="name" label="名称" align='center'>
@@ -64,7 +61,7 @@
                     name: '1号楼',
                     height: '34',
                     superelevation: '4'
-                }, ]
+                },]
             }
         },
         mounted() {},

@@ -12,36 +12,41 @@
             </div>
             <div class="func-input">
                 <span class="width-class">方向</span>
+                <el-slider style="width: 150px;" v-model="direction" :min='0' :max='360' :step='1'></el-slider>
                 <el-input-number v-model="direction" controls-position="right"
-                    style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
+                    style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
                 </el-input-number>
                 <span style="margin-left: 12px;">度</span>
             </div>
             <div class="func-input">
                 <span class="width-class">翻转</span>
+                <el-slider style="width: 150px;" v-model="flip" :min='0' :max='360' :step='1'></el-slider>
                 <el-input-number v-model="flip" controls-position="right"
-                    style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
+                    style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
                 </el-input-number>
                 <span style="margin-left: 12px;">度</span>
             </div>
             <div class="func-input">
                 <span class="width-class">距离</span>
+                <el-slider style="width: 150px;" v-model="distance" :min='0' :max='10000' :step='1'></el-slider>
                 <el-input-number v-model="distance" controls-position="right"
-                    style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="1000000000">
+                    style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="10000">
                 </el-input-number>
                 <span style="margin-left: 12px;">米</span>
             </div>
             <div class="func-input">
                 <span class="width-class">水平视场角</span>
+                <el-slider style="width: 150px;" v-model="level" :min='0' :max='360' :step='1'></el-slider>
                 <el-input-number v-model="level" controls-position="right"
-                    style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
+                    style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
                 </el-input-number>
                 <span style="margin-left: 12px;">度</span>
             </div>
             <div class="func-input">
                 <span class="width-class">垂直视场角</span>
+                <el-slider style="width: 150px;" v-model="vertical" :min='0' :max='360' :step='1'></el-slider>
                 <el-input-number v-model="vertical" controls-position="right"
-                    style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
+                    style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
                 </el-input-number>
                 <span style="margin-left: 12px;">度</span>
             </div>
@@ -67,11 +72,11 @@
             return {
                 step: 1,
                 num: 1,
-                direction: '', // 方向
-                flip: '', // 翻转
+                direction: 180, // 方向
+                flip: 90, // 翻转
                 distance: '', // 距离
-                level: '', // 水平视场角
-                vertical: '', // 垂直视场角
+                level: 180, // 水平视场角
+                vertical: 180, // 垂直视场角
                 yesColor: 'red', // 可见区域颜色
                 noColor: 'rgba(255, 69, 0, 0.68)', // 不可见区域颜色
 

@@ -10,7 +10,6 @@
                 <span>淹没分析</span>
                 <span @click="closePop" class="close">×</span>
             </div>
-
             <div class="func-input">
                 <span>分析区域</span>
                 <div class="btn-wrapper2" :class="[isXmbj?'add-bg2': '']" @click="handleIsXmbj(true)">
@@ -20,7 +19,6 @@
                     <span class="center">绘制</span>
                 </div>
             </div>
-
             <div class="func-input">
                 <span>水底高程</span>
                 <el-input-number v-model="sdgc" controls-position="right"
@@ -28,7 +26,6 @@
                 </el-input-number>
                 <span style="margin-left: 12px;">米</span>
             </div>
-
             <div class="func-input">
                 <span>水位深度</span>
                 <el-input-number v-model="swsd" controls-position="right"
@@ -43,7 +40,6 @@
                 </el-input-number>
                 <span style="margin-left: 12px;">米</span>
             </div>
-
             <div class="func-input">
                 <span>当前水位</span>
                 <span style="margin-left: 36px;">1263.7米</span>
@@ -58,7 +54,6 @@
                     <span>暂停分析</span>
                 </div>
             </div>
-
         </div>
     </div>
 </template>