From a2688b86a816aba0fe0e4fbd653ba91bb07a4393 Mon Sep 17 00:00:00 2001
From: zhaoxiao <zhaoxiao@syxysoft.com>
Date: Fri, 7 Jan 2022 09:50:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=B0=E8=B4=A6=E9=98=B6=E6=AE=B5bug?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/MessagePage/PaymentVoucher.vue | 30 ++++++++++++++----------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/views/MessagePage/PaymentVoucher.vue b/src/views/MessagePage/PaymentVoucher.vue
index d7bc391..cf4a002 100644
--- a/src/views/MessagePage/PaymentVoucher.vue
+++ b/src/views/MessagePage/PaymentVoucher.vue
@@ -48,8 +48,11 @@
           </template>
 
           <!--          阶段-->
-          <template slot="steg" slot-scope="text, record">
-            <j-ellipsis :value="text" :length="20"></j-ellipsis>
+          <template slot="stage" slot-scope="text, record">
+            <j-ellipsis
+              :value="record.paymentStatus === 'completed' ? `${ convertToChinaNum(text) }阶段` : ''"
+              :length="20">
+            </j-ellipsis>
           </template>
 
           <!--          缴费凭证-->
@@ -57,7 +60,7 @@
             <div class="proof-img-box" v-if="text && text !== ''">
               <img :src="proofSrc(text)" @click="previewProofImg(text)">
             </div>
-            <span v-else>{{text}}</span>
+            <span v-else>{{ text }}</span>
           </template>
 
           <!--          操作-->
@@ -71,7 +74,8 @@
       </div>
       <!--    表格区域end-->
       <!--      添加阶段按钮-->
-      <a-button type="primary" icon="plus" class="add-stage-btn" @click="addStage" :disabled="editDisabled || Number(receivableAmount) === 0">添加阶段
+      <a-button type="primary" icon="plus" class="add-stage-btn" @click="addStage"
+                :disabled="editDisabled || Number(receivableAmount) === 0">添加阶段
       </a-button>
 
       <!--      审核记录-->
@@ -110,7 +114,8 @@
                 <a-col :span="8">
                   <div class="audit-info-item">
                     <span class="audit-info-item-title">缴费凭证：</span>
-                    <img class="audit-info-img" :src="proofSrc(item.proof)" @click="previewProofImg(item.proof)" v-if="item.proof && item.proof !== ''">
+                    <img class="audit-info-img" :src="proofSrc(item.proof)" @click="previewProofImg(item.proof)"
+                         v-if="item.proof && item.proof !== ''">
                   </div>
                 </a-col>
                 <a-col :span="8">
@@ -173,13 +178,11 @@ import PageHeaderTitle from '@/components/layouts/PageHeaderTitle'
 const columns = [
   {
     title: '阶段',
-    dataIndex: '',
+    dataIndex: 'stage',
     key: 'rowIndex',
     width: 120,
     align: 'center',
-    customRender: function (t, r, index) {
-      return r.paymentStatus === 'completed' ? `${ convertToChinaNum(parseInt(index) + 1) }阶段` : ''
-    }
+    scopedSlots: { customRender: 'stage' }
   }, {
     title: '缴费金额',
     dataIndex: 'amountReceived',
@@ -242,6 +245,7 @@ export default {
     this.getAuditProofList()
   },
   methods: {
+    convertToChinaNum,
     /**
      * 获取阶段信息
      * @param arg
@@ -285,7 +289,7 @@ export default {
       })
     },
     handleDelete(record) {
-      if(!this.url.delete){
+      if (!this.url.delete) {
         this.$message.error('请设置url.delete属性!')
         return
       }
@@ -293,8 +297,8 @@ export default {
       this.$confirm({
         title: '确认删除',
         content: '确定要删除此条数据吗?',
-        onOk: function() {
-          postAction(that.url.delete, {id: record.id, paymentStatus: record.paymentStatus}).then((res) => {
+        onOk: function () {
+          postAction(that.url.delete, { id: record.id, paymentStatus: record.paymentStatus }).then((res) => {
             if (res.success) {
               that.$message.success(res.message)
               // 判断当前删除的数据是否是最后一页的最后一条数据，如果是的话页码减一
@@ -366,7 +370,7 @@ export default {
       }).finally(() => {
         this.proofLoading = false
       })
-    },
+    }
 
   }
 }