GuangYuYuan-app/pages/my/history.vue

<template>
	<view class="history">
		<!-- <view class="item" v-for="(item,index) in list" :key="index"> -->
			<u-table v-if="list.length>0">
				<u-tr>
					<u-th>时间</u-th>
					<u-th>银行卡</u-th>
					<u-th>金额(元)</u-th>
					<u-th>状态</u-th>
				</u-tr>
				<u-tr v-for="(item,index) in list">
					<u-td >
						{{item.dtCreateTime.slice(0,10)}}
						{{item.dtCreateTime.slice(11,19)}}
					</u-td>
					<u-td >
						尾号 {{item.bankAccount.slice(-4)}}
					</u-td>
					<u-td >
						{{item.dPrice}}
					</u-td>
					<u-td >
						{{item.nStatus == 0?'审核中':item.nStatus == 1?'审核通过':item.nStatus == 2?'驳回':''}}
					</u-td>
				</u-tr>
			</u-table>
			<view class="empty" v-else>
				暂无提现记录
			</view>
		<!-- </view> -->
	</view>
</template>

<script>
	import {select} from '../../api/index.js'
	export default{
		data(){
			return{
				list:[]
			}
		},
		onShow() {
			this.getList()
		},
		methods:{
			getList(){
				var openid = {
					cOpenId: uni.getStorageSync('wx_copenid')
				}
				select(openid).then(res => {
					if(res.data.code == 200){
						this.list = res.data.data.records
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep.u-th {
		border: none !important;
	}
	::v-deep.u-tr{
		height: 50px;
	}
	::v-deep.u-td {
		border: none !important;
		height: 100%;
		display: flex;
		align-items: center;
	}
	::v-deep.u-tr{
		border-bottom: 1px solid #ccc;
		
	}
	.history{
		width: 100%;
		height: 100%;
		overflow-y: auto;
		.empty{
			width: 100%;
			text-align: center;
			padding-top: 200px;
		}
	}
</style>