npm - @zykjcommon/questions - Versions diffs - 0.0.21 → 0.0.23 - Mend

@zykjcommon/questions 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/zykjcommon-questions.common.js +147 -53
package/dist/zykjcommon-questions.umd.js +147 -53
package/dist/zykjcommon-questions.umd.min.js +3 -3
package/package.json +1 -1
package/src/assets/scss/questions/zykjcommon-questions.scss +17 -12
package/src/components/questions/Question_Classify.vue +119 -33
package/src/main.ts +5 -5
package/src/views/exam/FullScreen.vue +149 -101

package/dist/zykjcommon-questions.common.js CHANGED Viewed

@@ -16260,47 +16260,70 @@ var index = {
 const Question_Programming_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Programmingvue_type_script_lang_js, [['render',Question_Programmingvue_type_template_id_66006ba2_render]])
 /* harmony default export */ var Question_Programming = (Question_Programming_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=08b2b52d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=095794e2
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_1 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_1 = {
   class: "zykjcommon-question",
   style: {
     "width": "100%",
     "height": "100%"
   }
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_2 = {
-  class: "question-classify"
+const Question_Classifyvue_type_template_id_095794e2_hoisted_2 = {
+  class: "box"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createStaticVNode)("<div class=\"box\"><div class=\"box-item\"><div class=\"main-block\"></div><div class=\"main-content\"><div class=\"main-append\"></div></div></div><div class=\"box-item\"><div class=\"main-block\"></div><div class=\"main-content\"><div class=\"main-append\"></div></div></div></div>", 1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_4 = {
-  class: "list-outter"
+const Question_Classifyvue_type_template_id_095794e2_hoisted_3 = {
+  class: "main-block"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_4 = ["src"];
+const Question_Classifyvue_type_template_id_095794e2_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  class: "main-content"
+}, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  class: "main-append"
+})], -1);
+const Question_Classifyvue_type_template_id_095794e2_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev-main"
 })], -1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next-main"
 })], -1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_7 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_8 = {
   class: "list"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_8 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_9 = ["idx"];
+const Question_Classifyvue_type_template_id_095794e2_hoisted_10 = {
   class: "list-item-text"
 };
-function Question_Classifyvue_type_template_id_08b2b52d_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_2, [Question_Classifyvue_type_template_id_08b2b52d_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_4, [Question_Classifyvue_type_template_id_08b2b52d_hoisted_5, Question_Classifyvue_type_template_id_08b2b52d_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_7, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.list, (item, index) => {
+function Question_Classifyvue_type_template_id_095794e2_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "question-classify",
+    style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bigBgCss)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.bigBoxItemList, (item, index) => {
+    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      class: "box-item",
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
+      key: index
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
+      src: item.imgUrl,
+      alt: ""
+    }, null, 8, Question_Classifyvue_type_template_id_095794e2_hoisted_4)]), Question_Classifyvue_type_template_id_095794e2_hoisted_5], 4);
+  }), 128))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "list-outter",
+    style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bottomBgCss)
+  }, [Question_Classifyvue_type_template_id_095794e2_hoisted_6, Question_Classifyvue_type_template_id_095794e2_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_8, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.optionList, (item, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       class: "list-item",
+      idx: index + 1,
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
       key: index
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.name), 1)]);
-  }), 128))])])])]);
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.content), 1)], 12, Question_Classifyvue_type_template_id_095794e2_hoisted_9);
+  }), 128))])], 4)], 4)]);
 }
-;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=08b2b52d
+;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=095794e2
 ;// CONCATENATED MODULE: ./src/assets/js/rem.js
 /**
@@ -16366,6 +16389,14 @@ let env = js_fun.getDeviceEnv();
     mode: {
       type: String,
       default: 'exam'
+    },
+    screenRepairH: {
+      type: Number,
+      default: 0
+    },
+    screenScale: {
+      type: Number,
+      default: 0
     }
   },
   created() {
@@ -16380,39 +16411,31 @@ let env = js_fun.getDeviceEnv();
   },
   mounted() {
     this.init();
-    this.$watch('list', nv => {
+    this.$watch('optionList', nv => {
       if (nv && nv.length) {
         this.$nextTick(() => {
           this.dothings();
         });
       }
+    }, {
+      immediate: true,
+      deep: true
     });
-    setTimeout(() => {
-      this.list = [{
-        name: '每年春夏秋冬季节变化'
-      }, {
-        name: '音乐播放10次'
-      }, {
-        name: '把10个梨子放进篮子'
-      }, {
-        name: '音乐播放9次'
-      }, {
-        name: '把9个梨子放进篮子'
-      }, {
-        name: '音乐播放8次'
-      }, {
-        name: '把8个梨子放进篮子'
-      }, {
-        name: '音乐播放6次'
-      }];
-    }, 500);
+    // setTimeout(()=>{
+    //   this.optionList = [{name:'每年春夏秋冬季节变化'},{name:'音乐播放10次'},{name:'把10个梨子放进篮子'},{name:'音乐播放9次'},{name:'把9个梨子放进篮子'},{name:'音乐播放8次'},{name:'把8个梨子放进篮子'},{name:'音乐播放6次'}]
+    // },500)
   },
   data() {
     return {
       analyCorrectAnswer: '',
-      exam_options_data: [],
+      classify_question_info: {},
       answerMap: {},
-      list: [],
+      optionList: [],
+      bigBoxItemList: [],
+      bigBgCss: '',
+      bottomBgCss: '',
+      listItemBgCss: '',
       env,
       p1: {},
       //存mousedown相关
@@ -16430,17 +16453,86 @@ let env = js_fun.getDeviceEnv();
     };
   },
-  watch: {},
+  watch: {
+    questionInfo: {
+      handler(nv, ov) {
+        let self = this;
+        if (nv) {
+          console.log(nv, 33);
+          this.parseLists(nv);
+          //回显答案
+          if (nv.answerMap) {
+            if (this.mode === 'analysis') {}
+            // this.$emit('optionChange', {orderIndex:this.orderIndex,isAnswered:this.isAnswered()})
+          }
+        }
+      },
+      immediate: true
+    }
+  },
   computed: {},
   methods: {
+    getAnswer() {
+      let result = [];
+      $(this.$el).find('.box-item').each(function (index, item) {
+        let cur = $(this);
+        let small_type_index_list = [];
+        cur.find('.append-item').each((subIndex, subItem) => {
+          small_type_index_list.push(Number($(subItem).attr('idx')));
+        });
+        result.push({
+          big_type_index: index + 1,
+          small_type_index_list
+        });
+      });
+      return result;
+    },
+    isAnswered() {
+      let len = $(this.$el).find('.list .list-item').length;
+      let answerd = len === 0;
+      return answerd;
+    },
+    isCorrect() {
+      let correct = this.questionInfo.answerMap.is_correct === '1' ? true : false;
+      return correct;
+    },
+    parseLists(nv) {
+      this.classify_question_info = nv.classify_question_info;
+      this.answerMap = nv.answerMap;
+      this.bigBgCss = `background: url(${this.classify_question_info.background_file.file_url}) no-repeat center;background-size: 100% 100%`;
+      this.bottomBgCss = `background: url(${this.classify_question_info.bottom_img_file.file_url}) no-repeat center;background-size: 100% 100%`;
+      let optionList = [];
+      this.classify_question_info.small_type_option_list.forEach(item => {
+        optionList.push({
+          content: item.option_content,
+          bgUrlCss: `background: url(${item.file_url}) no-repeat center;background-size: 100% 100%`
+        });
+      });
+      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%`
+        });
+      });
+      this.bigBoxItemList = bigBoxItemList;
+    },
     setRootFontSize() {
-      setRemFixedHeight(1000, 140, 1.08);
+      // setRemFixedHeight(1000,140,1.08)
+      setRemFixedHeight(1000, this.screenRepairH, this.screenScale);
     },
     unmountedDo() {
       window.removeEventListener('resize', this.setRootFontSize);
       document.removeEventListener('gesturestart', this.gesturestartListener);
-      $('.question-classify .append-item').off(this.mousedown);
-      $('.question-classify .list-item').off(this.mousedown);
+      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);
       let html = document.getElementsByTagName("html")[0];
       html.style.fontSize = "";
@@ -16461,7 +16553,7 @@ let env = js_fun.getDeviceEnv();
       let moveDivLeftEnd = moveDivLeft + self.moveDiv.width();
       let moveDivTop = self.moveDiv.offset().top;
       let moveDivTopEnd = moveDivTop + self.moveDiv.height();
-      $('.box-item').each((index, item) => {
+      $(this.$el).find('.box-item').each((index, item) => {
         let boxItem = $(item);
         let boxLeft = boxItem.offset().left;
         let boxLeftEnd = boxLeft + boxItem.width();
@@ -16490,8 +16582,8 @@ let env = js_fun.getDeviceEnv();
         self.listItem.addClass('drag');
         self.p1.moveX = self.listItem.offset().left;
         self.p1.moveY = self.listItem.offset().top - 30;
-        console.log(this.p1);
-        self.moveDiv = $(`<div class="question-classify-moveDiv"><div class="list-item-text">${self.listItem.find('.list-item-text').text()}</div></div>`);
+        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`
@@ -16514,7 +16606,8 @@ let env = js_fun.getDeviceEnv();
     appendMoveDiv(options) {
       let self = this;
       self.listItem.remove();
-      let appendItem = $(`<div class="${options.appendItemClassName}"><div class="list-item-text">${self.moveDiv.find('.list-item-text').text()}</div></div>`);
+      let idx = self.moveDiv.attr('idx');
+      let appendItem = $(`<div class="${options.appendItemClassName}" idx="${idx}" style="${self.listItemBgCss}"><div class="list-item-text">${self.moveDiv.find('.list-item-text').text()}</div></div>`);
       appendItem.css({
         opacity: 0
       });
@@ -16541,22 +16634,23 @@ let env = js_fun.getDeviceEnv();
       });
     },
     bindNextPrevEvent(type) {
-      $(`.question-classify .${type}`).on('click', function (e) {
+      let self = this;
+      $(this.$el).find(`.question-classify .${type}`).on('click', function (e) {
         e.stopPropagation();
         e.preventDefault();
-        let listItem = $('.question-classify .list-item');
-        let list = $('.question-classify .list');
+        let listItem = $(self.$el).find('.question-classify .list-item');
+        let list = $(self.$el).find('.question-classify .list');
         let w = listItem.outerWidth() * (type === 'next' ? 1 : -1);
         let scrollLeft = list.scrollLeft();
         console.log(scrollLeft);
-        $('.question-classify .list').stop(true).animate({
+        $(self.$el).find('.question-classify .list').stop(true).animate({
           scrollLeft: scrollLeft + w
         }, 500);
       });
     },
     dothings() {
       let self = this;
-      self.bindDragDomEvent($('.question-classify .list-item'), 'go');
+      self.bindDragDomEvent($(this.$el).find('.question-classify .list-item'), 'go');
       $(document).on(self.mouseup, function (e) {
         // e.preventDefault()
         if (self.dragWay === 'go') {
@@ -16588,7 +16682,7 @@ let env = js_fun.getDeviceEnv();
             //0说明都不在两个框内 1说明在其中一个框内
             if (specArr.length === 0) {
               self.appendMoveDiv({
-                targetList: $('.question-classify .list'),
+                targetList: $(self.$el).find('.question-classify .list'),
                 appendItemClassName: 'list-item',
                 op: 'go',
                 scrollDirection: 'scrollLeft'
@@ -16630,7 +16724,7 @@ let env = js_fun.getDeviceEnv();
 ;
-const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_08b2b52d_render]])
+const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_095794e2_render]])
 /* harmony default export */ var Question_Classify = (Question_Classify_exports_);
 ;// CONCATENATED MODULE: ./src/components/questions/const.js

package/dist/zykjcommon-questions.umd.js CHANGED Viewed

@@ -16270,47 +16270,70 @@ var index = {
 const Question_Programming_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Programmingvue_type_script_lang_js, [['render',Question_Programmingvue_type_template_id_66006ba2_render]])
 /* harmony default export */ var Question_Programming = (Question_Programming_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=08b2b52d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=095794e2
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_1 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_1 = {
   class: "zykjcommon-question",
   style: {
     "width": "100%",
     "height": "100%"
   }
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_2 = {
-  class: "question-classify"
+const Question_Classifyvue_type_template_id_095794e2_hoisted_2 = {
+  class: "box"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createStaticVNode)("<div class=\"box\"><div class=\"box-item\"><div class=\"main-block\"></div><div class=\"main-content\"><div class=\"main-append\"></div></div></div><div class=\"box-item\"><div class=\"main-block\"></div><div class=\"main-content\"><div class=\"main-append\"></div></div></div></div>", 1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_4 = {
-  class: "list-outter"
+const Question_Classifyvue_type_template_id_095794e2_hoisted_3 = {
+  class: "main-block"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_4 = ["src"];
+const Question_Classifyvue_type_template_id_095794e2_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  class: "main-content"
+}, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  class: "main-append"
+})], -1);
+const Question_Classifyvue_type_template_id_095794e2_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev-main"
 })], -1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next-main"
 })], -1);
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_7 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_8 = {
   class: "list"
 };
-const Question_Classifyvue_type_template_id_08b2b52d_hoisted_8 = {
+const Question_Classifyvue_type_template_id_095794e2_hoisted_9 = ["idx"];
+const Question_Classifyvue_type_template_id_095794e2_hoisted_10 = {
   class: "list-item-text"
 };
-function Question_Classifyvue_type_template_id_08b2b52d_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_2, [Question_Classifyvue_type_template_id_08b2b52d_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_4, [Question_Classifyvue_type_template_id_08b2b52d_hoisted_5, Question_Classifyvue_type_template_id_08b2b52d_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_7, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.list, (item, index) => {
+function Question_Classifyvue_type_template_id_095794e2_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "question-classify",
+    style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bigBgCss)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.bigBoxItemList, (item, index) => {
+    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      class: "box-item",
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
+      key: index
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
+      src: item.imgUrl,
+      alt: ""
+    }, null, 8, Question_Classifyvue_type_template_id_095794e2_hoisted_4)]), Question_Classifyvue_type_template_id_095794e2_hoisted_5], 4);
+  }), 128))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "list-outter",
+    style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bottomBgCss)
+  }, [Question_Classifyvue_type_template_id_095794e2_hoisted_6, Question_Classifyvue_type_template_id_095794e2_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_8, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.optionList, (item, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       class: "list-item",
+      idx: index + 1,
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
       key: index
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_08b2b52d_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.name), 1)]);
-  }), 128))])])])]);
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_095794e2_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.content), 1)], 12, Question_Classifyvue_type_template_id_095794e2_hoisted_9);
+  }), 128))])], 4)], 4)]);
 }
-;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=08b2b52d
+;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=095794e2
 ;// CONCATENATED MODULE: ./src/assets/js/rem.js
 /**
@@ -16376,6 +16399,14 @@ let env = js_fun.getDeviceEnv();
     mode: {
       type: String,
       default: 'exam'
+    },
+    screenRepairH: {
+      type: Number,
+      default: 0
+    },
+    screenScale: {
+      type: Number,
+      default: 0
     }
   },
   created() {
@@ -16390,39 +16421,31 @@ let env = js_fun.getDeviceEnv();
   },
   mounted() {
     this.init();
-    this.$watch('list', nv => {
+    this.$watch('optionList', nv => {
       if (nv && nv.length) {
         this.$nextTick(() => {
           this.dothings();
         });
       }
+    }, {
+      immediate: true,
+      deep: true
     });
-    setTimeout(() => {
-      this.list = [{
-        name: '每年春夏秋冬季节变化'
-      }, {
-        name: '音乐播放10次'
-      }, {
-        name: '把10个梨子放进篮子'
-      }, {
-        name: '音乐播放9次'
-      }, {
-        name: '把9个梨子放进篮子'
-      }, {
-        name: '音乐播放8次'
-      }, {
-        name: '把8个梨子放进篮子'
-      }, {
-        name: '音乐播放6次'
-      }];
-    }, 500);
+    // setTimeout(()=>{
+    //   this.optionList = [{name:'每年春夏秋冬季节变化'},{name:'音乐播放10次'},{name:'把10个梨子放进篮子'},{name:'音乐播放9次'},{name:'把9个梨子放进篮子'},{name:'音乐播放8次'},{name:'把8个梨子放进篮子'},{name:'音乐播放6次'}]
+    // },500)
   },
   data() {
     return {
       analyCorrectAnswer: '',
-      exam_options_data: [],
+      classify_question_info: {},
       answerMap: {},
-      list: [],
+      optionList: [],
+      bigBoxItemList: [],
+      bigBgCss: '',
+      bottomBgCss: '',
+      listItemBgCss: '',
       env,
       p1: {},
       //存mousedown相关
@@ -16440,17 +16463,86 @@ let env = js_fun.getDeviceEnv();
     };
   },
-  watch: {},
+  watch: {
+    questionInfo: {
+      handler(nv, ov) {
+        let self = this;
+        if (nv) {
+          console.log(nv, 33);
+          this.parseLists(nv);
+          //回显答案
+          if (nv.answerMap) {
+            if (this.mode === 'analysis') {}
+            // this.$emit('optionChange', {orderIndex:this.orderIndex,isAnswered:this.isAnswered()})
+          }
+        }
+      },
+      immediate: true
+    }
+  },
   computed: {},
   methods: {
+    getAnswer() {
+      let result = [];
+      $(this.$el).find('.box-item').each(function (index, item) {
+        let cur = $(this);
+        let small_type_index_list = [];
+        cur.find('.append-item').each((subIndex, subItem) => {
+          small_type_index_list.push(Number($(subItem).attr('idx')));
+        });
+        result.push({
+          big_type_index: index + 1,
+          small_type_index_list
+        });
+      });
+      return result;
+    },
+    isAnswered() {
+      let len = $(this.$el).find('.list .list-item').length;
+      let answerd = len === 0;
+      return answerd;
+    },
+    isCorrect() {
+      let correct = this.questionInfo.answerMap.is_correct === '1' ? true : false;
+      return correct;
+    },
+    parseLists(nv) {
+      this.classify_question_info = nv.classify_question_info;
+      this.answerMap = nv.answerMap;
+      this.bigBgCss = `background: url(${this.classify_question_info.background_file.file_url}) no-repeat center;background-size: 100% 100%`;
+      this.bottomBgCss = `background: url(${this.classify_question_info.bottom_img_file.file_url}) no-repeat center;background-size: 100% 100%`;
+      let optionList = [];
+      this.classify_question_info.small_type_option_list.forEach(item => {
+        optionList.push({
+          content: item.option_content,
+          bgUrlCss: `background: url(${item.file_url}) no-repeat center;background-size: 100% 100%`
+        });
+      });
+      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%`
+        });
+      });
+      this.bigBoxItemList = bigBoxItemList;
+    },
     setRootFontSize() {
-      setRemFixedHeight(1000, 140, 1.08);
+      // setRemFixedHeight(1000,140,1.08)
+      setRemFixedHeight(1000, this.screenRepairH, this.screenScale);
     },
     unmountedDo() {
       window.removeEventListener('resize', this.setRootFontSize);
       document.removeEventListener('gesturestart', this.gesturestartListener);
-      $('.question-classify .append-item').off(this.mousedown);
-      $('.question-classify .list-item').off(this.mousedown);
+      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);
       let html = document.getElementsByTagName("html")[0];
       html.style.fontSize = "";
@@ -16471,7 +16563,7 @@ let env = js_fun.getDeviceEnv();
       let moveDivLeftEnd = moveDivLeft + self.moveDiv.width();
       let moveDivTop = self.moveDiv.offset().top;
       let moveDivTopEnd = moveDivTop + self.moveDiv.height();
-      $('.box-item').each((index, item) => {
+      $(this.$el).find('.box-item').each((index, item) => {
         let boxItem = $(item);
         let boxLeft = boxItem.offset().left;
         let boxLeftEnd = boxLeft + boxItem.width();
@@ -16500,8 +16592,8 @@ let env = js_fun.getDeviceEnv();
         self.listItem.addClass('drag');
         self.p1.moveX = self.listItem.offset().left;
         self.p1.moveY = self.listItem.offset().top - 30;
-        console.log(this.p1);
-        self.moveDiv = $(`<div class="question-classify-moveDiv"><div class="list-item-text">${self.listItem.find('.list-item-text').text()}</div></div>`);
+        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`
@@ -16524,7 +16616,8 @@ let env = js_fun.getDeviceEnv();
     appendMoveDiv(options) {
       let self = this;
       self.listItem.remove();
-      let appendItem = $(`<div class="${options.appendItemClassName}"><div class="list-item-text">${self.moveDiv.find('.list-item-text').text()}</div></div>`);
+      let idx = self.moveDiv.attr('idx');
+      let appendItem = $(`<div class="${options.appendItemClassName}" idx="${idx}" style="${self.listItemBgCss}"><div class="list-item-text">${self.moveDiv.find('.list-item-text').text()}</div></div>`);
       appendItem.css({
         opacity: 0
       });
@@ -16551,22 +16644,23 @@ let env = js_fun.getDeviceEnv();
       });
     },
     bindNextPrevEvent(type) {
-      $(`.question-classify .${type}`).on('click', function (e) {
+      let self = this;
+      $(this.$el).find(`.question-classify .${type}`).on('click', function (e) {
         e.stopPropagation();
         e.preventDefault();
-        let listItem = $('.question-classify .list-item');
-        let list = $('.question-classify .list');
+        let listItem = $(self.$el).find('.question-classify .list-item');
+        let list = $(self.$el).find('.question-classify .list');
         let w = listItem.outerWidth() * (type === 'next' ? 1 : -1);
         let scrollLeft = list.scrollLeft();
         console.log(scrollLeft);
-        $('.question-classify .list').stop(true).animate({
+        $(self.$el).find('.question-classify .list').stop(true).animate({
           scrollLeft: scrollLeft + w
         }, 500);
       });
     },
     dothings() {
       let self = this;
-      self.bindDragDomEvent($('.question-classify .list-item'), 'go');
+      self.bindDragDomEvent($(this.$el).find('.question-classify .list-item'), 'go');
       $(document).on(self.mouseup, function (e) {
         // e.preventDefault()
         if (self.dragWay === 'go') {
@@ -16598,7 +16692,7 @@ let env = js_fun.getDeviceEnv();
             //0说明都不在两个框内 1说明在其中一个框内
             if (specArr.length === 0) {
               self.appendMoveDiv({
-                targetList: $('.question-classify .list'),
+                targetList: $(self.$el).find('.question-classify .list'),
                 appendItemClassName: 'list-item',
                 op: 'go',
                 scrollDirection: 'scrollLeft'
@@ -16640,7 +16734,7 @@ let env = js_fun.getDeviceEnv();
 ;
-const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_08b2b52d_render]])
+const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_095794e2_render]])
 /* harmony default export */ var Question_Classify = (Question_Classify_exports_);
 ;// CONCATENATED MODULE: ./src/components/questions/const.js