<template>
	<view class="margin radius bg-white">
		<view class="main-money ">
			<view class="padding-xs flex align-center">
				<view class="flex-sub text-center padding-top-lg">
					<view class="txet-xxs">
						<text class="">交易金额</text>
					</view>
					<view class=" text-sl padding padding-top-xs"><text class="">
							￥{{basicData.totalAmout|numberFilter}}

						</text></view>
				</view>
			</view>
		</view>
		<view class="bg-white   to-top">
			<view class=" flex ">
				<view class="padding text-center flex-sub">
					<text>交易笔数</text>
					<view class="padding-sm">
						<text class="text-lg oil-main-color padding-top-xs">{{basicData.totalCount}}</text>
					</view>
				</view>
				<view class="padding text-center flex-sub">
					<text>客单均价</text>
					<view class="padding-sm">
						<text class="text-lg oil-main-color">￥{{basicData.totalAmout/basicData.totalAccount|numberFilter}}</text>
					</view>
				</view>
				<view class="padding text-center flex-sub">
					<text>顾客数</text>
					<view class="padding-sm">
						<text class="text-lg oil-main-color padding-top-xs">{{basicData.totalAccount}}</text>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		props: {
			basicData: {
				type: Object,
				default () {}
			}
		},
		data() {
			return {

			}
		},
		methods: {
			showModal() {
				this.$emit('showModal')
			}
		},
		watch: {
			basicData: {
				handler(newVal, oldVal) {
					console.log('深度监听', newVal, oldVal)
					this.basicData = newVal
				},
				deep: true
			}
		},
		filters: {
			numberFilter(value) {
				if (value) {
					value = value - 1 + 1
					return value.toFixed(2)
				} else {
					return '0.00'
				}

			}
		}
	}
</script>

<style>

</style>
