<!--我的-首页-->
<template>
	<view class="main_box">
		<view style="background:#29D3B4;">
			<!--用户信息-->
			<view class="user_section">
				<view class="box">
					<view class="left" @click="openViewMyInfo()">
						<image class="pic" :src="$util.img(memberInfo.head_img)"></image>
						<view class="name">{{memberInfo.name}}</view>
					</view>
					<view class="right">
						<view class="btn"></view>
						<!--            <view class="btn">切换身份</view>-->
						<!-- <view class="btn" @click="openViewArrivalStatistics()">到课率统计</view> -->
						<!-- <view class="btn">到课率统计</view> -->
						<view class="btn"></view>
					</view>
				</view>
			</view>

			<!--统计信息-->
			<view class="count_section">
				<view class="main">
					<view class="course_box">
						<view class="top">
							<view class="item">
								<view class="num">{{statisticsInfo.courseNum}}</view>
								<view class="intro">总授课数/节</view>
							</view>
							<view class="item">
								<view class="num">{{statisticsInfo.classNum}}</view>
								<view class="intro">总授班级/个</view>
							</view>
							<view class="item">
								<view class="num">{{statisticsInfo.studentNum}}</view>
								<view class="intro">总负责学员/名
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="bg_box bg_top"></view>
				<view class="bg_box bg_bottom"></view>
			</view>
		</view>



		<view class="main_section">
			<view class="section_box">
				<view class="item" @click="openViewDueSoon()">
					<view>即将到期</view>
					<view></view>
				</view>

				<view class="item" @click="openViewSchoolingStatisticsReal()">
					<view>授课统计</view>
					<view></view>
				</view>

				<!-- <view class="item"> -->
				<view class="item" @click="openViewMyAttendance()">
					<view>我的考勤</view>
					<view></view>
				</view>

				<!-- <view class="item"> -->
				<view class="item" @click="openViewSchoolingStatistics()">
					<view>我的消息</view>
					<view></view>
				</view>

				<view class="item" @click="teachingResearchManagement()">
					<view>教研管理</view>
					<view></view>
				</view>

				<view class="item" @click="openServiceDetail()">
					<view>服务详情</view>
					<view></view>
				</view>

				<view class="item" @click="goCourseSchedule()">
					<view>课程安排</view>
					<view></view>
				</view>

				<view class="item" @click="my_contract()">
					<view>我的合同</view>
					<view></view>
				</view>
			</view>

			<view class="section_box">
				<!--   <view class="item" @click="openViewFeedback()">
          <view>意见反馈</view>
          <view></view>
        </view> -->

				<view class="item" @click="openViewSetUp()">
					<view>设置</view>
					<view></view>
				</view>
			</view>
		</view>

		<!--    底部导航-->
		<AQTabber />
	</view>
</template>

<script>
	// import memberApi from '@/api/member.js';
	import AQTabber from "@/components/AQ/AQTabber.vue"
	import apiRoute from '@/api/apiRoute.js';

	export default {
		components: {
			AQTabber,
		},
		data() {
			return {
				memberInfo: {},
				statisticsInfo: []
			}
		},
		onLoad() {

		},
		onShow() {

			this.init();
		},
		methods: {
			async init() {
				this.getStatistics()
			},
      my_contract(){
        this.$navigateTo({
					url: '/pages/common/contract/my_contract'
				})
      },
			//教练详情(个人信息详情)
			async getMemberInfo() {
				let res = await apiRoute.getPersonnelInfo({})
				if (res.code != 1) {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					return
				}
				this.memberInfo = res.data
			},

			//获取统计个数
			async getStatistics() {
				let res = await apiRoute.getStatisticsInfo({})
				if (res.code != 1) {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					return
				}
				this.statisticsInfo = res.data

				this.getMemberInfo()
			},

			//打开到课率统计
			openViewArrivalStatistics() {
				this.$navigateTo({
					url: '/pages/coach/my/arrival_statistics'
				})
			},

			//打开即将到期
			openViewDueSoon() {
				this.$navigateTo({
					url: '/pages/coach/my/due_soon'
				})
			},

			//我的消息
			openViewSchoolingStatistics() {
				this.$navigateTo({
					url: '/pages/common/my_message'
				})
			},

			//打开教研管理
			teachingResearchManagement() {
				this.$navigateTo({
					url: '/pages/coach/my/teaching_management'
				})
			},

			//打开意见反馈
			openViewFeedback() {
				this.$navigateTo({
					url: '/pages/common/feedback'
				})
			},

			//打开个人资料
			openViewMyInfo() {
				this.$navigateTo({
					url: '/pages/coach/my/info'
				})
			},

			//打开设置
			openViewSetUp() {
				this.$navigateTo({
					url: '/pages/coach/my/set_up'
				})
			},

			//跳转页面-我的考勤
			openViewMyAttendance() {
				this.$navigateTo({
					url: `/pages/common/my_attendance`
				})
			},

			//打开服务详情
			openServiceDetail() {
				this.$navigateTo({
					url: '/pages/coach/my/service_detail'
				})
			},

			//打开授课统计（真实的授课统计页面）
			openViewSchoolingStatisticsReal() {
				this.$navigateTo({
					url: '/pages/coach/my/schooling_statistics'
				})
			},

			//打开体育场信息
			openViewSportsVenue() {
				uni.showModal({
					title: '我的体育场',
					content: '当前分配场馆：xxx场馆\n地址：xxx\n联系电话：xxx',
					showCancel: false
				})
			},
			goCourseSchedule(){
				this.$navigateTo({
					url: '/pages/coach/schedule/schedule_table'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.main_box {
		background: #292929;
		min-height: 28vh;
	}

	//自定义导航栏
	.navbar_section {
		border: 1px solid #29D3B4;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #29D3B4;

		.title {
			padding: 40rpx 0rpx;

			/* 小程序端样式 */
			// #ifdef MP-WEIXIN
			padding: 80rpx 0rpx;
			// #endif

			font-size: 30rpx;
			color: #fff;
		}
	}

	//用户信息
	.user_section {
		background-color: #29D3B4;
		padding-top: 58rpx;
		padding-bottom: 42rpx;
		color: #fff;
		font-size: 28rpx;

		.box {
			padding-left: 19rpx;
			padding-right: 29rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 15rpx;

			.left {
				display: flex;
				align-items: center;
				gap: 20rpx;

				.pic {
					width: 144rpx;
					height: 144rpx;
					border-radius: 50%;
				}

				.name {
					font-size: 28rpx;
				}
			}

			.right {
				display: flex;
				flex-direction: column;
				gap: 20rpx;

				.btn {
					min-height: 28rpx;
					font-size: 28rpx;
				}
			}
		}
	}

	//统计信息
	.count_section {
		position: relative;

		.main {
			position: relative;
			z-index: 2;
			padding: 0rpx 24rpx;
			display: flex;
			justify-content: center;

			.course_box {
				padding: 42rpx 28rpx;
				width: 692rpx;
				border-radius: 20rpx;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				gap: 32rpx;

				.top {
					display: flex;
					justify-content: space-between;
					align-items: center;

					.item {
						display: flex;
						flex-direction: column;
						align-items: center;
						gap: 12rpx;

						.num {
							color: #29D3B4;
							font-size: 56rpx;
						}

						.intro {
							color: #AAAAAA;
							font-size: 24rpx;
						}
					}
				}

				.bottom {
					font-size: 24rpx;
					color: #333333;

					text {
						color: #29D3B4;
					}
				}

			}
		}

		.bg_box {
			z-index: 1;
			width: 100%;
			height: 150rpx;
		}

		.bg_top {
			position: absolute;
			top: 0;
			background-color: #29D3B4;
		}

		.bg_bottom {
			top: 50%;
			position: absolute;
			background-color: #292929;
		}
	}

	.main_section {
		background: #292929 100%;
		padding: 0 24rpx;
		padding-top: 40rpx;
		padding-bottom: 150rpx;
		font-size: 24rpx;
		color: #333333;
		display: flex;
		flex-direction: column;
		gap: 22rpx;

		.section_box {
			background: #fff;
			border-radius: 16rpx;
			padding: 6rpx 24rpx;
			display: flex;
			flex-direction: column;

			.item {
				padding: 24rpx 78rpx;
				border-top: 1px solid #F2F2F2;
				font-size: 28rpx;
				display: flex;
				justify-content: space-between;
			}

			.item:nth-child(1) {
				border-top: 0;
			}


		}

	}
</style>