卡扣登记

src/project/pingchang/AppGetwayRegister/AddGetway.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="AddGetway">
-    <!-- <div class="tips">请确保以下信息全部由本人填写，本人对所填写内容的真实性和完整性负责</div> -->
-
     <!-- 基本信息 -->
     <div class="title">基本信息</div>
     <div class="form-item__group">
@@ -286,16 +284,12 @@
           </div>
         </div>
       </div>
-      <div class="form-item form-item__imgs">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>14天内是否接触新冠确诊或疑似患者</h2>
-          </div>
-          <div class="form-item__right">
-            <AiRadio style="width: 100%;" v-model="form.touchInFourteen" dict="epidemicTouchInFourteen"></AiRadio>
-          </div>
-        </div>
+      <div style="height: 200px;">
+        <NamePhone v-for="(item, index) in people" :key="index" ref="NamePhoneRef" :name.sync="item.name"
+         :phone.sync="item.phone" :index="index" @delCountHandle="delCountHandle"/>
+      </div>
+      <div class="addCount">
+        <u-button type="primary" @click="addCountHandle">继续添加</u-button>
       </div>
       
     </div>
@@ -303,7 +297,7 @@
     <u-picker mode="time" :params="dataParams" v-model="isShowDate" @confirm="onDateChange"></u-picker>
     <u-picker mode="time" :params="params" v-model="isShowStartTime" @confirm="onStartChange"></u-picker>
     <u-picker mode="time" :params="params" v-model="isShowEndTime" @confirm="onEndChange"></u-picker>
-
+    
     <div class="agree">
       <u-checkbox v-model="isAgree"></u-checkbox>
       <span class="deal">以上信息是我本人填写，本人对信息内容的真实性和完整性负责。</span>
@@ -316,7 +310,7 @@
 
 <script>
 import {mapState} from 'vuex'
-
+import NamePhone from './components/namePhone.vue'
 export default {
   appName: "添加返乡记录",
   data() {
@@ -364,10 +358,17 @@ export default {
       arr: [],
       gridList: [[], [], []],
       flag: false,
-      $areaId: ''
+      $areaId: '',
+      people: [{
+        name: '',
+        phone: '',
+      }]
     }
   },
 
+  component: {
+    NamePhone,
+  },
 
   computed: {
     ...mapState(['user'])
@@ -378,6 +379,17 @@ export default {
   },
 
   methods: {
+    addCountHandle() {
+      this.people.push({
+        name: "",
+        phone: "",
+      });
+    },
+
+    delCountHandle(index) {
+      this.people.splice(index, 1);
+    },
+
     onDateChange(e) {
       this.form.checkTime = `${e.year}-${e.month}-${e.day}`
     },
@@ -511,15 +523,6 @@ export default {
 .AddGetway {
   padding-bottom: 140px;
 
-  // .tips {
-  //   line-height: 1.3;
-  //   padding: 32px 32px;
-  //   color: #FF883C;
-  //   font-size: 30px;
-  //   text-align: justify;
-  //   background: #FFF8F3;
-  // }
-
   .title {
     padding: 16px 32px 0 32px;
     box-sizing: border-box;
@@ -531,6 +534,14 @@ export default {
   .form-item__group {
     margin-bottom: 24px;
     background: #fff;
+    .addCount {
+      padding: 0 32px;
+      box-sizing: border-box;
+
+      ::v-deep .u-btn--primary {
+        border-radius: 16px;
+      }
+    }
   }
 
   .form-item {