style:样式修改
Showing
4 changed files
with
275 additions
and
250 deletions
... | @@ -4,103 +4,107 @@ | ... | @@ -4,103 +4,107 @@ |
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '标题' }} | 5 | {{ title || '标题' }} |
6 | </div> | 6 | </div> |
7 | <div class="editDialogBox-box"> | 7 | <div class="regularHeight"> |
8 | <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> | 8 | <div class="editDialogBox-box"> |
9 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> | 9 | <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> |
10 | <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> | 10 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> |
11 | <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> | 11 | <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> |
12 | </el-tabs> | 12 | <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> |
13 | <div class="dialog-from" v-if="titleName == 'sjmx'"> | ||
14 | <el-row> | ||
15 | <el-col :span="5"> | ||
16 | <span>业务报文ID:</span> | ||
17 | <p>{{ dataReport.BizMsgId }}</p> | ||
18 | </el-col> | ||
19 | <el-col :span="6"> | ||
20 | <span>接入报文ID:</span> | ||
21 | <p>{{ dataReport.ASID }}</p> | ||
22 | </el-col> | ||
23 | <el-col :span="6"> | ||
24 | <span>行政区划编码:</span> | ||
25 | <p>{{ dataReport.AreaCode }}</p> | ||
26 | </el-col> | ||
27 | <el-col :span="7"> | ||
28 | <span>上次不动产单元号:</span> | ||
29 | <p>{{ dataReport.PreEstateNum }}</p> | ||
30 | </el-col> | ||
31 | </el-row> | ||
32 | <el-row> | ||
33 | <el-col :span="5"> | ||
34 | <span>业务编码:</span> | ||
35 | <p>{{ dataReport.RecType }}</p> | ||
36 | </el-col> | ||
37 | <el-col :span="6"> | ||
38 | <span>权利类型:</span> | ||
39 | <p>{{ this.dicStatus(dataReport.RightType, 'A8') }}</p> | ||
40 | </el-col> | ||
41 | <el-col :span="6"> | ||
42 | <span>登记类型:</span> | ||
43 | <p>{{ this.dicStatus(dataReport.RegType, 'A21') }}</p> | ||
44 | </el-col> | ||
45 | <el-col :span="7"> | ||
46 | <span>不动产权证书数量:</span> | ||
47 | <p>{{ dataReport.CertCount }}</p> | ||
48 | </el-col> | ||
49 | </el-row> | ||
50 | <el-row> | ||
51 | <el-col :span="5"> | ||
52 | <span>创建时间:</span> | ||
53 | <p>{{ dataReport.createDate }}</p> | ||
54 | </el-col> | ||
55 | <el-col :span="6"> | ||
56 | <span>业务流水号:</span> | ||
57 | <p>{{ dataReport.RecFlowID }}</p> | ||
58 | </el-col> | ||
59 | <el-col :span="6"> | ||
60 | <span>宗地/宗海代码:</span> | ||
61 | <p>{{ dataReport.ParcelID }}</p> | ||
62 | </el-col> | ||
63 | <el-col :span="7"> | ||
64 | <span>证明数量:</span> | ||
65 | <p>{{ dataReport.ProofCount }}</p> | ||
66 | </el-col> | ||
67 | </el-row> | ||
68 | <el-row> | ||
69 | <el-col :span="6"> | ||
70 | <span>不动产单元号:</span> | ||
71 | <p>{{ dataReport.EstateNum }}</p> | ||
72 | </el-col> | ||
73 | <el-col :span="8"> | ||
74 | <span>登记机构:</span> | ||
75 | <p>{{ dataReport.RegOrgID }}</p> | ||
76 | </el-col> | ||
77 | <el-col :span="11"> | ||
78 | <span>上次不动产权证号/不动产登记证明:</span> | ||
79 | <p>{{ dataReport.PreCertID }}</p> | ||
80 | </el-col> | ||
81 | </el-row> | ||
82 | </div> | ||
83 | </div> | ||
84 | <div class="editDialogBox-box"> | ||
85 | <div v-if="titleName == 'sjmx'" class="sjmx"> | ||
86 | <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList"> | ||
87 | <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl"> | ||
88 | <div slot="label" class="tab-pane-item"> | ||
89 | <p class="name">{{ item.chinesetable }}</p> | ||
90 | <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p> | ||
91 | </div> | ||
92 | </el-tab-pane> | ||
93 | </el-tabs> | 13 | </el-tabs> |
94 | <div class="edit-content"> | 14 | <div class="dialog-from" v-if="titleName == 'sjmx'"> |
95 | <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" | 15 | <el-row> |
96 | :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport || dataReport.bsmSjsb" /> | 16 | <el-col :span="5"> |
17 | <span>业务报文ID:</span> | ||
18 | <p>{{ dataReport.BizMsgId }}</p> | ||
19 | </el-col> | ||
20 | <el-col :span="6"> | ||
21 | <span>接入报文ID:</span> | ||
22 | <p>{{ dataReport.ASID }}</p> | ||
23 | </el-col> | ||
24 | <el-col :span="6"> | ||
25 | <span>行政区划编码:</span> | ||
26 | <p>{{ dataReport.AreaCode }}</p> | ||
27 | </el-col> | ||
28 | <el-col :span="7"> | ||
29 | <span>上次不动产单元号:</span> | ||
30 | <p>{{ dataReport.PreEstateNum }}</p> | ||
31 | </el-col> | ||
32 | </el-row> | ||
33 | <el-row> | ||
34 | <el-col :span="5"> | ||
35 | <span>业务编码:</span> | ||
36 | <p>{{ dataReport.RecType }}</p> | ||
37 | </el-col> | ||
38 | <el-col :span="6"> | ||
39 | <span>权利类型:</span> | ||
40 | <p>{{ this.dicStatus(dataReport.RightType, 'A8') }}</p> | ||
41 | </el-col> | ||
42 | <el-col :span="6"> | ||
43 | <span>登记类型:</span> | ||
44 | <p>{{ this.dicStatus(dataReport.RegType, 'A21') }}</p> | ||
45 | </el-col> | ||
46 | <el-col :span="7"> | ||
47 | <span>不动产权证书数量:</span> | ||
48 | <p>{{ dataReport.CertCount }}</p> | ||
49 | </el-col> | ||
50 | </el-row> | ||
51 | <el-row> | ||
52 | <el-col :span="5"> | ||
53 | <span>创建时间:</span> | ||
54 | <p>{{ dataReport.createDate }}</p> | ||
55 | </el-col> | ||
56 | <el-col :span="6"> | ||
57 | <span>业务流水号:</span> | ||
58 | <p>{{ dataReport.RecFlowID }}</p> | ||
59 | </el-col> | ||
60 | <el-col :span="6"> | ||
61 | <span>宗地/宗海代码:</span> | ||
62 | <p>{{ dataReport.ParcelID }}</p> | ||
63 | </el-col> | ||
64 | <el-col :span="7"> | ||
65 | <span>证明数量:</span> | ||
66 | <p>{{ dataReport.ProofCount }}</p> | ||
67 | </el-col> | ||
68 | </el-row> | ||
69 | <el-row> | ||
70 | <el-col :span="6"> | ||
71 | <span>不动产单元号:</span> | ||
72 | <p>{{ dataReport.EstateNum }}</p> | ||
73 | </el-col> | ||
74 | <el-col :span="8"> | ||
75 | <span>登记机构:</span> | ||
76 | <p>{{ dataReport.RegOrgID }}</p> | ||
77 | </el-col> | ||
78 | <el-col :span="11"> | ||
79 | <span>上次不动产权证号/不动产登记证明:</span> | ||
80 | <p>{{ dataReport.PreCertID }}</p> | ||
81 | </el-col> | ||
82 | </el-row> | ||
97 | </div> | 83 | </div> |
84 | </div> | ||
85 | <div class="editDialogBox-box editDialogBox-con" v-if="titleName == 'sjmx'"> | ||
86 | <div class="sjmx"> | ||
87 | <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList"> | ||
88 | <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl"> | ||
89 | <div slot="label" class="tab-pane-item"> | ||
90 | <p class="name">{{ item.chinesetable }}</p> | ||
91 | <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p> | ||
92 | </div> | ||
93 | </el-tab-pane> | ||
94 | </el-tabs> | ||
95 | <div class="edit-content"> | ||
96 | <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" | ||
97 | :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport || dataReport.bsmSjsb" /> | ||
98 | </div> | ||
98 | 99 | ||
100 | </div> | ||
101 | <div v-if="titleName == 'xyjg'"> | ||
102 | <Xyjg :form-data='dataReport'></Xyjg> | ||
103 | </div> | ||
99 | </div> | 104 | </div> |
100 | <div v-if="titleName == 'xyjg'"> | 105 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> |
101 | <Xyjg :form-data='dataReport'></Xyjg> | 106 | <JsonEditor :resultInfo="resultInfo" /> |
102 | </div> | 107 | </div> |
103 | <JsonEditor :resultInfo="resultInfo" class="JsonEditor" v-if="titleName == 'xml'" /> | ||
104 | </div> | 108 | </div> |
105 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> | 109 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'"> |
106 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> | 110 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> |
... | @@ -188,7 +192,6 @@ export default { | ... | @@ -188,7 +192,6 @@ export default { |
188 | } | 192 | } |
189 | }, | 193 | }, |
190 | handleTitleTab (val) { | 194 | handleTitleTab (val) { |
191 | console.log(val); | ||
192 | }, | 195 | }, |
193 | isShow (item) { | 196 | isShow (item) { |
194 | this.dataReport = item; | 197 | this.dataReport = item; |
... | @@ -269,6 +272,18 @@ export default { | ... | @@ -269,6 +272,18 @@ export default { |
269 | @import "~@/styles/mixin.scss"; | 272 | @import "~@/styles/mixin.scss"; |
270 | @import "~@/styles/dialogBox.scss"; | 273 | @import "~@/styles/dialogBox.scss"; |
271 | 274 | ||
275 | .regularHeight { | ||
276 | height: 80vh; | ||
277 | display: flex; | ||
278 | flex-direction: column; | ||
279 | |||
280 | .editDialogBox-con, | ||
281 | .JsonEditor { | ||
282 | flex: 1; | ||
283 | height: 100%; | ||
284 | } | ||
285 | } | ||
286 | |||
272 | /deep/.el-dialog__body { | 287 | /deep/.el-dialog__body { |
273 | display: flex; | 288 | display: flex; |
274 | flex-direction: column; | 289 | flex-direction: column; |
... | @@ -355,7 +370,6 @@ export default { | ... | @@ -355,7 +370,6 @@ export default { |
355 | } | 370 | } |
356 | 371 | ||
357 | .edit-content { | 372 | .edit-content { |
358 | height: 45vh; | ||
359 | overflow-y: auto; | 373 | overflow-y: auto; |
360 | overflow-x: hidden; | 374 | overflow-x: hidden; |
361 | padding-right: 1px; | 375 | padding-right: 1px; | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-input type="textarea" :rows="6" disabled placeholder="配置参数" v-model="resultInfo"> | 2 | <el-input type="textarea" :rows="6" placeholder="配置参数" v-model="resultInfo"> |
3 | </el-input> | 3 | </el-input> |
4 | </template> | 4 | </template> |
5 | <script> | 5 | <script> |
... | @@ -16,9 +16,9 @@ export default { | ... | @@ -16,9 +16,9 @@ export default { |
16 | </script> | 16 | </script> |
17 | 17 | ||
18 | <style scoped lang="scss"> | 18 | <style scoped lang="scss"> |
19 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ | ||
20 | /deep/.el-textarea__inner { | 19 | /deep/.el-textarea__inner { |
21 | min-height: 70vh !important; | 20 | height: 72vh !important; |
21 | border: none !important; | ||
22 | background-color: #08346F !important; | 22 | background-color: #08346F !important; |
23 | color: #ffffff; | 23 | color: #ffffff; |
24 | border: none !important; | 24 | border: none !important; | ... | ... |
... | @@ -105,7 +105,7 @@ | ... | @@ -105,7 +105,7 @@ |
105 | } | 105 | } |
106 | 106 | ||
107 | /deep/.el-textarea__inner { | 107 | /deep/.el-textarea__inner { |
108 | border: 1px solid #224C7C !important; | 108 | border: 1px solid #224C7C; |
109 | margin: 0 0 10px 0 !important; | 109 | margin: 0 0 10px 0 !important; |
110 | width: 100% !important; | 110 | width: 100% !important; |
111 | color: #dadde3 !important; | 111 | color: #dadde3 !important; | ... | ... |
1 | .tableClass { | 1 | .tableClass { |
2 | /deep/.el-table { | 2 | /deep/.el-table { |
3 | border: none !important; | 3 | border: none !important; |
4 | border-radius: 0 !important; | 4 | border-radius: 0 !important; |
5 | background-color: rgba(0, 0, 0, 0); | 5 | background-color: rgba(0, 0, 0, 0); |
6 | 6 | ||
7 | .el-table__header-wrapper { | 7 | .el-table__header-wrapper { |
8 | border-right: none; | 8 | border-right: none; |
9 | 9 | ||
10 | } | 10 | } |
11 | 11 | ||
12 | .el-table__row .cell { | 12 | .el-table__row .cell { |
13 | color: #8DEAF9 !important; | 13 | color: #8DEAF9 !important; |
14 | font-weight: 100 !important; | 14 | font-weight: 100 !important; |
15 | } | 15 | } |
16 | 16 | ||
17 | .el-table__row { | 17 | .el-table__row { |
18 | background: rgba(0, 0, 0, 0) !important; | 18 | background: rgba(0, 0, 0, 0) !important; |
19 | } | 19 | } |
20 | 20 | ||
21 | thead { | 21 | thead { |
22 | background: #073781; | 22 | background: #073781; |
23 | border-radius: 2px; | 23 | border-radius: 2px; |
24 | height: 42px; | 24 | height: 42px; |
25 | 25 | ||
26 | & th { | 26 | & th { |
27 | //inherit:规定应该从父元素继承 background-color 属性的设置。 | 27 | //inherit:规定应该从父元素继承 background-color 属性的设置。 |
28 | //transparent:默认。背景颜色为透明。 | 28 | //transparent:默认。背景颜色为透明。 |
29 | // background-color: inherit !important; | 29 | // background-color: inherit !important; |
30 | background-color: transparent; | 30 | background-color: transparent; |
31 | color: #02D9FD; | 31 | color: #02D9FD; |
32 | } | 32 | } |
33 | 33 | ||
34 | & tr { | 34 | & tr { |
35 | // background-color: inherit !important; | 35 | // background-color: inherit !important; |
36 | background-color: transparent; | 36 | background-color: transparent; |
37 | } | 37 | } |
38 | } | ||
39 | } | 38 | } |
39 | } | ||
40 | } | 40 | } |
41 | 41 | ||
42 | //*****start*通用表单查询条件,列表样式******// | 42 | //*****start*通用表单查询条件,列表样式******// |
43 | .from-clues { | 43 | .from-clues { |
44 | height: 100%; | 44 | height: 100%; |
45 | width: 100%; | ||
46 | min-width: 1280px; | ||
47 | box-sizing: border-box; | ||
48 | overflow-x: hidden; | ||
49 | padding: 2px; | ||
50 | |||
51 | &-header { | ||
45 | width: 100%; | 52 | width: 100%; |
46 | min-width: 1280px; | 53 | padding: 5px 30px 20px 24px; |
47 | box-sizing: border-box; | 54 | box-sizing: border-box; |
48 | overflow-x: hidden; | 55 | background: url("~@/image/formHeader.png") no-repeat; |
49 | padding: 2px; | 56 | background-size: 100% 100%; |
50 | 57 | margin-top: 15px; | |
51 | &-header { | ||
52 | width: 100%; | ||
53 | padding: 5px 30px 20px 24px; | ||
54 | box-sizing: border-box; | ||
55 | background: url("~@/image/formHeader.png") no-repeat; | ||
56 | background-size: 100% 100%; | ||
57 | margin-top: 15px; | ||
58 | |||
59 | /deep/.el-form-item__label { | ||
60 | color: #E3F1FF; | ||
61 | } | ||
62 | 58 | ||
63 | /deep/.el-input__inner { | 59 | /deep/.el-form-item__label { |
64 | background: #07388B; | 60 | color: #E3F1FF; |
65 | border-radius: 2px; | ||
66 | color: #CEF8FF; | ||
67 | border: 1px solid #6BC1FC; | ||
68 | } | ||
69 | } | 61 | } |
70 | 62 | ||
71 | .advanced-search { | 63 | /deep/.el-input__inner { |
72 | display: flex; | 64 | background: #07388B; |
73 | font-size: 12px; | 65 | border-radius: 2px; |
74 | flex-wrap: wrap; | 66 | color: #CEF8FF; |
75 | padding-top: 5px; | 67 | border: 1px solid #6BC1FC; |
76 | height: 30px; | 68 | } |
77 | 69 | } | |
78 | span { | ||
79 | display: flex; | ||
80 | align-items: center; | ||
81 | } | ||
82 | 70 | ||
83 | i { | 71 | .advanced-search { |
84 | color: $light-blue; | 72 | display: flex; |
85 | margin-left: 5px; | 73 | font-size: 12px; |
86 | cursor: pointer; | 74 | flex-wrap: wrap; |
87 | } | 75 | padding-top: 5px; |
76 | height: 30px; | ||
88 | 77 | ||
89 | ul { | 78 | span { |
90 | display: flex; | 79 | display: flex; |
91 | align-items: center; | 80 | align-items: center; |
92 | 81 | } | |
93 | li { | ||
94 | color: $light-blue; | ||
95 | border: 1px solid $light-blue; | ||
96 | border-radius: 10px; | ||
97 | padding: 2px 8px; | ||
98 | line-height: 16px; | ||
99 | } | ||
100 | } | ||
101 | 82 | ||
102 | .clean-btn { | 83 | i { |
103 | margin-left: 10px; | 84 | color: $light-blue; |
104 | } | 85 | margin-left: 5px; |
86 | cursor: pointer; | ||
105 | } | 87 | } |
106 | 88 | ||
107 | &-content { | 89 | ul { |
108 | width: 100%; | 90 | display: flex; |
109 | box-sizing: border-box; | 91 | align-items: center; |
110 | margin-top: 15px; | 92 | |
111 | background: url("~@/image/formContent.png") no-repeat; | 93 | li { |
112 | background-size: 100% 100%; | 94 | color: $light-blue; |
113 | padding: 22px 42px 20px; | 95 | border: 1px solid $light-blue; |
114 | //修改表头的背景颜色横向渐变色 | 96 | border-radius: 10px; |
115 | @extend .tableClass; | 97 | padding: 2px 8px; |
116 | 98 | line-height: 16px; | |
117 | /deep/.el-pagination__total { | 99 | } |
118 | color: #FFFFFF; | 100 | } |
119 | } | ||
120 | 101 | ||
121 | .bgc { | 102 | .clean-btn { |
122 | box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5); | 103 | margin-left: 10px; |
123 | background-color: rgba(0, 0, 0, 0); | 104 | } |
124 | } | 105 | } |
125 | 106 | ||
126 | /deep/ .el-pagination { | 107 | &-content { |
127 | .el-input__inner { | 108 | width: 100%; |
128 | color: #FFFFFF; | 109 | box-sizing: border-box; |
129 | border: none; | 110 | margin-top: 15px; |
130 | @extend .bgc; | 111 | background: url("~@/image/formContent.png") no-repeat; |
131 | } | 112 | background-size: 100% 100%; |
132 | 113 | padding: 22px 42px 20px; | |
133 | .el-pager li:not(.disabled).active { | 114 | //修改表头的背景颜色横向渐变色 |
134 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | 115 | @extend .tableClass; |
135 | border-radius: 1px; | ||
136 | border: 1px solid #02D9FD; | ||
137 | background-color: rgba(0, 0, 0, 0); | ||
138 | } | ||
139 | |||
140 | .el-pager li { | ||
141 | @extend .bgc; | ||
142 | color: #FFFFFF; | ||
143 | } | ||
144 | } | ||
145 | 116 | ||
146 | /deep/.btn-next, | 117 | /deep/.el-pagination__total { |
147 | /deep/.btn-prev { | 118 | color: #FFFFFF; |
148 | @extend .bgc; | 119 | } |
149 | color: #FFFFFF; | ||
150 | } | ||
151 | 120 | ||
121 | .bgc { | ||
122 | box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5); | ||
123 | background-color: rgba(0, 0, 0, 0); | ||
152 | } | 124 | } |
153 | 125 | ||
154 | .el-form--inline .el-form-item { | 126 | /deep/ .el-pagination { |
155 | width: auto; | 127 | .el-input__inner { |
156 | margin-right: 0px; | 128 | color: #FFFFFF; |
129 | border: none; | ||
130 | @extend .bgc; | ||
131 | } | ||
157 | 132 | ||
158 | .el-form-item__content { | 133 | .el-pager li:not(.disabled).active { |
159 | width: auto; | 134 | box-shadow: inset 0px 0px 12px 0px #02D9FD; |
160 | } | 135 | border-radius: 1px; |
136 | border: 1px solid #02D9FD; | ||
137 | background-color: rgba(0, 0, 0, 0); | ||
138 | } | ||
139 | |||
140 | .el-pager li { | ||
141 | @extend .bgc; | ||
142 | color: #FFFFFF; | ||
143 | } | ||
161 | } | 144 | } |
162 | 145 | ||
146 | /deep/.btn-next, | ||
147 | /deep/.btn-prev { | ||
148 | @extend .bgc; | ||
149 | color: #FFFFFF; | ||
150 | } | ||
163 | 151 | ||
152 | } | ||
164 | 153 | ||
165 | .el-form-item--small.el-form-item { | 154 | .el-form--inline .el-form-item { |
166 | margin-bottom: 0px; | 155 | width: auto; |
156 | margin-right: 0px; | ||
157 | |||
158 | .el-form-item__content { | ||
159 | width: auto; | ||
167 | } | 160 | } |
161 | } | ||
162 | |||
163 | |||
164 | |||
165 | .el-form-item--small.el-form-item { | ||
166 | margin-bottom: 0px; | ||
167 | } | ||
168 | } | 168 | } |
169 | 169 | ||
170 | 170 | ||
171 | 171 | ||
172 | //*****end*通用表单查询条件,列表样式******// | 172 | //*****end*通用表单查询条件,列表样式******// |
173 | /deep/.el-range-separator { | 173 | /deep/.el-range-separator { |
174 | line-height: 28px !important; | 174 | line-height: 28px !important; |
175 | } | 175 | } |
176 | 176 | ||
177 | .width200px { | 177 | .width200px { |
178 | width: 200px; | 178 | width: 200px; |
179 | } | 179 | } |
180 | 180 | ||
181 | .width300px { | 181 | .width300px { |
182 | width: 300px; | 182 | width: 300px; |
183 | } | 183 | } |
184 | 184 | ||
185 | 185 | ||
186 | .slxx_title { | 186 | .slxx_title { |
187 | border-bottom: 1px solid $borderColor; | 187 | border-bottom: 1px solid $borderColor; |
188 | padding-left: 10px; | 188 | padding-left: 10px; |
189 | padding-bottom: 5px; | 189 | padding-bottom: 5px; |
190 | margin-bottom: 10px; | 190 | margin-bottom: 10px; |
191 | margin-top: 5px; | 191 | margin-top: 5px; |
192 | font-size: 16px; | 192 | font-size: 16px; |
193 | font-weight: 500; | 193 | font-weight: 500; |
194 | color: #4a4a4a; | 194 | color: #4a4a4a; |
195 | } | 195 | } |
196 | 196 | ||
197 | // 搜索框按钮的位置 | 197 | // 搜索框按钮的位置 |
198 | .btnColRight { | 198 | .btnColRight { |
199 | box-sizing: border-box; | 199 | box-sizing: border-box; |
200 | text-align: right; | 200 | text-align: right; |
201 | } | 201 | } |
202 | |||
202 | // 修改弹框样式 | 203 | // 修改弹框样式 |
203 | .modifydialog{ | 204 | .modifydialog { |
204 | /deep/.el-dialog__header { | 205 | /deep/.el-dialog__header { |
205 | text-align: center; | 206 | text-align: center; |
206 | margin-bottom: 10px; | 207 | margin-bottom: 10px; |
208 | |||
207 | .el-dialog__title { | 209 | .el-dialog__title { |
208 | color: white; | 210 | color: white; |
209 | } | 211 | } |
... | @@ -212,29 +214,36 @@ | ... | @@ -212,29 +214,36 @@ |
212 | /deep/.el-form-item__label { | 214 | /deep/.el-form-item__label { |
213 | color: white; | 215 | color: white; |
214 | } | 216 | } |
217 | |||
215 | /deep/.el-input__inner { | 218 | /deep/.el-input__inner { |
216 | background-color: #07388b; | 219 | background-color: #07388b; |
217 | } | 220 | } |
221 | |||
218 | /deep/.el-input__inner { | 222 | /deep/.el-input__inner { |
219 | background: #07388b; | 223 | background: #07388b; |
220 | border-radius: 2px; | 224 | border-radius: 2px; |
221 | border: 1px solid #6bc1fc; | 225 | border: 1px solid #6bc1fc; |
222 | } | 226 | } |
227 | |||
223 | /deep/.el-textarea__inner { | 228 | /deep/.el-textarea__inner { |
224 | background: #07388b; | 229 | background: #07388b; |
225 | color: #fff; | 230 | color: #fff; |
226 | } | 231 | } |
232 | |||
227 | /deep/.el-form-item__label { | 233 | /deep/.el-form-item__label { |
228 | color: #fff; | 234 | color: #fff; |
229 | } | 235 | } |
236 | |||
230 | /deep/.el-dialog__headerbtn { | 237 | /deep/.el-dialog__headerbtn { |
231 | position: absolute; | 238 | position: absolute; |
232 | top: 22px; | 239 | top: 22px; |
233 | right: 30px; | 240 | right: 30px; |
234 | } | 241 | } |
242 | |||
235 | /deep/.el-dialog__header { | 243 | /deep/.el-dialog__header { |
236 | text-align: center; | 244 | text-align: center; |
237 | margin-bottom: 10px; | 245 | margin-bottom: 10px; |
246 | |||
238 | .el-dialog__title { | 247 | .el-dialog__title { |
239 | color: white; | 248 | color: white; |
240 | } | 249 | } |
... | @@ -242,7 +251,7 @@ | ... | @@ -242,7 +251,7 @@ |
242 | } | 251 | } |
243 | 252 | ||
244 | // 角色配置 | 253 | // 角色配置 |
245 | .roleconfiguration{ | 254 | .roleconfiguration { |
246 | /deep/.el-dialog__body { | 255 | /deep/.el-dialog__body { |
247 | display: flex; | 256 | display: flex; |
248 | flex-direction: column; | 257 | flex-direction: column; |
... | @@ -328,7 +337,6 @@ | ... | @@ -328,7 +337,6 @@ |
328 | } | 337 | } |
329 | 338 | ||
330 | .edit-content { | 339 | .edit-content { |
331 | height: 450px; | ||
332 | overflow-y: auto; | 340 | overflow-y: auto; |
333 | overflow-x: hidden; | 341 | overflow-x: hidden; |
334 | padding-right: 1px; | 342 | padding-right: 1px; |
... | @@ -401,6 +409,7 @@ | ... | @@ -401,6 +409,7 @@ |
401 | display: flex; | 409 | display: flex; |
402 | margin-bottom: 15px; | 410 | margin-bottom: 15px; |
403 | } | 411 | } |
412 | |||
404 | .el-dialog__footer { | 413 | .el-dialog__footer { |
405 | padding-right: 40px; | 414 | padding-right: 40px; |
406 | } | 415 | } |
... | @@ -414,12 +423,15 @@ | ... | @@ -414,12 +423,15 @@ |
414 | .el-dialog__wrapper { | 423 | .el-dialog__wrapper { |
415 | overflow: hidden; | 424 | overflow: hidden; |
416 | } | 425 | } |
426 | |||
417 | /deep/.el-table { | 427 | /deep/.el-table { |
418 | background: none; | 428 | background: none; |
429 | |||
419 | th.el-table__cell { | 430 | th.el-table__cell { |
420 | background-color: #073781; | 431 | background-color: #073781; |
421 | color: #02d9fd; | 432 | color: #02d9fd; |
422 | } | 433 | } |
434 | |||
423 | tr { | 435 | tr { |
424 | background: none; | 436 | background: none; |
425 | 437 | ||
... | @@ -429,5 +441,4 @@ | ... | @@ -429,5 +441,4 @@ |
429 | } | 441 | } |
430 | } | 442 | } |
431 | 443 | ||
432 | } | 444 | } |
433 | |||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment