style:上报样式
Showing
6 changed files
with
84 additions
and
134 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,13 +117,13 @@ | ... | @@ -117,13 +117,13 @@ |
| 117 | </div> | 117 | </div> |
| 118 | </div> | 118 | </div> |
| 119 | </div> | 119 | </div> |
| 120 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> | 120 | </div> |
| 121 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> | 121 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> |
| 122 | <btn nativeType="cx" @click="submitForm">保 存</btn> | 122 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> |
| 123 | </div> | 123 | <btn nativeType="cx" @click="submitForm">保 存</btn> |
| 124 | <div class="d-center mt-10" v-if="!$store.state.business.Edit && titleName == 'xml'"> | 124 | </div> |
| 125 | <btn nativeType="cx" @click="handleResubmit">重新上报</btn> | 125 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'"> |
| 126 | </div> | 126 | <btn nativeType="cx" @click="handleResubmit">重新上报</btn> |
| 127 | </div> | 127 | </div> |
| 128 | </el-dialog> | 128 | </el-dialog> |
| 129 | </template> | 129 | </template> | ... | ... |
| ... | @@ -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; |
| 304 | |||
| 305 | .editXML { | ||
| 306 | height: 100%; | ||
| 307 | |||
| 308 | .el-textarea { | ||
| 309 | height: 100% !important; | ||
| 310 | } | ||
| 311 | |||
| 312 | .el-textarea__inner { | ||
| 313 | height: 100% !important; | ||
| 314 | border-radius: 2px; | ||
| 315 | border: none; | ||
| 316 | } | ||
| 317 | } | ||
| 309 | } | 318 | } |
| 310 | 319 | ||
| 311 | .editXML { | ||
| 312 | margin-top: 10px; | ||
| 313 | 320 | ||
| 314 | .el-textarea__inner { | 321 | // 响应结果 |
| 315 | height: 68vh !important; | 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