edit

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

@@ -0,0 +1,50 @@
+<page-header-wrapper [title]="'提现详情'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <nz-alert nzType="info" nzMessage="提现信息" class="mb-md"></nz-alert>
+    <div se-container [labelWidth]="100">
+        <se label="账户主体">
+            天津怡亚通物流科技有限公司
+        </se>
+        <se label="提现单号">
+            EA202110012313
+        </se>
+        <se label="提现状态">
+            已完成
+        </se>
+        <se label="提现时间">
+            2021-10-11 08:50:08
+        </se>
+        <se label="账户名称">
+            茅台集团
+        </se>
+        <se label="虚拟账户">
+            6202110111234
+        </se>
+        <se label="提现金额">
+            10000.00
+        </se>
+        <se label="提现手续费">
+            10.00
+        </se>
+        <se label="提现至银行卡">
+            招商银行(8889)
+        </se>
+        <se label="银行流水号">
+            P20181230123012385756
+        </se>
+    </div>
+
+    <nz-alert nzType="info" nzMessage="提现进度" class="mb-md"></nz-alert>
+    <div nz-row class="mt-xl">
+        <div nz-col nzSpan="12" nzOffset="1">
+            <app-logistics-time-line></app-logistics-time-line>
+        </div>
+    </div>
+</nz-card>

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

@@ -0,0 +1,17 @@
+:host::ng-deep {
+
+    .ant-alert-info {
+        background-color: #f3f3f3;
+        border          : 1px solid #dbdbdb;
+
+        .ant-alert-message {
+            color: rgba(0, 0, 0, 0.85);
+            font-weight: 600;
+            font-size: 16px;
+        }
+    }
+
+    .ant-form-item {
+        margin-bottom: 15px;
+    }
+}

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

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-withdrawals-detail',
+  templateUrl: './withdrawals-detail.component.html',
+  styleUrls: ['./withdrawals-detail.component.less']
+})
+export class WithdrawalsDetailComponent implements OnInit {
+  formDate: any = {};
+  constructor() {}
+
+  ngOnInit(): void {}
+
+  goBack() {
+    history.go(-1);
+  }
+}

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

@@ -164,7 +164,7 @@ export class WithdrawalsRecordComponent implements OnInit {
   add(): void {}
 
   routeTo(item: any) {
-    this.router.navigate(['/ticket/invoice-requested-detail/1']);
+    this.router.navigate(['/financial-management/withdrawals-detail/1']);
   }
 
   auditAction(item: any) {