@zykjcommon/questions 0.0.25 → 0.0.27

package/src/components/questions/Question_Classify.vue

@@ -64,8 +64,8 @@ export default {
     }
   },
   created() {
-    this.setRootFontSize()
-    window.addEventListener('resize',this.setRootFontSize)
+    // this.setRootFontSize()
+    // window.addEventListener('resize',this.setRootFontSize)
   },
   unmounted() {
     this.unmountedDo()
@@ -74,6 +74,8 @@ export default {
     this.unmountedDo()
   },
   mounted() {
+    this.setRootFontSize()
+    window.addEventListener('resize',this.setRootFontSize)
     this.init()
     this.$watch('optionList',(nv)=>{
       if(nv && nv.length){
@@ -88,6 +90,7 @@ export default {
   },
   data() {
     return {
+      animationing:false,
       analyCorrectAnswer:'',
       classify_question_info:{},
       answerMap:{},
@@ -167,34 +170,36 @@ export default {
     parseLists(nv){
       this.classify_question_info = nv.classify_question_info
       let exam_options_data = nv.exam_options_data
-      if(this.classify_question_info.background_file){
-        this.bigBgCss = `background: url(${this.classify_question_info.background_file.file_url}) no-repeat center;background-size: 100% 100%`
-      }
-      if(this.classify_question_info.bottom_img_file){
-        this.bottomBgCss = `background: url(${this.classify_question_info.bottom_img_file.file_url}) no-repeat center;background-size: 100% 100%`
-      }
-      let optionList = []
-      exam_options_data.forEach((item)=>{
-        optionList.push({
-          content:item.data.option_content,
-          bgUrlCss:`background: url(${item.data.file_url}) no-repeat center;background-size: 100% 100%`,
-          idx:item.index
+      if(this.classify_question_info){
+        if(this.classify_question_info.background_file){
+          this.bigBgCss = `background: url(${this.classify_question_info.background_file.file_url}) no-repeat center;background-size: 100% 100%`
+        }
+        if(this.classify_question_info.bottom_img_file){
+          this.bottomBgCss = `background: url(${this.classify_question_info.bottom_img_file.file_url}) no-repeat center;background-size: 100% 100%`
+        }
+        let optionList = []
+        exam_options_data.forEach((item)=>{
+          optionList.push({
+            content:item.data.option_content,
+            bgUrlCss:`background: url(${item.data.file_url}) no-repeat center;background-size: 100% 100%`,
+            idx:item.index
+          })
         })
-      })
-      this.optionList = optionList
-      this.listItemBgCss = !optionList[0]?'':optionList[0].bgUrlCss
+        this.optionList = optionList
+        this.listItemBgCss = !optionList[0]?'':optionList[0].bgUrlCss
 
-      let bigBoxItemList = []
-      let big_type_box_image_list = this.classify_question_info.big_type_box_image_list
-      let big_type_option_list = this.classify_question_info.big_type_option_list
-      big_type_box_image_list.forEach((item,index)=>{
-        bigBoxItemList.push({
-          imgUrl:big_type_option_list[index].file_url,
-          bgUrl:item.file_url,
-          bgUrlCss:`background: url(${item.file_url}) no-repeat center;background-size: 100% 100%`
+        let bigBoxItemList = []
+        let big_type_box_image_list = this.classify_question_info.big_type_box_image_list
+        let big_type_option_list = this.classify_question_info.big_type_option_list
+        big_type_box_image_list.forEach((item,index)=>{
+          bigBoxItemList.push({
+            imgUrl:big_type_option_list[index].file_url,
+            bgUrl:item.file_url,
+            bgUrlCss:`background: url(${item.file_url}) no-repeat center;background-size: 100% 100%`
+          })
         })
-      })
-      this.bigBoxItemList = bigBoxItemList
+        this.bigBoxItemList = bigBoxItemList
+      }
     },
     setRootFontSize() {
       // setRemFixedHeight(1000,140,1.08)
@@ -203,7 +208,6 @@ export default {
     unmountedDo(){
       window.removeEventListener('resize',this.setRootFontSize)
       document.removeEventListener('gesturestart', this.gesturestartListener)
-      this.$el
       $(this.$el).find('.question-classify .append-item').off(this.mousedown)
       $(this.$el).find('.question-classify .list-item').off(this.mousedown)
       $(document).off(this.mouseup)
@@ -268,7 +272,8 @@ export default {
         let idx = self.listItem.attr('idx')
         self.moveDiv = $(`<div class="question-classify-moveDiv" idx="${idx}" style="${self.listItemBgCss}"><div class="list-item-text">${self.listItem.find('.list-item-text').text()}</div></div>`)
         self.moveDiv.css({left:`${self.p1.moveX}px`,top:`${self.p1.moveY}px`})
-        $('body').append(self.moveDiv)
+        $(self.$el).append(self.moveDiv)
+        // $('body').append(self.moveDiv)
         $(document).on(self.mousemove,function(e2){
           // e2.preventDefault()
           e2.stopPropagation()
@@ -296,6 +301,7 @@ export default {
       let appendLeft = appendItem.offset().left
       let appendTop = appendItem.offset().top
       //transitionend事件会执行2次，所以使用标记避免
+      self.animationing = true
       self.moveDiv.css({
         transition:'all 0.5s',
         left:appendLeft,
@@ -308,6 +314,7 @@ export default {
           appendItem.css({opacity:1})
           self.answeredNotify()
           self.bindDragDomEvent(appendItem,options.op)
+          self.animationing = false
         }
         self.flag = true
       })
@@ -332,6 +339,9 @@ export default {
       }
       self.bindDragDomEvent($(this.$el).find('.question-classify .list-item'),'go')
       $(document).on(self.mouseup,function(e){
+        if(self.animationing){
+          return
+        }
         // e.preventDefault()
         if(self.dragWay === 'go'){
           $(document).off(self.mousemove)
@@ -389,8 +399,6 @@ export default {
 
             console.log(specArr.length);
           }
-
-
         }
       })
       self.bindNextPrevEvent('next')

package/src/components/questions/buildEntry.js

@@ -2,6 +2,7 @@
  * Created by Allen Liu on 2023/7/14.
  */
 //此文件作为打包入口，打包后的dist文件给vue3用
+import '../../assets/scss/questions/zykjcommon-questions.scss';
 import Question_SingleChoice from './Question_SingleChoice.vue'
 import Question_MultipleChoice from './Question_MultipleChoice.vue'
 import Question_Reading from './Question_Reading.vue'

package/src/main.ts

@@ -179,8 +179,9 @@ import ZYKJQuestionsPlugin from "@src/components/questions/developmentEntry.js"
 // import ZYKJQuestionsPlugin from "../dist/zykjcommon-questions.umd.min"
 // import ZYKJQuestionsPlugin from "@zykjcommon/questions"
 vueInstance.use((ZYKJQuestionsPlugin as any)(store))
+//import '@zykjcommon/questions/dist/zykjcommon-questions.css';
 // import '@zykjcommon/questions/src/assets/scss/questions/zykjcommon-questions.scss';
-import '@src/assets/scss/questions/zykjcommon-questions.scss';
+// import '@src/assets/scss/questions/zykjcommon-questions.scss';
 
 
 // console.log(ZYKJQuestionsPlugin,111);

package/src/views/exam/FullScreen.vue

@@ -117,6 +117,40 @@ export default defineComponent({
             "have_not_auto_check_question": false,
             "size": 23,
             "question_list": [
+              {
+                "question_type_str": "编程题",
+                "data_mode": 1,
+                "correct_judge": "",
+                "is_auto_check": "",
+                "content": "[{\"<>\":\"p\",\"text\":\"1、准备工作\"},{\"<>\":\"p\",\"text\":\" (1) 选择背景 Desert,Galaxy；\"},{\"<>\":\"p\",\"text\":\" (2) 选择角色 Rocketship。\"},{\"<>\":\"p\",\"text\":\" 2、功能实现\"},{\"<>\":\"p\",\"text\":\" (1)火箭初始造型为 rocketship-a,初始位置为舞台下端，初始背景为 Dessert；\"},{\"<>\":\"p\",\"text\":\" (2)点击绿旗，火箭垂直向上移动，一直移动到舞台顶端，并在移动过 程中切换造型；\"},{\"<>\":\"p\",\"text\":\" (3)当火箭达到舞台顶端时，背景切换为 Galaxy；\"},{\"<>\":\"p\",\"html\":[{\"<>\":\"span\",\"style\":\"\",\"text\":\" (4)火箭最后移到舞台下端的位置（初始位置），造型不限。\"}]},{\"<>\":\"p\",\"html\":[{\"<>\":\"span\",\"style\":\"\",\"html\":[{\"<>\":\"img\",\"src\":\"https://dev-resource.thedeer.cn/pre/resource-testing/image/3ae47ad6586554f0cd57b4858b800034qve9a1g4zs6twrc5.jpg\",\"width\":\"89\",\"height\":\"89\",\"base_src\":\"resource-testing/image/3ae47ad6586554f0cd57b4858b800034qve9a1g4zs6twrc5.jpg\"}]}]}]",
+                "correct_subjective_answer": "",
+                "auto_check": false,
+                "options_data": [],
+                "score": "30.00",
+                "sub_questions": [],
+                "style_type": "CODING",
+                "template_file_full_url": "https://dev-resource.thedeer.cn/pre/resource-testing/coding/d489ef8637c0198c9905b9628536ef875jsskgofnaulimvh.sb3",
+                "question_name": "1、准备工作 (1) 选择背景 Desert,Galaxy； (2) 选择角色 Rocketship。 2、功能实现 (1)火箭初始造型为 rocketship-a,初始位置为舞台下端，初始背景为 Dessert； (2)点击绿旗，火箭垂直向上移动，一直移动到舞台顶端，并在移动过 程中切换造型； (3)当火箭达到舞台顶端时，背景切换为 Galaxy； (4)火箭最后移到舞台下端的位置（初始位置），造型不限。",
+                "correct_rate": "",
+                "knowledge_name": "",
+                "page_location_list": [],
+                "code_type": 1,
+                "difficulty_level": "2",
+                "question_index": "",
+                "correct_single_index": 0,
+                "question_type": "16",
+                "media_resources": [],
+                "analysis": "",
+                "question_id": "12918",
+                "difficulty_level_str": "困难",
+                "update_date": "2023-05-13 10:09:59",
+                "exam_options_data": [],
+                "exam_link_answer_data": [],
+                "reference_file_full_url": "",
+                "correct_multiple_index_set": [],
+                "hint": "飞向太空",
+                "knowledge_id": ""
+              },
               {
                 "question_type_str": "分类题",
                 "is_need_judge": "",