|  | @@ -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();
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |    },
 |