From a6653e19d20a61e7b8f788037d2a4df3f93a4f32 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Tue, 12 Jan 2021 16:51:03 +0800
Subject: [PATCH] gx
---
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..6efdddd 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.startPullDownRefresh();
+ 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