Merge remote-tracking branch 'origin/master'
# Conflicts: # public/index.html # src/components/yyAnslysis.vue # src/views/Home.vue
Showing
10 changed files
with
402 additions
and
35 deletions
... | @@ -27,4 +27,26 @@ | ... | @@ -27,4 +27,26 @@ |
27 | <div id="app"></div> | 27 | <div id="app"></div> |
28 | <!-- built files will be auto injected --> | 28 | <!-- built files will be auto injected --> |
29 | </body> | 29 | </body> |
30 | </html> | 30 | |
31 | <head> | ||
32 | <meta charset="utf-8"> | ||
33 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
34 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
35 | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | ||
36 | <title><%= htmlWebpackPlugin.options.title %></title> | ||
37 | <script src="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Cesium.js"></script> | ||
38 | <link href="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> | ||
39 | |||
40 | <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> | ||
41 | </head> | ||
42 | |||
43 | <body> | ||
44 | <noscript> | ||
45 | <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. | ||
46 | Please enable it to continue.</strong> | ||
47 | </noscript> | ||
48 | <div id="app"></div> | ||
49 | <!-- built files will be auto injected --> | ||
50 | </body> | ||
51 | |||
52 | </html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -2,16 +2,16 @@ | ... | @@ -2,16 +2,16 @@ |
2 | <template> | 2 | <template> |
3 | <div class="container"> | 3 | <div class="container"> |
4 | <div class="wrapper"> | 4 | <div class="wrapper"> |
5 | <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT')"> | 5 | <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT', '一张图')"> |
6 | <span>一张图</span> | 6 | <span>一张图</span> |
7 | </div> | 7 | </div> |
8 | <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC')"> | 8 | <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC', '1')"> |
9 | <span>成果审查管理</span> | 9 | <span>规划成果审查</span> |
10 | </div> | 10 | </div> |
11 | <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD')"> | 11 | <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD', '2')"> |
12 | <span>实施监督预警</span> | 12 | <span>实施监督预警</span> |
13 | </div> | 13 | </div> |
14 | <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG')"> | 14 | <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG', '3')"> |
15 | <span>批后监管</span> | 15 | <span>批后监管</span> |
16 | </div> | 16 | </div> |
17 | </div> | 17 | </div> |
... | @@ -33,12 +33,30 @@ | ... | @@ -33,12 +33,30 @@ |
33 | }, | 33 | }, |
34 | mounted() {}, | 34 | mounted() {}, |
35 | methods: { | 35 | methods: { |
36 | jumpNav(val) { | 36 | jumpNav(val, label) { |
37 | this.flagArr.forEach(ele => { | 37 | // this.flagArr.forEach(ele => { |
38 | if (ele == val) this[val] = true; | 38 | // if (ele == val) this[val] = true; |
39 | else this[ele] = false; | 39 | // else this[ele] = false; |
40 | }); | 40 | // }); |
41 | if(val != 'isYZT') { | ||
42 | this.login(val, label); | ||
43 | }; | ||
41 | }, | 44 | }, |
45 | login(val, label) { | ||
46 | $.ajax({ | ||
47 | type:"POST", | ||
48 | url: this.config.loginUrl + '/api/v1/user/login', | ||
49 | dataType:"json", | ||
50 | async:false, | ||
51 | data:{username:'案件查处',password:'123'}, | ||
52 | success:(res) => { | ||
53 | window.open(`http://10.6.144.88:10001/frontweb/index.jsp?type=${label}`) | ||
54 | }, | ||
55 | fail: () => { | ||
56 | |||
57 | } | ||
58 | }) | ||
59 | } | ||
42 | } | 60 | } |
43 | } | 61 | } |
44 | </script> | 62 | </script> | ... | ... |
... | @@ -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() {}, | ... | ... |
... | @@ -102,6 +102,12 @@ | ... | @@ -102,6 +102,12 @@ |
102 | </el-tooltip> | 102 | </el-tooltip> |
103 | </div> | 103 | </div> |
104 | 104 | ||
105 | <!--可视域分析 --> | ||
106 | <div class="func-ico" :class="[visualField?'selected':'']" @click="handlevisualField('visualField')"> | ||
107 | <el-tooltip class="item" effect="dark" content="可视域分析" placement="left"> | ||
108 | <img src="../assets/一张图/icon_通视.png" alt=""> | ||
109 | </el-tooltip> | ||
110 | </div> | ||
105 | 111 | ||
106 | <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()"> | 112 | <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()"> |
107 | <img src="../assets/toolbar_icon_ 展开.png" alt=""> | 113 | <img src="../assets/toolbar_icon_ 展开.png" alt=""> |
... | @@ -117,8 +123,8 @@ | ... | @@ -117,8 +123,8 @@ |
117 | components: {}, | 123 | components: {}, |
118 | props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', | 124 | props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', |
119 | 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', | 125 | 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', |
120 | 'topSee', 'roundSee', 'horizon', 'allSee','ymAnslysis', | 126 | 'topSee', 'roundSee', 'horizon', 'allSee', 'ymAnslysis', |
121 | 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis' | 127 | 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis', 'visualField' |
122 | ], | 128 | ], |
123 | data() { | 129 | data() { |
124 | return {} | 130 | return {} |
... | @@ -181,6 +187,9 @@ | ... | @@ -181,6 +187,9 @@ |
181 | }, | 187 | }, |
182 | handlekgAnalusis(val) { | 188 | handlekgAnalusis(val) { |
183 | this.$emit('kgAnalusis', val, this.kgAnalusis); | 189 | this.$emit('kgAnalusis', val, this.kgAnalusis); |
190 | }, | ||
191 | handlevisualField(val) { | ||
192 | this.$emit('visualField', val, this.visualField); | ||
184 | } | 193 | } |
185 | } | 194 | } |
186 | } | 195 | } | ... | ... |
... | @@ -21,7 +21,7 @@ | ... | @@ -21,7 +21,7 @@ |
21 | </div> | 21 | </div> |
22 | </div> | 22 | </div> |
23 | 23 | ||
24 | <div class="kg-img"> | 24 | <div class="kg-img"> |
25 | <div class="kg-box"> | 25 | <div class="kg-box"> |
26 | <img :src="src" alt="" style="width: 100%; height: 100%;"> | 26 | <img :src="src" alt="" style="width: 100%; height: 100%;"> |
27 | <div class="btn-wrapper2"> | 27 | <div class="btn-wrapper2"> |
... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
46 | components: {}, | 46 | components: {}, |
47 | data() { | 47 | data() { |
48 | return { | 48 | return { |
49 | src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' | 49 | src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' |
50 | } | 50 | } |
51 | }, | 51 | }, |
52 | mounted() {}, | 52 | mounted() {}, |
... | @@ -198,15 +198,15 @@ | ... | @@ -198,15 +198,15 @@ |
198 | } | 198 | } |
199 | 199 | ||
200 | .kg-img { | 200 | .kg-img { |
201 | width: 410px; | 201 | width: 410px; |
202 | padding: 0px 24px 0px 24px; | 202 | padding: 0px 24px 0px 24px; |
203 | padding-bottom: 10px; | 203 | padding-bottom: 10px; |
204 | } | 204 | } |
205 | 205 | ||
206 | .kg-box { | 206 | .kg-box { |
207 | width: 100%; | 207 | width: 100%; |
208 | height: 180px; | 208 | height: 180px; |
209 | position: relative; | 209 | position: relative; |
210 | margin-bottom: 20px; | 210 | margin-bottom: 20px; |
211 | } | 211 | } |
212 | 212 | ... | ... |
src/components/visualField.vue
0 → 100644
1 | // 淹没分析弹窗 | ||
2 | <template> | ||
3 | <div class="container"> | ||
4 | <div class="wrapper"> | ||
5 | <div class="box"> | ||
6 | </div> | ||
7 | </div> | ||
8 | <div class="mian"> | ||
9 | <div class="title"> | ||
10 | <span>可视域分析</span> | ||
11 | <span @click="closePop" class="close">×</span> | ||
12 | </div> | ||
13 | <div class="func-input"> | ||
14 | <span class="width-class">方向</span> | ||
15 | <el-slider style="width: 150px;" v-model="direction" :min='0' :max='360' :step='1'></el-slider> | ||
16 | <el-input-number v-model="direction" controls-position="right" | ||
17 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
18 | </el-input-number> | ||
19 | <span style="margin-left: 12px;">度</span> | ||
20 | </div> | ||
21 | <div class="func-input"> | ||
22 | <span class="width-class">翻转</span> | ||
23 | <el-slider style="width: 150px;" v-model="flip" :min='0' :max='360' :step='1'></el-slider> | ||
24 | <el-input-number v-model="flip" controls-position="right" | ||
25 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
26 | </el-input-number> | ||
27 | <span style="margin-left: 12px;">度</span> | ||
28 | </div> | ||
29 | <div class="func-input"> | ||
30 | <span class="width-class">距离</span> | ||
31 | <el-slider style="width: 150px;" v-model="distance" :min='0' :max='10000' :step='1'></el-slider> | ||
32 | <el-input-number v-model="distance" controls-position="right" | ||
33 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="10000"> | ||
34 | </el-input-number> | ||
35 | <span style="margin-left: 12px;">米</span> | ||
36 | </div> | ||
37 | <div class="func-input"> | ||
38 | <span class="width-class">水平视场角</span> | ||
39 | <el-slider style="width: 150px;" v-model="level" :min='0' :max='360' :step='1'></el-slider> | ||
40 | <el-input-number v-model="level" controls-position="right" | ||
41 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
42 | </el-input-number> | ||
43 | <span style="margin-left: 12px;">度</span> | ||
44 | </div> | ||
45 | <div class="func-input"> | ||
46 | <span class="width-class">垂直视场角</span> | ||
47 | <el-slider style="width: 150px;" v-model="vertical" :min='0' :max='360' :step='1'></el-slider> | ||
48 | <el-input-number v-model="vertical" controls-position="right" | ||
49 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
50 | </el-input-number> | ||
51 | <span style="margin-left: 12px;">度</span> | ||
52 | </div> | ||
53 | <div class="select-color"> | ||
54 | <div class="block"> | ||
55 | <div class="demonstration">可见区域颜色</div> | ||
56 | <el-color-picker v-model="yesColor"></el-color-picker> | ||
57 | </div> | ||
58 | <div class="block"> | ||
59 | <div class="demonstration">不可见区域颜色</div> | ||
60 | <el-color-picker v-model="noColor"></el-color-picker> | ||
61 | </div> | ||
62 | </div> | ||
63 | </div> | ||
64 | </div> | ||
65 | </template> | ||
66 | |||
67 | <script> | ||
68 | export default { | ||
69 | name: 'allSee', | ||
70 | components: {}, | ||
71 | data() { | ||
72 | return { | ||
73 | step: 1, | ||
74 | num: 1, | ||
75 | direction: 180, // 方向 | ||
76 | flip: 90, // 翻转 | ||
77 | distance: 0, // 距离 | ||
78 | level: 180, // 水平视场角 | ||
79 | vertical: 180, // 垂直视场角 | ||
80 | yesColor: 'red', // 可见区域颜色 | ||
81 | noColor: 'rgba(255, 69, 0, 0.68)', // 不可见区域颜色 | ||
82 | |||
83 | isXmbj: true, | ||
84 | // isAnalysis: true | ||
85 | } | ||
86 | }, | ||
87 | mounted() {}, | ||
88 | methods: { | ||
89 | closePop() { | ||
90 | this.$emit('closePop', 'visualField') | ||
91 | }, | ||
92 | handleChange() { | ||
93 | |||
94 | }, | ||
95 | startAnalysis() { | ||
96 | // this.isAnalysis = true; | ||
97 | }, | ||
98 | stopAnalysis() { | ||
99 | // this.isAnalysis = false; | ||
100 | }, | ||
101 | handleIsXmbj(flag) { | ||
102 | this.isXmbj = flag; | ||
103 | } | ||
104 | } | ||
105 | } | ||
106 | </script> | ||
107 | |||
108 | <style scoped> | ||
109 | .container { | ||
110 | position: relative; | ||
111 | color: #fff; | ||
112 | font-size: 16px; | ||
113 | width: 450px; | ||
114 | } | ||
115 | |||
116 | .wrapper { | ||
117 | position: absolute; | ||
118 | width: 100%; | ||
119 | height: 100%; | ||
120 | z-index: 1; | ||
121 | border: 1px solid rgba(151, 151, 151, 0.58); | ||
122 | } | ||
123 | |||
124 | .box { | ||
125 | background: rgba(4, 10, 10, 0.58); | ||
126 | box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.5); | ||
127 | /* filter: blur(10px); */ | ||
128 | height: 100px; | ||
129 | position: absolute; | ||
130 | width: 100%; | ||
131 | height: 100%; | ||
132 | z-index: 1; | ||
133 | } | ||
134 | |||
135 | .mian { | ||
136 | position: relative; | ||
137 | width: 100%; | ||
138 | height: 100%; | ||
139 | z-index: 1000; | ||
140 | } | ||
141 | |||
142 | .list-box span:nth-of-type(1) { | ||
143 | display: inline-block; | ||
144 | width: 98px; | ||
145 | margin-right: 20px; | ||
146 | color: rgba(255, 255, 255, .7); | ||
147 | } | ||
148 | |||
149 | .list-box span:nth-of-type(2) { | ||
150 | margin-top: 14px; | ||
151 | display: inline-block; | ||
152 | } | ||
153 | |||
154 | |||
155 | .title { | ||
156 | display: flex; | ||
157 | justify-content: space-between; | ||
158 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ||
159 | padding: 18px 24px; | ||
160 | font-size: 20px; | ||
161 | } | ||
162 | |||
163 | |||
164 | .func-input { | ||
165 | display: flex; | ||
166 | align-items: center; | ||
167 | /* justify-content: space-between; */ | ||
168 | padding: 18px 24px 0px 24px; | ||
169 | font-size: 18px; | ||
170 | cursor: pointer; | ||
171 | } | ||
172 | |||
173 | .func { | ||
174 | padding: 18px 24px; | ||
175 | } | ||
176 | |||
177 | |||
178 | |||
179 | .func-btn { | ||
180 | display: flex; | ||
181 | padding: 18px 24px 37px 24px; | ||
182 | align-items: center; | ||
183 | font-size: 18px; | ||
184 | cursor: pointer; | ||
185 | } | ||
186 | |||
187 | .btn-wrapper { | ||
188 | display: flex; | ||
189 | align-items: center; | ||
190 | width: 190px; | ||
191 | height: 36px; | ||
192 | background-image: url('../assets/弹窗按钮背景-默认.png'); | ||
193 | background-size: 100% 100%; | ||
194 | background-repeat: no-repeat; | ||
195 | line-height: 36px; | ||
196 | } | ||
197 | |||
198 | .add-bg { | ||
199 | background-image: url('../assets/弹窗按钮背景-选中.png'); | ||
200 | } | ||
201 | |||
202 | |||
203 | .btn-wrapper2 { | ||
204 | display: flex; | ||
205 | align-items: center; | ||
206 | width: 116px; | ||
207 | height: 38px; | ||
208 | background-image: url('../assets/一张图/bg_专题分析.png'); | ||
209 | background-size: 100% 100%; | ||
210 | background-repeat: no-repeat; | ||
211 | text-align: center; | ||
212 | line-height: 38px; | ||
213 | margin-left: 13px; | ||
214 | } | ||
215 | |||
216 | .add-bg2 { | ||
217 | background-image: url('../assets/一张图/bg_资源目录.png'); | ||
218 | } | ||
219 | |||
220 | .close { | ||
221 | cursor: pointer; | ||
222 | } | ||
223 | |||
224 | .center { | ||
225 | display: inline-block; | ||
226 | width: 100%; | ||
227 | height: 100%; | ||
228 | text-align: center; | ||
229 | } | ||
230 | |||
231 | .width-class { | ||
232 | width: 90px; | ||
233 | font-size: 16px; | ||
234 | } | ||
235 | |||
236 | .select-color { | ||
237 | display: flex; | ||
238 | justify-content: space-around; | ||
239 | text-align: center; | ||
240 | padding: 30px 0px; | ||
241 | } | ||
242 | |||
243 | .demonstration { | ||
244 | margin-bottom: 10px; | ||
245 | font-size: 16px; | ||
246 | } | ||
247 | |||
248 | >>>input::-webkit-input-placeholder { | ||
249 | font-size: 16px; | ||
250 | color: rgba(255, 255, 255, 0.78) !important; | ||
251 | } | ||
252 | |||
253 | >>>.el-input__inner { | ||
254 | background: rgba(4, 10, 10, 0.58) !important; | ||
255 | border: 1px solid rgba(23, 34, 38, 0.57); | ||
256 | color: #fff; | ||
257 | } | ||
258 | |||
259 | >>>.el-input-number.is-controls-right .el-input__inner { | ||
260 | text-align: left; | ||
261 | } | ||
262 | |||
263 | >>>.el-input__suffix { | ||
264 | color: #fff; | ||
265 | font-size: 17px; | ||
266 | } | ||
267 | |||
268 | >>>.el-input-number__increase, | ||
269 | >>>.el-input-number__decrease { | ||
270 | background: rgba(4, 10, 10, 0.58); | ||
271 | } | ||
272 | |||
273 | >>>.el-input-number.is-controls-right .el-input-number__decrease, | ||
274 | >>>.el-input-number__increase { | ||
275 | border-left: 1px solid rgba(4, 10, 10, 0.58); | ||
276 | } | ||
277 | |||
278 | >>>.el-icon-arrow-up:before, | ||
279 | >>>.el-icon-arrow-down:before { | ||
280 | color: #fff; | ||
281 | } | ||
282 | |||
283 | >>>.el-input-number.is-controls-right .el-input-number__increase { | ||
284 | border-bottom: 1px solid rgba(4, 10, 10, 0.58); | ||
285 | } | ||
286 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -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> | ... | ... |
... | @@ -16,7 +16,38 @@ | ... | @@ -16,7 +16,38 @@ |
16 | <el-date-picker v-model="anslysisTime" type="date" style="margin-left: 12px; width: 245px;" | 16 | <el-date-picker v-model="anslysisTime" type="date" style="margin-left: 12px; width: 245px;" |
17 | placeholder="选择分析日期"> | 17 | placeholder="选择分析日期"> |
18 | </el-date-picker> | 18 | </el-date-picker> |
19 | </div> | 19 | </div> |
20 | |||
21 | <div class="func-input"> | ||
22 | <span>开始时间</span> | ||
23 | <el-time-picker style="margin:0 12px; width: 245px;" v-model="staTime" | ||
24 | :picker-options="pickerOptions" placeholder="选择开始时间"> | ||
25 | </el-time-picker> | ||
26 | </div> | ||
27 | <div class="func-input"> | ||
28 | <span>结束时间</span> | ||
29 | <el-time-picker style="margin:0 12px; width: 245px;" v-model="endTime" | ||
30 | :picker-options="pickerOptions" placeholder="选择结束时间"> | ||
31 | </el-time-picker> | ||
32 | </div> | ||
33 | |||
34 | <!-- <div class="func-input"> | ||
35 | <div class="btn-wrapper2" :class="[isCF?'add-bg2': '']" @click="handleIsXmbj('isCF')"> | ||
36 | <span class="center">春分</span> | ||
37 | </div> | ||
38 | <div class="btn-wrapper2" :class="[isXZ?'add-bg2': '']" @click="handleIsXmbj('isXZ')"> | ||
39 | <span class="center">夏至</span> | ||
40 | </div> | ||
41 | <div class="btn-wrapper2" :class="[isQF?'add-bg2': '']" @click="handleIsXmbj('isQF')"> | ||
42 | <span class="center">秋分</span> | ||
43 | </div> | ||
44 | <div class="btn-wrapper2" :class="[isLD?'add-bg2': '']" @click="handleIsXmbj('isLD')"> | ||
45 | <span class="center">立冬</span> | ||
46 | </div> | ||
47 | <div class="btn-wrapper2" :class="[isDZ?'add-bg2': '']" @click="handleIsXmbj('isDZ')"> | ||
48 | <span class="center">冬至</span> | ||
49 | </div> | ||
50 | </div> --> | ||
20 | 51 | ||
21 | <div class="func-input"> | 52 | <div class="func-input"> |
22 | <span>时间间隔 </span> | 53 | <span>时间间隔 </span> |
... | @@ -45,7 +76,6 @@ | ... | @@ -45,7 +76,6 @@ |
45 | </template> | 76 | </template> |
46 | 77 | ||
47 | <script> | 78 | <script> |
48 | import shadow from "../assets/js/map/shadow"; | ||
49 | let maxW = 24 * 60 * 60 * 1000 - 1 * 60 * 1000 | 79 | let maxW = 24 * 60 * 60 * 1000 - 1 * 60 * 1000 |
50 | export default { | 80 | export default { |
51 | name: 'yyAnslysis', | 81 | name: 'yyAnslysis', |
... | @@ -62,7 +92,7 @@ | ... | @@ -62,7 +92,7 @@ |
62 | anslysisTime: '', | 92 | anslysisTime: '', |
63 | timeS: 30, // 时间间隔 | 93 | timeS: 30, // 时间间隔 |
64 | time: 0 * 60 * 60 * 1000, // 滑块时间 | 94 | time: 0 * 60 * 60 * 1000, // 滑块时间 |
65 | max: (24 * 60 * 60 * 1000 - 1* 60 * 1000), | 95 | max: (24 * 60 * 60 * 1000 - 1 * 60 * 1000), |
66 | marks: { | 96 | marks: { |
67 | 0: '0:00', | 97 | 0: '0:00', |
68 | [maxW]: '23:59', | 98 | [maxW]: '23:59', |
... | @@ -72,9 +102,17 @@ | ... | @@ -72,9 +102,17 @@ |
72 | // }, | 102 | // }, |
73 | // label: this.$createElement('strong', '50%') | 103 | // label: this.$createElement('strong', '50%') |
74 | // } | 104 | // } |
75 | } | 105 | }, |
106 | pickerOptions: { // 时间选择器 时间范围限制 | ||
107 | selectableRange: '00:00:00 - 23:59:59' | ||
108 | }, | ||
109 | staTime: '', // 开始时间 | ||
110 | endTime: '', // 结束时间 | ||
76 | } | 111 | } |
77 | }, | 112 | }, |
113 | watch: { | ||
114 | |||
115 | }, | ||
78 | mounted() { | 116 | mounted() { |
79 | this.shadow instanceof shadow || (this.shadow = new shadow()); | 117 | this.shadow instanceof shadow || (this.shadow = new shadow()); |
80 | }, | 118 | }, |
... | @@ -112,7 +150,7 @@ | ... | @@ -112,7 +150,7 @@ |
112 | formatTooltip(val) { | 150 | formatTooltip(val) { |
113 | let nowTime = this.commons.dateZhuan('yyyy-MM-dd 00:00:00', new Date()); | 151 | let nowTime = this.commons.dateZhuan('yyyy-MM-dd 00:00:00', new Date()); |
114 | let nowSjc = new Date(nowTime).getTime(); | 152 | let nowSjc = new Date(nowTime).getTime(); |
115 | nowSjc+=val; | 153 | nowSjc += val; |
116 | let sfd = this.commons.dateZhuan('hh:mm', new Date(nowSjc)); | 154 | let sfd = this.commons.dateZhuan('hh:mm', new Date(nowSjc)); |
117 | return sfd; | 155 | return sfd; |
118 | } | 156 | } |
... | @@ -283,6 +321,7 @@ | ... | @@ -283,6 +321,7 @@ |
283 | >>>.el-icon-arrow-up:before, | 321 | >>>.el-icon-arrow-up:before, |
284 | >>>.el-icon-arrow-down:before { | 322 | >>>.el-icon-arrow-down:before { |
285 | color: #fff; | 323 | color: #fff; |
324 | cursor: pointer; | ||
286 | } | 325 | } |
287 | 326 | ||
288 | >>>.el-input-number.is-controls-right .el-input-number__increase { | 327 | >>>.el-input-number.is-controls-right .el-input-number__increase { |
... | @@ -295,7 +334,7 @@ | ... | @@ -295,7 +334,7 @@ |
295 | box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20); | 334 | box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20); |
296 | } | 335 | } |
297 | 336 | ||
298 | >>> .el-slider__marks-text { | 337 | >>>.el-slider__marks-text { |
299 | color: #fff; | 338 | color: #fff; |
300 | } | 339 | } |
301 | </style> | 340 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -6,5 +6,6 @@ | ... | @@ -6,5 +6,6 @@ |
6 | */ | 6 | */ |
7 | export default { | 7 | export default { |
8 | url: '', | 8 | url: '', |
9 | loginUrl: 'http://10.6.144.88:10001/orup', | ||
9 | mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc' | 10 | mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc' |
10 | } | 11 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment