pull/25/head
parent
bf05f771f7
commit
9e871e4079
@ -0,0 +1,83 @@ |
||||
<template> |
||||
<view class="bc-fff hp100"> |
||||
<view class="wp100 p14 flex ai-c jc-c"> |
||||
<view class="text-center"> |
||||
<view style="width: 64px;height: 64px;border-radius: 50%;overflow: hidden;margin-bottom: 10px;"> |
||||
<u-avatar class="br-p50 overflow-h" :size="64" mp-avatar shape="circle"></u-avatar> |
||||
</view> |
||||
<text class="fs18">{{user.userName}}{{ user.userId }}</text> |
||||
</view> |
||||
</view> |
||||
<view class="p14"> |
||||
<view class="wp100 p14lr p20tb mb14" style="background-color: rgb(248, 248, 248);border-radius: 20rpx;"> |
||||
<view class="flex ai-c jc-sb pb10"> |
||||
<text style="color: rgb(175, 175, 175);">考试类型</text> |
||||
<text>{{carName}}</text> |
||||
</view> |
||||
<view class="flex ai-c jc-sb pb10"> |
||||
<text style="color: rgb(175, 175, 175);">考试标准</text> |
||||
<text>{{subject=='1'?100:50}}题/45分钟</text> |
||||
</view> |
||||
<view class="flex ai-c jc-sb pb10"> |
||||
<text style="color: rgb(175, 175, 175);">合格标准</text> |
||||
<text>90分及格(满分100分)</text> |
||||
</view> |
||||
<view class="flex ai-c jc-sb"> |
||||
<text style="color: rgb(175, 175, 175);">出题规则</text> |
||||
<text>根据公安部出题规则组卷</text> |
||||
</view> |
||||
</view> |
||||
<text>模拟考试不能修改答案，每错1题扣{{subject=='1'?1:2}}分，错题累计超过{{subject=='1'?10:5}}道，考试不通过</text> |
||||
</view> |
||||
<view class="p14lr wp100" style="margin-top: 30px;"> |
||||
<u-button :customStyle="{width: '100%',borderRadius:'40rpx',backgroundColor:'#05C341',color:'#fff'}" text="开始考试" |
||||
@click="submit" /> |
||||
</view> |
||||
<view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
mapState, |
||||
mapActions |
||||
} from 'pinia' //引入映射函数 |
||||
import useUserStore from '@/jtools/store/user' |
||||
import storage from '@/jtools/storage'; |
||||
import useQuestionStore from '@/jtools/store/question' //引入store |
||||
export default { |
||||
data() { |
||||
return { |
||||
carName:storage.get('carName') ||'小车C1/C2/C3', |
||||
questionList: '', |
||||
subject:'1', |
||||
} |
||||
}, |
||||
onLoad(op) { |
||||
if (op.questionIdList) { |
||||
this.questionList = op.questionIdList |
||||
} |
||||
if(op.subject){ |
||||
this.subject = op.subject |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapState(useQuestionStore, ["currentCarName"]), //映射函数，取出tagslist |
||||
user() { |
||||
return useUserStore().userInfo |
||||
}, |
||||
}, |
||||
methods: { |
||||
submit(){ |
||||
uni.navigateTo({ |
||||
url: "/pages/questionBank/practiceExams?title=模拟考试&subject=" + this.subject + "&questionIdList=" + this.questionList |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,99 @@ |
||||
<template> |
||||
<view> |
||||
<view class="p14"> |
||||
<view class="wp100 p14lr p20tb bc-fff br8 mb10 relative" style="box-sizing: border-box;" :class="checkedCar==item.carTypeId?'checked':''" v-for="(item,index) of carTypeList" :key="index" @click="changeType(item)">{{item.carName}}{{item.remark}} |
||||
<view class="p5 cor-fff fs12 br4" style="background-color:#05C341;position: absolute;right: -1rpx;top:-1rpx" v-if="checkedCar==item.carTypeId">已选</view> |
||||
</view> |
||||
<view class="wp100" style="margin-top: 40px;"> |
||||
<u-button :customStyle="{width: '100%',borderRadius:'40rpx',backgroundColor:'#05C341',color:'#fff'}" text="确定" |
||||
@click="submit" /> |
||||
</view> |
||||
<u-modal :show="show" title="提示" content="切换题库后上一个题库练习记录将会全部清空，确定要切换吗" showCancelButton @confirm="confirmSubmit" @cancel="cancel"></u-modal> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
mapState, |
||||
mapActions |
||||
} from 'pinia' //引入映射函数 |
||||
import { |
||||
getCarTypeList, |
||||
} from '@/jtools/api/index'; |
||||
import storage from '@/jtools/storage'; |
||||
import useQuestionStore from '@/jtools/store/question' //引入store |
||||
export default{ |
||||
data() { |
||||
return{ |
||||
show:false, |
||||
carTypeList:[], |
||||
checkedCar: storage.get('carType') ||'1001', |
||||
checkedCarName:storage.get('carName') || '小车C1/C2/C3' |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getCarTypeList() |
||||
}, |
||||
computed:{ |
||||
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1","curSubject"]), //映射函数，取出tagslist |
||||
getLoading() { |
||||
return this.loading_subject4 && this.loading_subject1 |
||||
} |
||||
}, |
||||
watch:{ |
||||
getLoading(newVal){ |
||||
console.log(newVal); |
||||
if(newVal){ |
||||
uni.hideLoading() |
||||
uni.showToast({ |
||||
title:'切换成功！' |
||||
}) |
||||
this.cancel() |
||||
} |
||||
} |
||||
}, |
||||
methods:{ |
||||
getCarTypeList(){ |
||||
getCarTypeList().then(resp=>{ |
||||
if(resp.code==='0000'){ |
||||
this.carTypeList=resp.data |
||||
} |
||||
}) |
||||
}, |
||||
changeType(item){ |
||||
this.checkedCar=item.carTypeId |
||||
this.checkedCarName=item.carName+item.remark |
||||
}, |
||||
submit(){ |
||||
const id=storage.get('carType') ||'1001' |
||||
if(this.checkedCar==id){ |
||||
uni.showToast({ |
||||
title:'当前已是该车型题库！', |
||||
icon:'error' |
||||
}) |
||||
}else{ |
||||
this.show=true |
||||
} |
||||
}, |
||||
cancel(){ |
||||
this.show=false |
||||
}, |
||||
confirmSubmit(){ |
||||
storage.set('carType',this.checkedCar) |
||||
storage.set('carName',this.checkedCarName) |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}); |
||||
useQuestionStore().resetStorage() |
||||
useQuestionStore().getAllQuestion() |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.checked{ |
||||
border: 6rpx solid #05C341; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 30 KiB |
Loading…
Reference in new issue