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.
125 lines
2.9 KiB
125 lines
2.9 KiB
<template>
|
|
<view class="content">
|
|
<up-navbar leftText=" " :leftIconColor="'#fff'" :safeAreaInsetTop="true" :autoBack="true" title="我的学习"
|
|
:bgColor="'transparent'" :titleStyle="{color: '#fff'}">
|
|
<template #right>
|
|
<view class="cjd" @click="$goPage('/pages/exercises/examSubjiect1/examResultsOne')">
|
|
成绩单
|
|
</view>
|
|
</template>
|
|
</up-navbar>
|
|
<view class="padding">
|
|
<view class="useInfo flex">
|
|
<view class="avatar">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
<view class="rightBox">
|
|
<view class="name">{{ phone }}</view>
|
|
<view class="p" v-if="info.highScore">
|
|
<text>最高分数：{{ info.highScore }}</text>
|
|
<text>用时：{{ info.useTime }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="text">考试车型：{{ usecarStore.carInfo.carTypeName}}</view>
|
|
<view class="text">考试时间：{{ info.totalExamTime}}（ {{ info.totalCount }}题）</view>
|
|
<view class="text">合格标准：{{ info.score }}分及格（满分{{ info.funllScore }}分）</view>
|
|
<view class="text">出题规则：{{info.questionRule}}</view>
|
|
<view class="text">计分规则：{{info.deductPointsRule}}</view>
|
|
</view>
|
|
<view class="btnBox">
|
|
<oneBtn text="开始模拟考试" @click="$goPage('/pages/exercises/brushQuestions/examQuestions')"></oneBtn>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
import { questionExam} from '@/config/api.js'
|
|
import carStore from '@/store/modules/car.js'
|
|
let usecarStore = carStore()
|
|
|
|
let phone = uni.getStorageSync('loginInfo')?.phone
|
|
// 统计多少题目
|
|
let info = ref({})
|
|
async function questionExamFn() {
|
|
const {data:res} = await questionExam({stepType: usecarStore.carInfo.stepType, carType: usecarStore.carInfo.carType})
|
|
info.value = res
|
|
}
|
|
questionExamFn()
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
padding: 100rpx 0rpx 30rpx 0rpx;
|
|
background: url('../../../static/images/topbg.png') #F6F7FA no-repeat;
|
|
background-size: 100% 410rpx;
|
|
.cjd {
|
|
color: #fff;
|
|
}
|
|
.useInfo {
|
|
padding: 30rpx 0;
|
|
|
|
.avatar {
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
background: url('../../../static/images/avatarbg.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.rightBox {
|
|
flex: 1;
|
|
width: 0;
|
|
padding-left: 30rpx;
|
|
|
|
.name {
|
|
font-size: 36rpx;
|
|
color: #FFFFFF;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.p {
|
|
padding-top: 30rpx;
|
|
|
|
text {
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #FFFFFF;
|
|
margin-right: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card {
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx 30rpx;
|
|
|
|
.text {
|
|
padding: 10rpx 0;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
.btnBox {
|
|
padding: 100rpx 50rpx;
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|