Преглед на файлове

1.ai设计结果页,图片加载失败时有提示并且点击可以重新加载

armg преди 23 часа
родител
ревизия
344f5ad98b
променени са 1 файла, в които са добавени 8 реда и са изтрити 2 реда
  1. 8 2
      src/views/AIDesign/result.vue

+ 8 - 2
src/views/AIDesign/result.vue

@@ -31,11 +31,15 @@
           <div class="imgbox-b">
             <div class="image-wrapper" @click="imgClick(UserFilePathUrl)">
               <img :src="UserFilePathUrl" alt="房屋效果图" class="house-image" @error="handleImageError" />
-              <div @click.stop="reloadImage('userFile')"></div>
+              <div v-on="{
+                'click.stop': imgHasErr ? () => reloadImage('userFile') : () => {}
+              }"></div>
             </div>
             <div class="image-wrapper" @click="imgClick(imageUrl)">
               <img :src="imageUrlSmall" alt="房屋效果图" class="house-image" @error="handleImageError" />
-              <div @click.stop="reloadImage('imageSmall')"></div>
+              <div v-on="{
+                'click.stop': imgHasErr ? () => reloadImage('imageSmall') : () => {}
+              }"></div>
             </div>
           </div>
         </div>
@@ -231,12 +235,14 @@ export default class extends Vue {
       if (imgType === 'userFile') {
         if (that.allRes.F_UserFilePath) {
           that.UserFilePathUrl = that.allRes.BaseUrl + that.allRes.F_UserFilePath;
+          that.imgHasErr = false;
         }
       } else {
         let high_Definition_img = that.allRes.F_ResultFilePath || that.allRes.F_ResultlargeFilePath || that.allRes.F_ResultSmallFilePath;
         if (high_Definition_img) {
           that.imageUrl = that.allRes.BaseUrl + high_Definition_img;
           that.imageUrlSmall = that.allRes.BaseUrl + that.allRes.F_ResultSmallFilePath;
+          that.imgHasErr = false;
         }
       }
     }