多层弹框样式修改
Showing
2 changed files
with
79 additions
and
76 deletions
| ... | @@ -46,6 +46,7 @@ | ... | @@ -46,6 +46,7 @@ |
| 46 | <el-dialog | 46 | <el-dialog |
| 47 | title="权利人信息" | 47 | title="权利人信息" |
| 48 | :visible.sync="dialogVisible" | 48 | :visible.sync="dialogVisible" |
| 49 | custom-class="insetDialog" | ||
| 49 | append-to-body | 50 | append-to-body |
| 50 | width="50%" | 51 | width="50%" |
| 51 | center | 52 | center |
| ... | @@ -525,7 +526,7 @@ | ... | @@ -525,7 +526,7 @@ |
| 525 | }, | 526 | }, |
| 526 | }; | 527 | }; |
| 527 | </script> | 528 | </script> |
| 528 | <style lang="less"> | 529 | <style lang="less"> |
| 529 | .temp { | 530 | .temp { |
| 530 | width: 100%; | 531 | width: 100%; |
| 531 | table { | 532 | table { |
| ... | @@ -594,79 +595,81 @@ | ... | @@ -594,79 +595,81 @@ |
| 594 | text-align: center; | 595 | text-align: center; |
| 595 | } | 596 | } |
| 596 | } | 597 | } |
| 597 | .zdjbxxTable { | 598 | } |
| 598 | margin: 10px 0; | 599 | .insetDialog{ |
| 599 | background-color: #fff; | 600 | .zdjbxxTable { |
| 600 | font-size: 14px; | 601 | margin: 10px 0; |
| 601 | width: 100%; | 602 | background-color: #fff; |
| 602 | border-bottom: 1px solid #000; | 603 | font-size: 14px; |
| 604 | width: 100%; | ||
| 605 | border-bottom: 1px solid #000; | ||
| 603 | 606 | ||
| 604 | .btnCol { | 607 | .btnCol { |
| 605 | position: relative; | 608 | position: relative; |
| 606 | width: 60px; | 609 | width: 60px; |
| 607 | .changeBtn { | 610 | .changeBtn { |
| 608 | width: 30px; | 611 | width: 30px; |
| 609 | height: 30px; | 612 | height: 30px; |
| 610 | font-size: 25px; | 613 | font-size: 25px; |
| 611 | padding: 0px 0px; | 614 | padding: 0px 0px; |
| 612 | position: absolute; | 615 | position: absolute; |
| 613 | top: 50%; | 616 | top: 50%; |
| 614 | left: 50%; | 617 | left: 50%; |
| 615 | margin-top: -32px; | 618 | margin-top: -32px; |
| 616 | margin-left: -15px; | 619 | margin-left: -15px; |
| 617 | } | 620 | } |
| 618 | .el-button + .el-button { | 621 | .el-button + .el-button { |
| 619 | margin-left: -15px; | 622 | margin-left: -15px; |
| 620 | margin-top: 2px; | 623 | margin-top: 2px; |
| 621 | } | 624 | } |
| 622 | } | 625 | } |
| 623 | th { | 626 | th { |
| 624 | height: 36px; | 627 | height: 36px; |
| 625 | line-height: 36px; | 628 | line-height: 36px; |
| 626 | font-size: 16px; | 629 | font-size: 16px; |
| 627 | } | 630 | } |
| 628 | td { | 631 | td { |
| 629 | text-align: center; | 632 | text-align: center; |
| 630 | height: 36px; | 633 | height: 36px; |
| 631 | padding: 0; | 634 | padding: 0; |
| 632 | } | 635 | } |
| 633 | /deep/.el-input__inner { | 636 | /deep/.el-input__inner { |
| 634 | margin: 0; | 637 | margin: 0; |
| 635 | height: 36px; | 638 | height: 36px; |
| 636 | outline: none; | 639 | outline: none; |
| 637 | border: none; | 640 | border: none; |
| 638 | color: #606764; | 641 | color: #606764; |
| 639 | overflow: visible; | 642 | overflow: visible; |
| 640 | text-align: center; | 643 | text-align: center; |
| 641 | cursor: text; | 644 | cursor: text; |
| 642 | } | 645 | } |
| 643 | .percent78 { | 646 | .percent78 { |
| 644 | width: 78%; | 647 | width: 78%; |
| 645 | float: left; | 648 | float: left; |
| 646 | } | 649 | } |
| 647 | .percent68 { | 650 | .percent68 { |
| 648 | width: 68% !important; | 651 | width: 68% !important; |
| 649 | float: left; | 652 | float: left; |
| 650 | position: relative; | 653 | position: relative; |
| 651 | top: 7px; | 654 | top: 7px; |
| 652 | } | 655 | } |
| 653 | .percent30 { | 656 | .percent30 { |
| 654 | width: 30% !important; | 657 | width: 30% !important; |
| 655 | float: left; | 658 | float: left; |
| 656 | } | 659 | } |
| 657 | .createBtn { | 660 | .createBtn { |
| 658 | position: absolute; | 661 | position: absolute; |
| 659 | width: 50px; | 662 | width: 50px; |
| 660 | padding: 6px 4px; | 663 | padding: 6px 4px; |
| 661 | right: 4px; | 664 | right: 4px; |
| 662 | top: 4px; | 665 | top: 4px; |
| 663 | } | 666 | } |
| 664 | .el-input__icon { | 667 | .el-input__icon { |
| 665 | line-height: 37px; | 668 | line-height: 37px; |
| 666 | } | 669 | } |
| 667 | .el-select { | 670 | .el-select { |
| 668 | width: 100%; | 671 | width: 100%; |
| 669 | } | 672 | } |
| 670 | } | 673 | } |
| 671 | } | 674 | } |
| 672 | </style> | 675 | </style> | ... | ... |
| ... | @@ -324,9 +324,9 @@ export default { | ... | @@ -324,9 +324,9 @@ export default { |
| 324 | // 双击 | 324 | // 双击 |
| 325 | this.hbsm = this.bsms[this.bsms.length-1]; | 325 | this.hbsm = this.bsms[this.bsms.length-1]; |
| 326 | this.hbjVisible = true; | 326 | this.hbjVisible = true; |
| 327 | setTimeout(() => { | 327 | this.$nextTick(function () { |
| 328 | this.$refs.hbj.getHInfo(this.hbsm); | 328 | this.$refs.hbj.getHInfo(this.hbsm); |
| 329 | }, 0); | 329 | }) |
| 330 | }else{ | 330 | }else{ |
| 331 | //单击 TO DO | 331 | //单击 TO DO |
| 332 | 332 | ... | ... |
-
Please register or sign in to post a comment