feat: 调整考试详情页面的样式风格
parent
9082f528f4
commit
58c10462fc
|
|
@ -1,457 +1,344 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="content__titletop">
|
||||
<view class="content__title">试卷名称-综合素质测评</view>
|
||||
<view class="content__subtitle">(满分: 100分)</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="content__titletop">
|
||||
<view class="content__title">试卷名称-综合素质测评</view>
|
||||
<view class="content__subtitle">(满分: 100分)</view>
|
||||
</view>
|
||||
|
||||
<view class="content__info">
|
||||
<text>姓名: 测试者</text>
|
||||
<text>分数: 85分</text>
|
||||
<text>考试时间: 2024-12-30</text>
|
||||
</view>
|
||||
<view class="content__info">
|
||||
<text>姓名: 测试者</text>
|
||||
<text>分数: 85分</text>
|
||||
<text>考试时间: 2024-12-30</text>
|
||||
</view>
|
||||
|
||||
<view class="content__sign">
|
||||
<view style="margin-right: 10rpx">签字: </view>
|
||||
<u-image
|
||||
width="120rpx"
|
||||
height="70rpx"
|
||||
model="widthFix"
|
||||
src="https://img.alicdn.com/img/i1/131787161/O1CN01z67Qvv22lnCzgPob4_!!0-saturn_solar.jpg_.webp"
|
||||
/>
|
||||
</view>
|
||||
<view class="content__sign">
|
||||
<view style="margin-right: 10rpx">签字: </view>
|
||||
<u-image width="120rpx" height="70rpx" model="widthFix" src="https://img.alicdn.com/img/i1/131787161/O1CN01z67Qvv22lnCzgPob4_!!0-saturn_solar.jpg_.webp" />
|
||||
</view>
|
||||
|
||||
<view class="counter">
|
||||
<text style="color: orange">{{ activeIndex || 1 }}</text>/{{ totalCount }}
|
||||
</view>
|
||||
<view class="counter">
|
||||
当前试题: <text style="color: orange">{{ current + 1 }}</text
|
||||
>/{{ questionList.length }}
|
||||
</view>
|
||||
|
||||
<scroll-view ref="scrollViewRef" scroll-y="true" :scroll-top="0" class="question_list" @scrolltolower="handleScrollToLower" @scroll="handleScroll">
|
||||
<view
|
||||
class="question_item"
|
||||
v-for="(item, index) in questionList"
|
||||
:key="index"
|
||||
>
|
||||
<text class="tag_title">
|
||||
{{ handleCalcQuestType(item.questionType) }}
|
||||
</text>
|
||||
{{ index + 1 }}.
|
||||
<text>{{ item.stem }}</text>
|
||||
<view class="question_options__item">
|
||||
<view
|
||||
v-for="(option, index) in item.options"
|
||||
:key="index"
|
||||
:class="
|
||||
option.label === item.answer
|
||||
? 'options question_options_active'
|
||||
: 'options'
|
||||
"
|
||||
>
|
||||
<text class="option_item">
|
||||
{{ option.label }}. {{ option.value }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="question_answer">
|
||||
正确答案:
|
||||
<text style="display: inline-block; margin-left: 10rpx">
|
||||
{{ item.answer }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="topic">
|
||||
<view class="title">
|
||||
<text class="tag_title">
|
||||
{{ handleCalcQuestType(questionList[current].questiontype) }}
|
||||
</text>
|
||||
{{ current + 1 }}.
|
||||
<text>{{ questionList[current].questiondry }}</text>
|
||||
</view>
|
||||
<view v-if="questionList[current].questiontype === '1'" class="options">
|
||||
<view v-for="(item, index) in ['A', 'B', 'C', 'D']" :key="index" :class="['item', questionList[current].answer === item ? 'active' : '']">
|
||||
<text class="option">{{ item }}</text>
|
||||
<text class="text">
|
||||
{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="questionList[current].questiontype === '2'" class="options">
|
||||
<view v-for="(item, index) in ['A', 'B', 'C', 'D']" :key="index" :class="['item', questionList[current].answer && questionList[current].answer.indexOf(item) !== -1 ? 'active' : '']">
|
||||
<text class="option">{{ item }}</text>
|
||||
<text class="text">
|
||||
{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="questionList[current].questiontype === '3'" class="options">
|
||||
<view v-for="(item, index) in ['A', 'B']" :key="index" :class="['item', questionList[current].answer === item ? 'active' : '']">
|
||||
<text class="option">
|
||||
{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
|
||||
</text>
|
||||
<text class="text"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="correct-answer">
|
||||
<text>正确答案</text>
|
||||
<view v-if="questionList[current].questiontype === '3'">
|
||||
{{ questionList[current].answerright === 'A' ? '对' : '错' }}
|
||||
</view>
|
||||
<view v-else>{{ questionList[current].answerright || '无' }}</view>
|
||||
<text>权威解读</text>
|
||||
<view>{{ questionList[current].descr || "无" }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="footer">
|
||||
<block v-if="current !== 0">
|
||||
<u-button
|
||||
shape="circle"
|
||||
:custom-style="{
|
||||
width: current === questionList.length - 1 ? '100%' : '45%'
|
||||
}"
|
||||
text="上一题"
|
||||
@click="current--"
|
||||
/>
|
||||
</block>
|
||||
<block v-if="current !== questionList.length - 1">
|
||||
<u-button
|
||||
shape="circle"
|
||||
type="primary"
|
||||
:custom-style="{
|
||||
width: current === 0 ? '100%' : '45%',
|
||||
marginLeft: current === 0 ? '0' : '10%'
|
||||
}"
|
||||
text="下一题"
|
||||
@click="current++"
|
||||
/>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
totalPage: 0,
|
||||
questionList: [],
|
||||
// 新增当前激活的题目索引
|
||||
activeIndex: 0,
|
||||
// 新增总题目数（根据实际数据）
|
||||
totalCount: 0,
|
||||
questionTypeMap: {
|
||||
0: '单选题',
|
||||
1: '多选题',
|
||||
2: '判断题',
|
||||
3: '填空题',
|
||||
4: '简答题'
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
totalPage: 0,
|
||||
questionList: [],
|
||||
// 新增当前激活的题目索引
|
||||
current: 0,
|
||||
questionTypeMap: {
|
||||
1: '单选题',
|
||||
2: '多选题',
|
||||
3: '判断题',
|
||||
4: '填空题',
|
||||
5: '简答题'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.resetList()
|
||||
},
|
||||
onShow() {
|
||||
this.resetList()
|
||||
},
|
||||
|
||||
mounted() {
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
methods: {
|
||||
async getData() {
|
||||
this.questionList = [
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 1,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'A'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 1,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'A'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
{
|
||||
questionType: 0,
|
||||
stem: '离开特种作业岗位达 ( ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
|
||||
options: [
|
||||
{
|
||||
label: 'A',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
label: 'B',
|
||||
value: '9'
|
||||
},
|
||||
{
|
||||
label: 'C',
|
||||
value: '12'
|
||||
},
|
||||
{
|
||||
label: 'D',
|
||||
value: '15'
|
||||
}
|
||||
],
|
||||
answer: 'D'
|
||||
},
|
||||
]
|
||||
this.totalPage = 2
|
||||
this.totalCount = this.questionList.length
|
||||
},
|
||||
resetList() {
|
||||
this.pageSize = 10
|
||||
this.currentPage = 1
|
||||
this.questionList = []
|
||||
this.getData()
|
||||
},
|
||||
handleScrollToLower() {
|
||||
this.currentPage++
|
||||
if (this.totalPage >= this.currentPage) this.getData()
|
||||
},
|
||||
handleScroll(event) {
|
||||
const query = uni.createSelectorQuery().in(this)
|
||||
query.selectAll('.question_item').boundingClientRect()
|
||||
query.select('.question_list').boundingClientRect()
|
||||
query.exec((res) => {
|
||||
const items = res[0]
|
||||
const list = res[1]
|
||||
|
||||
if (!items || !list) return
|
||||
|
||||
// 计算当前可见项
|
||||
const scrollTop = list.top * -1
|
||||
const currentItem = items.findIndex(item =>
|
||||
item.top - scrollTop >= 0
|
||||
)
|
||||
|
||||
console.log('list.top :>> ', list.top);
|
||||
|
||||
if (currentItem !== -1 && currentItem !== this.activeIndex) {
|
||||
this.activeIndex = currentItem + 1 // +1 因为索引从0开始
|
||||
}
|
||||
})
|
||||
},
|
||||
handleCalcQuestType(type) {
|
||||
return `(${this.questionTypeMap[type]})`
|
||||
},
|
||||
}
|
||||
methods: {
|
||||
async getData() {
|
||||
this.questionList = [
|
||||
{
|
||||
stageexamrecordId: '7cea826c3c974cb69028dd0624b632ba',
|
||||
stageexampaperId: null,
|
||||
stageexamId: null,
|
||||
questionId: null,
|
||||
userId: null,
|
||||
answer: 'B',
|
||||
answerright: 'B',
|
||||
creator: null,
|
||||
createTime: null,
|
||||
operator: null,
|
||||
operatTime: null,
|
||||
isDelete: null,
|
||||
corpinfoId: null,
|
||||
studytaskId: null,
|
||||
paperId: null,
|
||||
classId: null,
|
||||
studentId: null,
|
||||
paperQuestionId: 'c413570fac8b49d8bd3ac27e223beb48',
|
||||
questionnumber: null,
|
||||
questiontype: '1',
|
||||
questiondry: '发生生产安全事故以后，单位负责人应当在（ ）小时内向当地县级应急管理部门和负有安全生产监督管理职责的有关部门报告。',
|
||||
optiona: '2',
|
||||
optionb: '1',
|
||||
optionc: '4',
|
||||
optiond: '半',
|
||||
descr: '17',
|
||||
score: '50.0',
|
||||
labelType: '6a8577ad5cf84e259f6a601a0c253726',
|
||||
coursewarename: '测试40秒',
|
||||
labelTypeName: '规范标准',
|
||||
checkList: null,
|
||||
count: null,
|
||||
videocoursewareId: null
|
||||
},
|
||||
{
|
||||
stageexamrecordId: '956a9175accc4c96b062eac68a5cdc28',
|
||||
stageexampaperId: null,
|
||||
stageexamId: null,
|
||||
questionId: null,
|
||||
userId: null,
|
||||
answer: 'C',
|
||||
answerright: 'C',
|
||||
creator: null,
|
||||
createTime: null,
|
||||
operator: null,
|
||||
operatTime: null,
|
||||
isDelete: null,
|
||||
corpinfoId: null,
|
||||
studytaskId: null,
|
||||
paperId: null,
|
||||
classId: null,
|
||||
studentId: null,
|
||||
paperQuestionId: 'b8203efc27c04afc8b692fc2c82095ca',
|
||||
questionnumber: null,
|
||||
questiontype: '2',
|
||||
questiondry: '发生生产安全事故以后，单位负责人应当在（ ）小时内向当地县级应急管理部门和负有安全生产监督管理职责的有关部门报告。',
|
||||
optiona: '2',
|
||||
optionb: '1',
|
||||
optionc: '4',
|
||||
optiond: '半',
|
||||
descr: '17',
|
||||
score: '50.0',
|
||||
labelType: '2c0f587e982641c7965182826f9c41ac',
|
||||
coursewarename: '测试40秒',
|
||||
labelTypeName: '法律法规',
|
||||
checkList: null,
|
||||
count: null,
|
||||
videocoursewareId: null
|
||||
}
|
||||
]
|
||||
this.totalPage = 2
|
||||
this.totalCount = this.questionList.length
|
||||
},
|
||||
resetList() {
|
||||
this.pageSize = 10
|
||||
this.currentPage = 1
|
||||
this.questionList = []
|
||||
this.getData()
|
||||
},
|
||||
handleCalcQuestType(type) {
|
||||
return `(${this.questionTypeMap[type]})`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.content {
|
||||
padding: 17rpx;
|
||||
padding: 16rpx;
|
||||
|
||||
.content__titletop {
|
||||
text-align: center;
|
||||
.content__titletop {
|
||||
text-align: center;
|
||||
|
||||
.content__title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.content__title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.content__subtitle {
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
.content__subtitle {
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content__info {
|
||||
font-size: 34rpx;
|
||||
margin-top: 36rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.content__info {
|
||||
font-size: 34rpx;
|
||||
margin-top: 36rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content__sign {
|
||||
margin-top: 18rpx;
|
||||
font-size: 34rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.content__sign {
|
||||
margin-top: 18rpx;
|
||||
font-size: 34rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.counter {
|
||||
font-size: 28rpx;
|
||||
margin: 15rpx 0;
|
||||
text-align: end;
|
||||
}
|
||||
.counter {
|
||||
font-size: 28rpx;
|
||||
margin: 15rpx 0;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.question_list {
|
||||
height: calc(100vh - 123px);
|
||||
.topic {
|
||||
box-sizing: border-box;
|
||||
|
||||
.question_item {
|
||||
margin-bottom: 20rpx;
|
||||
.tag_title {
|
||||
font-size: 28rpx;
|
||||
background-color: #94f0bd;
|
||||
color: #5ac725;
|
||||
border-radius: 8rpx;
|
||||
padding: 2rpx 8rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.tag_title {
|
||||
font-size: 34rpx;
|
||||
background-color: #94f0bd;
|
||||
color: #5ac725;
|
||||
border-radius: 8rpx;
|
||||
padding: 2rpx 8rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
|
||||
.question_options__item {
|
||||
padding: 16rpx;
|
||||
margin-top: 14rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 12rpx;
|
||||
.question-type {
|
||||
border-radius: 40rpx;
|
||||
padding: 4rpx 14rpx;
|
||||
border: 1rpx solid #3c9cff;
|
||||
font-size: 28rpx;
|
||||
color: #3c9cff;
|
||||
}
|
||||
}
|
||||
|
||||
.options {
|
||||
padding: 8rpx 0 8rpx 10rpx;
|
||||
width: 100%;
|
||||
.options {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.option_item {
|
||||
display: inline-block;
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
}
|
||||
.item {
|
||||
position: relative;
|
||||
margin-top: 40rpx;
|
||||
color: #696868;
|
||||
|
||||
.question_options_active {
|
||||
background-color: rgb(216, 216, 216);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
color: #3c9cff;
|
||||
|
||||
.question_answer {
|
||||
font-size: 34rpx;
|
||||
margin-left: 22rpx;
|
||||
color: #acafb3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.option {
|
||||
background-color: #3c9cff;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.option {
|
||||
background-color: #eee;
|
||||
border-radius: 80rpx;
|
||||
width: 65rpx;
|
||||
height: 65rpx;
|
||||
line-height: 65rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-left: 30rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.correct-answer {
|
||||
margin-top: 40rpx;
|
||||
|
||||
text {
|
||||
display: inline-block;
|
||||
margin-top: 40rpx;
|
||||
color: #696868;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
view {
|
||||
margin-top: 20rpx;
|
||||
color: #333;
|
||||
padding: 20rpx;
|
||||
background-color: #eee;
|
||||
border-radius: 10rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -45,6 +45,8 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { getCertificateInformationList } from "@/api/index.js";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -66,10 +68,10 @@ export default {
|
|||
|
||||
methods: {
|
||||
async getData() {
|
||||
// let resData = await getCertificateInformationList({
|
||||
// showCount: this.pageSize,
|
||||
// currentPage: this.currentPage,
|
||||
// });
|
||||
let resData = await getCertificateInformationList({
|
||||
showCount: this.pageSize,
|
||||
currentPage: this.currentPage,
|
||||
});
|
||||
this.trainList = [
|
||||
{
|
||||
classId: 'f34dzfgerg',
|
||||
|
|
@ -110,20 +112,23 @@ export default {
|
|||
onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片
|
||||
hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码
|
||||
success: function (res) {
|
||||
if (res.result === '0') {
|
||||
const { id, type } = JSON.parse(res.result); // id 字段为班级ID, type 字段为二维码进入方式类型 ['0' --> 签到方式进入, '1' --> 考试方式进入]
|
||||
if (type === '0') {
|
||||
// 签到二维码方式进入
|
||||
uni.$u.route({
|
||||
url: '/pages/train_management/realname_info_auth',
|
||||
params: {
|
||||
type: 'scan_face',
|
||||
id
|
||||
}
|
||||
})
|
||||
} else if (res.result === '1') {
|
||||
} else if (type === '1') {
|
||||
// 考试二维码方式进入
|
||||
uni.$u.route({
|
||||
url: '/pages/train_management/face_authentication',
|
||||
params: {
|
||||
type: 'learning_certification'
|
||||
type: 'learning_certification',
|
||||
id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,11 +31,6 @@
|
|||
<view class="info_raw flex_layout">
|
||||
<text class="content_label">签到状态: </text>
|
||||
<text class="tag_flag">{{ handleCalcSignStatus(item.trainStatus) }}</text>
|
||||
<!-- <u-tag
|
||||
:text="handleCalcSignStatus(item.trainStatus)"
|
||||
size="mini"
|
||||
type="success"
|
||||
/> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue