|
@@ -9,16 +9,16 @@
|
|
|
<div class="option-list">
|
|
|
<div v-for="(item, i) in option_list" :key="i" :class="['option-item']">
|
|
|
<template v-if="item.length > 1">
|
|
|
- <!-- <el-select v-model="answer.answer_list[0].select_mark[i]" placeholder="请选择">
|
|
|
+ <!-- <el-select v-model="answer.answer_list[0].mark_list[i]" placeholder="请选择">
|
|
|
<el-option v-for="items in item" :key="items.content" :label="items.content" :value="items.content">
|
|
|
</el-option>
|
|
|
</el-select> -->
|
|
|
<span class="select-item select-active">{{ active_content[i] }}</span>
|
|
|
<ul :ref="'ui' + i" class="replace-ul" @scroll="handleScroll($event, i)">
|
|
|
<li
|
|
|
+ :class="[answer.answer_list[0].select_mark[i] === items.mark ? 'active' : '']"
|
|
|
v-for="(items, indexs) in item"
|
|
|
:key="indexs"
|
|
|
- :class="[answer.answer_list[0].select_mark[i] === items.mark ? 'active' : '']"
|
|
|
@click="handleClickItem(i, indexs)"
|
|
|
>
|
|
|
{{ items.content }}
|
|
@@ -46,15 +46,15 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
computeOptionMethods,
|
|
|
- answer: {
|
|
|
- answer_list: [
|
|
|
- {
|
|
|
- audio_file_id: '',
|
|
|
- select_mark: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- option_list: [],
|
|
|
- },
|
|
|
+ // answer: {
|
|
|
+ // answer_list: [
|
|
|
+ // {
|
|
|
+ // audio_file_id: '',
|
|
|
+ // mark_list: [],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ option_list: [],
|
|
|
active_content: [],
|
|
|
};
|
|
|
},
|
|
@@ -70,7 +70,7 @@ export default {
|
|
|
this.answer.answer_list = [
|
|
|
{
|
|
|
audio_file_id: '',
|
|
|
- select_mark: [],
|
|
|
+ mark_list: [],
|
|
|
},
|
|
|
];
|
|
|
let option_lists = [[], [], [], []];
|
|
@@ -84,7 +84,7 @@ export default {
|
|
|
option_lists.forEach((option_item) => {
|
|
|
if (option_item.length > 0) {
|
|
|
this.option_list.push(option_item);
|
|
|
- this.answer.answer_list[0].select_mark.push(option_item.length > 1 ? option_item[0].mark : '');
|
|
|
+ this.answer.answer_list[0].mark_list.push(option_item.length > 1 ? option_item[0].mark : '');
|
|
|
this.active_content.push(option_item.length > 1 ? option_item[0].content : '');
|
|
|
}
|
|
|
});
|
|
@@ -94,14 +94,13 @@ export default {
|
|
|
let scrollTop = event.target.scrollTop;
|
|
|
let scrollIndex = Math.round(scrollTop / 48);
|
|
|
this.active_content[i] = this.option_list[i][scrollIndex].content;
|
|
|
- this.answer.answer_list[0].select_mark[i] = this.option_list[i][scrollIndex].mark;
|
|
|
+ this.answer.answer_list[0].mark_list[i] = this.option_list[i][scrollIndex].mark;
|
|
|
this.$forceUpdate();
|
|
|
},
|
|
|
handleClickItem(i, indexs) {
|
|
|
- console.log(this.$refs[`ui${i}`][0].scrollTop);
|
|
|
- this.$refs[`ui${i}`][0].scrollTop = indexs * 48;
|
|
|
+ this.$refs['ui' + i][0].scrollTop = indexs * 48;
|
|
|
this.active_content[i] = this.option_list[i][indexs].content;
|
|
|
- this.answer.answer_list[0].select_mark[i] = this.option_list[i][indexs].mark;
|
|
|
+ this.answer.answer_list[0].mark_list[i] = this.option_list[i][indexs].mark;
|
|
|
this.$forceUpdate();
|
|
|
},
|
|
|
},
|