Selaa lähdekoodia

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

armg 23 tuntia sitten
vanhempi
commit
344f5ad98b
1 muutettua tiedostoa jossa 8 lisäystä ja 2 poistoa
  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;
         }
       }
     }