sct/pagesT/Distribution/AddUpMoney.vue

<template>
	<view class="AddUpMoney">
		<view class="top-money-view">
			<view class="money-num">{{ totalMoney || 0 }}</view>
			<view class="add-up-label">{{ text_set.commission_c || '累计佣金' }}（元）</view>
		</view>
		<view class="cash-out-view">
			<view class="money-num">{{ balance || 0 }}</view>
			<view class="add-up-label">{{ text_set.commission_w || '可提现佣金' }}（元）</view>
			<view class="cash-our-btn" @click="goPage('/pagesT/Distribution/Withdrawal?balance=' + (balance || 0) + '&id=' + businessman_id)">
				申请{{ text_set.withdrawal || '提现' }}
			</view>
		</view>
		<view class="cash-ul">
			<view class="cash-li clearfix">
				<text class="float_left cash-li-label">{{ text_set.commission_s || '待审核佣金' }}</text>
				<text class="float_right cash-li-value">
					¥
					<text class="num-text">{{ waitAuditWithdraw || 0 }}</text>
				</text>
			</view>
			<view class="cash-li clearfix">
				<text class="float_left cash-li-label">{{ text_set.commission_d || '待打款佣金' }}</text>
				<text class="float_right cash-li-value">
					¥
					<text class="num-text">{{ auditWithdraw || 0 }}</text>
				</text>
			</view>
			<view class="cash-li clearfix">
				<text class="float_left cash-li-label">{{ text_set.commission_r || '待入账佣金' }}</text>
				<text class="float_right cash-li-value">
					¥
					<text class="num-text">{{ waitMoney || 0 }}</text>
				</text>
			</view>
		</view>
		<view class="user-tip">
			<view class="user-tip-tit">用户须知</view>
			<view class="user-tip-li">买家确认收货后，立即获得{{ text_set.commission || '佣金' }}</view>
			<view class="user-tip-li">注意：{{ text_set.commission_w || '可提现佣金' }}满0.01元后才能申请{{ text_set.withdrawal || '提现' }}</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			text_set: {},
			balance: 0,
			businessman_id: 0,
			totalMoney: 0,
			waitMoney: 0,
			waitAuditWithdraw: 0,
			auditWithdraw: 0
		};
	},
	onLoad(options) {
		uni.setNavigationBarColor({
			frontColor: '#ffffff',
			backgroundColor: '#fb604e'
		});

		this.text_set = this.$store.state.distributionTextSet;
		if (this.text_set.commission_c) {
			uni.setNavigationBarTitle({
				title: this.text_set.commission_c || '累计佣金'
			});
		}
		console.log(options);
		this.balance = options.balance;
		this.totalMoney = options.totalMoney;
		this.waitMoney = options.waitMoney;
		this.auditWithdraw = options.auditWithdraw;
		this.waitAuditWithdraw = options.waitAuditWithdraw;
		this.businessman_id = options.id;
	}
};
</script>

<style lang="scss">
.top-money-view {
	background: #fb604e;
	padding: 50upx 0;
	text-align: center;
	.money-num {
		font-size: 64upx;
		color: #ffffff;
		padding-bottom: 20upx;
	}
	.add-up-label {
		color: #ffffff;
		opacity: 0.5;
		font-size: 24upx;
	}
}
.cash-out-view {
	text-align: center;
	padding: 50upx 0;
	border-bottom: 20upx solid $page-color-base;
	.money-num {
		font-size: 54upx;
		color: #ff4c1a;
		padding-bottom: 20upx;
		font-weight: bold;
	}
	.add-up-label {
		color: #999;
		font-size: 24upx;
	}
	.cash-our-btn {
		line-height: 60upx;
		height: 60upx;
		background-color: #fa502c;
		color: #fff;
		text-align: center;
		font-size: 28upx;
		border-radius: 60upx;
		width: 400upx;
		margin: 50upx auto 0;
	}
}
.cash-ul {
	padding: 0 20upx;
	border-bottom: 20upx solid $page-color-base;
	.cash-li {
		line-height: 90upx;
		border-bottom: 1px solid #f5f5f5;
		font-size: 26upx;
		.cash-li-value {
			font-size: 22upx;
			.num-text {
				font-weight: bold;
				font-size: 28upx;
				margin-left: 4upx;
			}
		}
		&:last-child {
			border-bottom: 0 none;
		}
	}
}
.user-tip {
	padding: 30upx 20upx;
	.user-tip-tit {
		font-size: 24upx;
		font-weight: bold;
		padding-bottom: 26upx;
		color: #444;
	}
	.user-tip-li {
		font-size: 24upx;
		line-height: 36upx;
		color: #666666;
	}
}
</style>