看图写作

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

@@ -39,20 +39,21 @@
               </div>
             </div>
           </div>
-          <template v-if="isEnable(data.property.is_enable_description)">
-            <label class="title-little">题目要求：</label>
-            <el-input v-model="item.description" rows="3" resize="none" type="textarea" placeholder="输入题目要求" />
-          </template>
-          <label class="title-little">阅读材料：</label>
-          <RichText v-model="item.article" placeholder="输入阅读材料" />
-          <template v-if="isEnable(data.property.is_enable_sample_text)">
-            <el-divider class="write-divider" />
-            <label class="title-little">范文：</label>
-            <RichText v-model="item.sample_text" placeholder="输入范文" :wordlimit-num="5000" />
-            <p class="tips">多篇范文之间使用分割线（---）</p>
-          </template>
         </div>
         <UploadDrag @fileUploadSuccess="fileUploadSuccess" :limit="999" ref="uploadDrag"></UploadDrag>
+
+        <template v-if="isEnable(data.property.is_enable_description)">
+          <label class="title-little">题目要求：</label>
+          <el-input v-model="data.description" rows="3" resize="none" type="textarea" placeholder="输入题目要求" />
+        </template>
+        <label class="title-little">阅读材料：</label>
+        <RichText v-model="data.article" placeholder="输入阅读材料" />
+        <template v-if="isEnable(data.property.is_enable_sample_text)">
+          <el-divider class="write-divider" />
+          <label class="title-little">范文：</label>
+          <RichText v-model="data.sample_text" placeholder="输入范文" :wordlimit-num="5000" />
+          <p class="tips">多篇范文之间使用分割线（---）</p>
+        </template>
       </div>
     </template>
 

src/views/exercise_questions/data/writePicture.js

@@ -7,14 +7,14 @@ export function getOption() {
     reference_answer: '',
     picture_file_id: '',
     mark: getRandomNumber(),
-    description: '',
-    article: '',
-    sample_text: '',
   };
 }
 export const writePictrueData = {
   type: 'write_picture', // 题型
   stem: '', // 题干
+  description: '',
+  article: '',
+  sample_text: '',
   option_list: [], // 选项
   file_id_list: [],
   answer: { score: 0, score_type: scoreTypeList[0].value }, // 答案

src/views/exercise_questions/preview/WritePictruePreview.vue

@@ -5,9 +5,9 @@
       <span class="question-number">{{ data.property.question_number }}.</span>
       <span v-html="sanitizeHTML(data.stem)"></span>
     </div>
-    <div class="article-content" v-html="sanitizeHTML(data.option_list[active_index].article)"></div>
+    <div class="article-content" v-html="sanitizeHTML(data.article)"></div>
     <div v-if="isEnable(data.property.is_enable_description)" class="description">
-      {{ data.option_list[active_index].description }}
+      {{ data.description }}
     </div>
     <div class="content">
       <div class="content-left">
@@ -64,11 +64,7 @@
           >{{ show_sample_text ? '隐藏范文' : '查看范文' }}</span
         ></el-divider
       >
-      <div
-        v-if="show_sample_text"
-        class="article-content"
-        v-html="sanitizeHTML(answer_list[active_index].sample_text)"
-      ></div>
+      <div v-if="show_sample_text" class="article-content" v-html="sanitizeHTML(data.sample_text)"></div>
     </template>
   </div>
 </template>