joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

WIP:考试面板

Browse Source
This commit is contained in:
Yuan 2022-10-21 11:13:51 +08:00
parent b1b00fd57b
commit 44fcdee7cf
1 changed files with 48 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/newMap/display/exam/examPanel.vue
View File

@ -4,7 +4,20 @@
<div>满分: {{ composition.fullScore }}</div> <div>满分: {{ composition.fullScore }}</div>
<div>考试时间: {{ composition.validDuration }}分钟</div> <div>考试时间: {{ composition.validDuration }}分钟</div>
</div> </div>
<div class="questionList"></div> <div class="questionList">
<div
class="item"
v-for="(question, index) in questionList"
:key="index"
@click="questionSelect(question)"
:class="{ current: currentQuestionIndex === index }"
>
{{ index + 1 }}
</div>
</div>
<div class="footer">
<el-button @click="submitExam">交卷</el-button>
</div>
</div> </div>
</template> </template>
@ -16,14 +29,27 @@ export default {
composition: {}, composition: {},
paper: {}, paper: {},
questionList: {}, questionList: {},
currentQuestionIndex: -1,
} }
}, },
methods: { methods: {
init(data) { init(data) {
this.currentQuestionIndex = -1
this.composition = data.composition this.composition = data.composition
this.paper = data.paper this.paper = data.paper
this.questionList = data.questionList this.questionList = [
...data.questionList,
...data.questionList,
...data.questionList,
...data.questionList,
...data.questionList,
...data.questionList,
...data.questionList,
...data.questionList,
]
}, },
questionSelect(data) {},
submitExam() {},
}, },
} }
</script> </script>
@ -31,9 +57,28 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.examPanel { .examPanel {
position: fixed; position: fixed;
background: #fff; background: #fff;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 190px;
}
.questionList {
display: flex;
flex-wrap: wrap;
justify-content: center;
.item {
width: 30px;
height: 30px;
background-color: #eee;
text-align: center;
line-height: 30px;
margin: 3px;
cursor: pointer;
&:hover {
background-color: #ccc;
}
}
} }
</style> </style>