新增

src/mods/work/AppHelpDeclaration/add.vue

@@ -27,14 +27,14 @@
         <div class="left">
           <span>*</span><span>家庭人口数</span>
         </div>
-        <input type="number" class="right__text" placeholder="请输入" maxlength="10"/>
+        <input type="number" class="right__text" v-model="form.householdNumber" placeholder="请输入" maxlength="10"/>
       </div>
       <div class="item">
         <div class="left">
           <span>*</span><span>所在地区</span>
         </div>
-        <AiAreaPicker v-model="areaId" class="right__text" :fullName.sync="areaName">
+        <AiAreaPicker v-model="form.areaId" class="right__text" :fullName.sync="form.areaName">
-          <span :class="areaName == '' ? 'color-999' : 'color-333' ">{{ areaName || "请选择" }}</span>
+          <span :class="form.areaName == '' ? 'color-999' : 'color-333' ">{{ form.areaName || "请选择" }}</span>
           <u-icon name="arrow-right" color="#ddd" style="display: inline-block;"/>
         </AiAreaPicker>
       </div>
@@ -42,7 +42,7 @@
         <div class="left">
           <span>*</span><span>详细地址</span>
         </div>
-        <input type="textarea" class="textarea" placeholder="请输入" maxlength="10"/>
+        <input type="textarea" class="textarea" v-model="form.address" placeholder="请输入" maxlength="10"/>
       </div>
       <div class="items">
         <div class="left">
@@ -60,17 +60,17 @@
       </div>
       <div class="items">
         <div class="left">
-          <span>*</span><span>上传佐证材料（最多9张）</span>
+          <span style="margin-right: 8px"></span><span>上传佐证材料（最多9张）</span>
         </div>
         <div style="margin-top: 10px;">
-          <AiUploader v-model="form.checkPhoto" :limit="9" multiple></AiUploader>
+          <AiUploader v-model="form.files" :limit="9" multiple></AiUploader>
         </div>
       </div>
     </div>
 
     <div style="height: 60px;"></div>
     <div class="btn">
-      <div @click="submit">提交</div>
+      <div @click="comfirm">提交</div>
     </div>
 
   </div>
@@ -87,9 +87,14 @@ export default {
         name: '',
         idNumber: '',
         phone: '',
-        checkPhoto: []
+        householdNumber: '',
+        areaId: '',
+        areaName: '',
+        address: '',
+        reason: '',
+        files: []
       },
-      areaName: '',
+      flag: false,
       list: ['张是','订单','电动蝶阀','斤斤计较','坎坎坷坷']
     }
   },
@@ -103,6 +108,32 @@ export default {
   methods: {
     helpCheck(e) {
       e.checked = !e.checked
+    },
+    comfirm() {
+      if(this.flag) return
+      if(!this.form.name) {
+        return this.$u.toast('请输入姓名')
+      }
+      if(!this.form.idNumber) {
+        return this.$u.toast('请输入身份证号')
+      }
+      if(!this.form.phone) {
+        return this.$u.toast('请输入手机号')
+      }
+      if(!this.form.householdNumber) {
+        return this.$u.toast('请输入家庭人口数')
+      }
+      if(!this.form.areaId) {
+        return this.$u.toast('请选择所在地区')
+      }
+      if(!this.form.address) {
+        return this.$u.toast('请输入详细地址')
+      }
+
+      this.flag = true
+      this.$instance.post('/app/apphelpdeclarationinfo/addByApplet').then((res) => {
+        console.log(res);
+      })
     }
   },
 }