16 changed files with 4 additions and 1391 deletions
-
1common/js/mixins.js
-
33components/UserTab/UserTab.vue
-
45pages.json
-
42pages/recordEntry/examine/examineRecord/detail/detail.vue
-
153pages/recordEntry/examine/examineRecord/examineRecord.vue
-
189pages/tabbar/examSimulation/comp/coach.vue
-
316pages/tabbar/examSimulation/comp/simulation.vue
-
157pages/tabbar/examSimulation/comp/studentComment.vue
-
39pages/tabbar/examSimulation/index.vue
-
1pages/tabbar/mine/index.vue
-
117pages/tabbar/statistics/comp/examinCoach.vue
-
3pages/tabbar/statistics/index.vue
-
6pages/tabbar/student/index.vue
-
101pages/userCenter/examinInfo/comp/examinItem.vue
-
127pages/userCenter/examinInfo/examinInfo.vue
-
65pages/userCenter/indicatorRecharge/indicatorRecharge.vue
@ -1,42 +0,0 @@ |
|||||
<template> |
|
||||
<view class="pageBgImg"> |
|
||||
<topNavbar title="预约详情"></topNavbar> |
|
||||
<view class="pad"> |
|
||||
<view class="card"> |
|
||||
<appointItem /> |
|
||||
<view class="border_bottom"> |
|
||||
<view class="date">核销时间：2023/08/08 08:52:08</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.card { |
|
||||
padding: 0 28rpx; |
|
||||
} |
|
||||
.date { |
|
||||
font-size: 28rpx; |
|
||||
color: #ADADAD; |
|
||||
margin-bottom: 16rpx; |
|
||||
} |
|
||||
.border_bottom { |
|
||||
border-top: 2rpx dashed #E8E9EC; |
|
||||
padding: 24rpx 10rpx 10rpx 0; |
|
||||
|
|
||||
.date { |
|
||||
font-size: 28rpx; |
|
||||
color: #ADADAD; |
|
||||
margin-bottom: 16rpx; |
|
||||
} |
|
||||
.btnBg { |
|
||||
width: 212rpx; |
|
||||
margin: 30rpx auto; |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,153 +0,0 @@ |
|||||
<template> |
|
||||
<view class="main"> |
|
||||
<view class="blueBg"> |
|
||||
<topNavbar title="预约记录"></topNavbar> |
|
||||
<view class="pad"> |
|
||||
<view class="searchBox"> |
|
||||
<searchRow placeholder="搜索学员姓名、学员手机号、考场名称"></searchRow> |
|
||||
</view> |
|
||||
<view class="tabs"> |
|
||||
<view class="tab" @click="changeTab(1)" :class="{active: currentTab==1}">待核销</view> |
|
||||
<view class="tab" @click="changeTab(2)" :class="{active: currentTab==2}">已核销</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="navs"> |
|
||||
<view class="nav" v-for="(item,index) in tabsList" :key="index" :class="{active: currentNav==item.id}" @click="changeNav(item)">{{ item.text }}</view> |
|
||||
</view> |
|
||||
<view class="pad"> |
|
||||
<view class="total_row"> |
|
||||
<view class="total">12条记录</view> |
|
||||
<view class="screen"> |
|
||||
<view class="text">筛选</view> |
|
||||
<view class="icon"> |
|
||||
<image src="@/static/images/coach/screen.png" mode=""></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="card" @click="goPage"> |
|
||||
<appointItem /> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
currentTab: 1, |
|
||||
currentNav: 1, |
|
||||
tabsList: [ |
|
||||
{id: 1, text: '全部'}, |
|
||||
{id: 2, text: '科目二'}, |
|
||||
{id: 3, text: '科目三'}, |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
changeTab(num) { |
|
||||
console.log(num) |
|
||||
this.currentTab = num |
|
||||
}, |
|
||||
changeNav(item) { |
|
||||
this.currentNav = item.id |
|
||||
}, |
|
||||
goPage() { |
|
||||
console.log('------------') |
|
||||
this.$goPage('/pages/recordEntry/examine/examineRecord/detail/detail') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.main { |
|
||||
width: 100%; |
|
||||
min-height: 100vh; |
|
||||
background: #f3f3f3; |
|
||||
.blueBg { |
|
||||
background: #1989FA; |
|
||||
padding-bottom: 20rpx; |
|
||||
} |
|
||||
.total_row { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
height: 82rpx; |
|
||||
align-items: center; |
|
||||
.total { |
|
||||
font-size: 24rpx; |
|
||||
color: #686B73; |
|
||||
text-align: right; |
|
||||
line-height: 82rpx; |
|
||||
} |
|
||||
.screen { |
|
||||
display: flex;align-items: center; |
|
||||
color: $themC; |
|
||||
margin-left: 8rpx; |
|
||||
font-size: 28rpx; |
|
||||
.icon { |
|
||||
width: 24rpx; |
|
||||
height: 24rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.card { |
|
||||
padding: 0 20rpx; |
|
||||
} |
|
||||
} |
|
||||
.searchBox { |
|
||||
padding: 24rpx 0 20rpx 0; |
|
||||
} |
|
||||
.tabs { |
|
||||
display: flex; |
|
||||
width: 100%; |
|
||||
height: 72rpx; |
|
||||
background: #FFFFFF; |
|
||||
border-radius: 16rpx; |
|
||||
.tab { |
|
||||
flex: 1; |
|
||||
text-align: center; |
|
||||
line-height: 72rpx; |
|
||||
color: #ADADAD; |
|
||||
font-size: 28rpx; |
|
||||
&.active { |
|
||||
background: rgba(25,137,250,0.1); |
|
||||
border-radius: 16rpx; |
|
||||
border: 2rpx solid #1989FA; |
|
||||
color: $themC; |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.navs { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
color: #fff; |
|
||||
font-size: 28rpx; |
|
||||
padding: 0rpx 108rpx 0rpx 130rpx; |
|
||||
color: $themC; |
|
||||
background: #fff; |
|
||||
height: 100rpx; |
|
||||
.nav { |
|
||||
line-height: 100rpx; |
|
||||
&.active { |
|
||||
font-weight: 500; |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
transform: translateX(-50%); |
|
||||
bottom: 20rpx; |
|
||||
content: ''; |
|
||||
width: 56rpx; |
|
||||
height: 6rpx; |
|
||||
background: $themC; |
|
||||
border-radius: 3rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,189 +0,0 @@ |
|||||
<template> |
|
||||
<view class="pageBgImg pad"> |
|
||||
<view class="searchBox"> |
|
||||
<searchRow placeholder="搜索学员姓名、学员手机号、考场名称"></searchRow> |
|
||||
</view> |
|
||||
<view class="card"> |
|
||||
<view class="verified_today"> |
|
||||
<view class="leftVerified"> |
|
||||
<view class="num_row"> |
|
||||
<view class="num">7</view> |
|
||||
<view class="unit">个</view> |
|
||||
</view> |
|
||||
<view class="txtLab">今日待核销</view> |
|
||||
</view> |
|
||||
<view class="rightBtn"> |
|
||||
<view class="objBtn">科目二：3</view> |
|
||||
<view class="objBtn">科目二：7</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="card_flex"> |
|
||||
<view class="card" v-for="(item,index) in 4" :key="index"> |
|
||||
<view class="flex-b" style="padding: 32rpx 0;"> |
|
||||
<view class="leftText"> |
|
||||
<view class="lab">指标总量</view> |
|
||||
<view class="num_row"> |
|
||||
<view class="num">7</view> |
|
||||
<view class="unit">个</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="rightTxt"> |
|
||||
<view class="text_row"> |
|
||||
<view class="dian yellow"></view> |
|
||||
<view class="text">科目二：100</view> |
|
||||
</view> |
|
||||
<view class="text_row"> |
|
||||
<view class="dian"></view> |
|
||||
<view class="text">科目二：100</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="flex-b"> |
|
||||
<view class="h1">预约记录</view> |
|
||||
<moreRight text="更多" @click.native="$goPage('/pages/recordEntry/examine/examineRecord/examineRecord')"></moreRight> |
|
||||
</view> |
|
||||
<view class="card"> |
|
||||
<appointItem /> |
|
||||
</view> |
|
||||
<UserTab name ='考场模拟'></UserTab> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return {} |
|
||||
}, |
|
||||
onLoad() {}, |
|
||||
onShow() { |
|
||||
uni.hideTabBar(); |
|
||||
}, |
|
||||
methods: { |
|
||||
goPage() {} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
.searchBox { |
|
||||
padding: 140rpx 0 24rpx 0; |
|
||||
} |
|
||||
.h1 { |
|
||||
line-height: 92rpx; |
|
||||
} |
|
||||
.card { |
|
||||
padding: 0 28rpx; |
|
||||
margin-bottom: 20rpx; |
|
||||
.verified_today { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
padding: 20rpx 0; |
|
||||
.leftVerified { |
|
||||
flex: 1; |
|
||||
text-align: center; |
|
||||
.num_row { |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
color: $themC; |
|
||||
.num { |
|
||||
font-size: 56rpx; |
|
||||
} |
|
||||
|
|
||||
.unit { |
|
||||
font-size: 24rpx; |
|
||||
margin-top: 20rpx; |
|
||||
} |
|
||||
} |
|
||||
.txtLab { |
|
||||
font-size: 28rpx; |
|
||||
color: #686B73; |
|
||||
margin-top: 10rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.rightBtn { |
|
||||
width: 224rpx; |
|
||||
.objBtn { |
|
||||
width: 100%; |
|
||||
height: 76rpx; |
|
||||
background: rgba(25,137,250,0.1); |
|
||||
border-radius: 8rpx; |
|
||||
line-height: 76rpx; |
|
||||
text-align: center; |
|
||||
font-size: 32rpx; |
|
||||
color: $themC; |
|
||||
&:first-child { |
|
||||
margin-bottom: 8rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.card_flex { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
flex-wrap: wrap; |
|
||||
.card { |
|
||||
width: 48.8%; |
|
||||
.leftText { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
align-items: center; |
|
||||
color: $themC; |
|
||||
.lab { |
|
||||
font-size: 24rpx; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.num_row { |
|
||||
display: flex; |
|
||||
margin-top: 10rpx; |
|
||||
.num { |
|
||||
font-size: 40rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
|
|
||||
.unit { |
|
||||
font-size: 24rpx; |
|
||||
margin-top: 8rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.rightTxt { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
align-items: center; |
|
||||
.text_row { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
&:first-child { |
|
||||
margin-bottom: 20rpx; |
|
||||
} |
|
||||
.dian { |
|
||||
width: 8rpx; |
|
||||
height: 8rpx; |
|
||||
background: #0D9269; |
|
||||
border-radius: 4rpx; |
|
||||
margin-right: 10rpx; |
|
||||
&.yellow { |
|
||||
background: #FA7919; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.text { |
|
||||
font-size: 24rpx; |
|
||||
color: #333; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,316 +0,0 @@ |
|||||
<template> |
|
||||
<view class="main"> |
|
||||
<view class="blueBg"> |
|
||||
<!-- <topNavbar title="预约记录"></topNavbar> --> |
|
||||
<view class="pad"> |
|
||||
<view class="searchBox"> |
|
||||
<searchRow placeholder="搜索学员姓名、学员手机号" @searchFn="searchFn"></searchRow> |
|
||||
</view> |
|
||||
<view class="tabs"> |
|
||||
<view class="tab" @click="changeTab(0)" :class="{active: params.writtenoffStatus==0}">待核销</view> |
|
||||
<view class="tab" @click="changeTab(1)" :class="{active: params.writtenoffStatus==1}">已核销</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="navs"> |
|
||||
<view class="nav" v-for="(item,index) in tabsList" :key="index" :class="{active: params.subject==item.id}" @click="changeNav(item)">{{ item.text }}</view> |
|
||||
</view> |
|
||||
<view class="pad"> |
|
||||
<view class="total_row"> |
|
||||
<view class="total"> <text v-if="total">{{total}}条记录</text></view> |
|
||||
<view class="screen" @click="showDate=true"> |
|
||||
<view class="text"><text v-if="params.beginTime||params.trainType">已</text> 筛选</view> |
|
||||
<view class="icon"> |
|
||||
<image src="@/static/images/coach/screen.png" mode=""></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="card" @click="goPage" v-for="(item,index) in list" :key="index"> |
|
||||
<appointItem :item="item"/> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view style="padding-bottom: 100rpx;" v-if="list.length"> |
|
||||
<u-loadmore :status="status" /> |
|
||||
</view> |
|
||||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|
||||
<UserTab name ='预约记录'></UserTab> |
|
||||
|
|
||||
<u-popup :show="showDate" mode="bottom" :round="20" :closeable="true" :closeOnClickOverlay="true"> |
|
||||
<view class="popupBox"> |
|
||||
<view class="pad"> |
|
||||
<view class="car"> |
|
||||
<view class="h1">车型</view> |
|
||||
<view class="car_row"> |
|
||||
<view class="carItem" @click="screenCarFn('C1')" :class="{active: screen.trainType=='C1'}">C1</view> |
|
||||
<view class="carItem" @click="screenCarFn('C2')" :class="{active: screen.trainType=='C2'}">C2</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="car"> |
|
||||
<view class="h1" >日期</view> |
|
||||
<view class="car_row border" @click="showDatePicker=true"> |
|
||||
<mySelect placeholder="请选择日期" :value="screen.screenDate"></mySelect> |
|
||||
<u-icon name="arrow-down" :size="12" :color="'#ADADAD'" style="margin-left: 12rpx;"></u-icon> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="btn_row"> |
|
||||
<view class="btnBorder btn" @click="resetScreen">重置</view> |
|
||||
<view class="btnBg btn" @click="screenSearch">确定</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</u-popup> |
|
||||
|
|
||||
<u-datetime-picker |
|
||||
:show="showDatePicker" |
|
||||
mode="date" |
|
||||
:closeOnClickOverlay="true" |
|
||||
:minDate="1587524800000" |
|
||||
@confirm="confirmDatePicker" |
|
||||
@cancel="showDatePicker=false" |
|
||||
@close="showDatePicker=false" |
|
||||
></u-datetime-picker> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { examSimulationPages } from '@/config/api.js' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
tabsList: [ |
|
||||
{id: 0, text: '全部'}, |
|
||||
{id: 2, text: '科目二'}, |
|
||||
{id: 3, text: '科目三'}, |
|
||||
], |
|
||||
showDate: false, |
|
||||
showDatePicker: false, |
|
||||
params: { |
|
||||
pageNo: 1, |
|
||||
pageSize: 20, |
|
||||
coachId: 0, |
|
||||
writtenoffStatus: 0, |
|
||||
subject: 0, |
|
||||
studentName: '', |
|
||||
studentPhone: '' |
|
||||
}, |
|
||||
screen: { |
|
||||
trainType: '', |
|
||||
screenDate: '' |
|
||||
}, |
|
||||
list: [], |
|
||||
status: 'loading', |
|
||||
total: 20 |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.params.coachId = this.vuex_userInfo.coachId |
|
||||
// this.params.deptId = this.vuex_userInfo.deptId |
|
||||
// this.examSimulationPagesFn() |
|
||||
this.initList() |
|
||||
}, |
|
||||
methods: { |
|
||||
async examSimulationPagesFn() { |
|
||||
let obj = Object.assign({},this.params) |
|
||||
if(obj.subject==0) delete obj.subject |
|
||||
const {data: res} = await examSimulationPages(obj) |
|
||||
this.params.pageNo ++ |
|
||||
this.total = res.total |
|
||||
this.list.push(...res.list) |
|
||||
if(this.list.length>=this.total) this.status = 'nomore' |
|
||||
console.log(res) |
|
||||
}, |
|
||||
initList() { |
|
||||
this.status = 'loading' |
|
||||
this.list = [] |
|
||||
this.params.pageNo = 1 |
|
||||
this.examSimulationPagesFn() |
|
||||
}, |
|
||||
changeTab(num) { |
|
||||
if(this.params.writtenoffStatus == num) return |
|
||||
this.params.writtenoffStatus = num |
|
||||
this.initList() |
|
||||
|
|
||||
}, |
|
||||
changeNav(item) { |
|
||||
if(this.params.subject == item.id) return |
|
||||
this.params.subject = item.id |
|
||||
this.initList() |
|
||||
}, |
|
||||
goPage() { |
|
||||
this.$goPage('/pages/recordEntry/examine/examineRecord/detail/detail') |
|
||||
}, |
|
||||
confirmDatePicker(val) { |
|
||||
this.screen.screenDate = this.$u.timeFormat(val.value, 'yyyy-mm-dd') |
|
||||
this.showDatePicker = false |
|
||||
}, |
|
||||
// 选择筛选日期 |
|
||||
selectDateClick(val) { |
|
||||
console.log(val) |
|
||||
this.showDate = false |
|
||||
}, |
|
||||
screenCarFn(trainType) { |
|
||||
this.screen.trainType = trainType |
|
||||
}, |
|
||||
resetScreen() { |
|
||||
this.screen.trainType = '' |
|
||||
this.screen.screenDate = '' |
|
||||
}, |
|
||||
// 筛选搜索 |
|
||||
screenSearch() { |
|
||||
this.params.trainType = this.screen.trainType |
|
||||
if(!this.screen.screenDate) { |
|
||||
this.params.beginTime = '' |
|
||||
this.params.endTime = '' |
|
||||
}else { |
|
||||
this.params.beginTime = this.screen.screenDate + ' 00:00:00' |
|
||||
this.params.endTime = this.screen.screenDate + ' 23:59:59' |
|
||||
} |
|
||||
this.showDate = false |
|
||||
this.initList() |
|
||||
}, |
|
||||
searchFn(val) { |
|
||||
if(uni.$u.test.mobile(val)) { |
|
||||
this.params.studentPhone = val |
|
||||
this.params.studentName = '' |
|
||||
}else { |
|
||||
this.params.studentName = val |
|
||||
this.params.studentPhone = '' |
|
||||
} |
|
||||
this.initList() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
.popupBox { |
|
||||
padding-bottom: 30rpx; |
|
||||
.btn_row { |
|
||||
padding-top: 20rpx; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
.btn { |
|
||||
width: 48%; |
|
||||
} |
|
||||
} |
|
||||
.car { |
|
||||
margin-bottom: 20rpx; |
|
||||
.h1 { |
|
||||
line-height: 100rpx; |
|
||||
} |
|
||||
.car_row { |
|
||||
display: flex; |
|
||||
|
|
||||
&.border { |
|
||||
width: 300rpx; |
|
||||
line-height: 70rpx; |
|
||||
border: 1rpx solid #d8d8d8; |
|
||||
border-radius: 10rpx; |
|
||||
padding: 0 16rpx; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.carItem { |
|
||||
width: 130rpx; |
|
||||
background: #f3f3f3; |
|
||||
border-radius: 8rpx; |
|
||||
text-align: center; |
|
||||
line-height: 60rpx; |
|
||||
color: #333; |
|
||||
margin-right: 58rpx; |
|
||||
&.active { |
|
||||
background: $themC; |
|
||||
color: #fff; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.main { |
|
||||
width: 100%; |
|
||||
min-height: 100vh; |
|
||||
background: #f3f3f3; |
|
||||
.blueBg { |
|
||||
background: #1989FA; |
|
||||
padding: 140rpx 0 20rpx 0; |
|
||||
} |
|
||||
.total_row { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
height: 82rpx; |
|
||||
align-items: center; |
|
||||
.total { |
|
||||
font-size: 24rpx; |
|
||||
color: #686B73; |
|
||||
text-align: right; |
|
||||
line-height: 82rpx; |
|
||||
} |
|
||||
.screen { |
|
||||
display: flex;align-items: center; |
|
||||
color: $themC; |
|
||||
margin-left: 8rpx; |
|
||||
font-size: 28rpx; |
|
||||
.icon { |
|
||||
width: 24rpx; |
|
||||
height: 24rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.card { |
|
||||
padding: 0 20rpx; |
|
||||
} |
|
||||
} |
|
||||
.searchBox { |
|
||||
padding: 24rpx 0 20rpx 0; |
|
||||
} |
|
||||
.tabs { |
|
||||
display: flex; |
|
||||
width: 100%; |
|
||||
height: 72rpx; |
|
||||
background: #FFFFFF; |
|
||||
border-radius: 16rpx; |
|
||||
.tab { |
|
||||
flex: 1; |
|
||||
text-align: center; |
|
||||
line-height: 72rpx; |
|
||||
color: #ADADAD; |
|
||||
font-size: 28rpx; |
|
||||
&.active { |
|
||||
background: rgba(25,137,250,0.1); |
|
||||
border-radius: 16rpx; |
|
||||
border: 2rpx solid #1989FA; |
|
||||
color: $themC; |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.navs { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
color: #fff; |
|
||||
font-size: 28rpx; |
|
||||
padding: 0rpx 108rpx 0rpx 130rpx; |
|
||||
color: $themC; |
|
||||
background: #fff; |
|
||||
height: 100rpx; |
|
||||
.nav { |
|
||||
line-height: 100rpx; |
|
||||
&.active { |
|
||||
font-weight: 500; |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
transform: translateX(-50%); |
|
||||
bottom: 20rpx; |
|
||||
content: ''; |
|
||||
width: 56rpx; |
|
||||
height: 6rpx; |
|
||||
background: $themC; |
|
||||
border-radius: 3rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,157 +0,0 @@ |
|||||
<template> |
|
||||
<view class="pageBgImg"> |
|
||||
<view class="status_bar"></view> |
|
||||
<view class="navH"></view> |
|
||||
<view class="pad"> |
|
||||
<view class="searchBox"> |
|
||||
<searchRow placeholder="搜索学员姓名" @searchFn="searchFn"></searchRow> |
|
||||
</view> |
|
||||
<view class="tabs"> |
|
||||
<view class="tab" :class="{active: this.params.condition==0}" @click="changeTab(0)">全部（{{ totalType.total1 }}）</view> |
|
||||
<view class="tab" :class="{active: this.params.condition==1}" @click="changeTab(1)">匿名（{{ totalType.total2 }}）</view> |
|
||||
<view class="tab" :class="{active: this.params.condition==2}" @click="changeTab(2)">有图（{{ totalType.total3 }}）</view> |
|
||||
<view class="tab" :class="{active: this.params.condition==3}" @click="changeTab(3)">有视频（{{ totalType.total4 }}）</view> |
|
||||
</view> |
|
||||
<view class="list" v-if="list.length"> |
|
||||
<view class="card" v-for="(item,index) in list" :key="index"> |
|
||||
<commentItem :item="item"/> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view style="padding-bottom: 20rpx;" v-if="list.length>5"> |
|
||||
<u-loadmore :status="status" /> |
|
||||
</view> |
|
||||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|
||||
</view> |
|
||||
<UserTab name ='学员评价'></UserTab> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { coachCommentPage, pageCoachCommentTotal } from '@/config/api.js' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
list: [], |
|
||||
params: { |
|
||||
pageNo: 1, |
|
||||
pageSize: 20, |
|
||||
schoolId: '', |
|
||||
condition: 0, |
|
||||
studentName: '', |
|
||||
coachType: '3', //1.教练 2.模拟教练 3.模拟器老师 |
|
||||
}, |
|
||||
// 0查全部 1有图 2最新 3有视频 |
|
||||
total: 20, |
|
||||
status: 'loading', |
|
||||
totalType: {} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.params.schoolId = this.vuex_schoolId |
|
||||
// if(this.identity=='实操教练') { |
|
||||
// this.params.coachType = 1 |
|
||||
// }else if(this.identity=='考场模拟教练'){ |
|
||||
// this.params.coachType = 2 |
|
||||
// }else if(this.identity=='模拟器老师'){ |
|
||||
// this.params.coachType = 3 |
|
||||
// } |
|
||||
this.coachCommentPageFn() |
|
||||
this.pageCoachCommentTotalFn() |
|
||||
}, |
|
||||
|
|
||||
|
|
||||
methods: { |
|
||||
// 查条数 |
|
||||
async pageCoachCommentTotalFn() { |
|
||||
let obj = { |
|
||||
coachType : 3, |
|
||||
coachId : this.vuex_coachId, |
|
||||
schoolId : this.params.schoolId |
|
||||
} |
|
||||
let {data: res} = await pageCoachCommentTotal(obj) |
|
||||
this.totalType = { |
|
||||
total1: res.total1, |
|
||||
total2: res.total2, |
|
||||
total3: res.total3, |
|
||||
total4: res.total4, |
|
||||
} |
|
||||
}, |
|
||||
loadMore() { |
|
||||
if(this.total>this.list.length) { |
|
||||
this.coachCommentPageFn() |
|
||||
} |
|
||||
}, |
|
||||
searchFn(val) { |
|
||||
this.params.studentName = val |
|
||||
this.initList() |
|
||||
}, |
|
||||
changeTab(val) { |
|
||||
if(this.params.condition == val) return |
|
||||
this.params.condition = val |
|
||||
this.initList() |
|
||||
}, |
|
||||
initList() { |
|
||||
this.list = [] |
|
||||
this.params.pageNo = 1 |
|
||||
this.status = 'loading' |
|
||||
this.coachCommentPageFn() |
|
||||
}, |
|
||||
async coachCommentPageFn() { |
|
||||
var {data: res} = await coachCommentPage(this.params) |
|
||||
this.params.pageNo ++ |
|
||||
let arr = res.list.map(item=>{ |
|
||||
if(item.images) { |
|
||||
item.images = item.images.split(',') |
|
||||
} |
|
||||
return item |
|
||||
}) |
|
||||
this.list.push(...arr) |
|
||||
this.total = res.total |
|
||||
if(this.list.length>=this.total) { |
|
||||
this.status = 'nomore' |
|
||||
}else { |
|
||||
this.status = 'loading' |
|
||||
} |
|
||||
console.log(res) |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.navH { |
|
||||
width: 100%; |
|
||||
height: 90rpx; |
|
||||
} |
|
||||
.card { |
|
||||
padding: 28rpx; |
|
||||
margin-bottom: 20rpx; |
|
||||
|
|
||||
} |
|
||||
.tabs { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
padding: 24rpx 12rpx; |
|
||||
.tab { |
|
||||
line-height: 76rpx; |
|
||||
font-size: 28rpx; |
|
||||
color: #fff; |
|
||||
&.active { |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
position: absolute; |
|
||||
content: ''; |
|
||||
left: 50%; |
|
||||
bottom: 0; |
|
||||
transform: translateX(-50%); |
|
||||
width: 56rpx; |
|
||||
height: 6rpx; |
|
||||
background: #FFFFFF; |
|
||||
border-radius: 3rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,39 +0,0 @@ |
|||||
<template> |
|
||||
<view class="main"> |
|
||||
<!-- 考场模拟 之前的版本可以删除了--> |
|
||||
<!-- <coachIdentity v-if="identity=='实操教练'"/> --> |
|
||||
<!-- 预约记录 --> |
|
||||
<simulation v-if="identity=='考场模拟教练'"/> |
|
||||
<!-- 学员评价 --> |
|
||||
<studentComment v-if="identity=='模拟器老师'" ref="studentCommentRef"/> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import coachIdentity from './comp/coach.vue' |
|
||||
import simulation from './comp/simulation.vue' |
|
||||
import studentComment from './comp/studentComment.vue' |
|
||||
export default { |
|
||||
components: { coachIdentity,simulation, studentComment }, |
|
||||
data() { |
|
||||
return { |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
onShow() { |
|
||||
uni.hideTabBar(); |
|
||||
}, |
|
||||
onPullDownRefresh() { |
|
||||
this.$refs.studentCommentRef.initList() |
|
||||
}, |
|
||||
onReachBottom() { |
|
||||
if(identity=='模拟器老师') { |
|
||||
this.$refs.studentCommentRef.loadMore() |
|
||||
} |
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -1,117 +0,0 @@ |
|||||
<template> |
|
||||
<view class="content"> |
|
||||
<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">缺字段</view> |
|
||||
<view class="tag">{{identity}}</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> |
|
||||
@ -1,101 +0,0 @@ |
|||||
<template> |
|
||||
<view class="li" @click="$goPage('/pages/indexEntry/examines/detail/detail')"> |
|
||||
<view class="flex"> |
|
||||
<view class="cover"> |
|
||||
<image :src="item.background" mode=""></image> |
|
||||
</view> |
|
||||
<view class="textCon"> |
|
||||
<view class="name oneRowText">{{ item.name }}</view> |
|
||||
<!-- <view class="starBox"> |
|
||||
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.star" readonly></u-rate> |
|
||||
<view class="num">没有返回字段</view> |
|
||||
</view> --> |
|
||||
<view class="modeCar">准考车型：{{item.carType}}</view> |
|
||||
</view> |
|
||||
<callPhone :servicePhone="[item.phone]"> |
|
||||
<view class="pozPhone"> |
|
||||
<image src="@/static/images/index/telephone.png" mode=""></image> |
|
||||
</view> |
|
||||
</callPhone> |
|
||||
</view> |
|
||||
<view class="redBox"v-if="item.notification&&item.notification.length"> |
|
||||
<u-notice-bar :text="item.notification" bgColor="#FBE8EA" color="#C12727" fontSize="12"></u-notice-bar> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
props: ['item'], |
|
||||
data() { |
|
||||
return { |
|
||||
text1: '免费开放日：2023/08/08 ' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
/deep/.redBox .u-notice__content__text{ |
|
||||
line-height: 24rpx !important; |
|
||||
} |
|
||||
.flex { |
|
||||
position: relative; |
|
||||
.cover { |
|
||||
width: 204rpx; |
|
||||
height: 140rpx; |
|
||||
border-radius: 8rpx; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
.textCon { |
|
||||
flex: 1; |
|
||||
padding: 0 0 0 36rpx; |
|
||||
width: 0; |
|
||||
.name { |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 600; |
|
||||
margin-bottom: 32rpx; |
|
||||
} |
|
||||
|
|
||||
.starBox { |
|
||||
padding: 10rpx 0 20rpx 0; |
|
||||
} |
|
||||
|
|
||||
.modeCar { |
|
||||
font-size: 24rpx; |
|
||||
color: #686B73; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.pozPhone { |
|
||||
position: absolute; |
|
||||
bottom: 0rpx; |
|
||||
right: 0rpx; |
|
||||
width: 72rpx; |
|
||||
height: 72rpx; |
|
||||
// transform: translateY(-50%); |
|
||||
} |
|
||||
} |
|
||||
.redBox { |
|
||||
width: 100%; |
|
||||
display: flex; |
|
||||
background: #FBE8EA; |
|
||||
height: 40rpx; |
|
||||
align-items: center; |
|
||||
margin-top: 34rpx; |
|
||||
overflow: hidden; |
|
||||
.icon { |
|
||||
width: 40rpx; |
|
||||
image { |
|
||||
width: 28rpx; |
|
||||
height: 28rpx; |
|
||||
margin-left: auto; |
|
||||
} |
|
||||
} |
|
||||
.marqueeW { |
|
||||
width: 0; |
|
||||
flex: 1; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,127 +0,0 @@ |
|||||
<template> |
|
||||
<view class="main pageBg"> |
|
||||
<view class="topBg"> |
|
||||
<topNavbar title="考场信息"></topNavbar> |
|
||||
<view class="pad"> |
|
||||
<view class="searchBox"> |
|
||||
<searchRow placeholder="搜索考场名称" @searchFn="searchFn"></searchRow> |
|
||||
</view> |
|
||||
<view class="tabs"> |
|
||||
<view class="tab" v-for="(item,index) in tabData" :key="index" :class="{active: params.siteType==item.id}" @click="changeTab(item)">{{ item.text }}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="pad" style="margin-top: 20rpx;"> |
|
||||
<view class="list"> |
|
||||
<view class="card" v-for="(item,index) in list" :key="index"> |
|
||||
<examinItem :item="item"/> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view style="padding-bottom: 20rpx;" v-if="list.length"> |
|
||||
<u-loadmore :status="status" /> |
|
||||
</view> |
|
||||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import examinItem from './comp/examinItem' |
|
||||
import { businessSitePage } from '@/config/api.js' |
|
||||
export default { |
|
||||
components: { examinItem }, |
|
||||
data() { |
|
||||
return { |
|
||||
tabData: [ |
|
||||
{text: '全部', id: 0}, |
|
||||
{text: '理论', id: 1}, |
|
||||
{text: '科目二', id: 2}, |
|
||||
{text: '科目三', id: 3}, |
|
||||
], |
|
||||
params: { |
|
||||
pageSize: 20, |
|
||||
pageNo: 1, |
|
||||
schoolId: '', |
|
||||
siteType: '',//1.理论 2.科目二 3.科目三 4.科目二/科目三 |
|
||||
}, |
|
||||
total: 20, |
|
||||
list: [], |
|
||||
status: 'loading' |
|
||||
} |
|
||||
}, |
|
||||
onLoad() { |
|
||||
this.params.schoolId = this.vuex_schoolId |
|
||||
this.businessSitePageFn() |
|
||||
}, |
|
||||
onPullDownRefresh() { |
|
||||
this.initList() |
|
||||
}, |
|
||||
onReachBottom() { |
|
||||
if(this.total>this.list.length) this.businessSitePageFn() |
|
||||
}, |
|
||||
methods: { |
|
||||
initList() { |
|
||||
this.params.pageNo = 1 |
|
||||
this.list = [] |
|
||||
this.status = 'loading' |
|
||||
this.businessSitePageFn() |
|
||||
}, |
|
||||
async businessSitePageFn() { |
|
||||
let obj = Object.assign({},this.params) |
|
||||
const {data: res} = await businessSitePage(obj) |
|
||||
this.params.pageNo ++ |
|
||||
this.list.push(...res.list) |
|
||||
this.total = res.total |
|
||||
if(this.list.length>=this.total) { |
|
||||
this.status = 'nomore' |
|
||||
} |
|
||||
}, |
|
||||
searchFn(val) { |
|
||||
this.params.name = val |
|
||||
this.initList() |
|
||||
}, |
|
||||
changeTab(item) { |
|
||||
this.params.siteType = item.id |
|
||||
this.initList() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.topBg { |
|
||||
background: #1989fa; |
|
||||
} |
|
||||
.card { |
|
||||
padding: 32rpx 36rpx 26rpx 24rpx; |
|
||||
margin-bottom: 20rpx; |
|
||||
} |
|
||||
.searchBox { |
|
||||
padding: 20rpx 0 0rpx 0; |
|
||||
} |
|
||||
.tabs { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
height: 120rpx; |
|
||||
align-items: center; |
|
||||
.tab { |
|
||||
font-size: 28rpx; |
|
||||
color: #fff; |
|
||||
line-height: 110rpx; |
|
||||
&.active { |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
content: ''; |
|
||||
width: 56rpx; |
|
||||
height: 6rpx; |
|
||||
background: #FFFFFF; |
|
||||
border-radius: 3rpx; |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
transform: translateX(-50%); |
|
||||
bottom: 20rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,65 +0,0 @@ |
|||||
<template> |
|
||||
<view class="pageBgImg"> |
|
||||
<topNavbar title="指标充值记录"></topNavbar> |
|
||||
<view class="pad"> |
|
||||
<view class="navBox"> |
|
||||
<cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"></cardNav> |
|
||||
</view> |
|
||||
<view class="ul"> |
|
||||
<view class="card" v-for="(item,index) in 10" :key="index"> |
|
||||
<view class="num">+20</view> |
|
||||
<view class="date">2023/08/08 10:55:21</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
navData: [ |
|
||||
{text: '科目二', id: 1}, |
|
||||
{text: '科目三', id: 2}, |
|
||||
], |
|
||||
currentNav: 1 |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
changeNav(id) { |
|
||||
this.currentNav = id |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.navBox { |
|
||||
padding: 24rpx 0; |
|
||||
} |
|
||||
.ul { |
|
||||
width: 100%; |
|
||||
.card { |
|
||||
display: flex; |
|
||||
width: 100%; |
|
||||
height: 100rpx; |
|
||||
align-items: center; |
|
||||
margin-bottom: 20rpx; |
|
||||
justify-content: space-between; |
|
||||
padding: 0 32rpx; |
|
||||
margin-bottom: 20rpx; |
|
||||
.num { |
|
||||
color: $themC; |
|
||||
font-weight: 500; |
|
||||
font-size: 36rpx; |
|
||||
&::after { |
|
||||
content: '个'; |
|
||||
font-size: 24rpx; |
|
||||
font-weight: 400; |
|
||||
margin-left: 6rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue