diff --git a/src/assets/scss/pages/resiAdd.scss b/src/assets/scss/pages/resiAdd.scss index 8858ececd..5b97e2246 100644 --- a/src/assets/scss/pages/resiAdd.scss +++ b/src/assets/scss/pages/resiAdd.scss @@ -2,11 +2,29 @@ height: 100%; padding:16px; .item_width_1{ - width: 514px; + width: 498px; } .form{ background-color: #fff; padding:16px; + .flex_box{ + display: flex; + flex-wrap: wrap; + .flex_item_width1{ + width: 332px; + } + .flex_item_width2{ + width: 700px; + } + .flex_item_width3{ + width: 120px; + } + .flex_item_width4{ + width: 300px; + + } + + } } } h5 { diff --git a/src/assets/scss/pages/resiInfo.scss b/src/assets/scss/pages/resiInfo.scss index e1fcf212e..63abec1b7 100644 --- a/src/assets/scss/pages/resiInfo.scss +++ b/src/assets/scss/pages/resiInfo.scss @@ -84,6 +84,7 @@ } .right{ flex: 1; + width: 100%; height: 100%; background: #ffffff; position: relative; @@ -104,31 +105,40 @@ margin-left: 0px; margin-top: 22px; } - .f-label { - width: 100px; - text-align: right; - color: rgba(51, 51, 51, .85) ; - >b{ - font-weight: 400; - position: relative; - color: rgba(51, 51, 51, .85) ; + .flex_box{ + display: flex; + flex-wrap: wrap; - &::after{ - content: '*'; - position: absolute; - top: 0px; - color: #ff5107; - left: -7px; + .f-flex{ + margin-top: 23px; + width: 332px; + align-items: center; + .f-label { + width: 100px; + text-align: right; + color: rgba(51, 51, 51, .85) ; + >b{ + font-weight: 400; + position: relative; + color: rgba(51, 51, 51, .85) ; + + &::after{ + content: '*'; + position: absolute; + top: 0px; + color: #ff5107; + left: -7px; + } + } } } + } + .f-labels{ width: 155px; text-align: right; } - .f-flex{ - align-items: center; - } .f-m-top23{ margin-top: 23px; } @@ -138,6 +148,4 @@ ::v-deep .el-button--text{ padding: 0; } -::v-deep .el-row{ - padding-left: 37px; -} + diff --git a/src/views/components/addResi.vue b/src/views/components/addResi.vue index 7bdd94cca..ea9198b7a 100644 --- a/src/views/components/addResi.vue +++ b/src/views/components/addResi.vue @@ -3,85 +3,70 @@
基础信息登记
-
- - - +
+ - - - + + - - - + + - - - + + - - - - - + + - - - + + - - - + + - - - + + - - - - - + + - - - + + - - - + - - - + 本地 - - - +
居住信息登记
-
-
- - - + - + - - + + label-width="100px" class="font-color-orange flex_item_width4" :rules="[ + { required: true, message: '请选择小区', trigger: 'blur' }, + ]"> + size="small" class="f-bto0" clearable> + + + ]" class="flex_item_width3"> + class=" f-bto0"> @@ -156,9 +132,9 @@ + ]" class="flex_item_width3"> @@ -168,27 +144,17 @@ + ]" class="flex_item_width3"> - - - - - - - - - + + @@ -196,64 +162,53 @@ :label="item.label" :value="item.value"> - - - + - - - - - - - - - - - + - - - - + - - - + + - - - - - + + + + + + + +
-
拓展信息登记
-
- - - +
+ + - - - + + - - - + + - - - + + - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ item.label }} - - - - - - - {{ item.label }} - - - - - - - - - - - - - - - - {{ item.label }} - - - - - - - - - - - - - - - - -
-
人员标签
-
- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ + item.label + }} + + + + + + {{ + item.label + }} + + + + + + + + + + + + {{ item.label + }} + + + + + + + + + + + + +
+
人员标签
+
+ +
+ + + + 取消 + 保存 + 提交并补充家庭人员信息 + +
- - - - 取消 - 保存 - 提交并补充家庭人员信息 - - + + +
- - - -