<template>
	<view class="b-Collection">
		<!-- 时间 -->
		<view class="b-Collection-Date">
			{{data['date']}}
		</view>
		<!-- 收款/应结算 -->
		<view class="b-Collection-row-A">
			<view class="row-Item">
				<view class="row-Item-Label">
					收款：
				</view>
				<view class="row-Item-Value">
					￥{{RetainDecimalPoint(data['total_mount'])}}
				</view>
			</view>
			<view class="row-Item">
				<view class="row-Item-Label">
					应结算：
				</view>
				<view class="row-Item-Value">
					￥{{RetainDecimalPoint(data['total_split_amount'])}}
				</view>
			</view>
		</view>
		<!-- 未入账/已入账 -->
		<view class="b-Collection-row-B">
			<view class="row-Item">
				<view class="row-Item-Label">
					未入账：
				</view>
				<view class="row-Item-Value">
					￥{{RetainDecimalPoint(data['un_entry'])}}
				</view>
			</view>
			<view class="row-Item">
				<view class="row-Item-Label">
					已入账：
				</view>
				<view class="row-Item-Value">
					￥{{RetainDecimalPoint(data['entry'])}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import mixin from '@/static/js/mixin.js'
	export default {
		mixins: [mixin],
		name: "b-Collection",
		props: {
			data: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.b-Collection {
		margin-bottom: 40rpx;

		&-Date {
			line-height: 60rpx;
			color: #666666;
			font-size: 22rpx;
			line-height: 60rpx;
		}

		.b-Collection-row-A,
		.b-Collection-row-B {
			display: flex;
			justify-content: space-between;

			.row-Item {
				display: flex;
				font-size: 30rpx;

				&-Label {
					max-width: 120rpx;
					min-width: 120rpx;
				}

				&-Label {}
			}
		}
	}
</style>
