Skip to content

C
center-exam-show
提交 70bbbcfb authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

update

上级 75737f22
隐藏空白字符变更
内嵌 并排
正在显示 包含 100 行增加 和 70 行删除
src/components/exam/answerCard.vue
浏览文件 @ 70bbbcfb
...@@ -17,88 +17,90 @@ ...@@ -17,88 +17,90 @@
<div class="code">{{ info.examinee_number }}</div> <div class="code">{{ info.examinee_number }}</div>
</div> </div>
</div> </div>
<div class="order-num"> <div class="order-scroll">
<template v-for="(item, index) in questionParams.question.question_items"> <div class="order-num">
<div :key="index" v-if="item.question_item_type != 5 && item.question_item_type != 7 && item.question_item_type != 8"> <template v-for="(item, index) in questionParams.question.question_items">
<div class="tit">{{ item.question_item_title }}</div> <div :key="index" v-if="item.question_item_type != 5 && item.question_item_type != 7 && item.question_item_type != 8">
<ul> <div class="tit">{{ item.question_item_title }}</div>
<template v-for="(cItem, cIndex) in item.question_list"> <ul>
<!-- stu1已答 stu2当前 stu3标记 --> <template v-for="(cItem, cIndex) in item.question_list">
<li <!-- stu1已答 stu2当前 stu3标记 -->
:key="cItem.q_order + '-' + cIndex"
@click="goQuestion(cItem.q_order)"
:class="
questionParams.questionIndex + 1 === cItem.q_order
? questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][cItem.id]
? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
? questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu1 stu2 stu3'
: 'stu1 stu2'
: questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu2 stu3'
: 'stu2'
: 'stu2'
: 'stu2'
: questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][cItem.id]
? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
? questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu1 stu3'
: 'stu1'
: questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu3'
: ''
: ''
: ''
"
>
{{ cItem.q_order }}
</li>
</template>
</ul>
</div>
<div :key="index" v-else>
<div class="tit">{{ item.question_item_title }}</div>
<ul>
<template v-for="cItem in item.question_list">
<template v-for="(lItem, lIndex) in cItem.list">
<li <li
:key="lItem.q_order + '-' + lIndex" :key="cItem.q_order + '-' + cIndex"
@click="goQuestion(lItem.q_order)" @click="goQuestion(cItem.q_order)"
:class=" :class="
questionParams.questionIndex + 1 === lItem.q_order questionParams.questionIndex + 1 === cItem.q_order
? questionParams.answerRecord[item.question_item_id] ? questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][lItem.id] ? questionParams.answerRecord[item.question_item_id][cItem.id]
? questionParams.answerRecord[item.question_item_id][lItem.id].answer.length !== 0 ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
? questionParams.answerRecord[item.question_item_id][lItem.id].sign ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu1 stu2 stu3' ? 'stu1 stu2 stu3'
: 'stu1 stu2' : 'stu1 stu2'
: questionParams.answerRecord[item.question_item_id][lItem.id].sign : questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu2 stu3' ? 'stu2 stu3'
: 'stu2' : 'stu2'
: 'stu2' : 'stu2'
: 'stu2' : 'stu2'
: questionParams.answerRecord[item.question_item_id] : questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][lItem.id] ? questionParams.answerRecord[item.question_item_id][cItem.id]
? questionParams.answerRecord[item.question_item_id][lItem.id].answer[0] ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
? questionParams.answerRecord[item.question_item_id][lItem.id].sign ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu1 stu3' ? 'stu1 stu3'
: 'stu1' : 'stu1'
: questionParams.answerRecord[item.question_item_id][lItem.id].sign : questionParams.answerRecord[item.question_item_id][cItem.id].sign
? 'stu3' ? 'stu3'
: '' : ''
: '' : ''
: '' : ''
" "
> >
{{ lItem.q_order }} {{ cItem.q_order }}
</li> </li>
</template> </template>
</template> </ul>
</ul> </div>
</div> <div :key="index" v-else>
</template> <div class="tit">{{ item.question_item_title }}</div>
<ul>
<template v-for="cItem in item.question_list">
<template v-for="(lItem, lIndex) in cItem.list">
<li
:key="lItem.q_order + '-' + lIndex"
@click="goQuestion(lItem.q_order)"
:class="
questionParams.questionIndex + 1 === lItem.q_order
? questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][lItem.id]
? questionParams.answerRecord[item.question_item_id][lItem.id].answer.length !== 0
? questionParams.answerRecord[item.question_item_id][lItem.id].sign
? 'stu1 stu2 stu3'
: 'stu1 stu2'
: questionParams.answerRecord[item.question_item_id][lItem.id].sign
? 'stu2 stu3'
: 'stu2'
: 'stu2'
: 'stu2'
: questionParams.answerRecord[item.question_item_id]
? questionParams.answerRecord[item.question_item_id][lItem.id]
? questionParams.answerRecord[item.question_item_id][lItem.id].answer[0]
? questionParams.answerRecord[item.question_item_id][lItem.id].sign
? 'stu1 stu3'
: 'stu1'
: questionParams.answerRecord[item.question_item_id][lItem.id].sign
? 'stu3'
: ''
: ''
: ''
"
>
{{ lItem.q_order }}
</li>
</template>
</template>
</ul>
</div>
</template>
</div>
</div> </div>
</div> </div>
<!-- <ul class="flag-tips"> <!-- <ul class="flag-tips">
...@@ -129,14 +131,29 @@ export default { ...@@ -129,14 +131,29 @@ export default {
questionParams: { type: Object, default: () => {} }, questionParams: { type: Object, default: () => {} },
info: { type: Object, default: () => {} } info: { type: Object, default: () => {} }
}, },
data() {
return {
}
},
mounted() { mounted() {
Bus.$on('monitoringChanges', target => { if (!this.isMobile()) {
this.$forceUpdate() Bus.$on('monitoringChanges', target => {
}) this.$forceUpdate()
const wrapper = this.$refs.wrapper })
new BScroll(wrapper) const wrapper = this.$refs.wrapper
new BScroll(wrapper)
}
}, },
methods: { methods: {
isMobile() {
const ua = navigator.userAgent
const isWindowsPhone = /(?:Windows Phone)/.test(ua)
const isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone
const isAndroid = /(?:Android)/.test(ua)
const isPhone = /(?:iPhone)/.test(ua)
const isPc = !isPhone && !isAndroid && !isSymbian
return isPc
},
goQuestion(n) { goQuestion(n) {
this.$emit('switchQuestion') this.$emit('switchQuestion')
this.questionParams.questionIndex = n - 1 this.questionParams.questionIndex = n - 1
...@@ -175,6 +192,10 @@ export default { ...@@ -175,6 +192,10 @@ export default {
} }
} }
} }
.order-scroll{
// max-height: 100px;
// overflow-y: scroll;
}
.order-num { .order-num {
padding-bottom: 90px; padding-bottom: 90px;
.tit { .tit {
......
src/components/exam/question.vue
浏览文件 @ 70bbbcfb
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<!-- || item.question_item_type == 7 || item.question_item_type == 8 --> <!-- || item.question_item_type == 7 || item.question_item_type == 8 -->
<div class="title-type"> <div class="title-type">
<div class="type">{{ questionData.question_item_title }}</div> <div class="type">{{ questionData.question_item_title }}</div>
<div class="num">{{ questionData.q_order }}/{{ questionParams.question.total_question_count }}</div> <div class="num">{{ questionParams.questionIndex + 1 }}/{{ questionParams.question.total_question_count }}</div>
</div> </div>
<div class="case-que"> <div class="case-que">
<div class="stem" v-html="questionData.common_content"></div> <div class="stem" v-html="questionData.common_content"></div>
......
src/pages/exam/examAnswer.vue
浏览文件 @ 70bbbcfb
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
></question> ></question>
</div> </div>
</div> </div>
<div class="right" ref="wrapper"> <div :class="isMobile() ? 'right scroll' : 'right hidden'" ref="wrapper">
<answer-card <answer-card
:questionParams="questionParams" :questionParams="questionParams"
:changeTime="changeTime" :changeTime="changeTime"
...@@ -449,7 +449,16 @@ export default { ...@@ -449,7 +449,16 @@ export default {
width: 220px; width: 220px;
background: #fff; background: #fff;
padding: 0 20px; padding: 0 20px;
overflow-y: hidden; &.hidden{
overflow: hidden;
}
&.scroll{
overflow-y: scroll;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
// scrollbar-width: none; // scrollbar-width: none;
// &::-webkit-scrollbar { // &::-webkit-scrollbar {
// display: none; // display: none;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论