fix: 修复查看退款凭证报错的问题

src/pages/afterService/components/ReturnDetailInfo/index.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2020-11-05 18:02:18
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-01-14 20:35:08
+ * @LastEditTime: 2021-01-18 10:47:55
  * @Description: 退款明细
  */
 import React, { useState } from 'react';
@@ -90,7 +90,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
   const [visibleResult, setVisibleResult] = useState(false);
   const [notReceivedLoading, setNotReceivedLoading] = useState(false);
   const [receivedLoading, setReceivedLoading] = useState(false);
-  const [currentDetailItem, setCurrentDetailItem] = useState<{ id: number, fileList: FileData[] }>({
+  const [currentDetailItem, setCurrentDetailItem] = useState<{ id?: number, fileList: FileData[] }>({
     id: 0, 
     fileList: [],
   });
@@ -244,9 +244,9 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
 
   const handleCheck = record => {
     setCurrentDetailItem({ 
-      id: record.refundId, 
       fileList: record.payProve.fileList ? record.payProve.fileList.map(item => normalizeFiledata(item.proveUrl)) : [], 
     });
+    setVisibleResult(true);
   };
 
   const handleRefundConfirm = (values, modalName) => {
@@ -341,7 +341,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
                             ) && (
                               <div 
                                 className={styles['deliver-item-check']}
-                                onClick={() => handleCheck(record)}
+                                onClick={() => handleCheck(item)}
                               >
                                 查看
                                 <RightOutlined />
@@ -369,6 +369,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
         title="确认还款结果"
         width={576}
         visible={visibleResult}
+        onCancel={() => setVisibleResult(false)}
         footer={[
           <Button 
             key="1" 
@@ -376,23 +377,27 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
           >
             取消
           </Button>,
-          <Button 
-            key="2" 
-            type="primary" 
-            loading={notReceivedLoading} 
-            onClick={() => handleConfirm(currentDetailItem.id, 0)}
-            danger
-          >
-            未到账
-          </Button>,
-          <Button 
-            key="2" 
-            type="primary" 
-            loading={receivedLoading} 
-            onClick={() => handleConfirm(currentDetailItem.id, 1)}
-          >
-            已到账
-          </Button>,
+          currentDetailItem.id && (
+            <Button 
+              key="2" 
+              type="primary" 
+              loading={notReceivedLoading} 
+              onClick={() => handleConfirm(currentDetailItem.id, 0)}
+              danger
+            >
+              未到账
+            </Button>
+          ),
+          currentDetailItem.id && (
+            <Button 
+              key="2" 
+              type="primary" 
+              loading={receivedLoading} 
+              onClick={() => handleConfirm(currentDetailItem.id, 1)}
+            >
+              已到账
+            </Button>
+          ),
         ]}
         destroyOnClose
       >