jiangximiniprogramSchool/pages/tabbar/statistics/comp/examinCoach.vue

<template>
	<view class="content">
		<view class="userInfo">
			<view class="tit">Hi,大乔教练</view>
			<view class="flex userRow">
				<view class="schoolIcon">
					<image src="@/static/images/index/ic_jiaxiao.png" mode=""></image>
				</view>
				<view class="schoolName oneRowText">翔力驾校</view>
				<view class="tag">考场教练</view>
			</view>
		</view>
		<view class="card priceBox">
			<view class="blueLab">今日待服务</view>
			<view class="toDayServe">
				<view class="serveItem">
					<view class="lab">科目二</view>
					<view class="val">6</view>
				</view>
				<view class="serveItem">
					<view class="lab">科目三</view>
					<view class="val">10</view>
				</view>
			</view>
			<view class="flex-b">
				<view class="data">截止：2023/08/08 11:00:00</view>
				<view class="refresh">
					<view class="text">刷新</view>
					<view class="icon">
						<image src="@/static/images/index/ic_shuaxin.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		
		<view class="h1">服务次数统计</view>
		<view class="navBox">
			<cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"></cardNav>
		</view>
		<view class="tab_box">
			<tabDate/>
		</view>
		
		<view class="card">
			<view class="chart">
				<columnChart/>
			</view>
		</view>
		
		
		<view class="h1">服务学员人数统计</view>
		<view class="tab_box">
			<tabDate/>
		</view>
		<view class="card">
			<view class="chart">
				<columnChart/>
			</view>
		</view>
		
		<UserTab name ='统计'></UserTab>
		
		
	</view>
</template>

<script>
	import stage from './stage'
	import columnChart from './columnChart'
	import tabDate from './tabDate'
	export default {
		components: { stage, columnChart, tabDate },
		data() {
			return {
				value1: '',
				currentTab: 1,
				currentTab2: 1,
				showDatePicker: false,
				navData: [
					{text: '全部', id: 0},
					{text: '科目二', id: 1},
					{text: '科目三', id: 2},
				],
				currentNav: 1
			}
		},
		onLoad() {
			
		},
		onShow() {
			uni.hideTabBar();
		},
		methods: {
			
			tabClick2(num) {
				this.currentTab2 = num
				if(num==4) {
					this.showDatePicker = true
				}
			},
			changeNav(num) {
				this.currentNav = num
			},
			// 2选择时间选择器里的时间
			selectDateClick(val) {
				console.log(val)
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import './comp.scss';
	.navBox {
		margin-bottom: 24rpx;
	}
</style>