<template>
	<view class="main" :style="{ background: `url(${imgUrl}) #f6f6f6 no-repeat`, backgroundSize: backgroundSize }">
	
		<operateCoach  v-if="identity=='实操教练'"/>
		<principal  v-if="identity=='校长'||identity=='驾校财务'"/>
		<UserTab name ='统计'></UserTab>
		
		<u-popup :show="show" mode="center" round="20rpx">
			<view class="box">
				<view class="tit">您还未上传签名请尽快上传!</view>
				<view class="btnBg" @click="goPage">去签名</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import operateCoach from './comp/operateCoach'
	import principal from './comp/principal'
	import { imgUrl } from '@/config/site.config'
	import { needSign } from '@/config/api.js'
	export default {
		components: {
			operateCoach,
			principal
		},
		data() {
			return {
				imgUrl: imgUrl+'indexTopBanner.png',
				backgroundSize: '100% 492rpx',
				show: false,
			}
		},
		onShow() {
			uni.hideTabBar();
		},
		onLoad() {
			this.needSignFn()
		},
		methods: {
			async needSignFn() {
				const {data: res} = await needSign()
				if(res) {
					this.show = true
				}
			},
			goPage() {
				this.show = false
				this.$goPage('/pages/userCenter/signature/signature')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		padding: 40rpx 50rpx;
		text-align: center;
		font-size: 28rpx;
		color: #333;
		.tit {
			padding: 30rpx 0 60rpx 0;
			color: $themC;
			font-weight: 700;
		}
		.btnBg {
			width: 370rpx;
			margin: auto;
		}
	}
</style>

