woqi-fencheng-h5/pages/collectionNum.vue

<template>
	<view>
		<view class="top">
			<view class="money">￥{{top.money}}元</view>
			<view class="num">收款{{top.nums}}笔</view>
		</view>
		<view class="list" v-for="(item,index) in incomeList" :key='index'>
			<view class="middle">
				<view class="name">{{item.mobile}}</view>
				<view class="num">{{item.pay_time}}</view>
			</view>
			<view class="right">+{{item.pay_money}}</view>
		</view>
	</view>
</template>

<script>
	var app = getApp()
	export default {
		data() {
			return {
				incomeList: '', //收益列表
				top: '', //头部信息
			}

		},
		onLoad: function(options) {
			uni.showLoading()
			console.log(options, '-------------')
			// var that = this
			let list = JSON.parse(options.list)
			console.log(list, "ppppp")

			let date = {
				day: list.day,
				bike_id: list.bike_id
			}
			app.request('/earnings-day-bike', date, 'GET').then(res => {
				uni.hideLoading()
				console.log(res, "单个车辆收益详情")

				this.incomeList = res.data.data,
					this.top = list
			})
		},
	}
</script>

<style>
	/* pages/collectionNum/collectionNum.wxss */
	page {
		/* background-color: #ffffff; */
	}

	.top {
		text-align: center;
		margin-bottom: 60upx;
	}

	.day,
	.num {

		font-size: 30upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #747474;
		line-height: 36upx;
		opacity: 0.8;
	}

	.money {
		margin-top: 61upx;
		font-size: 40upx;

		margin-bottom: 30upx;
	}

	.list {
		background-color: #ffffff;
		display: flex;
		padding: 20upx 30upx;
		border-bottom: solid 1upx rgba(238, 238, 238, 1);
	}

	.left {
		margin-right: 27upx;
	}

	.left image {
		border: solid 1upx #747474;
		height: 96upx;
		width: 96upx;
		border-radius: 10upx;
	}

	.middle {
		flex: 0 0 50%;
		padding: 5upx 0;
	}

	.right {
		padding: 30upx;
		text-align: right;
		flex: 1;
		font-size: 32upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 36upx;
	}

	.name {
		margin-bottom: 10upx;
	}
</style>