feat(jzd,jzx):界址点、线
Showing
2 changed files
with
69 additions
and
61 deletions
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | <td>界址点类型</td> | 17 | <td>界址点类型</td> |
18 | </tr> | 18 | </tr> |
19 | <tr v-if="jzdlist.length==0"> | 19 | <tr v-if="jzdlist.length==0"> |
20 | <td colspan="7"><span style="color: #b2b2b2;">暂无数据</span></td> | 20 | <td colspan="7"><span class="nodata">暂无数据</span></td> |
21 | </tr> | 21 | </tr> |
22 | <tr v-for="(item,index) in jzdlist" :key="index" v-else> | 22 | <tr v-for="(item,index) in jzdlist" :key="index" v-else> |
23 | <td><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> | 23 | <td><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> |
... | @@ -165,6 +165,8 @@ | ... | @@ -165,6 +165,8 @@ |
165 | 165 | ||
166 | }, | 166 | }, |
167 | mounted() { | 167 | mounted() { |
168 | let bsm = this.$store.state.zdbsm | ||
169 | this.getData(bsm) | ||
168 | }, | 170 | }, |
169 | methods: { | 171 | methods: { |
170 | getData(bsm) { | 172 | getData(bsm) { |
... | @@ -276,36 +278,40 @@ | ... | @@ -276,36 +278,40 @@ |
276 | padding: 18px; | 278 | padding: 18px; |
277 | height: auto; | 279 | height: auto; |
278 | width: 80%; | 280 | width: 80%; |
279 | } | 281 | table { |
282 | margin-top: 10px; | ||
283 | background-color: #fff; | ||
284 | font-size: 14px; | ||
285 | width: 100%; | ||
286 | .formInput { | ||
287 | margin: 0; | ||
288 | height: 36px; | ||
289 | outline: none; | ||
290 | border: none; | ||
291 | color: #606764; | ||
292 | overflow: visible; | ||
293 | text-align: center; | ||
294 | cursor: text; | ||
295 | } | ||
296 | } | ||
280 | 297 | ||
281 | table { | 298 | td { |
282 | margin-top: 10px; | 299 | text-align: center; |
283 | background-color: #fff; | 300 | height: 36px; |
284 | font-size: 14px; | 301 | } |
285 | width: 100%; | ||
286 | } | ||
287 | 302 | ||
288 | td { | 303 | table:hover { |
289 | text-align: center; | 304 | cursor: pointer; |
290 | height: 36px; | 305 | } |
291 | } | ||
292 | 306 | ||
293 | table .formInput { | 307 | .batchlx { |
294 | margin: 0; | 308 | text-align: center; |
295 | height: 36px; | 309 | } |
296 | outline: none; | ||
297 | border: none; | ||
298 | color: #606764; | ||
299 | overflow: visible; | ||
300 | text-align: center; | ||
301 | cursor: text; | ||
302 | } | ||
303 | 310 | ||
304 | table:hover { | 311 | .nodata { |
305 | cursor: pointer; | 312 | color: #b2b2b2; |
313 | } | ||
306 | } | 314 | } |
307 | 315 | ||
308 | .batchlx { | 316 | |
309 | text-align: center; | ||
310 | } | ||
311 | </style> | 317 | </style> | ... | ... |
... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
18 | <td>说明</td> | 18 | <td>说明</td> |
19 | </tr> | 19 | </tr> |
20 | <tr v-if="jzxlist.length==0"> | 20 | <tr v-if="jzxlist.length==0"> |
21 | <td colspan="8"><span style="color: #b2b2b2;">暂无数据</span></td> | 21 | <td colspan="8"><span class="nodata">暂无数据</span></td> |
22 | </tr> | 22 | </tr> |
23 | <tr v-for="(item,index) in jzxlist" :key="index" v-else> | 23 | <tr v-for="(item,index) in jzxlist" :key="index" v-else> |
24 | <td><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> | 24 | <td><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> |
... | @@ -122,7 +122,7 @@ | ... | @@ -122,7 +122,7 @@ |
122 | props: {}, | 122 | props: {}, |
123 | data() { | 123 | data() { |
124 | return { | 124 | return { |
125 | bsm:'', | 125 | bsm: '', |
126 | isCheckAll: false, | 126 | isCheckAll: false, |
127 | centerDialogVisible: false, | 127 | centerDialogVisible: false, |
128 | jzxwz: [ | 128 | jzxwz: [ |
... | @@ -231,7 +231,8 @@ | ... | @@ -231,7 +231,8 @@ |
231 | 231 | ||
232 | }, | 232 | }, |
233 | mounted() { | 233 | mounted() { |
234 | 234 | let bsm = this.$store.state.zdbsm | |
235 | this.getData(bsm) | ||
235 | }, | 236 | }, |
236 | methods: { | 237 | methods: { |
237 | getData(bsm) { | 238 | getData(bsm) { |
... | @@ -241,7 +242,7 @@ | ... | @@ -241,7 +242,7 @@ |
241 | res.result[i]['jjisdisabled'] = 'readonly'; | 242 | res.result[i]['jjisdisabled'] = 'readonly'; |
242 | res.result[i]['jzxisdisabled'] = true; | 243 | res.result[i]['jzxisdisabled'] = true; |
243 | } | 244 | } |
244 | this.isCheckAll=false; | 245 | this.isCheckAll = false; |
245 | this.jzxlist = res.result; | 246 | this.jzxlist = res.result; |
246 | }) | 247 | }) |
247 | }, | 248 | }, |
... | @@ -343,37 +344,38 @@ | ... | @@ -343,37 +344,38 @@ |
343 | padding: 18px; | 344 | padding: 18px; |
344 | height: auto; | 345 | height: auto; |
345 | width: 80%; | 346 | width: 80%; |
346 | } | 347 | table { |
347 | 348 | margin-top: 10px; | |
348 | table { | 349 | background-color: #fff; |
349 | margin-top: 10px; | 350 | font-size: 14px; |
350 | background-color: #fff; | 351 | width: 100%; |
351 | font-size: 14px; | 352 | .formInput { |
352 | width: 100%; | 353 | margin: 0; |
353 | } | 354 | height: 36px; |
354 | 355 | outline: none; | |
355 | td { | 356 | border: none; |
356 | text-align: center; | 357 | color: #606764; |
357 | height: 36px; | 358 | overflow: visible; |
358 | } | 359 | text-align: center; |
359 | 360 | cursor: text; | |
360 | table .formInput { | 361 | } |
361 | margin: 0; | 362 | } |
362 | height: 36px; | 363 | table:hover { |
363 | outline: none; | 364 | cursor: pointer; |
364 | border: none; | 365 | } |
365 | color: #606764; | 366 | td { |
366 | overflow: visible; | 367 | text-align: center; |
367 | text-align: center; | 368 | height: 36px; |
368 | cursor: text; | 369 | } |
369 | } | 370 | .batchlx { |
371 | //text-align: justify; | ||
372 | justify-content: space-between; | ||
373 | } | ||
370 | 374 | ||
371 | table:hover { | 375 | .nodata { |
372 | cursor: pointer; | 376 | color: #b2b2b2; |
377 | height: 100px; | ||
378 | } | ||
373 | } | 379 | } |
374 | 380 | ||
375 | .batchlx { | ||
376 | //text-align: justify; | ||
377 | justify-content: space-between; | ||
378 | } | ||
379 | </style> | 381 | </style> | ... | ... |
-
Please register or sign in to post a comment