<template>
	<view>
		<view class="info-wrap">
			<u-navbar
			 title="我的业绩" 
			 title-color="#fff" 
			 :custom-back="customBack" 
			 :border-bottom="false" 
			 back-icon-color="#CCE8FF" 
			 :background="{background: 'none' }"></u-navbar>
			<view class="info">
				<view class="payee-no">工号：{{vuexUser.payeeNo}}</view>
				<view class="current-time">{{$u.timeFormat(currentTime, 'yyyy年mm月dd日 hh:MM:ss')}}</view>
			</view>
		</view>
		<view class="calendar-wrap">
			<u-calendar v-model="calendarShow" mode="date" @change="calendarChange"></u-calendar>
		</view>
		<view class="statistics">
			<view class="statistics-title">实收数（聚合）</view>
			<view class="statistics-total">
				<span class="number">1380.30</span>
				元
			</view>
			<view class="statistics-item u-flex">
				<view class="statistics-item-cell">
					<view class="til">入场数</view>
					<view class="con">26</view>
				</view>
				<view class="statistics-item-cell">
					<view class="til">出场数</view>
					<view class="con">18</view>
				</view>
				<view class="statistics-item-cell">
					<view class="til">应收数</view>
					<view class="con">2215.00</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				vuexUser:'',
				currentTime: new Date().getTime(),
				calendarShow:true,
				
			}
		},
		onLoad(){
			this.vuexUser = this.$store.state.vuex_user;
		},
		onShow(){
			
		},
		methods:{
			customBack(){
				this.$u.route({
					// type:'switchTab',
					url: 'pages/index/index'
				});
			},
			calendarChange(e){
				console.log('e',e);
				this.calendarShow = true;
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	@import  './performance.scss'
</style>
