From 45fb4b11ad51bb38306765b11a6747402e382cee Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Sat, 20 Feb 2021 17:37:33 +0800 Subject: [PATCH] fix --- hive-app/pages/member/skinDetection.vue | 85 +++++++++++++++++++++++++++++------------- 1 files changed, 58 insertions(+), 27 deletions(-) diff --git a/hive-app/pages/member/skinDetection.vue b/hive-app/pages/member/skinDetection.vue index 802a9ca..be84c4d 100644 --- a/hive-app/pages/member/skinDetection.vue +++ b/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> -- Gitblit v1.9.1