提交

马宇豪

2024-07-16 117da08d652db513d8889924ea12b13aed68fba2

 pages/tabBar/firstPage/exam.vue

@@ -33,10 +33,11 @@
              v-if="currentQ.questionType==2"
              v-model="currentQ.exExerciseAnswer.answer"
              placement="column"
              :disabled="viewType==1?false:true"
              @change="checkboxChange"
          >
            <u-checkbox
                :customStyle="{marginBottom: '20px'}"
                :customStyle="{marginBottom: '15px'}"
                v-for="(item, index) in currentQ.content.items"
                :key="index"
                :label="item.prefix +'：'+ item.content"
@@ -44,9 +45,9 @@
            >
            </u-checkbox>
          </u-checkbox-group>
          <u-radio-group v-model="currentQ.exExerciseAnswer.answer" placement="column" @change="groupChange" v-if="currentQ.questionType==1||currentQ.questionType==3" >
          <u-radio-group v-model="currentQ.exExerciseAnswer.answer" placement="column" @change="groupChange" v-if="currentQ.questionType==1||currentQ.questionType==3" :disabled="viewType==1?false:true">
            <u-radio
                :customStyle="{marginBottom: '20px'}"
                :customStyle="{marginBottom: '15px'}"
                v-for="(item, index) in currentQ.content.items"
                :key="index"
                shape="square"
@@ -56,11 +57,15 @@
            >
            </u-radio>
          </u-radio-group>
          <u-button style="width: 90%;margin: 30px auto" v-if="currentQ.exExerciseAnswer && currentQ.exExerciseAnswer.answer" type="primary" shape="circle" size="small" text="确认答案" @click="confirmAnswer"></u-button>
          <view class="answers" v-if="currentQ.exExerciseAnswer && (currentQ.exExerciseAnswer.passed==0||currentQ.exExerciseAnswer.passed==1)">
          <u-button style="width: 80%;margin: 30px auto"
                    v-if="viewType ==1 && (currentQ.exExerciseAnswer && currentQ.exExerciseAnswer.answer && (typeof currentQ.exExerciseAnswer.answer == String?currentQ.exExerciseAnswer.answer !=='':currentQ.exExerciseAnswer.answer.length>0))"
                    type="primary" shape="circle" text="确认答案"
                    @click="confirmAnswer">
          </u-button>
          <view class="answers" v-if="viewType == 2 && currentQ.studentAnswer && currentQ.studentAnswer.answer">
            <view>你的答案：
              <span v-if="currentQ.questionType==2" :class="currentQ.answer == currentQ.exExerciseAnswer.answer.join(',')?'right':'wrong'">{{currentQ.exExerciseAnswer.answer.join(',')}}</span>
              <span v-else :class="currentQ.answer == currentQ.exExerciseAnswer.answer?'right':'wrong'">{{currentQ.exExerciseAnswer.answer}}</span>
              <span v-if="currentQ.questionType==2" :class="currentQ.answer == currentQ.studentAnswer.answer?'right':'wrong'">{{currentQ.studentAnswer.answer}}</span>
              <span v-else :class="currentQ.answer == currentQ.studentAnswer.answer?'right':'wrong'">{{currentQ.studentAnswer.answer}}</span>
            </view>
            <view>正确答案：<span class="right">{{currentQ.answer}}</span></view>
          </view>
@@ -71,13 +76,18 @@
      <u-button style="width: 30%" type="error" shape="circle" size="small" text="上一题" @click="prevQ"></u-button>
<!--      <u-button style="width: 30%" type="error" shape="circle" plain size="small" text="查看答案" @click="showA"></u-button>-->
      <u-button v-if="currentIndex<questionList.length - 1" style="width: 30%" type="error" shape="circle" size="small" text="下一题" @click="nextQ"></u-button>
      <u-button v-if="currentIndex==questionList.length - 1" style="width: 30%" type="primary" shape="circle" size="small" text="保存退出" @click="goBack"></u-button>
      <u-button v-if="currentIndex==questionList.length - 1 && viewType == 1" style="width: 30%" type="primary" shape="circle" size="small" text="保存退出" @click="endExam"></u-button>
      <u-button v-if="currentIndex==questionList.length - 1 && viewType == 2" style="width: 30%" type="primary" shape="circle" size="small" text="退出" @click="goBack"></u-button>
    </view>
   </view>
</template>

<script>
import {getQuestionIdList,getQuestionByIds,postExerciseAnswer} from '../../../api/wearhouse.js'
import {
  getExamIdIdList,
  getExamListByIds, postExamAnswer,postEndExam
} from '../../../api/wearhouse.js'
import Vue from 'vue'

export default {
   components: {
@@ -90,17 +100,19 @@
      idList: [],
      questionList: [],
      currentIndex: 0,
      currentQ: {}
      currentQ: {},
      currentA: '',
      currentB: [],
      viewType: null
      }
   },
  onReady(){
  },
   onLoad(e) {
    this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
    this.bank = e.bank && JSON.parse(decodeURIComponent(e.bank));
    this.currentIndex = this.bank.exerciseCount
    console.log(this.bank,this.currentIndex,66)
    this.getQuestionIds(this.bank.id)
    this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight']
    this.bank = e.bank && JSON.parse(decodeURIComponent(e.bank))
    this.viewType = e.type && JSON.parse(decodeURIComponent(e.type))
    this.getQuestionIds(this.bank.paperId)
   },
   onShow(){

@@ -121,15 +133,20 @@

  methods: {
    async getQuestionIds(id){
      const res = await getQuestionIdList({bankId: id})
      const res = await getExamIdIdList({paperId: id,viewType: this.viewType})
      if(res.code == 200){
        let list = res.data || []
        if(list.length>0){
          this.idList = list
          getQuestionByIds({questionIds: list.map(i=>i.id)}).then(re=>{
          getExamListByIds({paperId: id,questionIds: list.map(i=>i.id)}).then(re=>{
            if(re.code == 200){
              this.questionList = re.data.map(i=>{
                i.content = JSON.parse(i.content)
                Vue.set(i,'passed',null)
                if(i.studentAnswer){
                  i.exExerciseAnswer.answer = i.studentAnswer.answer
                  i.exExerciseAnswer.passed = i.studentAnswer.passed
                }
                if(i.questionType == 2){
                  if(i.exExerciseAnswer.answer){
                    i.exExerciseAnswer.answer = i.exExerciseAnswer.answer.split(',')
@@ -138,7 +155,6 @@
                return i
              })
              this.currentQ = this.questionList[this.currentIndex]
              // this.currentQ.content = JSON.parse(this.currentQ.content)
              console.log(this.currentQ,'当前问题')
            }else{
              uni.$u.toast(res.message)
@@ -168,12 +184,14 @@
    confirmAnswer(){
      const data = {
        answer: this.currentQ.questionType==2?this.currentQ.exExerciseAnswer.answer.join(','):this.currentQ.exExerciseAnswer.answer,
        bankId: this.bank.id,
        questionId: this.currentQ.id
        paperId: this.bank.paperId,
        questionId: this.currentQ.id,
        studentId: uni.getStorageSync('uid')
      }
      postExerciseAnswer(data).then(res=>{
      postExamAnswer(data).then(res=>{
        if(res.code == 200){
          this.currentQ.exExerciseAnswer.passed = res.data.passed
          this.currentQ.passed = res.data
          uni.$u.toast('答案已提交')
        }else{
          uni.$u.toast(res.message)
        }
@@ -190,11 +208,10 @@
          duration: 1000
        });
      }
      console.log(this.currentQ,'current')
    },

    nextQ(){
      if(this.currentQ.exExerciseAnswer.passed==null){
      if(this.currentQ.passed==null && this.currentQ.exExerciseAnswer.passed == null){
        uni.$u.toast('请先完成当前题目')
        return
      }
@@ -208,6 +225,46 @@
        });
      }
      console.log(this.currentQ,'current')
    },

    endExam(){
      if(this.currentQ.passed==null && this.currentQ.exExerciseAnswer.passed == null){
        uni.$u.toast('请先完成当前题目')
        return
      }
      const data = {
        id: this.bank.id,
        // paperId: this.bank.paperId,
        // studentId: uni.getStorageSync('uid')
      }
      postEndExam(data).then(res=>{
        if(res.code == 200){
          uni.showToast({
            title: '本次考试结束',
            duration: 1500
          })
          setTimeout(()=>{
            const url = uni.getStorageSync("prevPage");
            if(url){
              if(url == '/pages/tabBar/firstPage/firstPage'){
                uni.reLaunch({
                  url:'/pages/tabBar/firstPage/firstPage'
                });
              }else{
                uni.navigateTo({
                  url: url
                })
              }
            } else{
              uni.reLaunch({
                url: '/pages/tabBar/firstPage/firstPage'
              })
            }
          },1500)
        }else{
          uni.$u.toast(res.message)
        }
      })
    },

    showA(){
@@ -226,18 +283,12 @@
    goBack(){
      const url = uni.getStorageSync("prevPage");
      if(url){
        if(url == '/pages/tabBar/wearhouse/wearhouse'){
          uni.reLaunch({
            url:'/pages/tabBar/wearhouse/wearhouse'
          });
        }else{
          uni.navigateTo({
            url: url
          })
        }
        uni.reLaunch({
          url: url
        });
      } else{
        uni.reLaunch({
          url: '/pages/tabBar/wearhouse/wearhouse'
          url: '/pages/tabBar/firstPage/firstPage'
        })
      }
    }
@@ -294,7 +345,10 @@

      .answers{
        background: #ecf5ff;
        padding: 5px 10px;
        padding: 10px;
        &>view{
          margin-bottom: 5px;
        }

        span{
          font-weight: bolder;
@@ -319,4 +373,45 @@
  bottom: 60px;
  left: 0;
}

/deep/ .u-checkbox{
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 8px;
}

/deep/ .u-radio,.u-checkbox{
  padding: 12px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #f5f7fa;
  border: 1px solid #fff;
  box-shadow: 7px 7px 15px rgba(55, 84, 170, .15),
  -7px -7px 20px rgba(255, 255, 255, 1),
  inset 0px 0px 4px rgba(255, 255, 255, .2),
  inset 7px 7px 15px rgba(55, 84, 170, 0),
  inset -7px -7px 20px rgba(255, 255, 255, 0),
  0px 0px 4px rgba(255, 255, 255, 0) !important;
  transition: box-shadow .25s ease !important;
}

/deep/ .u-checkbox:active {
  box-shadow: 7px 7px 15px rgba(55, 84, 170, .15),
  -7px -7px 20px rgba(255, 255, 255, 1),
  inset 0px 0px 4px rgba(255, 255, 255, 0),
  inset 7px 7px 15px rgba(55, 84, 170, .15),
  inset -7px -7px 20px rgba(255, 255, 255, 1),
  0px 0px 4px rgba(255, 255, 255, .2) !important;
}

/deep/ .u-radio:active {
  box-shadow: 7px 7px 15px rgba(55, 84, 170, .15),
  -7px -7px 20px rgba(255, 255, 255, 1),
  inset 0px 0px 4px rgba(255, 255, 255, 0),
  inset 7px 7px 15px rgba(55, 84, 170, .15),
  inset -7px -7px 20px rgba(255, 255, 255, 1),
  0px 0px 4px rgba(255, 255, 255, .2) !important;
}

</style>