详情

src/project/fengdu/AppNewFarmerBank/integralAdd.vue

@@ -12,14 +12,14 @@
     <div class="items">
       <p>上传图片</p>
       <div class="upload">
-        <AiUploader v-model="form.files" placeholder="上传图片" type="image" :limit="9" multiple></AiUploader>
+        <AiUploader v-model="form.images" placeholder="上传图片" type="image" :limit="9" multiple></AiUploader>
       </div>
       <div class="tips left">可上传图片，最多上传9张。</div>
     </div>
     <div class="items">
       <p>上传视频</p>
       <div class="upload">
-        <AiUploader v-model="form.files" placeholder="上传视频" type="video" :limit="9" multiple :size="30 * 1024 * 1024"></AiUploader>
+        <AiUploader v-model="form.videos" placeholder="上传视频" type="video" :limit="9" multiple :size="30 * 1024 * 1024"></AiUploader>
       </div>
       <div class="tips left">可上传视频，最大30M。</div>
     </div>
@@ -44,16 +44,19 @@ export default {
   data() {
     return {
       form: {
-        applyItemId: 0,
+        applyItemId: '',
         applyIntegral: '',
         applyItemName: '',
         content: '',
         files: [],
+        images: [],
+        videos: [],
         girdId: '',
         girdName: '',
       },
       list: [],
       dictList: [],
+      flag: false,
     }
   },
   onLoad(o) {
@@ -70,11 +73,32 @@ export default {
   },
   methods: {
     submit() {
+      if(this.flag) return
+
+      if (!this.form.applyItemId) {
+        return this.$u.toast('请选择事件类型')
+      }
+
+      if ((this.form.images.length + this.form.videos.length) > 9) {
+        return this.$u.toast('图片和视频不得超过9个')
+      } else {
+        this.form.files = [...this.form.images,...this.form.videos]
+      }
+
+      if (!this.form.girdId) {
+        return this.$u.toast('请选择所属网格')
+      }
+
+      this.flag = true
       this.$instance.post(`/app/appintegraluserapply/addOrUpdate`,{
         ...this.form
       }).then(res=> {
+        this.flag = false
         if(res?.data) {
-          console.log(res);
+          this.$u.toast('提交成功')
+          setTimeout(()=> {
+            uni.navigateBack()
+          },500)
         }
       })
     },
@@ -102,7 +126,7 @@ export default {
 
 <style lang="scss" scoped>
 .integralAdd {
-  padding-bottom: 140px;
+  padding: 24px 0 120px 0;
   box-sizing: border-box;
   .item {
     width: 100%;
@@ -111,7 +135,7 @@ export default {
     background: #FFF;
     padding: 24px 32px;
     box-sizing: border-box;
-    margin-top: 24px;
+    margin-bottom: 24px;
     .left {
       width: 250px;;
     }
@@ -126,7 +150,7 @@ export default {
   .items {
     width: 100%;
     background: #FFF;
-    margin-top: 24px;
+    margin-bottom: 24px;
     p {
       padding: 24px 32px;
       box-sizing: border-box;
@@ -151,22 +175,6 @@ export default {
     .upload {
       padding: 24px 32px;
       box-sizing: border-box;
-
-      // .fodder_alls {
-      //   display: flex;
-      //   margin-top: 16px;
-      //   align-items: center;
-      //   .fodder_add {
-      //     border: 2px solid #DBDCDF;
-      //     padding: 20px 24px;
-      //     box-sizing: border-box;
-      //     border-radius: 8px;
-      //   }
-      //   .fodder_title {
-      //     color: #8E8F91;
-      //     margin-left: 20px;
-      //   }
-      // }
     }
   }