‘’

liukangdong

2024-05-27 1ca93a04e85633bee47e809c9618356f0a42a393

 h5/pages/answer/answer.vue

@@ -1,8 +1,8 @@
<template>
   <view class="box">
      <view class="box_bgimage" :style="{backgroundImage: 'url(' + bg + ')'}">
         <text class="box_bgimage_a">访客问卷小调研</text>
         <text class="box_bgimage_b">答题分值需要达到30分才能申请访问哦～</text>
         <text class="box_bgimage_a">{{ title }}</text>
         <text class="box_bgimage_b">{{ content }}</text>
      </view>
      <view class="box_list">
         <view class="box_list_answer" v-if="list && list.length > 0">
@@ -19,21 +19,27 @@
            </template> -->
            <!--    单选   -->
            <view v-for="(item,index) in list"  :key="index" class="list_item">
               <template v-if="item.type == 1">
               <view class="box_list_answer_name">
                  {{index + 1}}、{{item.title}}
                  {{index + 1}}、{{item.title}}<text style="color:#ED4545;">*</text>
               </view>
               <view class="box_list_answer_item" v-for="(line, lIndex) in item.options" :key="lIndex" @click="select(index)">
                  <image src="@/static/video_error@2x.png"  />
                  <image src="@/static/video@2x.png"  />	
                  <image src="@/static/video_sel@2x.png"  />
                  <text style="color: rgba(237, 69, 69, 1)" >{{line.code}} {{line.value}}</text>
                  <text >{{line.code}} {{line.value}}</text>
                  <text style="color: rgba(2, 94, 239, 1)" >{{line.code}} {{line.value}}</text>
               <view class="box_list_answer_item" v-for="(line, lIndex) in item.options" :key="lIndex" @click="select(line, index)">
                  <image  src="@/static/video@2x.png" v-if="!item.selAnswer || item.selAnswer !== line.code" />	
                  <image src="@/static/video_sel@2x.png" v-if="item.selAnswer && item.selAnswer == line.code && item.answer === item.selAnswer" />
                  <image src="@/static/video_error@2x.png" v-if="item.selAnswer && item.selAnswer == line.code && item.answer !== item.selAnswer" />
                  <text v-if="!item.selAnswer"><text class="mr24">{{line.code}}</text> {{line.value}}</text>
                  <text v-if="item.selAnswer && item.answer === item.selAnswer" style="color: rgba(2, 94, 239, 1)" ><text class="mr24" style="color: rgba(2, 94, 239, 1)">{{line.code}}</text> {{line.value}}</text>
                  <text v-if="item.selAnswer && item.answer !== item.selAnswer" style="color: rgba(237, 69, 69, 1)" ><text class="mr24" style="color: rgba(237, 69, 69, 1)">{{line.code}}</text> {{line.value}}</text>
               </view>
               <view class="box_list_answer_tips" v-if="success">
               <view class="box_list_answer_tips" v-if="item.selAnswer && item.answer !== item.selAnswer">
                  <image src="@/static/ic_wrong@2x.png" />
                  <text>回答错误</text>
               </view>
               <view class="box_list_answer_tips" v-if="item.selAnswer && item.answer === item.selAnswer">
                  <image src="@/static/meeting/icon/ic_choose_sel@2x.png" />
                  <text>回答正确</text>
               </view>
               </template>
            </view>
            <view class="empty"></view>
            <view class="box_list_answer_btn" @click="next()">提交</view>
@@ -66,42 +72,7 @@

      data() {
         return {
            i: 0,
            problemIndex: 0,
            multiple: null,
            success: true,
            list: [
               {
                  type: '1',
                  title: '第一题',
                  options: [
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                  ]
               },
               {
                  type: '1',
                  title: '第一题',
                  options: [
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                  ]
               },
               {
                  type: '1',
                  title: '第一题',
                  options: [
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                     { code: '年刊', value: '111111' },
                  ]
               }
            ],
            list: [],
            bg: require("@/static/banner_dati.jpg"),
            title: '',
            content: ''
@@ -109,7 +80,7 @@
      },
      
      onLoad() {
         // this.getProblems()
         this.getProblems()
         this.getInfo()
      },

@@ -147,9 +118,11 @@
                        if (item.type === 1 || item.type === 2) {
                           item.options = JSON.parse(item.options)
                        }
                        item.status = '0'
                        item.selAnswer = null
                     })
                     console.log('options', res.data);
                     this.list = res.data
                     console.log(this.list)
                  }
                  // res.param.problemsDOList.forEach(item => {
                  //    item.options = JSON.parse(item.options)
@@ -159,9 +132,13 @@
               })
         },
         // 单选选择中题目
         select(index) {
            console.log(index)
            this.problemIndex = index
         select(line, i) {
            this.list.forEach((item,index)=>{
               if(index === i){
                  item.selAnswer = line.code
               }
            })
            // this.problemIndex = index
         },
         sort(arr) {
            arr.sort(function(a, b) {