Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
9aedfe53 by renchao@pashanhoo.com
Options

style:监管弹框样式的整改

1 parent 0cfb2eba
Inline Side-by-side
Showing 7 changed files with 109 additions and 79 deletions
...@@ -94,6 +94,12 @@ ...@@ -94,6 +94,12 @@
94 </el-col> 94 </el-col>
95 </el-row> 95 </el-row>
96 </div> 96 </div>
97 <div class="JsonEditor" v-if="titleName == 'xml'">
98 <JsonEditor class="editXML" :resultInfo="resultInfo" />
99 </div>
100 <div class="xyjg" v-if="titleName == 'xyjg'">
101 <Xyjg :form-data='dataReport'></Xyjg>
102 </div>
97 </div> 103 </div>
98 <div class="editDialogBox-box editDialogBox-con" v-if="titleName == 'sjmx'"> 104 <div class="editDialogBox-box editDialogBox-con" v-if="titleName == 'sjmx'">
99 <div class="sjmx"> 105 <div class="sjmx">
...@@ -111,17 +117,11 @@ ...@@ -111,17 +117,11 @@
111 </div> 117 </div>
112 </div> 118 </div>
113 </div> 119 </div>
114 <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'">
115 <JsonEditor class="editXML" :resultInfo="resultInfo" />
116 </div>
117 <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'">
118 <Xyjg :form-data='dataReport'></Xyjg>
119 </div>
120 <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> 120 <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'">
121 <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> 121 <btn nativeType="cz" @click="dialogVisible = false">取 消</btn>
122 <btn nativeType="cx" @click="submitForm">保 存</btn> 122 <btn nativeType="cx" @click="submitForm">保 存</btn>
123 </div> 123 </div>
124 <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'"> 124 <div class="d-center mt-10" v-if="!$store.state.business.Edit && titleName == 'xml'">
125 <btn nativeType="cx" @click="handleResubmit">重新上报</btn> 125 <btn nativeType="cx" @click="handleResubmit">重新上报</btn>
126 </div> 126 </div>
127 </div> 127 </div>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-04-04 09:52:39
5 -->
1 <template> 6 <template>
2 <el-input type="textarea" :rows="6" disabled placeholder="配置参数" v-model="resultInfo"> 7 <el-input type="textarea" :rows="6" disabled placeholder="配置参数" v-model="resultInfo">
3 </el-input> 8 </el-input>
......
...@@ -140,6 +140,10 @@ ul li { ...@@ -140,6 +140,10 @@ ul li {
140 margin-top: 10px !important; 140 margin-top: 10px !important;
141 } 141 }
142 142
143 .mt-10 {
144 margin-top: 10px;
145 }
146
143 .pr-5 { 147 .pr-5 {
144 padding-right: 5px; 148 padding-right: 5px;
145 } 149 }
...@@ -148,10 +152,6 @@ ul li { ...@@ -148,10 +152,6 @@ ul li {
148 padding-left: 5px; 152 padding-left: 5px;
149 } 153 }
150 154
151 .mt-10 {
152 margin-top: 20px !important;
153 margin-bottom: 5px !important;
154 }
155 155
156 //flex 公共样式 156 //flex 公共样式
157 .d-flex { 157 .d-flex {
......
...@@ -397,11 +397,6 @@ ...@@ -397,11 +397,6 @@
397 border-bottom: 1px solid transparent; 397 border-bottom: 1px solid transparent;
398 } 398 }
399 399
400 .el-tabs__header {
401 border: none;
402 margin-bottom: 0;
403 }
404
405 .el-tabs__item.is-top:not(:last-child) { 400 .el-tabs__item.is-top:not(:last-child) {
406 margin-right: 5px; 401 margin-right: 5px;
407 } 402 }
...@@ -566,7 +561,6 @@ ...@@ -566,7 +561,6 @@
566 overflow: hidden; 561 overflow: hidden;
567 background: url("~@/image/dialogBg.png") no-repeat !important; 562 background: url("~@/image/dialogBg.png") no-repeat !important;
568 background-size: 100% 100% !important; 563 background-size: 100% 100% !important;
569 // min-height: 90vh;
570 564
571 .dialog_title { 565 .dialog_title {
572 display: flex; 566 display: flex;
...@@ -622,33 +616,82 @@ ...@@ -622,33 +616,82 @@
622 box-shadow: inset 0px 0px 12px 0px #02D9FD; 616 box-shadow: inset 0px 0px 12px 0px #02D9FD;
623 border-radius: 2px; 617 border-radius: 2px;
624 border: 1px solid #6BC1FC; 618 border: 1px solid #6BC1FC;
625 margin: 0 18px 10px 18px; 619 margin: 0 18px 0 18px;
626
627 // .el-form-item__label {
628 // color: #fff;
629 // }
630
631 // .el-form-item__content {
632 // color: #fff;
633 // }
634 } 620 }
635 621
636 .item-content-input { 622 .item-content-input {
637 .el-input__inner { 623 .el-input__inner {
638 border: none !important; 624 border: none !important;
639 text-align: right; 625 text-align: right;
626 color: #A5CBDA !important;
640 } 627 }
641 } 628 }
642 629
643 .regularHeight { 630 .regularHeight {
644 display: flex; 631 display: flex;
645 flex-direction: column; 632 flex-direction: column;
646 height: 87vh; 633 height: 85vh;
647 634
648 .editDialogBox-con,
649 .JsonEditor { 635 .JsonEditor {
650 flex: 1; 636 height: 75vh;
637
638 .editXML {
639 height: 100%;
640 padding: 15px;
641
642 .el-textarea {
643 height: 100% !important;
644 }
645
646 .el-textarea__inner {
647 height: 100% !important;
648 background: #04275B;
649 border-radius: 2px;
650 border: none;
651 }
652 }
653 }
654
655 // 响应结果
656 .xyjg {
657 height: 78vh;
658 padding: 15px;
659
660 .result-con {
661 height: 49%;
662 background: #04275B;
663 border-radius: 2px;
664 box-sizing: border-box;
665 padding: 10px;
666
667 .el-textarea {
668 height: 90%;
669 }
670
671 .el-textarea__inner {
651 height: 100%; 672 height: 100%;
673 background: transparent;
674 border: none;
675 }
676
677 p {
678 color: #2188E3;
679 font-weight: 700;
680 font-size: 18px;
681 position: relative;
682 padding-left: 8px;
683 }
684
685 p:before {
686 content: '';
687 width: 3px;
688 height: 13px;
689 position: absolute;
690 left: 0;
691 top: 4px;
692 background-color: #2188E3;
693 }
694 }
652 } 695 }
653 } 696 }
654 697
...@@ -656,6 +699,7 @@ ...@@ -656,6 +699,7 @@
656 padding: 13px; 699 padding: 13px;
657 border-radius: 2px; 700 border-radius: 2px;
658 box-sizing: border-box; 701 box-sizing: border-box;
702 margin-top: 10px;
659 703
660 .el-row { 704 .el-row {
661 display: flex; 705 display: flex;
...@@ -678,7 +722,7 @@ ...@@ -678,7 +722,7 @@
678 overflow: hidden; 722 overflow: hidden;
679 white-space: nowrap; 723 white-space: nowrap;
680 text-align: left; 724 text-align: left;
681 color: #02D9FD; 725 color: #0288B0;
682 } 726 }
683 727
684 p { 728 p {
...@@ -697,18 +741,15 @@ ...@@ -697,18 +741,15 @@
697 } 741 }
698 742
699 .el-textarea__inner { 743 .el-textarea__inner {
700 border: 1px solid #224C7C; 744 background: #04275B;
701 margin: 0 0 10px 0 !important; 745 border-radius: 2px;
702 width: 100% !important;
703 color: #dadde3 !important;
704 background: transparent !important;
705 } 746 }
706 747
707 .el-input__inner { 748 .el-input__inner {
708 border: 1px solid #224C7C !important; 749 border: 1px solid #224C7C !important;
709 margin: 0 !important; 750 margin: 0 !important;
710 width: 100% !important; 751 width: 100% !important;
711 color: #dadde3 !important; 752 color: #A5CBDA !important;
712 background: transparent !important; 753 background: transparent !important;
713 } 754 }
714 755
...@@ -769,6 +810,11 @@ ...@@ -769,6 +810,11 @@
769 } 810 }
770 } 811 }
771 812
813 .el-tabs__header {
814 border: none !important;
815 margin-bottom: 0;
816 }
817
772 // 登簿日志弹出框 818 // 登簿日志弹出框
773 .entryJournal { 819 .entryJournal {
774 .el-textarea__inner { 820 .el-textarea__inner {
...@@ -779,13 +825,8 @@ ...@@ -779,13 +825,8 @@
779 border: none !important; 825 border: none !important;
780 } 826 }
781 827
782 .el-tabs__header { 828 .el-col {
783 margin: 0; 829 margin: 5px;
784 }
785
786 .el-dialog {
787 display: flex;
788 flex-direction: column;
789 } 830 }
790 831
791 .el-dialog__body { 832 .el-dialog__body {
...@@ -795,29 +836,11 @@ ...@@ -795,29 +836,11 @@
795 height: 100%; 836 height: 100%;
796 flex: 1; 837 flex: 1;
797 position: relative; 838 position: relative;
798 } 839 margin-top: 10px;
799
800 .regularHeight {
801 display: flex;
802 flex-direction: column;
803 height: 87vh;
804 margin-bottom: 5px;
805
806 .editDialogBox-con,
807 .JsonEditor {
808 flex: 1;
809 }
810 }
811
812 .d-center {}
813
814 .dialog_title {
815 top: -6px
816 } 840 }
817 841
818 .el-tabs__item { 842 .el-tabs__item {
819 color: #CEF8FF !important; 843 color: #CEF8FF !important;
820
821 display: flex; 844 display: flex;
822 flex-direction: row; 845 flex-direction: row;
823 justify-content: center; 846 justify-content: center;
...@@ -845,19 +868,14 @@ ...@@ -845,19 +868,14 @@
845 } 868 }
846 869
847 .from-clues-content { 870 .from-clues-content {
848
849
850 margin-top: 0; 871 margin-top: 0;
851 background: none; 872 background: none;
852 padding: 0; 873 padding: 0;
853
854
855 } 874 }
856 875
857 .editDialogBox-box { 876 .editDialogBox-box {
858 position: relative; 877 position: relative;
859 top: 10px; 878 height: 98.5%;
860 height: 100%;
861 } 879 }
862 880
863 .dialog-from { 881 .dialog-from {
...@@ -901,6 +919,7 @@ ...@@ -901,6 +919,7 @@
901 display: flex; 919 display: flex;
902 flex-direction: column; 920 flex-direction: column;
903 padding-bottom: 30px; 921 padding-bottom: 30px;
922 margin-top: 10px;
904 } 923 }
905 924
906 .el-tabs { 925 .el-tabs {
...@@ -914,7 +933,7 @@ ...@@ -914,7 +933,7 @@
914 .sjmx { 933 .sjmx {
915 display: flex; 934 display: flex;
916 flex-direction: column; 935 flex-direction: column;
917 height: 49vh; 936 height: 52vh;
918 937
919 .el-tabs__item { 938 .el-tabs__item {
920 height: 50px; 939 height: 50px;
...@@ -931,6 +950,7 @@ ...@@ -931,6 +950,7 @@
931 flex: 1; 950 flex: 1;
932 height: 100%; 951 height: 100%;
933 overflow-y: hidden; 952 overflow-y: hidden;
953 margin: 10px 18px;
934 } 954 }
935 955
936 .el-tabs__item { 956 .el-tabs__item {
...@@ -966,11 +986,6 @@ ...@@ -966,11 +986,6 @@
966 border-bottom: 1px solid transparent; 986 border-bottom: 1px solid transparent;
967 } 987 }
968 988
969 .el-tabs__header {
970 border: none;
971 margin-bottom: 0;
972 }
973
974 .el-tabs__item.is-top:not(:last-child) { 989 .el-tabs__item.is-top:not(:last-child) {
975 margin-right: 5px; 990 margin-right: 5px;
976 } 991 }
...@@ -1404,3 +1419,11 @@ ...@@ -1404,3 +1419,11 @@
1404 } 1419 }
1405 } 1420 }
1406 } 1421 }
1422
1423 // 监管
1424 .editDialogBox-box {
1425 .el-form-item__label {
1426 color: #0288B0 !important;
1427 line-height: 20px;
1428 }
1429 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -72,7 +72,7 @@ class data extends filter { ...@@ -72,7 +72,7 @@ class data extends filter {
72 { 72 {
73 label: "不动产权证号", 73 label: "不动产权证号",
74 prop: "BDCQZH", 74 prop: "BDCQZH",
75 minWidth: 150, 75 minWidth: 180,
76 }, 76 },
77 { 77 {
78 label: "用途", 78 label: "用途",
......
...@@ -177,9 +177,9 @@ ...@@ -177,9 +177,9 @@
177 </lb-table> 177 </lb-table>
178 </div> 178 </div>
179 </div> 179 </div>
180 <div class="JsonEditor" v-if="titleName == 'xml'">
181 <JsonEditor class="editXML" :resultInfo="resultInfo" :key="key" />
180 </div> 182 </div>
181 <div class="editDialogBox-box" v-if="titleName == 'xml'">
182 <JsonEditor :resultInfo="resultInfo" :key="key" />
183 </div> 183 </div>
184 </div> 184 </div>
185 <div class="d-center" v-if="titleName == 'sjmx'"> 185 <div class="d-center" v-if="titleName == 'sjmx'">
......
...@@ -4,14 +4,16 @@ ...@@ -4,14 +4,16 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="80px"> 6 <el-form ref="ruleForm" :model="form" label-width="80px">
7 <el-form-item v-if="BASE_API.THEME=='jg'">
8 <!-- 判断进入监管还是上报系统 --> 7 <!-- 判断进入监管还是上报系统 -->
8 <el-form-item v-if="BASE_API.THEME == 'jg'">
9 <Breadcrumb /> 9 <Breadcrumb />
10 </el-form-item> 10 </el-form-item>
11 <el-row> 11 <el-row>
12 <el-col :span="6"> 12 <el-col :span="6">
13 <el-form-item label="行政区"> 13 <el-form-item label="行政区">
14 <el-select v-model="$store.state.user.userInfo.grade === 'county' ? form.areacode = $store.state.user.userInfo.areaCode : form.areacode" class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> 14 <el-select
15 v-model="$store.state.user.userInfo.grade === 'county' ? form.areacode = $store.state.user.userInfo.areaCode : form.areacode"
16 class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
15 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 17 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
16 </el-option> 18 </el-option>
17 </el-select> 19 </el-select>
......