edit

src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html

@@ -40,14 +40,14 @@
             {{formData?.bankId}}
         </se>
         <se label="银行回" col="1">
-            <img [src]="formData?.bankRecallBill" alt="" style="width: 200px;height: 160px;">
+            <img [src]="formData?.bankCardNumber" alt="" style="width: 200px;height: 160px;">
         </se>
     </div>
 
     <nz-alert nzType="info" nzMessage="提现进度" class="mb-md mt-md"></nz-alert>
     <div nz-row class="mt-xl">
         <div nz-col nzSpan="12" nzOffset="1">
-            <app-logistics-time-line></app-logistics-time-line>
+            <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
         </div>
     </div>
 </nz-card>

src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts

@@ -10,6 +10,8 @@ import { FreightAccountService } from '../../../services/freight-account.service
 export class WithdrawalsDetailComponent implements OnInit {
   formData: any = {};
 
+  timeLineData: any = [];
+
   refundStatus: any = {
     '1': '待审核',
     '2': '提现中',
@@ -27,9 +29,31 @@ export class WithdrawalsDetailComponent implements OnInit {
 
   loadRefundDetail(id: string) {
     this.service.request(this.service.$api_get_refund_detail, { id }).subscribe(res => {
-      console.log(res);
       if (res) {
         this.formData = res;
+        if (res.successTime) {
+          this.timeLineData.push({ time: res.successTime, value: `到账成功`, color: 'green' });
+        }
+        if (res.agreeTime) {
+          this.timeLineData.push({ time: res.agreeTime, value: `银行处理中`, color: 'gray' });
+        }
+        if (res.agreeTime) {
+          this.timeLineData.push({
+            time: res.agreeTime,
+            value: `审核通过<br/>操作人员：${res.bankAccountName}`,
+            color: 'gray'
+          });
+        }
+        if (res.createTime) {
+          this.timeLineData.push({
+            time: res.createTime,
+            value: `提交提现申请<br/>提现${res.amount}元至${res.bankName}(${res.bankCardNumber})<br/>操作人员：${res.bankAccountName}`,
+            color: 'gray'
+          });
+        }
+        if (this.timeLineData?.length > 0) {
+          this.timeLineData[0].color = 'green';
+        }
       }
     });
   }

src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.html

@@ -80,7 +80,7 @@
     <div nz-row nzGutter="8">
         <div nz-col nzSpan="24" se-container [labelWidth]="80">
             <se [col]="1" label="备注">
-                <textarea nz-input rows="3" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+                <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
                     style="width: 325px;margin-left: 14px;"></textarea>
             </se>
         </div>

src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.ts

@@ -25,6 +25,8 @@ export class WithdrawalsRecordComponent implements OnInit {
   selectedRows: any[] = [];
   totalCallNo = 0;
   refundStatus: any = '';
+
+  msg = '';
   constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
 
   ngOnInit(): void {}
@@ -57,7 +59,11 @@ export class WithdrawalsRecordComponent implements OnInit {
     this.st.load(1);
   }
 
-  auditAction(item: any) {
+  auditAction(item?: any) {
+    this.msg = '';
+    if(!item){
+      
+    }
     const modal = this.nzModalService.create({
       nzTitle: '审核',
       nzContent: this.auditModal,
@@ -66,14 +72,34 @@ export class WithdrawalsRecordComponent implements OnInit {
           label: '拒绝',
           type: 'default',
           onClick: () => {
-            modal.destroy();
+            this.service
+              .request(this.service.$api_disagree_refund, {
+                refundApplicationId: item.id,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核拒绝成功');
+                  modal.destroy();
+                }
+              });
           }
         },
         {
           label: '通过',
           type: 'primary',
           onClick: () => {
-            modal.destroy();
+            this.service
+              .request(this.service.$api_agree_refund, {
+                refundApplicationId: item.id,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核通过成功');
+                  modal.destroy();
+                }
+              });
           }
         }
       ]