Merge branch 'master' of http://60.205.254.193:3000/GCLS/eep_page

src/views/book/courseware/preview/components/character_structure/CharacterStructurePreview.vue

@@ -69,7 +69,7 @@
               animation="300"
               group="site"
               :disabled="items.is_example"
-              class="content-box"
+              class="content-box content-boxs"
               :move="onMove"
             >
               <transition-group>
@@ -80,7 +80,17 @@
                   :class="[items.is_example ? 'option_one_example' : classNameJudge(items)]"
                   :index="'form' + i"
                 >
-                  <img v-if="answer.img_url" :src="answer.img_url" alt="" />
+                  <img
+                    v-if="answer.img_url || answer.value"
+                    :src="
+                      answer.img_url
+                        ? answer.img_url
+                        : answer.type === 'local'
+                          ? require('@/assets/structure/' + answer.value)
+                          : answer.value
+                    "
+                    alt=""
+                  />
                 </div>
                 <div class="option_one" :key="row" v-if="data.Bookanswer[row].answerList.length == 0"></div>
               </transition-group>
@@ -205,6 +215,7 @@ export default {
       this.SortArr = JSON.parse(JSON.stringify(this.dragData));
     },
     handleData() {
+      this.single = [];
       this.data.structure_select_list.forEach((item) => {
         let items = this.data.file_list.find((p) => p.file_id === item.file_id);
         if (items) {
@@ -246,6 +257,10 @@ export default {
           });
         }
       });
+      this.data.structure_select_list.forEach((item, i) => {
+        item.id = i;
+        this.SortArr.push(item);
+      });
       if (!this.data.Bookanswer) {
         this.$set(this.data, 'Bookanswer', this.single);
       }
@@ -265,6 +280,11 @@ export default {
     }
   }
 
+  .content-boxs {
+    height: 80px;
+    overflow: hidden;
+  }
+
   .option {
     display: flex;
     flex-wrap: wrap;