添加付款预览

src/views/houseSelfCollect/paymentManagement.vue

@@ -147,8 +147,8 @@
               (scope.row.status != '待结算' && !scope.row.approveStatus)
             " @click="print1(scope.row)" v-hasPermission="`acquisitionManagement.acquisitionPay.finace`">财务打印
           </el-button>
-     <!--     <el-button @click="previewPayOrder(scope.row)" v-hasPermission="`acquisitionManagement.acquisitionPay.pay`">预览付款单
-          </el-button> -->
+          <el-button @click="previewPayOrder(scope.row)" class="my-pre" v-hasPermission="`acquisitionManagement.acquisitionPay.pay`">预览付款单
+          </el-button>
           <el-button type="danger" v-if="
               (!scope.row.approveStatus ||
                 scope.row.approveStatus == '待结算') &&
@@ -268,6 +268,17 @@
         <el-button @click="customerclose">取 消</el-button>
       </div>
     </el-dialog>
+   <el-dialog width="50%" title="付款回执单" :visible.sync="isPreviewPayOrder" :close="paymentReceiptClose">
+     <div class="no-messege" v-if="!paymentReceipt">暂未上传付款回执单</div>  
+     <el-image
+          class="my-img"
+          ref="myImg"
+          v-if="paymentReceipt"
+          :src="paymentReceipt"
+          :preview-src-list="[paymentReceipt]">
+      </el-image>
+    </el-dialog>
+    
   </div>
 </template>
 <script>
@@ -307,6 +318,8 @@
     watch: {},
     data() {
       return {
+        paymentReceipt:'',
+        isPreviewPayOrder:false,
         printType: 0,
         isShowPrintType1: true,
         isShowPrintType2: true,
@@ -389,8 +402,13 @@
       })
     },
     methods: {
-      previewPayOrder(val){
-
+      previewPayOrder(val){debugger
+      this.paymentReceipt = val.paymentScreenshot
+      this.isPreviewPayOrder = true
+     console.log(val.paymentScreenshot)
+        
+      },
+      paymentReceiptClose(){
       },
       datechange() {
         this.getList()
@@ -626,7 +644,6 @@
         this.isShowPrintType = false
       },
       typePrintClick(type) {
-        debugger
         // type 1批量打印 0单个打印
         //  this.isShowPrint = true
         this.selectCustomerList = []
@@ -1422,4 +1439,13 @@
   .el-button {
     margin: 5px;
   }
+  .no-messege{
+    text-align: center;
+    font-size: 30px;
+    padding: 50px;
+  }
+   .my-img{
+            width: 200px;
+            height: 200px;
+        }
 </style>