修改加载方式

src/views/exercise_questions/create/components/exercises/ChooseToneQuestion.vue

@@ -238,7 +238,7 @@ export default {
     },
     handleValue(valItem) {
       let numList = [];
-      if (/[A-Za-z]+\d/g.test(valItem)) {
+      if (/[A-Za-zü]+\d/g.test(valItem)) {
         valItem.split('').forEach((item, i) => {
           if (/\d/.test(item)) {
             let numIndex = numList.length === 0 ? 0 : numList[numList.length - 1].index;

src/views/exercise_questions/data/common.js

@@ -181,6 +181,7 @@ export const tone_data = [
   ['ī', 'í', 'ǐ', 'ì', 'i'],
   ['ū', 'ú', 'ǔ', 'ù', 'u'],
   ['ǖ', 'ǘ', 'ǚ', 'ǜ', 'ü'],
+  ['ǖ', 'ǘ', 'ǚ', 'ǜ', 'ü'],
   ['Ā', 'Á', 'Â', 'À', 'A'],
   ['Ō', 'Ó', 'Ô', 'Ò', 'O'],
   ['Ē', 'É', 'Ê', 'È', 'E'],
@@ -195,7 +196,7 @@ export const tone_data = [
  * @returns String
  */
 export function addTone(number, con) {
-  const zmList = ['a', 'o', 'e', 'i', 'u', 'v', 'A', 'O', 'E', 'I', 'U'];
+  const zmList = ['a', 'o', 'e', 'i', 'u', 'v', 'ü', 'A', 'O', 'E', 'I', 'U'];
   let cons = con;
   if (number) {
     for (let i = 0; i < zmList.length; i++) {
@@ -211,6 +212,9 @@ export function addTone(number, con) {
         } else if (/yv|jv|qv|xv/.test(con)) {
           zm2 = tone_data[4][number - 1];
           cons = con.replace('v', zm2);
+        } else if (/yü|jü|qü|xü/.test(con)) {
+          zm2 = tone_data[4][number - 1];
+          cons = con.replace('ü', zm2);
         } else {
           cons = con.replace(zm, zm2);
         }

src/views/exercise_questions/preview/ChinesePreview.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div class="chinese-preview">
+  <div class="chinese-preview" v-if="show_preview">
     <div class="stem">
       <span class="question-number">{{ data.property.question_number }}.</span>
       <span v-html="sanitizeHTML(data.stem)"></span>
@@ -9,7 +9,7 @@
 
     <!-- 笔画学习 -->
     <div :class="['words-box', 'words-box-' + data.property.learn_type]">
-      <div v-for="(item, index) in data.option_list" :key="index" :class="['words-item']">
+      <div v-for="(item, index) in option_list" :key="index" :class="['words-item']">
         <template v-if="item.content && item.content.trim() && item.hz_strokes_list[0].strokes">
           <div
             v-if="data.property.learn_type !== 'dictation'"
@@ -55,9 +55,9 @@
             >
               <SvgIcon icon-class="hanzi-writer-bg" class="character-target-bg" />
               <img
-                v-if="!play_status && items && items.strokes_image_url"
+                v-if="!play_status && items && items.strokes_image"
                 class="hanzi-writer-img"
-                :src="items.strokes_image_url"
+                :src="items.strokes_image"
                 alt=""
               />
             </div> -->
@@ -78,9 +78,9 @@
               >
                 <SvgIcon icon-class="hanzi-writer-bg" class="character-target-bg" />
                 <img
-                  v-if="!play_status && items && items.strokes_image_url"
+                  v-if="!play_status && items && items.strokes_image"
                   class="hanzi-writer-img"
-                  :src="items.strokes_image_url"
+                  :src="items.strokes_image"
                   alt=""
                 />
               </div>
@@ -99,9 +99,9 @@
               <div :class="['strockplay-newWord']" @click="freeWrite(itemc, index, indexc, item.mark)">
                 <SvgIcon icon-class="hanzi-writer-bg" class="character-target-bg" />
                 <img
-                  v-if="!play_status && itemc && itemc.strokes_image_url"
+                  v-if="!play_status && itemc && itemc.strokes_image"
                   class="hanzi-writer-img"
-                  :src="itemc.strokes_image_url"
+                  :src="itemc.strokes_image"
                   alt=""
                 />
               </div>
@@ -196,6 +196,8 @@ export default {
         '素',
       ],
       active_mark: '',
+      option_list: [],
+      show_preview: false,
     };
   },
   watch: {
@@ -206,21 +208,28 @@ export default {
         }
       },
       deep: true,
+      immediate: true,
+    },
+    data: {
+      handler(val, oldVal) {
+        if (!val || this.data.type !== 'chinese') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
     },
   },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   mounted() {},
   methods: {
     // 初始化数据
     handleData() {
       this.answer_list = [];
-      this.writer_number_yuan = Math.floor(
-        (document.getElementsByClassName('preview-content')[0].clientWidth - 128) / 64,
-      );
       this.writer_number = this.data.property.tian_number ? Number(this.data.property.tian_number) : 8;
-      this.data.option_list.forEach((item, index) => {
+      let option_list = JSON.parse(JSON.stringify(this.data.option_list));
+      option_list.forEach((item) => {
         let arr = [];
         if (this.data.property.learn_type === 'dictation') {
           item.pinyin_arr = [];
@@ -247,12 +256,19 @@ export default {
         };
         this.answer_list.push(obj);
       });
+      this.option_list = option_list;
+      this.show_preview = true;
+      if (document.getElementsByClassName('preview-content').length > 0) {
+        this.writer_number_yuan = Math.floor(
+          (document.getElementsByClassName('preview-content')[0].clientWidth - 128) / 64,
+        );
+      }
     },
     changePraShow() {
       this.if_free_show = false;
     },
     closeIfFreeShow(data, rowIndex, colIndex, mark) {
-      this.data.option_list[rowIndex].imgArr[colIndex] = data;
+      this.option_list[rowIndex].imgArr[colIndex] = data;
       this.if_free_show = false;
       this.freeWrite(data, rowIndex, colIndex, mark);
       this.$forceUpdate();
@@ -265,13 +281,13 @@ export default {
       if (this.data.property.learn_type === 'dictation') {
         this.current_hz = this.hz_data[index];
       } else {
-        this.current_hz = this.data.option_list[index].content;
+        this.current_hz = this.option_list[index].content;
       }
       this.current_hz_data = imgUrl;
     },
     // 删除记录
     deleteWriteRecord(rowIndex, colIndex, current_hz) {
-      this.$set(this.data.option_list[rowIndex].imgArr, colIndex, {});
+      this.$set(this.option_list[rowIndex].imgArr, colIndex, {});
       this.changeCurQue(null, colIndex, this.active_mark);
       this.current_hz_data = null;
       this.active_mark = '';

src/views/exercise_questions/preview/ChooseTonePreview.vue

@@ -108,8 +108,18 @@ export default {
       show_tips: false, // 是否显示答题提示
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'choose_tone') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   methods: {
     chooseTone(item, value, i) {

src/views/exercise_questions/preview/EssayQuestionPreview.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div class="essayquestion-preview">
+  <div class="essayquestion-preview" v-if="show_preview">
     <div class="stem">
       <span class="question-number">{{ data.property.question_number }}.</span>
       <span v-html="sanitizeHTML(data.stem)"></span>
@@ -8,7 +8,7 @@
     <div v-if="isEnable(data.property.is_enable_description)" class="description">{{ data.description }}</div>
 
     <el-input
-      v-model="answer.answer_list.value"
+      v-model="answer.answer_list[0].text"
       rows="12"
       resize="none"
       type="textarea"
@@ -17,12 +17,12 @@
       show-word-limit
       @input="handleInput"
     />
-    <SoundRecordPreview :wav-blob.sync="answer.answer_list.audio_file_id" />
+    <SoundRecordPreview :wav-blob.sync="answer.answer_list[0].audio_file_id" />
     <UploadFiles
       :fille-number="999"
       file-type-name="文件"
       :upload-type="'*'"
-      :file-id-list="answer.answer_list.accessory_file_id"
+      :file-id-list="answer.answer_list[0].accessory_file_id_list"
       upload-title="上传附件："
       @upload="handleUpload"
       @deleteFile="handleDelete"
@@ -48,24 +48,43 @@ export default {
   mixins: [PreviewMixin],
   data() {
     return {
-      answer: {
-        answer_list: {
-          audio_file_id: '',
-          value: '',
-          accessory_file_id: [],
-        },
-      },
+      show_preview: false,
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'essay_question') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {},
   methods: {
+    // 初始化数据
+    handleData() {
+      if (!this.isJudgingRightWrong) {
+        let obj = {
+          audio_file_id: '',
+          text: '',
+          accessory_file_id_list: [],
+        };
+        this.answer.answer_list.push(obj);
+      }
+      this.show_preview = true;
+    },
     // 文件上传成功
     handleUpload(fileId) {
-      this.answer.answer_list.accessory_file_id.push(fileId);
+      this.answer.answer_list[0].accessory_file_id_list.push(fileId);
     },
     // 删除文件
     handleDelete(fileId) {
-      this.answer.answer_list.accessory_file_id.splice(this.answer.answer_list.accessory_file_id.indexOf(fileId), 1);
+      this.answer.answer_list[0].accessory_file_id_list.splice(
+        this.answer.answer_list[0].accessory_file_id_list.indexOf(fileId),
+        1,
+      );
     },
     handleInput(value) {
       if (value.length >= 1000) {

src/views/exercise_questions/preview/RepeatPreview.vue

@@ -7,7 +7,7 @@
     </div>
     <div v-if="isEnable(data.property.is_enable_description)" class="description">{{ data.description }}</div>
     <div class="option-list">
-      <li v-for="(item, i) in answer_list" :key="i" :class="['option-item']">
+      <li v-for="(item, i) in answer.answer_list" :key="i" :class="['option-item']">
         <span>{{ computeOptionMethods[data.option_number_show_mode](i) }} </span>
         <AudioPlay v-if="data.option_list[i].audio_file_id" :file-id="data.option_list[i].audio_file_id" />
         <div
@@ -37,23 +37,33 @@ export default {
   data() {
     return {
       computeOptionMethods,
-      answer_list: [],
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'repeat') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   methods: {
     // 初始化数据
     handleData() {
-      this.answer_list = [];
-      this.data.option_list.forEach((item) => {
-        let obj = {
-          mark: item.mark,
-          audio_file_id: '',
-        };
-        this.answer_list.push(obj);
-      });
+      if (!this.isJudgingRightWrong) {
+        this.data.option_list.forEach((item) => {
+          let obj = {
+            mark: item.mark,
+            audio_file_id: '',
+          };
+          this.answer.answer_list.push(obj);
+        });
+      }
     },
   },
 };

src/views/exercise_questions/preview/ReplaceAnswerPreview.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div class="replace-preview">
+  <div class="replace-preview" v-if="show_preview">
     <div class="stem">
       <span class="question-number">{{ data.property.question_number }}.</span>
       <span v-html="sanitizeHTML(data.stem)"></span>
@@ -16,7 +16,7 @@
           <span class="select-item select-active">{{ active_content[i] }}</span>
           <ul :ref="'ui' + i" class="replace-ul" @scroll="handleScroll($event, i)">
             <li
-              :class="[answer.answer_list[0].select_mark[i] === items.mark ? 'active' : '']"
+              :class="[computedAnswerClass(i, items)]"
               v-for="(items, indexs) in item"
               :key="indexs"
               @click="handleClickItem(i, indexs)"
@@ -46,33 +46,39 @@ export default {
   data() {
     return {
       computeOptionMethods,
-      // answer: {
-      //   answer_list: [
-      //     {
-      //       audio_file_id: '',
-      //       mark_list: [],
-      //     },
-      //   ],
-      // },
       option_list: [],
       active_content: [],
+      show_preview: false,
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'replace_answer') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   mounted() {},
   methods: {
     // 初始化数据
     handleData() {
+      this.show_preview = true;
       this.option_list = [];
       this.active_content = [];
-      this.answer.answer_list = [
-        {
-          audio_file_id: '',
-          mark_list: [],
-        },
-      ];
+      if (!this.isJudgingRightWrong) {
+        this.answer.answer_list = [
+          {
+            audio_file_id: '',
+            mark_list: [],
+          },
+        ];
+      }
       let option_lists = [[], [], [], []];
       this.data.option_list.forEach((item) => {
         item.forEach((items, indexs) => {
@@ -103,6 +109,9 @@ export default {
       this.answer.answer_list[0].mark_list[i] = this.option_list[i][indexs].mark;
       this.$forceUpdate();
     },
+    computedAnswerClass(i, item) {
+      return this.answer.answer_list[0].mark_list[i] === item.mark ? 'active' : '';
+    },
   },
 };
 </script>

src/views/exercise_questions/preview/SortPreview.vue

@@ -134,6 +134,7 @@ export default {
     // 点击item
     handleClickItem(indexNode) {
       // 查看答案模式下需要禁用
+      if (this.isJudgingRightWrong) return;
       this.click_index_list.push(indexNode);
     },
     // 点击交换

src/views/exercise_questions/preview/TalkPictruePreview.vue

@@ -17,8 +17,8 @@
         <h3 class="pic-title" v-html="sanitizeHTML(item.picture_title)"></h3>
         <p class="pic-info" v-html="sanitizeHTML(item.picture_info)"></p>
         <!-- 语音作答 -->
-        <div v-if="isEnable(data.property.is_enable_voice_answer)" class="sound-box">
-          <SoundRecordPreview :wav-blob.sync="answer_list[index].audio_file_id" type="small" />
+        <div v-if="isEnable(data.property.is_enable_voice_answer) && answer.answer_list[index]" class="sound-box">
+          <SoundRecordPreview :wav-blob.sync="answer.answer_list[index].audio_file_id" type="small" />
         </div>
 
         <div v-if="isEnable(data.property.is_enable_reference_answer) && isShowRightAnswer" class="reference-box">
@@ -45,16 +45,24 @@ export default {
     return {
       pic_list: {},
       active_index: 0,
-      answer_list: [],
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'talk_picture') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   methods: {
     // 初始化数据
     handleData() {
-      this.answer_list = [];
       this.pic_list = {};
       this.active_index = 0;
       this.data.file_id_list.forEach((item) => {
@@ -62,13 +70,15 @@ export default {
           this.$set(this.pic_list, file_id, file_url);
         });
       });
-      this.data.option_list.forEach((item) => {
-        let obj = {
-          mark: item.mark,
-          audio_file_id: '',
-        };
-        this.answer_list.push(obj);
-      });
+      if (!this.isJudgingRightWrong) {
+        this.data.option_list.forEach((item) => {
+          let obj = {
+            mark: item.mark,
+            audio_file_id: '',
+          };
+          this.answer.answer_list.push(obj);
+        });
+      }
     },
     changeImg(index) {
       this.active_index = index;

src/views/exercise_questions/preview/WordCardPreview.vue

@@ -10,21 +10,25 @@
     <!-- 笔画学习 -->
     <div :class="['words-box']">
       <el-image
-        v-if="pic_list[data.option_list[active_index].picture_file_id]"
-        :src="pic_list[data.option_list[active_index].picture_file_id]"
+        v-if="
+          option_list[active_index] &&
+          option_list[active_index].picture_file_id &&
+          pic_list[option_list[active_index].picture_file_id]
+        "
+        :src="pic_list[option_list[active_index].picture_file_id]"
         fit="contain"
       />
       <div class="words-right">
         <div :class="['words-item']">
           <label
-            v-for="(item, index) in data.option_list"
+            v-for="(item, index) in option_list"
             :key="index"
             :class="[active_index === index ? 'active' : '']"
             @click="active_index = index"
             >{{ item.content }}</label
           >
         </div>
-        <template v-for="(item, index) in data.option_list">
+        <template v-for="(item, index) in option_list">
           <div class="strock-box" :key="index" v-if="index === active_index">
             <div class="strock-left" v-if="item.hz_strokes_list && item.hz_strokes_list.length > 0">
               <template v-for="(items, indexs) in item.hz_strokes_list">
@@ -49,23 +53,20 @@
           </div>
         </template>
         <el-divider></el-divider>
-        <div class="content-box">
-          <p
-            class="definition"
-            v-for="(itemd, indexd) in data.option_list[active_index].definition_preview"
-            :key="indexd"
-          >
+        <div class="content-box" v-if="option_list[active_index]">
+          <p class="definition" v-for="(itemd, indexd) in option_list[active_index].definition_preview" :key="indexd">
             {{ itemd }}
           </p>
           <span
             class="tips"
             v-if="
-              data.option_list[active_index].example_sentence[0].trim() ||
-              data.option_list[active_index].example_sentence[1].trim()
+              option_list[active_index].example_sentence &&
+              (option_list[active_index].example_sentence[0].trim() ||
+                option_list[active_index].example_sentence[1].trim())
             "
             >例句：</span
           >
-          <template v-for="(iteme, indexe) in data.option_list[active_index].example_sentence">
+          <template v-for="(iteme, indexe) in option_list[active_index].example_sentence">
             <p class="example-sentence" :key="indexe + iteme.trim()" v-if="iteme.trim()">
               <span>{{ computeOptionMethods[data.option_number_show_mode](indexe) }} </span>
               <span>{{ iteme }}</span>
@@ -73,8 +74,8 @@
           </template>
         </div>
         <el-divider></el-divider>
-        <div class="sound-box">
-          <SoundRecordPreview :wav-blob.sync="answer_list[active_index].audio_file_id" :type="'small'" />
+        <div class="sound-box" v-if="answer.answer_list[active_index]">
+          <SoundRecordPreview :wav-blob.sync="answer.answer_list[active_index].audio_file_id" :type="'small'" />
         </div>
       </div>
     </div>
@@ -97,56 +98,45 @@ export default {
       computeOptionMethods,
       hanzi_color: '#404040', // 描红汉字底色
       pic_list: {},
-      answer_list: [], // 用户答题数据
       active_index: 0,
+      option_list: [],
     };
   },
-  watch: {},
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'word_card') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   mounted() {},
   methods: {
     // 初始化数据
     handleData() {
-      this.answer_list = [];
       this.pic_list = {};
       this.data.file_id_list.forEach((item) => {
         GetFileStoreInfo({ file_id: item }).then(({ file_id, file_url }) => {
           this.$set(this.pic_list, file_id, file_url);
         });
       });
-      this.data.option_list.forEach((item) => {
+      let option_list = JSON.parse(JSON.stringify(this.data.option_list));
+      option_list.forEach((item) => {
         let obj = {
           mark: item.mark,
           audio_file_id: '',
         };
         item.definition_preview = item.definition.split('\n');
-        this.answer_list.push(obj);
-        // let content_arr = item.content.trim().split('');
-        // let content_arrs = [];
-        // let content_arr_strokes = [];
-        // content_arr.forEach((itemc) => {
-        //   if (itemc.trim()) {
-        //     content_arrs.push(itemc.trim());
-        //   }
-        // });
-        // content_arrs.forEach((itemc, indexc) => {
-        //   content_arr_strokes.push(null);
-        //   let MethodName = 'hz_resource_manager-GetHZStrokesContent';
-        //   let data = {
-        //     hz: itemc,
-        //   };
-        //   GetStaticResources(MethodName, data).then((res) => {
-        //     let obj = {
-        //       hz: itemc.trim(),
-        //       strokes: res,
-        //     };
-        //     content_arr_strokes[indexc] = obj;
-        //   });
-        // });
-        // item.content_arr_strokes = content_arr_strokes;
+        if (!this.isJudgingRightWrong) {
+          this.answer.answer_list.push(obj);
+        }
       });
+      this.option_list = option_list;
     },
   },
 };

src/views/exercise_questions/preview/WritePictruePreview.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div class="writepicture-preview">
+  <div class="writepicture-preview" v-if="show_preview">
     <div class="stem">
       <span class="question-number">{{ data.property.question_number }}.</span>
       <span v-html="sanitizeHTML(data.stem)"></span>
@@ -26,9 +26,9 @@
       </div>
     </div>
 
-    <div class="content-right" v-if="answer_list[active_index]">
+    <div class="content-right" v-if="answer.answer_list[active_index]">
       <el-input
-        v-model="answer_list[active_index].value"
+        v-model="answer.answer_list[active_index].value"
         rows="12"
         resize="none"
         type="textarea"
@@ -44,11 +44,11 @@
         :fille-number="999"
         file-type-name="文件"
         :upload-type="'*'"
-        :file-id-list="answer_list[active_index].accessory_file_id"
+        :file-id-list="answer.answer_list[active_index].accessory_file_id"
         upload-title="上传附件："
         @upload="handleUpload"
         @deleteFile="handleDelete"
-        v-if="answer_list[active_index]"
+        v-if="answer.answer_list[active_index]"
       />
     </template>
     <template v-if="isEnable(data.property.is_enable_sample_text) && isShowRightAnswer">
@@ -81,16 +81,26 @@ export default {
       show_sample_text: false,
       pic_list: {},
       active_index: 0,
-      answer_list: [],
+      show_preview: false,
     };
   },
+  watch: {
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'write_picture') return;
+        this.handleData();
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {
-    this.handleData();
+    // this.handleData();
   },
   methods: {
     // 初始化数据
     handleData() {
-      this.answer_list = [];
+      this.show_preview = true;
       this.pic_list = {};
       this.active_index = 0;
       this.data.file_id_list.forEach((item) => {
@@ -98,26 +108,28 @@ export default {
           this.$set(this.pic_list, file_id, file_url);
         });
       });
-      this.data.option_list.forEach((item) => {
-        let obj = {
-          mark: item.mark,
-          value: '',
-          accessory_file_id: [], // 上传文件列表
-        };
-        this.answer_list.push(obj);
-      });
+      if (!this.isJudgingRightWrong) {
+        this.data.option_list.forEach((item) => {
+          let obj = {
+            mark: item.mark,
+            value: '',
+            accessory_file_id: [], // 上传文件列表
+          };
+          this.answer.answer_list.push(obj);
+        });
+      }
     },
     changeImg(index) {
       this.active_index = index;
     },
     // 文件上传成功
     handleUpload(fileId) {
-      this.answer_list[this.active_index].accessory_file_id.push(fileId);
+      this.answer.answer_list[this.active_index].accessory_file_id.push(fileId);
     },
     // 删除文件
     handleDelete(fileId) {
-      this.answer_list[this.active_index].accessory_file_id.splice(
-        this.answer_list[this.active_index].accessory_file_id.indexOf(fileId),
+      this.answer.answer_list[this.active_index].accessory_file_id.splice(
+        this.answer.answer_list[this.active_index].accessory_file_id.indexOf(fileId),
         1,
       );
     },

src/views/exercise_questions/preview/WritePreview.vue

@@ -12,7 +12,7 @@
       v-html="sanitizeHTML(data.description)"
     ></div>
     <el-input
-      v-model="user_answer.text"
+      v-model="answer.user_answer.text"
       rows="3"
       type="textarea"
       placeholder="请输入内容"
@@ -27,7 +27,7 @@
         :fille-number="999"
         file-type-name="文件"
         :upload-type="'*'"
-        :file-id-list="user_answer.accessory_file_id"
+        :file-id-list="answer.user_answer.accessory_file_id"
         upload-title="上传附件："
         @upload="handleUpload"
         @deleteFile="handleDelete"
@@ -59,21 +59,37 @@ export default {
   data() {
     return {
       show_sample_text: false,
-      user_answer: {
-        text: '', // 用户文章
-        accessory_file_id: [], // 上传文件列表
-      },
     };
   },
+  watch: {
+    isJudgingRightWrong: {
+      handler(val) {
+        if (!val) {
+          this.answer.user_answer = {
+            text: '', // 用户文章
+            accessory_file_id: [], // 上传文件列表
+          };
+        }
+      },
+      immediate: true,
+    },
+    data: {
+      handler(val) {
+        if (!val || this.data.type !== 'write') return;
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   created() {},
   methods: {
     // 文件上传成功
     handleUpload(fileId) {
-      this.user_answer.accessory_file_id.push(fileId);
+      this.answer.user_answer.accessory_file_id.push(fileId);
     },
     // 删除文件
     handleDelete(fileId) {
-      this.user_answer.accessory_file_id.splice(this.user_answer.accessory_file_id.indexOf(fileId), 1);
+      this.answer.user_answer.accessory_file_id.splice(this.answer.user_answer.accessory_file_id.indexOf(fileId), 1);
     },
     handleInput(value) {
       if (value.length >= this.data.property.word_num) {

src/views/exercise_questions/preview/components/common/FreewriteLettle.vue

@@ -4,8 +4,8 @@
     <div class="right-content">
       <SvgIcon icon-class="hanzi-writer-bg" class="character-target-bg" />
       <div class="right-strockred">
-        <template v-if="!hasPlay && data && data.strokes_image_url">
-          <img class="img" :src="data.strokes_image_url" alt="" />
+        <template v-if="!hasPlay && data && data.strokes_image">
+          <img class="img" :src="data.strokes_image" alt="" />
         </template>
         <FreeWriteQP
           id="esign"
@@ -48,7 +48,7 @@ export default {
     currenHzData: {
       type: Object,
       default: () => ({
-        strokes_image_url: '',
+        strokes_image: '',
         history: [],
       }),
     },
@@ -89,7 +89,7 @@ export default {
     let color = _this.colorsList[_this.colorIndex];
     _this.hanzicolor = color;
     _this.hanziweight = 6;
-    if (_this.currenHzData && _this.currenHzData.strokes_image_url) {
+    if (_this.currenHzData && _this.currenHzData.strokes_image) {
       _this.imgOrCans = true;
     }
     _this.data = JSON.parse(JSON.stringify(_this.currenHzData));
@@ -155,7 +155,7 @@ export default {
       _this.imgOrCans = false;
       _this.$refs.esign.reset();
       if (_this.data) {
-        _this.data.strokes_image_url = '';
+        _this.data.strokes_image = '';
       }
       _this.$emit('deleteWriteRecord', _this.rowIndex, _this.colIndex, _this.currentHz);
       // this.removeImage();
@@ -184,12 +184,12 @@ export default {
         answer = {
           hz: this.currentHz,
           strokes_content: JSON.stringify(this.$refs.esign.history),
-          strokes_image_url: write_img,
+          strokes_image: write_img,
         };
         this.$emit('changeCurQue', answer, this.colIndex);
         let obj = {
           history: this.$refs.esign.history,
-          strokes_image_url: write_img,
+          strokes_image: write_img,
         };
         this.$emit('closeIfFreeShow', obj, this.rowIndex, this.colIndex);
         // this.$message.warning("请先书写在保存");
@@ -206,7 +206,7 @@ export default {
           answer = {
             hz: this.currentHz,
             strokes_content: JSON.stringify(this.$refs.esign.history),
-            strokes_image_url: write_img,
+            strokes_image: write_img,
           };
           this.$emit('changeCurQue', answer, this.colIndex);
 
@@ -214,7 +214,7 @@ export default {
           let obj = {
             hz_handwritten_record_id: res.hz_handwritten_record_id,
             history: this.$refs.esign.history,
-            strokes_image_url: write_img,
+            strokes_image: write_img,
           };
           this.$emit('closeIfFreeShow', obj, this.rowIndex, this.colIndex);
         })

src/views/exercise_questions/preview/components/common/Strockplayredline.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="strockplay-redInner">
+  <div class="strockplay-redInner" v-if="bookText">
     <div v-if="playStorkes" :class="['strock-play-box']" @click="playHanzi">
       <SvgIcon icon-class="hanzi-strock-play" class="strock-play-btn" />
     </div>