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