申请积分

src/project/pidu/AppPointsApply/AppPointsApply.vue

@@ -5,14 +5,14 @@
     </div>
     <h3>申请记录</h3>
 
-    <div class="card">
+    <div class="card" v-for="(item,index) in list" :key="index">
       <div class="top">
-        <div class="top_title">完成群发任务完成群发任务完成群发任务完成群发任务完成群发任务完成群发任务</div>
+        <div class="top_title">{{ item.applyItem }}</div>
-        <div><span class="top_status">审核通过</span></div>
+        <div><span class="top_status">{{ item.status }}</span></div>
       </div>
       <div class="bottom">
-        <div class="bottom_points">积分+5</div>
+        <div class="bottom_points">积分+{{ item.applyIntegral }}</div>
-        <div class="bottom_time">2020-12-11 10:10</div>
+        <div class="bottom_time">{{ item.createTime }}</div>
       </div>
     </div>
   </div>
@@ -24,17 +24,33 @@ export default {
   appName: '积分申请',
   data() {
     return {
-      
+      current: 1,
+      list: [],
     }
   },
   onShow() {
-    
+    this.getPointsList()
   },
   methods: {
     toAdd() {
       uni.navigateTo({url: './addPoints'})
+    }, 
+    getPointsList() {
+      this.$http.post(`/app/appintegralmemberapply/listByGirdMember`, null, {
+        params: {
+          current: this.current,
+        }
+      }).then(res=> {
+        if(res?.data) {
+          this.list = this.current > 1 ? [...this.list, ...res.data.records]: res.data.records
+        }
+      })
     }
   },
+  onReachBottom() {
+    this.current ++
+    this.getPointsList()
+  }
 }
 </script>
 

src/project/pidu/AppPointsApply/addPoints.vue

@@ -2,21 +2,21 @@
   <div class="addPoints">
     <div class="item">
       <div class="item_left"><span class="red">*</span><span class="color-666">申请事项</span></div>
-      <div class="input"><u-input v-model="value" type="text" placeholder="请输入" /></div>
+      <div class="input"><u-input v-model="form.applyItem" type="text" placeholder="请输入" /></div>
     </div>
 
     <div class="item">
       <div class="item_left"><span class="red">*</span><span class="color-666">积分数量</span></div>
-      <div class="input"><u-input v-model="value" type="number" placeholder="请输入"/></div>
+      <div class="input"><u-input v-model="form.applyIntegral" type="number" placeholder="请输入"/></div>
     </div>
 
     <div class="items">
-      <div class="color-666">上传图片</div>
+      <div><span class="red">*</span><span class="color-666">上传图片</span></div>
-      <AiUploader style="margin-top: 12px;" v-model="form.files" :limit="1"  action="/admin/file/add2"></AiUploader>
+      <AiUploader style="margin-top: 12px;" v-model="form.files" :limit="1"></AiUploader>
     </div>
 
     <div class="btn">
-      <div class="subBtn">提交</div>
+      <div class="subBtn" @click="submit">提交</div>
     </div>
   </div>
 </template>
@@ -28,22 +28,50 @@ export default {
     return {
       value: '',
       form: {
+        applyItem: '',
+        applyIntegral: '',
+        voucherImageUrl: '',
         files: []
-      }
+      },
+      flag: false,
     }
   },
   onShow() {
     document.title = '积分申请'
   },
   methods: {
+    submit() {
+      if(this.flag) return 
 
+      if(!this.form.applyItem) {
+        return this.$toast('请输入申请事项')
+      }
+
+      if(!this.form.applyIntegral) {
+        return this.$toast('请输入积分数量')
+      }
+
+      this.flag = true
+      this.$http.post(`/app/appintegralmemberapply/addOrUpdate`,{
+        ...this.form,
+        voucherImageUrl: 'http://respub.sinoecare.net/20221130/1-20221130092429.jpeg'
+      }).then(res=> {
+        if(res.code == 0) {
+          this.flag = false
+          this.$toast('提交成功')
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 600)
+        }
+      })
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
 .addPoints {
-  padding: 32px 16px;
+  padding: 0 16px 120px;
   box-sizing: border-box;
   font-size: 32px;
   .item {
@@ -82,6 +110,9 @@ export default {
     border-radius: 32px;
     padding: 16px 32px;
     box-sizing: border-box;
+    .red {
+      color: #E64A4A;
+    }
   }
 
   .btn {