fix:修改支付凭证显示问题

src/modules/payment/components/Confirmed.vue

@@ -2,6 +2,9 @@
 <template>
   <app-card>
     <app-list v-bind="tableOptions" ref="list">
+      <template v-slot:payment_voucher_filename="{ row }">
+        <el-image style="width: 100px; height: 100px" :src="row.payment_voucher_filenam" :fit="fit"></el-image>
+      </template>
       <template v-slot:table-x="{ row }">
         <el-button @click="toPayDetail(row)">查看</el-button>
         <el-button @click="cancelReceive(row)">取消到账</el-button>
@@ -32,7 +35,13 @@ export default {
         data: this.dealList.confirmed_details,
         columns: [
           { label: '#', type: 'index', minWidth: '50px', fixed: 'left' },
-          { label: '支付凭证', prop: 'payment_voucher_filename', minWidth: 200 },
+          {
+            label: '支付凭证',
+            prop: 'payment_voucher_filename',
+            slots: 'payment_voucher_filename',
+            align: 'center',
+            minWidth: 200
+          },
           { label: '支付人姓名', prop: 'payer_name', align: 'center', minWidth: 100 },
           { label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 },
           { label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 300 },

src/modules/payment/components/Toconfirm.vue

@@ -2,6 +2,9 @@
 <template>
   <app-card>
     <app-list v-bind="tableOptions" ref="list">
+      <template v-slot:payment_voucher_filename="{ row }">
+        <el-image style="width: 100px; height: 100px" :src="row.payment_voucher_filenam" :fit="fit"></el-image>
+      </template>
       <template v-slot:table-x="{ row }">
         <el-button @click="toDeal(row)">处理</el-button>
       </template>
@@ -27,7 +30,13 @@ export default {
         data: this.dealList.waiting_for_confirm_details,
         columns: [
           { label: '#', type: 'index', minWidth: '50px', fixed: 'left' },
-          { label: '支付凭证', prop: 'payment_voucher_filename', minWidth: 100 },
+          {
+            label: '支付凭证',
+            prop: 'payment_voucher_filename',
+            slots: 'payment_voucher_filename',
+            align: 'center',
+            minWidth: 200
+          },
           { label: '支付人姓名', prop: 'payer_name', align: 'center', minWidth: 150 },
           { label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 },
           { label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 100 },