<template>
	<!-- 上月的日业绩提成 -->
	<view>
		<!--  -->
	
		<view>
			<view class="module-button">
				<navigator :url="'../classify/classify?type='+form.date" class="sort-button button bg-red">分类</navigator>
				<navigator :url="'../detail/detail?type='+form.date" class="detail-button button bg-red">单据明细</navigator>
			</view>
			<view v-if="form=={}">
				<view class='empty cuIcon-info'></view>
				<view class='empty-text text-gray'>暂无数据</view>
			</view>
		<view class="cu-bar bg-white  margin-top">
				<view class='action' style="display: flex;justify-content: flex-start;width: 100%;">
					<view style='width: 30%;'>
						<text class='cuIcon-titles text-orange'></text>
						<text class='text-black'>总业绩</text>
					</view>
					<view style="display: flex;justify-content: space-around;width: 60%;">
						<view>
							<text class="cuIcon-title text-red"></text> 卡付：
							<text class='text-red'>￥{{form.cardAchi}}</text>
						</view>
						<view>
							<text class="cuIcon-title text-red"></text> 现付：
							<text class='text-red'>￥{{form.cashAchi}}</text>
						</view>
					</view>
		
				</view>
			</view>
		
			<view class="cu-bar bg-white  margin-top">
				<view class='action' style="display: flex;justify-content: flex-start;width: 100%;">
					<view style='width: 30%;'>
						<text class='cuIcon-titles text-orange'></text>
						<text class='text-black'>总提成</text>
					</view>
					<view style="display: flex;justify-content: space-around;width: 60%;">
						<view>
							<text class="cuIcon-title text-red"></text> 卡付：
							<text class='text-red'>￥{{form.cardComm}}</text>
						</view>
						<view>
							<text class="cuIcon-title text-red"></text> 现付：
							<text class='text-red'>￥{{form.cashComm}}</text>
						</view>
					</view>
		
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form:{},
			}
		},
		methods: {
			
		},
		onLoad(option){
		    const item = JSON.parse(decodeURIComponent(option.item));
			this.form = item
			console.log(item);
		}
	}
</script>

<style>
	.module-button{
	  margin: 20rpx 0;
	  display: flex;
	  justify-content: space-between;
	  padding: 0 10%;
	}
	.module-button .button{
	  width: 40%;
	  padding: 20rpx 0;
	  text-align: center;
	  font-size: 28rpx !important;
	  font-weight: 550;
	  border-radius: 20rpx;
	}
</style>
