修改问题

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

@@ -220,6 +220,7 @@ export default {
   .option-content {
     min-width: 110px;
     max-width: 110px;
+    word-break: break-word;
   }
 }
 

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

@@ -31,7 +31,7 @@
             <div class="item-right">
               <div class="item-rich">
                 <label class="">图片信息</label>
-                <RichText v-model="item.picture_info" placeholder="输入图片信息" />
+                <RichText v-model="item.picture_info" :fontSize="12" placeholder="输入图片信息" />
               </div>
               <div v-if="isEnable(data.property.is_enable_reference_answer)" class="item-rich">
                 <label class="">参考答案</label>
@@ -262,6 +262,10 @@ export default {
         line-height: 32px;
         color: #4e5969;
       }
+
+      :deep .rich-wrapper {
+        flex: 1;
+      }
     }
   }
 

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

@@ -27,12 +27,8 @@
             </div>
             <div class="item-right">
               <div class="item-rich">
-                <label class="">图片标题</label>
-                <RichText v-model="item.picture_title" placeholder="输入图片标题" />
-              </div>
-              <div class="item-rich">
                 <label class="">图片信息</label>
-                <RichText v-model="item.picture_info" placeholder="输入图片信息" />
+                <RichText v-model="item.picture_info" :fontSize="12" placeholder="输入图片信息" />
               </div>
             </div>
           </div>
@@ -267,6 +263,10 @@ export default {
         line-height: 32px;
         color: #4e5969;
       }
+
+      :deep .rich-wrapper {
+        flex: 1;
+      }
     }
   }
 }

src/views/exercise_questions/preview/WordCardPreview.vue

@@ -27,6 +27,20 @@
       <div class="words-right">
         <template v-for="(item, index) in option_list">
           <div v-if="index === active_index" :key="index" class="strock-box">
+            <div
+              v-if="item.audio_file_id"
+              class="pinyin-box"
+              :style="{
+                width:
+                  item.hz_strokes_list && item.hz_strokes_list.length < 6
+                    ? 96 * item.hz_strokes_list.length + 'px'
+                    : '576px',
+              }"
+            >
+              <div class="pinyin-inner">
+                <AudioPlay v-if="item.audio_file_id" :file-id="item.audio_file_id" theme-color="white" />
+              </div>
+            </div>
             <div v-if="item.hz_strokes_list && item.hz_strokes_list.length > 0" class="strock-left">
               <div v-for="(items, indexs) in item.hz_strokes_list" :key="indexs + '_' + index">
                 <span class="pinyin">{{
@@ -41,9 +55,6 @@
                   :class="['strock-chinese', indexs !== item.hz_strokes_list.length - 1 ? 'border-right-none' : '']"
                 />
               </div>
-              <div v-if="item.audio_file_id" class="pinyin-box">
-                <AudioPlay v-if="item.audio_file_id" :file-id="item.audio_file_id" theme-color="white" />
-              </div>
             </div>
           </div>
         </template>
@@ -235,14 +246,19 @@ export default {
 
   .pinyin-box {
     display: flex;
-    gap: 4px;
-    align-items: center;
-    width: max-content;
-    height: 36px;
-    padding: 4px 8px;
-    margin-left: 16px;
-    background: rgba(47, 111, 236, 100%);
-    border-radius: 40px;
+    justify-content: center;
+
+    .pinyin-inner {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      width: max-content;
+      height: 36px;
+      padding: 4px 8px;
+      margin-bottom: 16px;
+      background: rgba(47, 111, 236, 100%);
+      border-radius: 40px;
+    }
 
     :deep .audio-play {
       width: auto;

src/views/exercise_questions/preview/WritePictruePreview.vue

@@ -19,10 +19,7 @@
           style="width: 370px; height: 238px"
           :src="pic_list[item.picture_file_id]"
           fit="contain"
-          :class="[active_index !== index ? 'not-active' : '']"
-          @click="active_index = index"
         />
-        <h3 class="pic-title rich-text" v-html="sanitizeHTML(item.picture_title)"></h3>
         <p class="pic-info rich-text" v-html="sanitizeHTML(item.picture_info)"></p>
       </div>
     </div>
@@ -39,7 +36,7 @@
         show-word-limit
         :readonly="disabled"
         @input="handleInput"
-        :autosize="{ minRows: 12 }"
+        :autosize="{ minRows: 5 }"
       />
     </div>
     <template v-if="isEnable(data.property.is_enable_upload_accessory)">
@@ -99,6 +96,7 @@ export default {
     },
   },
   created() {
+    console.log(this.data);
     // this.handleData();
   },
   methods: {
@@ -113,14 +111,11 @@ export default {
         });
       });
       if (!this.isJudgingRightWrong) {
-        this.data.option_list.forEach((item) => {
-          let obj = {
-            mark: item.mark,
-            text: '',
-            accessory_file_id: [], // 上传文件列表
-          };
-          this.answer.answer_list.push(obj);
-        });
+        let obj = {
+          text: '',
+          accessory_file_id: [], // 上传文件列表
+        };
+        this.answer.answer_list.push(obj);
       }
     },
     changeImg(index) {
@@ -162,14 +157,6 @@ export default {
     width: 100%;
     overflow: auto;
 
-    .el-image {
-      cursor: pointer;
-
-      &.not-active {
-        opacity: 0.2;
-      }
-    }
-
     .pic-title {
       margin: 8px 0 4px;
       font-size: 12px;

src/views/exercise_questions/preview/WritePreview.vue

@@ -22,7 +22,7 @@
       show-word-limit
       :readonly="disabled"
       @input="handleInput"
-      :autosize="{ minRows: 3 }"
+      :autosize="{ minRows: 5 }"
     />
 
     <template v-if="isEnable(data.property.is_enable_upload_accessory)">