江西小程序管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

117 lines
2.4 KiB

<template>
<view class="content pageBg">
<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>