Kaynağa Gözat

图片放大失败bug 修复

zhuhao 2 yıl önce
ebeveyn
işleme
0315def2fb

+ 1 - 1
RMS-FrontEnd/src/views/product/components/category.vue

@@ -97,7 +97,7 @@
                 </span>
               </span>
               <!-- upload展示,preview-src-list大图展示 -->
-                <el-image ref="image" style="width:100%;height: 100%;" :src="categoryForm.pictures[0].id?$p2 + categoryForm.pictures[0].url:categoryForm.pictures[0].url" :preview-src-list="categoryForm.pictures"></el-image>
+                <el-image ref="image" style="width:100%;height: 100%;" :src="categoryForm.pictures[0].id?$p2 + categoryForm.pictures[0].url:categoryForm.pictures[0].url" :preview-src-list="categoryForm.pictures?categoryForm.pictures.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
             </span>
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>

+ 1 - 1
RMS-FrontEnd/src/views/product/components/framework/frameworkTree.vue

@@ -69,7 +69,7 @@
                       <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview"></i>
                       <i class="el-icon-delete" @click.stop="handleRemove"></i></span>
                     </span>
-                    <el-image ref="image" style="width:100%;height: 100%;" :src="frameworkForm.pictures[0].id? $p2 + frameworkForm.pictures[0].url:frameworkForm.pictures[0].url" :preview-src-list="frameworkForm.pictures"></el-image>
+                    <el-image ref="image" style="width:100%;height: 100%;" :src="frameworkForm.pictures[0].id? $p2 + frameworkForm.pictures[0].url:frameworkForm.pictures[0].url" :preview-src-list="frameworkForm.pictures?frameworkForm.pictures.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
                   </span>
                   <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                 </el-upload>

+ 3 - 2
RMS-FrontEnd/src/views/product/components/product.vue

@@ -163,7 +163,7 @@
               <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview"></i>
               <i class="el-icon-delete" @click.stop="handleRemove"></i></span>
             </span>
-            <el-image ref="image" style="width:100%;height: 100%;" :src="productForm.pictures[0].id? $p2 + productForm.pictures[0].url:productForm.pictures[0].url" :preview-src-list="productForm.pictures"></el-image>
+            <el-image ref="image" style="width:100%;height: 100%;" :src="productForm.pictures[0].id? $p2 + productForm.pictures[0].url:productForm.pictures[0].url" :preview-src-list="productForm.pictures?productForm.pictures.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
           </span>
           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
         </el-upload>
@@ -207,7 +207,7 @@
                   <i class="el-icon-delete" @click.stop="handleRemove"></i>
                 </span>
               </span>
-                <el-image ref="image" style="width:100%;height: 100%;" :src="categoryForm.pictures[0].id?$p2 + categoryForm.pictures[0].url:categoryForm.pictures[0].url" :preview-src-list="categoryForm.pictures"></el-image>
+                <el-image ref="image" style="width:100%;height: 100%;" :src="categoryForm.pictures[0].id?$p2 + categoryForm.pictures[0].url:categoryForm.pictures[0].url" :preview-src-list="categoryForm.pictures?categoryForm.pictures.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
             </span>
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
@@ -681,6 +681,7 @@ export default {
     handleRemove() {
       this.file = []
         this.productForm.pictures = []
+        this.categoryForm.pictures = []
     },
     handleChange(file, fileList) {
       this.$set(this.productForm,'pictures', [{url:file.url}])

+ 1 - 1
RMS-FrontEnd/src/views/product/components/products.vue

@@ -111,7 +111,7 @@
               <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview"></i>
               <i class="el-icon-delete" @click.stop="handleRemove"></i></span>
             </span>
-            <el-image ref="image" style="width:100%;height: 100%;" :src="productForm.pictures[0].id? $p2 + productForm.pictures[0].url:productForm.pictures[0].url" :preview-src-list="productForm.pictures"></el-image>
+            <el-image ref="image" style="width:100%;height: 100%;" :src="productForm.pictures[0].id? $p2 + productForm.pictures[0].url:productForm.pictures[0].url" :preview-src-list="productForm.pictures?productForm.pictures.map(item=>{return item.id? $p2 + item.url:item.url}):[]"></el-image>
           </span>
           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
         </el-upload>