江西小程序管理端
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.
 
 
 

294 lines
7.6 KiB

<template>
<view class="pageBgImg pad" >
<!-- <view class="pad" :style="{ background: `url(${imgUrl}) #f6f6f6 no-repeat`, backgroundSize: backgroundSize }" > -->
<view class="status_bar"></view>
<view style="width: 100%;height: 60rpx;"></view>
<!-- <view class="searchBox">
<searchRow placeholder="搜索学员姓名、学员手机号"></searchRow>
</view>
<view class="card" v-if="identity=='实操教练'">
<view class="addStudent">
<view class="h2">我的学员</view>
<view class="btnBg" @click="$goPage('/pages/recordEntry/student/addStudent/addStudent')">手动添加</view>
</view>
</view>
<view class="card">
<view class="statistics">
<view class="statisticsItem">
<view class="val">260</view>
<view class="lab">累计学员数量</view>
</view>
<view class="statisticsItem">
<view class="val">260</view>
<view class="lab">今日新增学员</view>
</view>
<view class="statisticsItem" v-if="identity=='校长'">
<view class="val">260</view>
<view class="lab">今日退学学员</view>
</view>
</view>
</view> -->
<view class="searchBox" v-if="identity=='校长'">
<searchRow placeholder="搜索学员姓名、学员手机号" @searchFn="searchFn"></searchRow>
</view>
<topUserInfo v-if="identity=='实操教练'"/>
<view class="card">
<view class="h2" v-if="identity=='实操教练'">我的学员</view>
<view class="statistics">
<view class="statisticsItem">
<view class="val">{{count.accumulateCount}}</view>
<view class="lab">累计学员数量</view>
</view>
<view class="statisticsItem">
<view class="val">{{count.todayCount}}</view>
<view class="lab">今日新增学员</view>
</view>
<view class="statisticsItem" v-if="identity=='校长'">
<view class="val">{{count.todayDropoutCount}}</view>
<view class="lab">今日退学学员</view>
</view>
</view>
<view class="addStudent" @click="$goPage('/pages/recordEntry/student/addStudent/addStudent')" v-if="identity=='实操教练'">+ 添加学员</view>
</view>
<view class="screen_row">
<view class="selectItem" @click="showDatePicker=true">
<view class="text ">{{screen.timer}}</view>
<view class="downIcon">
<u-icon name="arrow-down" :size="'28rpx'"></u-icon>
</view>
</view>
<view class="selectItem" @click="showCar=true">
<view class="text oneRowText">{{screen.car}}</view>
<view class="downIcon">
<u-icon name="arrow-down" :size="'28rpx'"></u-icon>
</view>
</view>
<view class="selectItem" @click="showClass=true">
<view class="text oneRowText">{{screen.className}}</view>
<view class="downIcon">
<u-icon name="arrow-down" :size="'28rpx'"></u-icon>
</view>
</view>
</view>
<view class="list">
<view class="card" @click="$goPage('/pages/recordEntry/student/studentDetail/studentDetail?id='+item.id)" v-for="(item,index) in list" :key="index">
<appointItem-student :item="item"/>
</view>
</view>
<UserTab name ='学员'></UserTab>
<u-datetime-picker
:show="showDatePicker"
mode="date"
:minDate="1669341725000"
:visibleItemCount="4"
:closeOnClickOverlay="false"
@confirm="confirmDatePicker"
@cancel="cancelDate"
cancelText="不限日期"
></u-datetime-picker>
<u-picker :show="showCar" :columns="carArr" keyName="lab" @confirm="confirmCar" @cancel="showCar=false"></u-picker>
<u-picker :show="showClass" :columns="classArr" keyName="name" @confirm="confirmClass" @cancel="showClass=false"></u-picker>
</view>
</template>
<script>
import { imgUrl } from '@/config/site.config'
import { studentRecordPage, schoolClass, studentOwner } from '@/config/api.js'
import topUserInfo from '../statistics/comp/topUserInfo.vue'
export default {
components: { topUserInfo },
data() {
return {
imgUrl: imgUrl+'indexTopBanner.png',
backgroundSize: '100% 492rpx',
screen: {
timer: '报名时间',
car: '全部车型',
className: '全部班型'
},
showDatePicker: false,
showCar: false,
showClass: false,
carArr: [
[
{lab: 'C1',id: 1},
{lab: 'C2',id: 2},
]
],
classArr: [
[
{lab: '普通班型',id: 1},
{lab: 'C2vip',id: 2},
]
],
params: {
"pageNo": 1, "pageSize": 10, status: 1, name: ''
},
total: 20,
list: [],
count: {}
}
},
onShow() {
uni.hideTabBar();
},
onLoad() {
this.params.schoolId = this.vuex_schoolId
this.studentRecordPageFn()
this.studentOwnerFn()
this.schoolClass()
},
methods: {
searchFn(val) {
this.params.name = val
this.listInit()
},
async studentOwnerFn() {
const {data: res} = await studentOwner()
this.count = res
console.log(res)
},
cancelDate() {
this.showDatePicker=false
this.params.startTime = ''
this.params.endTime = ''
this.screen.timer = '预约时间'
this.listInit()
},
confirmDatePicker(val) {
this.showDatePicker = false
// this.params.applyDate = this.screen.timer = uni.$u.date(val.value, 'yyyy-mm-dd')
this.screen.timer = uni.$u.date(val.value, 'yyyy-mm-dd') + ' '
let startTimer = this.screen.timer + '00:00:00'
let endTimer = this.screen.timer+ '23:59:59'
console.log(endTimer)
// this.params.applyDate = [startTimer, endTimer]
this.params.startTime = startTimer
this.params.endTime = endTimer
// this.params['applyDate[1]'] = encodeURI(endTimer)
this.listInit()
},
confirmCar(val) {
let item = val.value[0]
this.params.trainType = this.screen.car = item.lab
this.showCar = false
this.listInit()
},
confirmClass(val) {
let item = val.value[0]
this.screen.className = item.lab
this.params.schoolClassId = item.id
this.showClass = false
this.listInit()
},
// 获取班型
async schoolClass() {
const {data: res} = await schoolClass({id: this.vuex_schoolId,pageNo: 1,pageSize: 100})
this.classArr = res.list
},
listInit() {
this.params.pageNo = 1
this.list = []
this.studentRecordPageFn()
},
async studentRecordPageFn() {
const {data: res} = await studentRecordPage(this.params)
this.list.push(...res.list)
this.total = res.total
}
}
}
</script>
<style lang="scss" scoped>
.pad {
min-height: 100vh;
padding-bottom: 110rpx;
}
.card {
padding: 0 28rpx;
margin-bottom: 24rpx;
}
.searchBox {
padding: 140rpx 0 24rpx 0;
}
.h2 {
font-size: 32rpx;
font-weight: 500;
color: $themC;
padding-top: 26rpx;
}
.addStudent {
padding: 10rpx 0 30rpx 0;
font-size: 28rpx;
color: $themC;
text-align: center;
}
.statistics {
display: flex;
height: 170rpx;
.statisticsItem {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex: 1;
.val {
font-weight: 600;
font-size: 56rpx;
color: $themC;
position: relative;
&::before {
content: '个';
position: absolute;
right: -30rpx;
bottom: 10rpx;
font-size: 24rpx;
font-weight: 400;
}
}
.lab {
font-size: 28rpx;
color: #999;
// margin-top: 20rpx;
}
}
}
.screen_row {
display: flex;
margin-bottom: 24rpx;
width: 100%;
justify-content: space-between;
.selectItem {
display: flex;
padding: 0 16rpx;
border: 2rpx solid rgba(25,137,250,0.3);
height: 60rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
line-height: 60rpx;
align-items: center;
width: 29%;
.text {
color: $themC;
flex: 1;
text-align: center;
font-size: 26rpx;
}
.downIcon {
width: 24rpx;
}
}
}
</style>