add 余额明细接口联调

chenbiao
1 parent 4d3d7875
Showing 1 changed file with 60 additions and 110 deletions
pages/rechargeDetail/rechargeDetail.vue
@@ -58,77 +58,30 @@
 		<view class="" v-if="orderList.length > 0">
-			<uni-list class="rechargeWrap">
+			<uni-list class="rechargeWrap" v-for="(item, index) in orderList" :key="index">
 				<view class="recordCon uni-list-cell-pd">
-					<text>+66</text>
-					<text>充值成功</text>
+					<text class="color-black">{{item.changeFeeDetail}}</text>
+					<text>{{item.payStateDesc}}</text>
 				</view>
 				<view class="recordCon uni-list-cell-pd">
-					<text class="color-green">微信充值</text>
-					<text>2020-10-01 01:01:01</text>
-				</view>
-			</uni-list>
-
-			<uni-list class="rechargeWrap">
-				<view class="recordCon uni-list-cell-pd">
-					<text>+66</text>
-					<text>充值成功</text>
-				</view>
-				<view class="recordCon uni-list-cell-pd">
-					<text class="color-blue">支付宝充值</text>
-					<text>2020-10-01 01:01:01</text>
-				</view>
-			</uni-list>
-
-			<uni-list class="rechargeWrap">
-				<view class="recordCon uni-list-cell-pd">
-					<text>+66</text>
-					<text>充值成功</text>
-				</view>
-				<view class="recordCon uni-list-cell-pd">
-					<text class="color-red">线下公对公充值</text>
-					<text>2020-10-01 01:01:01</text>
-				</view>
-			</uni-list>
-
-			<uni-list class="rechargeWrap">
-				<view class="recordCon uni-list-cell-pd">
-					<text>-66</text>
-					<text>支付成功</text>
-				</view>
-				<view class="recordCon uni-list-cell-pd">
-					<text class="color-green">购买卡券</text>
-					<text>2020-10-01 01:01:01</text>
-				</view>
-				<view class="rechargeArrow">
-					>
+					<text class="color-green">{{item.typeName}}</text>
+					<text>{{item.opTime}}</text>
 				</view>
 			</uni-list>
+			<view class="grace-loading text-center jy-fix-height34" v-if="isLoadAll">{{ loadingTxt }}</view>
+		</view>
+		<view v-else class="margin-top-30">
+			<image class="marginAuto" src="../../static/vipcard/novipcard.png" mode="aspectFit"></image>
+			<view class="text-center">
+				暂无记录
+			</view>
-			<uni-list class="rechargeWrap">
-				<view class="recordCon uni-list-cell-pd">
-					<text>-66</text>
-					<text>支付成功</text>
-				</view>
-				<view class="recordCon uni-list-cell-pd">
-					<text class="">停车支付</text>
-					<text>2020-10-01 01:01:01</text>
-				</view>
-				<view class="rechargeArrow">
-					>
-				</view>
-			</uni-list>
-		</view>
-		<!-- 底部文案 -->
-		<view class="">
-			<text>{{status === 'more' ? contentText.contentdown : (status === 'loading' ? contentText.contentrefresh : contentText.contentnomore)}}</text>
 		</view>
-
 	</view>
 </template>
@@ -146,19 +99,16 @@
 				arrayWay: [],
 				index: 0,
 				indexWay: 0,
-				kind:'',
-				type:'',
+				kind: '',
+				type: '',
 				beginDate: currentDate,
 				overDate: currentDate,
 				orderList: [],
+				isLoadAll: false,
+				totalPages: 1, // 总页数
 				page: 1,
-				pageSize: 10,
-				status: 'more', // 默认展示上拉显示更多
-				contentText: {
-					contentdown: "上拉显示更多",
-					contentrefresh: "正在加载...",
-					contentnomore: "没有更多数据了"
-				}
+				pageSize: 5,
+				loadingTxt: '加载中...',
 			}
 		},
@@ -167,54 +117,38 @@
 				withShareTicket: true
 			});
 			this.getKindType();
-			// 页码归为第1页
 			this.page = 1
-			// 初始化获取列表数据
-			this.fetchData()
-
+			this.pageSize = 5
+			this.totalPages = 1
+			this.orderList = []
 		},
 		onShow() {
-			this.getDetailSummary();
 			this.page = 1
-			this.pageSize = 10
+			this.pageSize = 5
+			this.totalPages = 1
 			this.orderList = []
-			this.fetchData()
 		},
 		// 下拉刷新触发
 		onPullDownRefresh(val) {
 			this.page = 1
-			this.pageSize = 10
+			this.pageSize = 5
+			this.totalPages = 1
 			console.log('下拉刷新', val)
-			this.fetchData().then(() => {
-				uni.stopPullDownRefresh();
-			}).catch(err => {
-				uni.stopPullDownRefresh();
-				// 弹窗提示
-				uni.showToast({
-					title: '请求出错了',
-					icon: 'none'
-				})
-			})
+			this.fetchData()
 		},
 		// 上拉加载触发
 		onReachBottom() {
-			// 改变状态为加载中
-			this.status = 'loading'
-				// 页码发生变化
-				++this.page
-			// 加载更多
-			this.fetchData('loadMore').then(resArray => {
-				// 此时判断当前有没有请求到数据
-				if (resArray.length) {
-					this.status = 'more'
-
-				} else {
-					this.status = 'noMore';
-					--this.page;
-				}
-			}).catch(err => {
-				console.log('网络请求失败')
-			})
+			// 判断当前页是否大于等于总页数
+			if (this.totalPages <= this.page) {
+				this.isLoadAll = true;
+				this.loadingTxt = '没有更多数据啦~';
+			} else {
+				this.page++;
+				this.isLoadAll = true;
+				this.loadingTxt = '加载中...';
+				this.fetchData(); // 每次滑动请求接口，实现上拉加载更多数据
+			}
+
 		},
 		computed: {
@@ -240,7 +174,12 @@
 					that.arrayWay = data[0].typeList;
 					that.type = data[0].typeList[0].type;
 					console.log(data)
-
+					console.log(that.kind, that.type)
+					that.getDetailSummary();
+					that.page = 1
+					that.pageSize = 5
+					that.orderList = []
+					that.fetchData()
 				})
 			},
 			bindPickerChange: function(e) {
@@ -249,20 +188,26 @@
 				that.kind = that.kindArray[that.index].kind;
 				that.arrayWay = that.kindArray[that.index].typeList;
 				that.type = that.kindArray[that.index].typeList[0].type;
+				console.log(that.kind, that.type)
+				that.getDetailSummary();
 				that.fetchData()
 			},
 			bindPickerChangeWay: function(e) {
 				console.log('picker发送选择改变，携带值为', e.detail.value)
 				this.indexWay = e.detail.value;
-				this.type = that.arrayWay[this.indexWay].type;
+				this.type = this.arrayWay[this.indexWay].type;
+				console.log(this.kind, this.type)
+				this.getDetailSummary();
 				this.fetchData()
 			},
 			bindStartDateChange: function(e) {
 				this.beginDate = e.detail.value
+				this.getDetailSummary();
 				this.fetchData()
 			},
 			bindEndDateChange: function(e) {
 				this.overDate = e.detail.value
+				this.getDetailSummary();
 				this.fetchData()
 			},
 			getDate(type) {
@@ -306,7 +251,7 @@
 			},
-			fetchData(way) {
+			fetchData() {
 				let that = this
 				let paramsData = {
 					pageNum: that.page,
@@ -323,14 +268,19 @@
 					data: that.$common.requestSign(paramsData)
 				}).then(res => {
-					// 当页的数据
-					const resDataArray = res.data
-					if (way === 'loadMore') {
-						that.orderList = that.orderList.concat(resDataArray)
+					const resDataArray = res.data.dataList;
+					if (that.totalPages === res.data.pageTotals) {
+						that.isLoadAll = true;
+						that.loadingTxt = '没有更多数据啦~';
+						that.orderList = resDataArray;
 					} else {
+						that.totalPages = res.data.pageTotals;
+						that.isLoadAll = true;
+						that.loadingTxt = '上拉加载更多数据';
 						that.orderList = resDataArray
 					}
+
 				})