111

src/assets/scss/pages/caiji.scss

@@ -1,5 +1,5 @@
 .bg-app {
-  background-color: rgba(218, 218, 218, 0.89);
+  background-color: rgba(189, 214, 255, 0.89);
   height: 100%;
   width: 100vw;
   padding: 20px;
@@ -37,6 +37,10 @@
     padding-bottom: 20px;
     display: flex;
     justify-content: center;
+
+    .btn {
+      width: 100px;
+    }
   }
 }
 

src/views/pages/caiji.vue

@@ -99,14 +99,23 @@
                   v-model="formData.houseHolderName"></mt-field>
         <div class="line"></div>
 
-        <mt-field class="my-field"
+        <div @click="handelSel('totalResi')">
+          <mt-cell :title="'居住成员人数'"
+                   is-link>
+            <span class="picker_content"
+                  v-if="selTotalResi">{{selTotalResi.label}}</span>
+            <span v-else>请选择</span>
+          </mt-cell>
+        </div>
+
+        <!-- <mt-field class="my-field"
                   label="居住成员人数"
                   :disableClear="true"
                   placeholder="请输入"
                   type="number"
                   @blur.native.capture="bluraa"
                   v-model="formData.totalResi"></mt-field>
-        <div class="line"></div>
+        <div class="line"></div> -->
 
       </div>
 
@@ -162,6 +171,7 @@
     <div class="div-btn">
       <mt-button @click="handleSubmit"
                  type="primary"
+                 class="btn"
                  :disabled="btnDisabled"
                  size="small">提交</mt-button>
     </div>
@@ -217,6 +227,10 @@ export default {
       selUnit: null,
       selHome: null,
       selHomeType: null,
+      selTotalResi: {
+        label: '4人',
+        value: 4
+      },
 
       unitContent: '',
       homeContent: '',////选择其他时，输入的值
@@ -229,7 +243,7 @@ export default {
         address: '',//外部：用户自己输入；内部：把小区名楼栋名单元名房屋名拼接起来。例如：绿地望海领域10号楼一单元101	
         houseType: '',//1自由0租住	
         houseHolderName: '',//户主姓名	
-        totalResi: 1,//居住成员人数	
+        totalResi: 4,//居住成员人数	
         customerId: '',//customerId
 
       },
@@ -246,7 +260,8 @@ export default {
           ymjz: '',
           selDetNum: {},
           selDetCondition: {}
-        }
+        },
+
       ],
 
       roomTypeList: [
@@ -259,7 +274,7 @@ export default {
           label: '租住'
         },
       ],
-
+      totalResiList: [],
       detNumList: [],//参加核酸次数list
       detConditionList: [//参加核酸类型list
         {
@@ -325,36 +340,20 @@ export default {
       }
       this.detNumList.push(obj)
     }
-  },
 
-  methods: {
-    bluraa () {
-      let objTemp = {
-        name: '',
-        mobile: '',
-        idNum: '',
-        heSuanCount: 0,
-        ymjz: '',
-        selDetNum: {},
-        customerId: '',
-        selDetCondition: {}
+    for (let i = 1; i < 9; i++) {
+      let obj = {
+        value: i,
+        label: i + '人',
       }
+      this.totalResiList.push(obj)
+    }
 
-      if (this.memberList.length > this.formData.totalResi) {//已有成员数量比设置的数量大，删除多余
-        let differ = this.memberList.length - this.formData.totalResi
-        this.memberList.splice(this.formData.totalResi, differ)
-      } else if (this.memberList.length < this.formData.totalResi) {////已有成员数量比设置的数量小，补充空对象
-        let differ = this.formData.totalResi - this.memberList.length
-
-        for (let i = 0; i < differ; i++) {
-          let temp = JSON.parse(JSON.stringify(objTemp))
-          this.memberList.push(temp)
-        }
-      }
+    this.bluraa()
+  },
 
+  methods: {
 
-      console.log(this.memberList)
-    },
 
     //根据社区id获取小区列表
     async loadVillage () {
@@ -527,6 +526,9 @@ export default {
 
       }
 
+      if (selType === 'totalResi') {
+        this.pickerData = this.totalResiList
+      }
       if (selType === 'roomType') {
         this.pickerData = this.roomTypeList
       }
@@ -694,9 +696,6 @@ export default {
     popupOk () {
       if (this.selType === 'community') {
         this.selVillage = this.selObj
-
-
-
         this.selBuild = null
         this.selUnit = null
         this.selHome = null
@@ -729,9 +728,13 @@ export default {
       }
       if (this.selType === 'room') {
         this.selHome = this.selObj
-
         this.homeContent = ''
+      }
 
+      if (this.selType === 'totalResi') {
+        this.selTotalResi = this.selObj
+        this.formData.totalResi = this.selObj.value
+        this.bluraa()
       }
 
       if (this.selType === 'roomType') {
@@ -755,6 +758,34 @@ export default {
 
     },
 
+    bluraa () {
+      let objTemp = {
+        name: '',
+        mobile: '',
+        idNum: '',
+        heSuanCount: 0,
+        ymjz: '',
+        selDetNum: {},
+        customerId: '',
+        selDetCondition: {}
+      }
+
+      if (this.memberList.length > this.formData.totalResi) {//已有成员数量比设置的数量大，删除多余
+        let differ = this.memberList.length - this.formData.totalResi
+        this.memberList.splice(this.formData.totalResi, differ)
+      } else if (this.memberList.length < this.formData.totalResi) {////已有成员数量比设置的数量小，补充空对象
+        let differ = this.formData.totalResi - this.memberList.length
+
+        for (let i = 0; i < differ; i++) {
+          let temp = JSON.parse(JSON.stringify(objTemp))
+          this.memberList.push(temp)
+        }
+      }
+
+
+      console.log(this.memberList)
+    },
+
     onPickerChange (picker, values) {
 
       this.selObj = values[0]