fix
Helius
2021-02-20 45fb4b11ad51bb38306765b11a6747402e382cee
hive-app/pages/member/skinDetection.vue
@@ -1,56 +1,87 @@
<template>
   <view class="container">
      <view class="list-item">
         <navigator url="./skinDetectionDetail?title=皮肤色斑检测分析" hover-class="">
      <view class="list-item" v-for="item in list">
         <navigator :url="'./skinDetectionDetail?id='+item.id+'&title='+(item.title?item.title:'')" hover-class="" >
            <view class="list-header">
               <text class="name">皮肤色斑检测分析</text>
               <text class="gray">2020-12-08 10:12:48</text>
               <text class="name">{{item.title || '-'}}</text>
               <text class="gray">{{item.checkTime}}</text>
            </view>
            <view class="list-content">
               <view class="flex justify-between">
                  <text>检测师</text>
                  <text class="gray">李广</text>
                  <text class="gray">{{item.checkUserName}}</text>
               </view>
               <view class="flex justify-between">
                  <text>检测门店</text>
                  <text class="gray">梅溪湖店</text>
                  <text class="gray">{{item.shopName}}</text>
               </view>
            </view>
         </navigator>
      </view>
      <view class="list-item">
         <navigator url="./skinDetectionDetail?title=皮肤色斑检测分析" hover-class="">
            <view class="list-header">
               <text class="name">皮肤色斑检测分析</text>
               <text class="gray">2020-12-08 10:12:48</text>
            </view>
            <view class="list-content">
               <view class="flex justify-between">
                  <text>检测师</text>
                  <text class="gray">李广</text>
               </view>
               <view class="flex justify-between">
                  <text>检测门店</text>
                  <text class="gray">梅溪湖店</text>
               </view>
            </view>
         </navigator>
      <no-record :isShow="!list.length" txt="暂无检测报告"></no-record>
      <view v-if="list.length">
         <uni-load-more :status="loadStatus" color="#a5abaf"></uni-load-more>
      </view>
   </view>
</template>
<script>
   import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
   export default{
      components:{
      components: {
         uniLoadMore
      },
      data(){
         return {
            id: '',
            list: [],
            loadStatus: 'more',
            pageNum: 1
         }
      },
      onLoad(options) {
         this.id = options.id;
         this.loadList()
      },
      onPullDownRefresh(){
         this.reloadData();
         let timer = setTimeout(function () {
            uni.stopPullDownRefresh();
            clearTimeout(timer);
            timer = null;
         }, 800);
      },
      onReachBottom(){
         this.loadList()
      },
      methods:{
         reloadData(){
            this.list = [];
            this.pageNum = 1;
            this.loadStatus = 'more';
            this.loadList();
         },
         loadList(){
            if(this.loadStatus!=='more'){
               return;
            }
            this.$httpUtils.request('/api/skinCheck/findSkinCheckList', {
               pageNum: this.pageNum,
               pageSize: 10,
               vipId: this.id
            }, 'POST').then((res) => {
               if(res.status == 200){
                  let result = res.rows;
                  if(result.length < 10){
                     this.loadStatus = 'noMore';
                  } else {
                     this.pageNum ++ ;
                     this.loadStatus = 'more';
                  }
                  this.list = this.list.concat(result);
               }
            })
         }
      }
   }
</script>