15390f19 by 刘远

修改阴影 和 可视域弹窗

1 parent 11d516ac
No preview for this file type
...@@ -10,12 +10,10 @@ ...@@ -10,12 +10,10 @@
10 <span>控高分析</span> 10 <span>控高分析</span>
11 <span @click="closePop" class="close">×</span> 11 <span @click="closePop" class="close">×</span>
12 </div> 12 </div>
13
14 <div class="" style="padding: 18px 24px 0px 24px;"> 13 <div class="" style="padding: 18px 24px 0px 24px;">
15 <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip" 14 <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip"
16 @change='EheightChange'></el-slider> 15 @change='EheightChange'></el-slider>
17 </div> 16 </div>
18
19 <div class="func-btn"> 17 <div class="func-btn">
20 <div class="btn-wrapper add-bg" @click="startAnalysis"> 18 <div class="btn-wrapper add-bg" @click="startAnalysis">
21 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt=""> 19 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt="">
...@@ -26,7 +24,6 @@ ...@@ -26,7 +24,6 @@
26 <span>清除分析结果</span> 24 <span>清除分析结果</span>
27 </div> 25 </div>
28 </div> 26 </div>
29
30 <div class="table-box" style="padding: 18px 24px 30px 24px;"> 27 <div class="table-box" style="padding: 18px 24px 30px 24px;">
31 <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%"> 28 <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%">
32 <el-table-column prop="name" label="名称" align='center'> 29 <el-table-column prop="name" label="名称" align='center'>
...@@ -64,7 +61,7 @@ ...@@ -64,7 +61,7 @@
64 name: '1号楼', 61 name: '1号楼',
65 height: '34', 62 height: '34',
66 superelevation: '4' 63 superelevation: '4'
67 }, ] 64 },]
68 } 65 }
69 }, 66 },
70 mounted() {}, 67 mounted() {},
......
...@@ -12,36 +12,41 @@ ...@@ -12,36 +12,41 @@
12 </div> 12 </div>
13 <div class="func-input"> 13 <div class="func-input">
14 <span class="width-class">方向</span> 14 <span class="width-class">方向</span>
15 <el-slider style="width: 150px;" v-model="direction" :min='0' :max='360' :step='1'></el-slider>
15 <el-input-number v-model="direction" controls-position="right" 16 <el-input-number v-model="direction" controls-position="right"
16 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> 17 style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
17 </el-input-number> 18 </el-input-number>
18 <span style="margin-left: 12px;"></span> 19 <span style="margin-left: 12px;"></span>
19 </div> 20 </div>
20 <div class="func-input"> 21 <div class="func-input">
21 <span class="width-class">翻转</span> 22 <span class="width-class">翻转</span>
23 <el-slider style="width: 150px;" v-model="flip" :min='0' :max='360' :step='1'></el-slider>
22 <el-input-number v-model="flip" controls-position="right" 24 <el-input-number v-model="flip" controls-position="right"
23 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> 25 style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
24 </el-input-number> 26 </el-input-number>
25 <span style="margin-left: 12px;"></span> 27 <span style="margin-left: 12px;"></span>
26 </div> 28 </div>
27 <div class="func-input"> 29 <div class="func-input">
28 <span class="width-class">距离</span> 30 <span class="width-class">距离</span>
31 <el-slider style="width: 150px;" v-model="distance" :min='0' :max='10000' :step='1'></el-slider>
29 <el-input-number v-model="distance" controls-position="right" 32 <el-input-number v-model="distance" controls-position="right"
30 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="1000000000"> 33 style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="10000">
31 </el-input-number> 34 </el-input-number>
32 <span style="margin-left: 12px;"></span> 35 <span style="margin-left: 12px;"></span>
33 </div> 36 </div>
34 <div class="func-input"> 37 <div class="func-input">
35 <span class="width-class">水平视场角</span> 38 <span class="width-class">水平视场角</span>
39 <el-slider style="width: 150px;" v-model="level" :min='0' :max='360' :step='1'></el-slider>
36 <el-input-number v-model="level" controls-position="right" 40 <el-input-number v-model="level" controls-position="right"
37 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> 41 style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
38 </el-input-number> 42 </el-input-number>
39 <span style="margin-left: 12px;"></span> 43 <span style="margin-left: 12px;"></span>
40 </div> 44 </div>
41 <div class="func-input"> 45 <div class="func-input">
42 <span class="width-class">垂直视场角</span> 46 <span class="width-class">垂直视场角</span>
47 <el-slider style="width: 150px;" v-model="vertical" :min='0' :max='360' :step='1'></el-slider>
43 <el-input-number v-model="vertical" controls-position="right" 48 <el-input-number v-model="vertical" controls-position="right"
44 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> 49 style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
45 </el-input-number> 50 </el-input-number>
46 <span style="margin-left: 12px;"></span> 51 <span style="margin-left: 12px;"></span>
47 </div> 52 </div>
...@@ -67,11 +72,11 @@ ...@@ -67,11 +72,11 @@
67 return { 72 return {
68 step: 1, 73 step: 1,
69 num: 1, 74 num: 1,
70 direction: '', // 方向 75 direction: 180, // 方向
71 flip: '', // 翻转 76 flip: 90, // 翻转
72 distance: '', // 距离 77 distance: '', // 距离
73 level: '', // 水平视场角 78 level: 180, // 水平视场角
74 vertical: '', // 垂直视场角 79 vertical: 180, // 垂直视场角
75 yesColor: 'red', // 可见区域颜色 80 yesColor: 'red', // 可见区域颜色
76 noColor: 'rgba(255, 69, 0, 0.68)', // 不可见区域颜色 81 noColor: 'rgba(255, 69, 0, 0.68)', // 不可见区域颜色
77 82
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
10 <span>淹没分析</span> 10 <span>淹没分析</span>
11 <span @click="closePop" class="close">×</span> 11 <span @click="closePop" class="close">×</span>
12 </div> 12 </div>
13
14 <div class="func-input"> 13 <div class="func-input">
15 <span>分析区域</span> 14 <span>分析区域</span>
16 <div class="btn-wrapper2" :class="[isXmbj?'add-bg2': '']" @click="handleIsXmbj(true)"> 15 <div class="btn-wrapper2" :class="[isXmbj?'add-bg2': '']" @click="handleIsXmbj(true)">
...@@ -20,7 +19,6 @@ ...@@ -20,7 +19,6 @@
20 <span class="center">绘制</span> 19 <span class="center">绘制</span>
21 </div> 20 </div>
22 </div> 21 </div>
23
24 <div class="func-input"> 22 <div class="func-input">
25 <span>水底高程</span> 23 <span>水底高程</span>
26 <el-input-number v-model="sdgc" controls-position="right" 24 <el-input-number v-model="sdgc" controls-position="right"
...@@ -28,7 +26,6 @@ ...@@ -28,7 +26,6 @@
28 </el-input-number> 26 </el-input-number>
29 <span style="margin-left: 12px;"></span> 27 <span style="margin-left: 12px;"></span>
30 </div> 28 </div>
31
32 <div class="func-input"> 29 <div class="func-input">
33 <span>水位深度</span> 30 <span>水位深度</span>
34 <el-input-number v-model="swsd" controls-position="right" 31 <el-input-number v-model="swsd" controls-position="right"
...@@ -43,7 +40,6 @@ ...@@ -43,7 +40,6 @@
43 </el-input-number> 40 </el-input-number>
44 <span style="margin-left: 12px;"></span> 41 <span style="margin-left: 12px;"></span>
45 </div> 42 </div>
46
47 <div class="func-input"> 43 <div class="func-input">
48 <span>当前水位</span> 44 <span>当前水位</span>
49 <span style="margin-left: 36px;">1263.7米</span> 45 <span style="margin-left: 36px;">1263.7米</span>
...@@ -58,7 +54,6 @@ ...@@ -58,7 +54,6 @@
58 <span>暂停分析</span> 54 <span>暂停分析</span>
59 </div> 55 </div>
60 </div> 56 </div>
61
62 </div> 57 </div>
63 </div> 58 </div>
64 </template> 59 </template>
......