<template>
	<view class="content">
		<view class="status_bar"></view>
		<view class="" style="height: 30rpx;"></view>
		<view class="userInfo">
			<view class="tit">Hi,{{ vuex_userInfo.name }}教练</view>
			<view class="flex userRow">
				<view class="schoolIcon">
					<image src="@/static/images/index/ic_jiaxiao.png" mode=""></image>
				</view>
				<view class="schoolName oneRowText">{{  vuex_userInfo.schoolName }}</view>
				<!-- <view class="tag">合作教练</view> -->
			</view>
		</view>
		<view class="card priceBox">
			<view class="blueLab">今日已结算金额</view>
			<view class="price">￥36333.66</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="tab_box">
			<tabDate/>
		</view>
		<view class="card">
			<view class="chart">
				<columnChart/>
			</view>
		</view>
		<view class="flex-b">
			<view class="h1">结算明细</view>
			<moreRight text="更多"/>
		</view>
		<view class="record">
			<view class="card" v-for="(item,index) in 10" :key="index">
				<stage/>
			</view>
		</view>
		<view class="moreBtn" @click="$goPage('/pages/indexEntry/settlement/settlement')">查看更多</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,
			}
		},
		onLoad() {
			
		},
		methods: {
			tabClick(num) {
				this.currentTab = num
				
			},
		}
	}
</script>

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