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.
147 lines
4.6 KiB
147 lines
4.6 KiB
<template>
|
|
<view class="comp">
|
|
|
|
<!-- 学习状态 -->
|
|
<view class="learnStatus">
|
|
<view class="card mt20">
|
|
<view class="flex-b">
|
|
<view class="lab">理论学习</view>
|
|
<view class="link-arrow" @click="$goPage('/pages/indexEntry/theory/theory?type=2')">
|
|
<view class="txt">去学习</view>
|
|
<u-icon name="arrow-right" color="#3776FF" :size="16"></u-icon>
|
|
</view>
|
|
<!-- <view class="btn" @click.stop="$goPage('/pages/carEntry/evaluate/evaluate?subject=2&coachType=1')">去学习</view> -->
|
|
</view>
|
|
</view>
|
|
|
|
<view class="studyStatus" v-if="info.studentClassHourVO&&info.studentClassHourVO.classHourReachStatus">
|
|
<view class="h1"><text class="active">学习状态</text></view>
|
|
<view class="exam" v-if="showExam">
|
|
<view class="card" v-if="info.studentExamVO.pass">
|
|
<view class="flex-b padTb">
|
|
<view class="lab">科目一考试成绩已通过</view>
|
|
<view class="date">
|
|
{{ $u.timeFormat(info.studentExamVO.examTime, 'yyyy-mm-dd hh:MM:ss') }}
|
|
</view>
|
|
</view>
|
|
<view class="flex-b bg">
|
|
<view class="row">
|
|
<view class="text">考试成绩：{{ info.studentExamVO.examResult }}分
|
|
</view>
|
|
<!-- <view class="btn" @click="$goPage('/pages/carEntry/evaluate/evaluate?coachType=3&tit=模拟器老师&')">去评价</view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card" v-else>
|
|
<view class="flex-b padTb">
|
|
<view class="lab">科目一考试成绩未通过</view>
|
|
<view class="date">{{ $u.timeFormat(info.studentExamVO.examTime, 'yyyy-mm-dd hh:MM:ss') }}</view>
|
|
</view>
|
|
<view class="bg">
|
|
<view class="row bg">
|
|
<view class="text">前往"12123"APP预约考试</view>
|
|
<view class="btn" @click="$u.toast('请打开12123App预约')">去预约</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card" v-if="showAppointment">
|
|
<view class="flex-b padTb">
|
|
<view class="lab">科目一考试预约成功</view>
|
|
<view class="date">{{ $u.timeFormat(info.examReservationVO.examReservationTime, 'yyyy-mm-dd hh:MM:ss') }}</view>
|
|
</view>
|
|
<view class="bg">
|
|
<view class="row">
|
|
<view class="text">考试场地：{{info.examReservationVO.examAddress}}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="text">考试时间：{{ $u.timeFormat(info.examReservationVO.examTime, 'yyyy-mm-dd hh:MM:ss') }} </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card" v-if="!showAppointment&&!showExam">
|
|
<view class="flex-b padTb">
|
|
<view class="lab">科目一学时已通过</view>
|
|
<!-- <view class="date">{{ $u.timeFormat(info.studentExamVO.examTime, 'yyyy-mm-dd hh:MM:ss') }}</view> -->
|
|
</view>
|
|
<view class="bg">
|
|
<view class="row bg">
|
|
<view class="text">前往"12123"APP预约考试</view>
|
|
<view class="btn" @click="$u.toast('请打开12123App预约')">去预约</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getStudentSubject1Status,
|
|
} from '@/config/api.js'
|
|
export default {
|
|
props: ['subjectStatus'],
|
|
data() {
|
|
return {
|
|
info: {},
|
|
showExam: false,//考试状态
|
|
showAppointment: false,//预约状态
|
|
}
|
|
},
|
|
created() {
|
|
this.showExam = false//考试状态
|
|
this.showAppointment = false//预约状态
|
|
// this.getStudentSubject1StatusFn()
|
|
},
|
|
watch: {
|
|
subjectStatus: {
|
|
handler: function(res) {
|
|
console.log('obj1改变了')
|
|
this.getStudentSubject1StatusFn(res)
|
|
},
|
|
// immediate: true,
|
|
deep: true
|
|
}
|
|
},
|
|
methods: {
|
|
async getStudentSubject1StatusFn(res) {
|
|
// const {
|
|
// data: res
|
|
// } = await getStudentSubject1Status({
|
|
// studentId: this.studentId
|
|
// })
|
|
this.info = res
|
|
// 1如果返回了考试时间和预约时间
|
|
if(res.studentExamVO&&res.examReservationVO) {
|
|
// 如果考试的时间大于或等于预约的时间
|
|
if(res.studentExamVO.examTime>res.examReservationVO.examTime||res.studentExamVO.examTime==res.examReservationVO.examTime) {
|
|
this.showExam = true
|
|
this.showAppointment = false
|
|
}else {
|
|
this.showAppointment = true
|
|
this.showExam = false
|
|
}
|
|
}else if (res.studentExamVO&&!res.examReservationVO) {
|
|
// 2如果只返回了考试时间
|
|
this.showExam = true
|
|
this.showAppointment = false
|
|
}else if(res.studentExamVO&&!res.examReservationVO){
|
|
// 3如果只返了预约时间
|
|
this.showExam = false
|
|
this.showAppointment = true
|
|
}
|
|
console.log(res)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './comp.scss';
|
|
</style>
|