积分明细

src/project/qujing/AppMine/integralInfo.vue

@@ -9,30 +9,20 @@
     </div>
     <div class="list">
       <div class="title">积分明细</div>
-      <div class="item">
+      <div class="item" v-for="(item, index) in list" :key="index">
         <div class="flex">
           <div class="left">
-            <p>发布新闻</p>
-            <div>2021-03-18 13:45:36</div>
+            <p>{{item.integralRuleName}}: {{item.eventDesc}}</p>
+            <div>{{item.createTime}}</div>
           </div>
-          <div class="right status0">＋20</div>
-        </div>
-      </div>
-      <div class="item">
-        <div class="flex">
-          <div class="left">
-            <p>积分阅读</p>
-            <div>2021-03-18 13:45:36</div>
-          </div>
-          <div class="right status1">-20</div>
+          <div class="right" :class="'status'+item.integralCalcType">{{item.integralCalcType ? '+' : '-'}}{{item.changeIntegral}}</div>
         </div>
       </div>
+      <AiEmpty :description="`暂无数据`" class="emptyWrap" v-if="!list.length"/>
     </div>
   </div>
 </template>
 <script>
-import {mapState} from 'vuex'
-
 export default {
   name: "integralInfo",
   customNavigation: true,
@@ -43,15 +33,28 @@ export default {
         background: 'url(https://cdn.cunwuyun.cn/qujing/my-header-nav.png) no-repeat',
         backgroundSize: '100% 100%',
       },
+      current: 1,
+      pages: 2,
+      list: []
     }
   },
-  computed: {
-    ...mapState(['user', 'token']),
-  },
   onLoad() {
+    this.getList()
   },
   methods: {
-    
+    getList() {
+      if(this.current > this.pages) return
+      this.$instance.post(`/app/appwechatuserqujing/queryUserIntegralDetail?size=20&current=${this.current}`).then(res => {
+        if (res.code == 0) {
+          this.pages = res.data.pages
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    }
+  },
+  onReachBottom() {
+    this.current ++
+    this.getList()
   }
 }
 </script>