bnyer-cloud-hub/pages-userInfo/withdraw/withdraw.vue

<template>
	<view class="container">
		<uni-list border-full v-for="(item,index) in withdrawList" :key="index">
			<uni-list-item showArrow clickable :title="'订单号:'+item.orderId"
				:note="item.createTime+'||'+item.channel+'||'+item.status" 
				:rightText="'￥'+item.amt" @click="targetToDetail(item.orderId)"/> 
		</uni-list>
	</view>
</template>

<script>
	import {
		getWithdrawList
	} from '@/api/userInfo.js'
	export default {
		data() {
			return {
				withdrawList:[],
				pageSize: 10,
				pageNum: 1
			}
		},
		created(){
			const userInfo = uni.getStorageSync('userInfo')
			const params = {
				pageSize: this.pageSize,
				pageNum: this.pageNum,
				creatorId: userInfo.id
			}
			this.getWithdrawList(params);
		},
		methods: {
			// 查询提现记录列表
			async getWithdrawList(param) {
				const res = await getWithdrawList(param)
				console.log('res', res)
				if (res.data.code === 200) {
					this.withdrawList = res.data.rows
				} else {
					uni.showModal({
						content: '提现记录列表数据加载失败！',
						showCancel: false
					});
				}
			},
			
			targetToDetail(orderId) {
				console.log('orderId', orderId)
				if (orderId) {
					uni.navigateTo({
						url: 'withdrawDetail?orderId=' + orderId,
					});
				}
			}
		}
	}
</script>

<style lang="less">
	.container {
		.top {
			width: 100vw;

			image {
				width: 100vw;
				height: 400rpx;
			}

			.uni-searchbar {
				border: 1px solid #11A8FD;
				margin: 0 40rpx;
				border-radius: 16rpx;
				padding: 0;

				.uni-searchbar__box {
					padding: 0;
					border-radius: 16rpx !important;
				}
			}

			>text {
				font-weight: bold;
				font-size: 14px;
				display: block;
				text-align: center;
				padding-top: 40rpx;
				padding-bottom: 20rpx;
			}

			.user-list {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				overflow-x: auto;

				.user-list-box {
					width: 140rpx;
					padding: 20rpx;
					text-align: center;

					image {
						width: 100rpx;
						height: 100rpx;
						border-radius: 100rpx;
					}

					text {
						font-size: 24rpx;
						color: #1E1E1E;
						text-align: center;
					}
				}
			}
		}

		.middle {
			text-align: center;
			height: calc(100vh - 248rpx);
			padding-top: 40rpx;

			text {
				font-weight: bold;
				font-size: 14px;
				display: block;
			}

			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
</style>