优化查看图

src/components/FinancialModule/FinancialDocumentsDetail.vue

@@ -1157,7 +1157,7 @@
                   <el-image
                   style="width: 100%; height: 100%"
                   :src="file.Url?file.Url:file.Content"
-                  :preview-src-list="[file.Url?file.Url:file.Content]">
+                  :preview-src-list="InvoiceVoucherListImg">
                 </el-image>
                   <!-- <img :src="file.Url?file.Url:file.Content" @click="showImg(file.Url?file.Url:file.Content)"> -->
                 </div>
@@ -1581,6 +1581,7 @@
   export default {
     data() {
       return {
+        InvoiceVoucherListImg:[],
         InvoiceVoucherList:[],//发票附件
         isCostTypeId: false, //地接费（领取）用款计划
         isOrderOP: false, //是否跳转op订单页面
@@ -2538,6 +2539,7 @@
             Content: x.data.FilePath,
             Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
           });
+          this.InvoiceVoucherListImg.push(this.domainManager().ViittoFileUrl + x.data.FilePath)
           this.$message.success('上传成功');
         });
       },
@@ -2591,6 +2593,12 @@
           })
           .then(() => {
             this.InvoiceVoucherList.splice(i, 1);
+            this.InvoiceVoucherListImg = []
+            this.InvoiceVoucherList.forEach(x=>{
+                if(x.Type==3){
+                  this.InvoiceVoucherListImg.push(x.Url)
+                }
+            })
           })
           .catch(() => {});
         }else{
@@ -2690,6 +2698,11 @@
             //2023-11-23 add by:W
             if(data.InvoiceVoucherInfo){
               this.InvoiceVoucherList=data.InvoiceVoucherInfo;
+              this.InvoiceVoucherList.forEach(x=>{
+                if(x.Type==3){
+                  this.InvoiceVoucherListImg.push(x.Url)
+                }
+              })
             }
             data.DetailList.forEach(x => {
               x.UnitPrice = this.$commonUtils.addCommas(Math.round(x.UnitPrice * 100) / 100)