xiongmao/pages/my/withdrawal-details/withdrawal-details.vue

<!-- 提现明细 -->
<template>
	<view class="wrap">
		<view class="list">
			<view class="item" v-for="(item, index) in list" :key="index">
				<view class="item-top">
					<text class="name">{{item.desc}}</text>
					<text :class="'status '+ (item.status == 0 ? 'red' : 'blue')">{{item.status == 0 ? '被驳回' : '已到账'}}</text>
				</view>
				<view class="item-bottom">
					<text class="time">{{item.money}}</text>
					<text class="money">{{item.money}}</text>
				</view>
				<view class="msg" v-if="item.type == 1">
					支付宝账号:{{item.card_no}}
				</view>
				<view class="msg" v-if="item.type == 2">
					开户行:{{item.bank_name}}
				</view>
				<view class="msg" v-if="item.type == 2">
					银行卡号:{{item.card_no}}
				</view>
				<view class="msg" v-if="item.type == 3">
					微信账号:{{item.card_no}}
				</view>
			</view>
			<!-- <view class="item">
				<view class="item-top">
					<text class="name">提现到银行卡</text>
					<text :class="'status '+ (isAudit?'red':'blue')">{{isAudit ? '被驳回' : '已到账'}}</text>
				</view>
				<view class="item-bottom">
					<text class="time">2020-02-24 14:22:23</text>
					<text class="money">-12.98</text>
				</view>
				<view class="msg">
					开户行:中国农业银行
				</view>
				<view class="msg">
					银行卡号:9347328649237490
				</view>
			</view>
			<view class="item">
				<view class="item-top">
					<text class="name">提现到支付宝</text>
					<text :class="'status '+ (isAudit?'red':'blue')">{{isAudit ? '被驳回' : '已到账'}}</text>
				</view>
				<view class="item-bottom">
					<text class="time">2020-02-24 14:22:23</text>
					<text class="money">-12.98</text>
				</view>
				<view class="msg">
					支付宝账号:18945623896
				</view>
			</view>
			<view class="item">
				<view class="item-top">
					<text class="name">提现到微信</text>
					<text :class="'status '+ (isAudit?'red':'blue')">{{isAudit ? '被驳回' : '已到账'}}</text>
				</view>
				<view class="item-bottom">
					<text class="time">2020-02-24 14:22:23</text>
					<text class="money">-12.98</text>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	import {
		walletManageGetWithdrawLog
	} from '../../../common/service.js';
	export default {
		data() {
			return {
				isAudit: true,

				list: [],
				page: 1,
				page_num: 20,
			}
		},
		onLoad() {
			this.getList();
		},
		methods: {

			// 获取列表
			getList(type) {
				const {page, page_num} = this;
				walletManageGetWithdrawLog({
					data: {
						page,
						page_num,
					},
					success: res => {
						if (res.code === 1) {
							const list = res.data.list;
							this.list = page > 1 ? [...this.list, ...list] : list;
							if (list.length === 0) {
								uni.showToast({
									icon: 'none',
									title: '没有更多数据了'
								});
							} else {
								this.page = this.page + 1;
							}
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
					},
					complete: () => {
						this.getDataLoading = false;
						uni.stopPullDownRefresh();
					}
				})
			},

			/**
			 * 下拉刷新
			 */
			onPullDownRefresh() {
				this.getList();
			},

			/**
			 * 触底加载
			 */
			onReachBottom() {
				this.getList();
			},
		}
	}
</script>

<style scoped lang="scss">
	@import "./withdrawal-details.css";
</style>