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

src/views/exercise_questions/preview/TalkPictruePreview.vue

@@ -14,12 +14,20 @@
     ></div>
     <div class="content">
       <div v-for="(item, index) in data.option_list" :key="index" class="content-item">
-        <el-image
+        <!-- <el-image
           v-if="pic_list[item.picture_file_id]"
           style="width: 370px; height: 238px"
           :src="pic_list[item.picture_file_id]"
           fit="contain"
-        />
+        /> -->
+        <div class="img-box">
+          <img
+            v-if="pic_list[item.picture_file_id]"
+            :src="pic_list[item.picture_file_id]"
+            style="max-width: 370px; max-height: 238px"
+          />
+        </div>
+
         <div v-if="item.picture_info" class="content-box">
           <span class="option-number">{{ computeOptionMethods[data.option_number_show_mode](index) }} </span>
           <p class="pic-info rich-text" v-html="sanitizeHTML(item.picture_info)"></p>
@@ -122,6 +130,13 @@ export default {
     width: 100%;
     overflow: auto;
 
+    .img-box {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 238px;
+    }
+
     .pic-title {
       margin: 8px 0 4px;
       font-size: 12px;
@@ -180,6 +195,7 @@ export default {
 
   .content-box {
     display: flex;
+    justify-content: center;
     margin-top: 8px;
 
     .option-number {

src/views/exercise_questions/preview/WritePictruePreview.vue

@@ -14,12 +14,19 @@
     ></div>
     <div class="content">
       <div v-for="(item, index) in data.option_list" :key="index" class="content-item">
-        <el-image
+        <!-- <el-image
           v-if="pic_list[item.picture_file_id]"
           style="width: 370px; height: 238px"
           :src="pic_list[item.picture_file_id]"
           fit="contain"
-        />
+        /> -->
+        <div class="img-box">
+          <img
+            v-if="pic_list[item.picture_file_id]"
+            :src="pic_list[item.picture_file_id]"
+            style="max-width: 370px; max-height: 238px"
+          />
+        </div>
         <p class="pic-info rich-text" v-html="sanitizeHTML(item.picture_info)"></p>
       </div>
     </div>
@@ -153,6 +160,13 @@ export default {
     width: 100%;
     overflow: auto;
 
+    .img-box {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 238px;
+    }
+
     .pic-title {
       margin: 8px 0 4px;
       font-size: 12px;