style:上报样式
Showing
6 changed files
with
78 additions
and
128 deletions
... | @@ -191,7 +191,6 @@ export default { | ... | @@ -191,7 +191,6 @@ export default { |
191 | padding: 10px 20px; | 191 | padding: 10px 20px; |
192 | line-height: 28px; | 192 | line-height: 28px; |
193 | border: 1px solid #ccc; | 193 | border: 1px solid #ccc; |
194 | margin-right: 15px; | ||
195 | border-radius: 3px; | 194 | border-radius: 3px; |
196 | } | 195 | } |
197 | 196 | ... | ... |
... | @@ -154,7 +154,6 @@ export default { | ... | @@ -154,7 +154,6 @@ export default { |
154 | padding: 10px 20px; | 154 | padding: 10px 20px; |
155 | line-height: 28px; | 155 | line-height: 28px; |
156 | border: 1px solid #ccc; | 156 | border: 1px solid #ccc; |
157 | margin-right: 15px; | ||
158 | border-radius: 3px; | 157 | border-radius: 3px; |
159 | } | 158 | } |
160 | 159 | ... | ... |
... | @@ -328,7 +328,7 @@ export default { | ... | @@ -328,7 +328,7 @@ export default { |
328 | components: { | 328 | components: { |
329 | treeSelect, | 329 | treeSelect, |
330 | }, | 330 | }, |
331 | data() { | 331 | data () { |
332 | return { | 332 | return { |
333 | obligeeForm: { | 333 | obligeeForm: { |
334 | obligeeList: [ | 334 | obligeeList: [ |
... | @@ -364,18 +364,18 @@ export default { | ... | @@ -364,18 +364,18 @@ export default { |
364 | }; | 364 | }; |
365 | }, | 365 | }, |
366 | methods: { | 366 | methods: { |
367 | async featchData() { | 367 | async featchData () { |
368 | try { | 368 | try { |
369 | let { result: res } = await zttGyQlr.getZttGyQlrById(this.bsmSjsb); | 369 | let { result: res } = await zttGyQlr.getZttGyQlrById(this.bsmSjsb); |
370 | this.obligeeForm.obligeeList = res; | 370 | this.obligeeForm.obligeeList = res; |
371 | } catch (error) {} | 371 | } catch (error) { } |
372 | }, | 372 | }, |
373 | handleUpdateForm() { | 373 | handleUpdateForm () { |
374 | return new Promise(async (resolve) => { | 374 | return new Promise(async (resolve) => { |
375 | try { | 375 | try { |
376 | let res = await zttGyQlr.updateZttGyQlr(this.obligeeForm.obligeeList); | 376 | let res = await zttGyQlr.updateZttGyQlr(this.obligeeForm.obligeeList); |
377 | resolve(res.code); | 377 | resolve(res.code); |
378 | } catch (error) {} | 378 | } catch (error) { } |
379 | }); | 379 | }); |
380 | }, | 380 | }, |
381 | }, | 381 | }, |
... | @@ -398,7 +398,6 @@ export default { | ... | @@ -398,7 +398,6 @@ export default { |
398 | padding: 10px 20px; | 398 | padding: 10px 20px; |
399 | line-height: 28px; | 399 | line-height: 28px; |
400 | border: 1px solid #ccc; | 400 | border: 1px solid #ccc; |
401 | margin-right: 15px; | ||
402 | border-radius: 3px; | 401 | border-radius: 3px; |
403 | } | 402 | } |
404 | 403 | ... | ... |
... | @@ -117,14 +117,14 @@ | ... | @@ -117,14 +117,14 @@ |
117 | </div> | 117 | </div> |
118 | </div> | 118 | </div> |
119 | </div> | 119 | </div> |
120 | </div> | ||
120 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> | 121 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> |
121 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> | 122 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> |
122 | <btn nativeType="cx" @click="submitForm">保 存</btn> | 123 | <btn nativeType="cx" @click="submitForm">保 存</btn> |
123 | </div> | 124 | </div> |
124 | <div class="d-center mt-10" v-if="!$store.state.business.Edit && titleName == 'xml'"> | 125 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'"> |
125 | <btn nativeType="cx" @click="handleResubmit">重新上报</btn> | 126 | <btn nativeType="cx" @click="handleResubmit">重新上报</btn> |
126 | </div> | 127 | </div> |
127 | </div> | ||
128 | </el-dialog> | 128 | </el-dialog> |
129 | </template> | 129 | </template> |
130 | 130 | ... | ... |
... | @@ -258,12 +258,8 @@ | ... | @@ -258,12 +258,8 @@ |
258 | // 登簿日志弹出框 | 258 | // 登簿日志弹出框 |
259 | .commonDialog { | 259 | .commonDialog { |
260 | .el-textarea.is-disabled .el-textarea__inner { | 260 | .el-textarea.is-disabled .el-textarea__inner { |
261 | margin-top: 20px; | ||
262 | @include borderColor("border"); | 261 | @include borderColor("border"); |
263 | } | 262 | color: #4a4a4a; |
264 | |||
265 | /deep/.dialog-from_header { | ||
266 | margin: 0 !important; | ||
267 | } | 263 | } |
268 | 264 | ||
269 | .el-dialog__headerbtn .el-dialog__close { | 265 | .el-dialog__headerbtn .el-dialog__close { |
... | @@ -303,16 +299,62 @@ | ... | @@ -303,16 +299,62 @@ |
303 | height: 80vh; | 299 | height: 80vh; |
304 | margin-bottom: 5px; | 300 | margin-bottom: 5px; |
305 | 301 | ||
306 | .editDialogBox-con, | ||
307 | .JsonEditor { | 302 | .JsonEditor { |
308 | flex: 1; | 303 | height: 73vh; |
309 | } | ||
310 | 304 | ||
311 | .editXML { | 305 | .editXML { |
312 | margin-top: 10px; | 306 | height: 100%; |
307 | |||
308 | .el-textarea { | ||
309 | height: 100% !important; | ||
310 | } | ||
313 | 311 | ||
314 | .el-textarea__inner { | 312 | .el-textarea__inner { |
315 | height: 68vh !important; | 313 | height: 100% !important; |
314 | border-radius: 2px; | ||
315 | border: none; | ||
316 | } | ||
317 | } | ||
318 | } | ||
319 | |||
320 | |||
321 | // 响应结果 | ||
322 | .xyjg { | ||
323 | height: 78vh; | ||
324 | |||
325 | .result-con { | ||
326 | height: 49%; | ||
327 | border-radius: 2px; | ||
328 | box-sizing: border-box; | ||
329 | padding: 10px; | ||
330 | |||
331 | .el-textarea { | ||
332 | height: 90%; | ||
333 | } | ||
334 | |||
335 | .el-textarea__inner { | ||
336 | height: 100%; | ||
337 | background: transparent; | ||
338 | border: none; | ||
339 | } | ||
340 | |||
341 | p { | ||
342 | color: #2188E3; | ||
343 | font-weight: 700; | ||
344 | font-size: 18px; | ||
345 | position: relative; | ||
346 | padding-left: 8px; | ||
347 | } | ||
348 | |||
349 | p:before { | ||
350 | content: ''; | ||
351 | width: 3px; | ||
352 | height: 13px; | ||
353 | position: absolute; | ||
354 | left: 0; | ||
355 | top: 4px; | ||
356 | background-color: #2188E3; | ||
357 | } | ||
316 | } | 358 | } |
317 | } | 359 | } |
318 | } | 360 | } |
... | @@ -373,11 +415,20 @@ | ... | @@ -373,11 +415,20 @@ |
373 | .dialog-from { | 415 | .dialog-from { |
374 | padding-top: 0; | 416 | padding-top: 0; |
375 | 417 | ||
418 | .el-row { | ||
419 | display: flex; | ||
420 | flex-wrap: nowrap; | ||
421 | } | ||
422 | |||
376 | .el-col { | 423 | .el-col { |
377 | height: 40px; | ||
378 | line-height: 40px; | ||
379 | display: flex; | 424 | display: flex; |
380 | justify-content: space-between; | 425 | justify-content: space-between; |
426 | border: 1px solid #C0C4CC; | ||
427 | border-radius: 2px; | ||
428 | line-height: 36px; | ||
429 | height: 36px; | ||
430 | margin: 5px; | ||
431 | padding: 0 5px; | ||
381 | } | 432 | } |
382 | 433 | ||
383 | .bz { | 434 | .bz { |
... | @@ -391,10 +442,11 @@ | ... | @@ -391,10 +442,11 @@ |
391 | width: 100%; | 442 | width: 100%; |
392 | } | 443 | } |
393 | 444 | ||
394 | 445 | .el-input__inner { | |
446 | border: none; | ||
447 | } | ||
395 | 448 | ||
396 | .el-textarea__inner { | 449 | .el-textarea__inner { |
397 | |||
398 | margin: 0; | 450 | margin: 0; |
399 | } | 451 | } |
400 | 452 | ||
... | @@ -411,23 +463,9 @@ | ... | @@ -411,23 +463,9 @@ |
411 | } | 463 | } |
412 | } | 464 | } |
413 | 465 | ||
414 | .entryJournal { | 466 | .el-input-number__increase, |
415 | .el-textarea__inner { | 467 | .el-input-number__decrease { |
416 | height: 67vh !important; | 468 | display: none !important; |
417 | border: none !important; | ||
418 | background-color: #ffffff !important; | ||
419 | color: #000000 !important; | ||
420 | } | ||
421 | } | ||
422 | |||
423 | // 上报日志弹出框 | ||
424 | .sbdialog { | ||
425 | .el-textarea__inner { | ||
426 | height: 30vh !important; | ||
427 | border: none !important; | ||
428 | background-color: #ffffff !important; | ||
429 | color: #000000 !important; | ||
430 | } | ||
431 | } | 469 | } |
432 | 470 | ||
433 | // 数据上报弹出框 | 471 | // 数据上报弹出框 |
... | @@ -440,7 +478,6 @@ | ... | @@ -440,7 +478,6 @@ |
440 | @include background("navbg"); | 478 | @include background("navbg"); |
441 | 479 | ||
442 | .dialog_title { | 480 | .dialog_title { |
443 | |||
444 | color: white; | 481 | color: white; |
445 | margin-bottom: 10px; | 482 | margin-bottom: 10px; |
446 | } | 483 | } |
... | @@ -497,8 +534,6 @@ | ... | @@ -497,8 +534,6 @@ |
497 | } | 534 | } |
498 | 535 | ||
499 | .obligee-item-name { | 536 | .obligee-item-name { |
500 | // background: url("~@/image/itembg.png") no-repeat; | ||
501 | // background-size: 100% 100%; | ||
502 | @include background("btnBg"); | 537 | @include background("btnBg"); |
503 | border-radius: 3px; | 538 | border-radius: 3px; |
504 | @include borderColor("border"); | 539 | @include borderColor("border"); |
... | @@ -521,8 +556,6 @@ | ... | @@ -521,8 +556,6 @@ |
521 | 556 | ||
522 | &-con { | 557 | &-con { |
523 | background: #ffffff; | 558 | background: #ffffff; |
524 | // @include borderColor("border"); | ||
525 | // border: 1px solid blue; | ||
526 | border-radius: 2px; | 559 | border-radius: 2px; |
527 | padding: 10px; | 560 | padding: 10px; |
528 | box-sizing: border-box; | 561 | box-sizing: border-box; |
... | @@ -628,67 +661,8 @@ | ... | @@ -628,67 +661,8 @@ |
628 | .el-dialog__wrapper { | 661 | .el-dialog__wrapper { |
629 | overflow: hidden; | 662 | overflow: hidden; |
630 | } | 663 | } |
631 | |||
632 | .dialog-from { | ||
633 | padding-top: 0; | ||
634 | |||
635 | .el-col { | ||
636 | height: 40px; | ||
637 | line-height: 40px; | ||
638 | display: flex; | ||
639 | justify-content: space-between; | ||
640 | } | ||
641 | |||
642 | .bz { | ||
643 | height: 100%; | ||
644 | position: relative; | ||
645 | top: 3px; | ||
646 | } | ||
647 | |||
648 | .el-select { | ||
649 | padding-right: 15px; | ||
650 | } | ||
651 | |||
652 | .el-icon-circle-close { | ||
653 | display: none; | ||
654 | } | ||
655 | |||
656 | .el-input__suffix { | ||
657 | right: 0px !important; | ||
658 | top: -5px; | ||
659 | } | ||
660 | |||
661 | .el-select, | ||
662 | .el-input { | ||
663 | flex: 1; | ||
664 | width: 100%; | ||
665 | } | ||
666 | |||
667 | .el-textarea__inner { | ||
668 | border: none !important; | ||
669 | margin: 0; | ||
670 | } | ||
671 | |||
672 | &_header { | ||
673 | margin: 0 -5px !important; | ||
674 | } | ||
675 | |||
676 | &_title { | ||
677 | font-size: 18px; | ||
678 | color: #d7eaee; | ||
679 | margin: 3px 0; | ||
680 | } | ||
681 | } | ||
682 | } | 664 | } |
683 | 665 | ||
684 | // // 人员管理上下移动按钮样式 | ||
685 | // .el-button.is-disabled.el-button--text { | ||
686 | // width: 64px; | ||
687 | // height: 28px; | ||
688 | // background: rgba(255, 255, 255, 0.1); | ||
689 | // border-radius: 16px; | ||
690 | // } | ||
691 | |||
692 | // 人员管理角色管理菜单管理修改新增弹框样式 | 666 | // 人员管理角色管理菜单管理修改新增弹框样式 |
693 | .PersonnelDialog { | 667 | .PersonnelDialog { |
694 | .el-dialog__headerbtn .el-dialog__close { | 668 | .el-dialog__headerbtn .el-dialog__close { |
... | @@ -715,24 +689,7 @@ | ... | @@ -715,24 +689,7 @@ |
715 | display: flex; | 689 | display: flex; |
716 | } | 690 | } |
717 | 691 | ||
718 | .el-input__inner { | ||
719 | // background-color: #07388b; | ||
720 | } | ||
721 | |||
722 | .el-input__inner { | ||
723 | // background: #07388b; | ||
724 | // border-radius: 2px; | ||
725 | // border: 1px solid #6bc1fc; | ||
726 | } | ||
727 | |||
728 | .el-textarea__inner { | ||
729 | // background: #07388b; | ||
730 | // color: rgb(0, 0, 0); | ||
731 | } | ||
732 | |||
733 | .el-dialog__header { | 692 | .el-dialog__header { |
734 | |||
735 | |||
736 | .el-dialog__headerbtn { | 693 | .el-dialog__headerbtn { |
737 | right: 20px !important; | 694 | right: 20px !important; |
738 | top: 23px !important; | 695 | top: 23px !important; |
... | @@ -877,7 +834,6 @@ | ... | @@ -877,7 +834,6 @@ |
877 | 834 | ||
878 | .el-textarea__inner { | 835 | .el-textarea__inner { |
879 | margin: 5px; | 836 | margin: 5px; |
880 | width: 96%; | ||
881 | background: none; | 837 | background: none; |
882 | color: #FFFFFF; | 838 | color: #FFFFFF; |
883 | border-radius: 2px; | 839 | border-radius: 2px; |
... | @@ -905,11 +861,8 @@ | ... | @@ -905,11 +861,8 @@ |
905 | 861 | ||
906 | .el-input__inner { | 862 | .el-input__inner { |
907 | margin: 5px; | 863 | margin: 5px; |
908 | width: 96%; | ||
909 | // background: #05275B; | ||
910 | border-radius: 2px; | 864 | border-radius: 2px; |
911 | text-align: left; | 865 | text-align: left; |
912 | |||
913 | } | 866 | } |
914 | 867 | ||
915 | .el-form-item { | 868 | .el-form-item { | ... | ... |
-
Please register or sign in to post a comment