fix:预览图片修改

src/components/bankMsg/index.vue

@@ -26,7 +26,10 @@
                 <div class="divPy" v-html="imgExiz(its.content)"></div>
               </div>
             </div>
-            <div class="dis_flex" v-if="its.type !== 4 && its.type !== 5 && its.type !== 3">
+            <div
+              class="dis_flex"
+              v-if="its.type !== 4 && its.type !== 5 && its.type !== 3"
+            >
               <span class="span_sty">选项内容：</span>
               <div>
                 <ul>
@@ -36,16 +39,21 @@
                     style="margin-bottom: 10px"
                   >
                     {{ Gest(indexsxs + 1) }}：{{ itemsxs.content }}
-
-                    <el-image
-                      v-if="itemsxs.imgUrl"
-                      style="width: 24px; height: 24px; vertical-align: middle"
-                      :src="$methodsTools.splitImgHost(itemsxs.imgUrl)"
-                      :preview-src-list="[
-                        $methodsTools.splitImgHost(itemsxs.imgUrl),
-                      ]"
-                    >
-                    </el-image>
+                    <div style="margin: 10px 0px">
+                      <el-image
+                        v-if="itemsxs.imgUrl"
+                        style="
+                          max-width: 100%;
+                          max-height: 100%;
+                          vertical-align: middle;
+                        "
+                        :src="$methodsTools.splitImgHost(itemsxs.imgUrl)"
+                        :preview-src-list="[
+                          $methodsTools.splitImgHost(itemsxs.imgUrl),
+                        ]"
+                      >
+                      </el-image>
+                    </div>
                   </li>
                 </ul>
               </div>
@@ -71,7 +79,10 @@
         </div>
       </div>
     </div>
-    <div class="dis_flex" v-if="bankMsg.type !== 4 && bankMsg.type !== 5 && bankMsg.type !== 3">
+    <div
+      class="dis_flex"
+      v-if="bankMsg.type !== 4 && bankMsg.type !== 5 && bankMsg.type !== 3"
+    >
       <span class="span_sty">选项内容：</span>
       <div>
         <ul>
@@ -82,10 +93,14 @@
           >
             {{ Gest(indexs + 1) }}：{{ items.content }}
 
-            <div style="margin:10px 0px;">
+            <div style="margin: 10px 0px">
               <el-image
                 v-if="items.imgUrl"
-                style="max-width: 100%; max-height: 200px; vertical-align: middle"
+                style="
+                  max-width: 100%;
+                  max-height: 100%;
+                  vertical-align: middle;
+                "
                 :src="$methodsTools.splitImgHost(items.imgUrl)"
                 :preview-src-list="[$methodsTools.splitImgHost(items.imgUrl)]"
               >

src/components/testPaperPreview/index.vue

@@ -67,16 +67,21 @@
                     style="margin-bottom: 10px"
                   >
                     {{ Gest(indexs + 1) }}：{{ items.content }}
-
-                    <el-image
-                      v-if="items.imgUrl"
-                      style="width: 80px; height: 80px; vertical-align: middle"
-                      :src="$methodsTools.splitImgHost(items.imgUrl)"
-                      :preview-src-list="[
-                        $methodsTools.splitImgHost(items.imgUrl),
-                      ]"
-                    >
-                    </el-image>
+                    <div style="margin: 10px 0px">
+                      <el-image
+                        v-if="items.imgUrl"
+                        style="
+                          max-width: 100%;
+                          max-height: 100%;
+                          vertical-align: middle;
+                        "
+                        :src="$methodsTools.splitImgHost(items.imgUrl)"
+                        :preview-src-list="[
+                          $methodsTools.splitImgHost(items.imgUrl),
+                        ]"
+                      >
+                      </el-image>
+                    </div>
                   </li>
                 </ul>
                 <div v-else>
@@ -102,19 +107,23 @@
                           >
                             {{ Gest(indexsxs + 1) }}：{{ itemsxs.content }}
 
-                            <el-image
-                              v-if="itemsxs.imgUrl"
-                              style="
-                                width: 80px;
-                                height: 80px;
-                                vertical-align: middle;
-                              "
-                              :src="$methodsTools.splitImgHost(itemsxs.imgUrl)"
-                              :preview-src-list="[
-                                $methodsTools.splitImgHost(itemsxs.imgUrl),
-                              ]"
-                            >
-                            </el-image>
+                            <div style="margin: 10px 0px">
+                              <el-image
+                                v-if="itemsxs.imgUrl"
+                                style="
+                                  max-width: 100%;
+                                  max-height: 100%;
+                                  vertical-align: middle;
+                                "
+                                :src="
+                                  $methodsTools.splitImgHost(itemsxs.imgUrl)
+                                "
+                                :preview-src-list="[
+                                  $methodsTools.splitImgHost(itemsxs.imgUrl),
+                                ]"
+                              >
+                              </el-image>
+                            </div>
                           </li>
                         </ul>
                       </div>
@@ -256,17 +265,17 @@ export default {
       }
     },
     changeDatas(row) {
-      this.$parent.addClick(row,0,row.index,true)
+      this.$parent.addClick(row, 0, row.index, true);
     },
     clears() {
       this.diavos = false;
     },
-    changeUploadStatus(data){
-      let index = this.tableData.findIndex(item => {
-        return item.index === data.index
-      })
-      this.$set(this.tableData,index,data)
-      console.log(data)
+    changeUploadStatus(data) {
+      let index = this.tableData.findIndex((item) => {
+        return item.index === data.index;
+      });
+      this.$set(this.tableData, index, data);
+      console.log(data);
     },
     /**
      * 选项转换