@zykjcommon/questions 0.0.1

package/src/views/exam/Analysis.vue

@@ -0,0 +1,516 @@
+<template>
+  <div class="exam">
+    <QuestionHeader :resData="responsiveObj.resData"></QuestionHeader>
+    <div class="content-outter">
+      <div class="content">
+        <div class="content-left">
+          <div class="return-top" v-returnTop></div>
+          <div class="intro">
+            <div class="intro-tit">测评说明：</div>
+            <div class="intro-txt">{{responsiveObj.resData.exam_description}}</div>
+          </div>
+          <div class="question-main">
+            <ul class="tab-list" >
+              <li :class="{'current':item.checked}"
+                  @click="clickTab(item)"
+                  v-for="(item,index) in tabList">{{item.name}}<div class="count" v-if="responsiveObj.questionListMapper && responsiveObj.questionListMapper[item.type] && item.type!=1">({{responsiveObj.questionListMapper[item.type].length}})</div><span v-if="item.checked" class="line"></span></li>
+            </ul>
+            <ul class="question-list">
+              <li v-for="(item,index) in responsiveObj.questionList" :id="'question'+ index">
+                <component :is="item.questionComponent"
+                           :mode="'analysis'"
+                           :questionInfo="item"
+                           :key="'question'+ index"
+                           :ref="'question'+ index"/>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="content-right">
+<!--          {{responsiveObj.questionList}}-->
+          <QuestionCard v-model:questionList="responsiveObj.questionList"></QuestionCard>
+        </div>
+      </div>
+    </div>
+  </div>
+  <ContentDialog v-model:visible="warnVisible"
+                 @confirm="quitQuestion"
+                 :hide-cancel="true"
+                 :confirmText="'确定'">
+    <template #content>
+      <div class="con-text-1" style="margin-top: 0.3rem">{{warnText}}</div>
+    </template>
+  </ContentDialog>
+  <Loading :loading="loading"></Loading>
+</template>
+
+<script lang="ts">
+import {defineComponent, ref, toRefs, reactive, watch, computed, onMounted,getCurrentInstance} from 'vue'
+// import QuestionReader from '@src/components/questions/QuestionReader.js'
+import QuestionCard from '@src/components/exam/QuestionCard.vue'
+import TimeCounter from '@src/components/exam/TimeCounter.vue'
+import QuestionHeader from '@src/components/exam/QuestionHeader.vue'
+import {createNamespacedHelpers} from 'vuex-composition-helpers';
+import {useRouter,useRoute} from 'vue-router'
+import fun from "@/assets/js/fun";
+import {questionMapper} from '@src/common/const.ts'
+
+interface dataInterface{
+  autoSubmitTimer:any,
+  tabList:Array<{
+    name:string,
+    type:string
+  }>,
+  loading:boolean,
+  warnVisible:boolean,
+  warnText:string
+}
+
+interface responsiveData{
+  questionList:Array<any>,
+  resData:any,
+  questionListMapper:any
+}
+
+
+export default defineComponent({
+  components: {
+    // ...QuestionReader,
+    QuestionHeader,
+    QuestionCard,
+    TimeCounter
+  },
+  setup(props,context) {
+    const {useState, useActions,useMutations} = createNamespacedHelpers('exam'); // specific module name
+    const {getExamReviewActions} = useActions(['getExamReviewActions'])
+    let route = useRoute()
+    let router = useRouter()
+    let errQuestionList:Array<any> = []
+    let allQuestionList:Array<any> = []
+    //不需要响应式或者写死的数据放里面
+    let data:dataInterface = reactive({
+      autoSubmitTimer:null,
+      tabList:[{name:'全部',type:'1',checked:true},{name:'错题',type:'2',checked:false}],
+      loading:false,
+      warnVisible:false,
+      warnText:''
+    })
+
+    //需要响应式放里面
+    let responsiveObj:{value:responsiveData} = ref({
+      questionList:[],
+      resData:{},
+      questionListMapper:{}
+    })
+
+
+    onMounted(()=>{
+      getExamReview()
+    })
+
+    function clickTab(item:any){
+      if(item.checked){
+        return
+      }
+      data.tabList.forEach((tab:any)=>{
+        tab.checked = false
+      })
+      item.checked = true
+      let whichList = responsiveObj.value.questionListMapper[item.type]
+      responsiveObj.value.questionList = (fun.copyDeepObject(whichList) as Array<any>)
+    }
+
+
+    function getExamReview(){
+      let res = {
+        "data": {
+          "question_list": [
+            {
+              "question_type_str": "单选题",
+              "data_mode": 1,
+              "correct_judge": "",
+              "is_auto_check": "",
+              "content": "[{\"<>\":\"p\",\"text\":\"He arrived here ________. The teacher felt ________.\"}]",
+              "correct_subjective_answer": "",
+              "auto_check": true,
+              "options_data": [
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": "late, angry"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": "lately, angrily"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": " late, angrily"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": "lately, angry"
+                }
+              ],
+              "score": "1.00",
+              "sub_questions": [],
+              "style_type": "SELECT_R-T",
+              "template_file_full_url": "",
+              "question_name": "He arrived here ________. The teacher felt ________.",
+              "correct_rate": "",
+              "knowledge_name": "词汇",
+              "page_location_list": [],
+              "code_type": 0,
+              "difficulty_level": "1",
+              "question_index": "",
+              "correct_single_index": 2,
+              "question_type": "1",
+              "media_resources": [],
+              "analysis": "[{\"<>\":\"p\",\"text\":\"我是解析哈哈哈哈\"}]",
+              "question_id": "13091",
+              "difficulty_level_str": "简单",
+              "update_date": "",
+              "exam_options_data": [
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": "late, angry"
+                  },
+                  "index": 1
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": "lately, angrily"
+                  },
+                  "index": 2
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": " late, angrily"
+                  },
+                  "index": 3
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": "lately, angry"
+                  },
+                  "index": 4
+                }
+              ],
+              "exam_link_answer_data": [],
+              "reference_file_full_url": "",
+              "correct_multiple_index_set": [],
+              "hint": "Multiple choice.1",
+              "knowledge_id": "2"
+            },
+            {
+              "question_type_str": "单选题",
+              "data_mode": 1,
+              "correct_judge": "",
+              "is_auto_check": "",
+              "content": "[{\"<>\":\"p\",\"text\":\"Your brother is very noisy. Please tell him _________ in the library.\"}]",
+              "correct_subjective_answer": "",
+              "auto_check": true,
+              "options_data": [
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": "not talk loudly"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": " talk loudly"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": " to talk loudly"
+                },
+                {
+                  "file_url": "",
+                  "content_type": 1,
+                  "file_type": 0,
+                  "name": "",
+                  "id": 0,
+                  "thumbnail_url": "",
+                  "option_content": "not to talk loudly"
+                }
+              ],
+              "score": "1.00",
+              "sub_questions": [],
+              "style_type": "SELECT_R-T",
+              "template_file_full_url": "",
+              "question_name": "Your brother is very noisy. Please tell him _________ in the library.",
+              "correct_rate": "",
+              "knowledge_name": "",
+              "page_location_list": [],
+              "code_type": 0,
+              "difficulty_level": "2",
+              "question_index": "",
+              "correct_single_index": 1,
+              "question_type": "1",
+              "media_resources": [],
+              "analysis": "[{\"<>\":\"p\",\"text\":\"我是解析哈哈哈哈2222222\"}]",
+              "question_id": "13092",
+              "difficulty_level_str": "困难",
+              "update_date": "",
+              "exam_options_data": [
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": "not talk loudly"
+                  },
+                  "index": 1
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": " talk loudly"
+                  },
+                  "index": 2
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": " to talk loudly"
+                  },
+                  "index": 3
+                },
+                {
+                  "data": {
+                    "file_url": "",
+                    "content_type": 1,
+                    "file_type": 0,
+                    "name": "",
+                    "id": 0,
+                    "thumbnail_url": "",
+                    "option_content": "not to talk loudly"
+                  },
+                  "index": 4
+                }
+              ],
+              "exam_link_answer_data": [],
+              "reference_file_full_url": "",
+              "correct_multiple_index_set": [],
+              "hint": "Multiple choice.2",
+              "knowledge_id": ""
+            }
+          ],
+          "online_exam_name": "校招考试（仿真数据，勿调整）",
+          "remain_second": 59920,
+          "exam_description": "",
+          "applicant_simple_info": {
+            "applicant_id": "154",
+            "phone": "12345678905",
+            "applicant_name": "李老丹"
+          },
+          "user_answer_map": {
+            "13091": {
+              "answer_use_time": 0,
+              "scratch_answer_json": "",
+              "question_type": 0,
+              "code_file_oss_temp_path": "",
+              "multiple_index_set": [],
+              "single_index": 1,
+              "judge": false,
+              "question_id": 13091,
+              "is_correct": "0",
+              "gap_data": [],
+              "subjective_answer": "",
+              "oss_temp_url": ""
+            },
+            "13092": {
+              "answer_use_time": 0,
+              "scratch_answer_json": "",
+              "question_type": 0,
+              "code_file_oss_temp_path": "",
+              "multiple_index_set": [],
+              "single_index": 4,
+              "judge": false,
+              "question_id": 13092,
+              "is_correct": "1",
+              "gap_data": [],
+              "subjective_answer": "",
+              "oss_temp_url": ""
+            }
+          }
+        },
+        "error_code": 0,
+        "message": "success",
+        "tid": "8f4f6e7b2287471fbc22ff5a3f4182e5.1822.16892350452200069",
+        "ts": 1689235045453
+      }
+      let {question_list,user_answer_map} = res.data
+      responsiveObj.value.resData = res.data
+      parseQuestionListItem(question_list,user_answer_map)
+      //错题
+      errQuestionList = (fun.copyDeepObject(question_list) as Array<any>).filter((item:any)=>{
+        return item.answerMap && item.answerMap.is_correct === '0'
+      })
+      //全部题目
+      allQuestionList = (fun.copyDeepObject(question_list) as Array<any>)
+      responsiveObj.value.questionListMapper = {'1':allQuestionList,'2':errQuestionList}
+      responsiveObj.value.questionList = question_list
+    }
+
+
+    function parseQuestionListItem(question_list:Array<any>,answer_map:any,parentIndex:any = undefined){
+      question_list.forEach((item:any,index:number)=>{
+        item.questionComponent = questionMapper[item.question_type]
+        // item.questionIndex = index + 1
+        if(parentIndex === undefined){
+          item.questionIndex = index + 1
+        }else{
+          item.questionIndex = (parentIndex + 1) + '-' + (index + 1)
+          item.questionIndex2 = index + 1
+        }
+        if(answer_map && answer_map.hasOwnProperty(item.question_id)){
+          item.answerMap = answer_map[item.question_id]
+
+          //analysis页面特殊处理
+          if(item.answerMap.user_coding_file){
+            item.answerMap.oss_temp_url = item.answerMap.user_coding_file
+          }
+          //analysis页面特殊处理score字段为 answerMap.question_max_score
+          item.score = item.answerMap.question_max_score
+          //预览接口学生答案以user_开头，为适配考试的学生答案，做处理
+          let answerMapKeys = Object.keys(item.answerMap)
+          let reg = /^user_/ig
+          answerMapKeys.forEach((answerMapKeysItem)=>{
+            if(reg.test(answerMapKeysItem)){
+              let newProp = answerMapKeysItem.replace(reg,'')
+              item.answerMap[newProp] = item.answerMap[answerMapKeysItem]
+            }
+          })
+          // data.code_file_oss_temp_path
+        }else{
+          item.answerMap = null
+        }
+        let question_type = item.question_type
+        if(question_type == 3){
+          //判断题手动构造选项数组
+          item.exam_options_data = [
+            {
+              index:1,data:{
+                name:'正确'
+              }
+            },
+            {
+              index:2,data:{
+                name:'错误'
+              }
+            }
+          ]
+        }else{
+          if(item.exam_options_data && item.exam_options_data.length){
+            item.exam_options_data.forEach((subItem:any,subIndex:number)=>{
+              subItem.enIndex = fun.indexToEnIndex(subIndex+1)
+            })
+          }
+        }
+
+        //转化富文本
+        try{
+          item.htmlContent = $.json2html({}, JSON.parse(item.content));
+          if(item.analysis){
+            item.analysisHtmlContent = $.json2html({}, JSON.parse(item.analysis));
+          }else{
+            item.analysisHtmlContent = ''
+          }
+        }catch(e){
+          item.htmlContent = item.content
+          item.analysisHtmlContent = item.analysis
+          // console.log('json2html转化出错：', e);
+        }
+        //如果是阅读题要递归解析
+        if(item.sub_questions && item.sub_questions.length){
+          parseQuestionListItem(item.sub_questions,answer_map,index)
+        }
+      })
+    }
+
+    function quitQuestion(){
+      fun.postMessageByType('close')
+    }
+    return {
+      ...toRefs(data),
+      responsiveObj,
+      clickTab,
+      quitQuestion
+    }
+  }
+})
+</script>
+<style lang="scss" scoped>
+
+</style>

package/src/views/exam/Default.vue

@@ -0,0 +1,28 @@
+<template>
+  <router-view v-slot="{ Component }">
+    <keep-alive>
+      <component :is="Component"
+                 :key="Component"
+                 v-if="$route.meta.keepAlive"/>
+    </keep-alive>
+    <component :is="Component"
+               :key="Component"
+               v-if="!$route.meta.keepAlive"/>
+  </router-view>
+</template>
+
+<script lang="ts">
+
+import {defineComponent} from 'vue'
+export default defineComponent({
+  methods: {
+    goRouter(goWhere: string) {
+      this.$router.push({
+        name: goWhere,
+      });
+    }
+  },
+  components: {
+  }
+})
+</script>