From 386bcccae8a7dbcd4dcdee10b9bfff6f6efa7364 Mon Sep 17 00:00:00 2001
From: Taric Xin <LincolnLin@swireproperties.com>
Date: Tue, 15 Feb 2022 10:01:07 +0800
Subject: [PATCH] edit

---
 src/app/core/startup/startup.service.ts       |   8 +-
 .../pro/components/menu/menu.component.html   |  10 +-
 .../platform-account-detail.component.html    |  71 ++++++
 .../platform-account-detail.component.ts      | 221 ++++++++++++++++++
 .../platform-account.component.html           |   4 +-
 .../platform-account.component.ts             |  39 +---
 .../financial-managemen-routing.module.ts     |   2 +
 .../financial-management.module.ts            |   5 +-
 .../components/index/index.component.ts       |   2 +-
 .../index/menu-modal/menu-modal.component.ts  |   3 +-
 src/assets/mocks/menu-data.json               | 220 ++++++++---------
 11 files changed, 427 insertions(+), 158 deletions(-)
 create mode 100644 src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html
 create mode 100644 src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts

diff --git a/src/app/core/startup/startup.service.ts b/src/app/core/startup/startup.service.ts
index 6c323a7a..c234bbeb 100644
--- a/src/app/core/startup/startup.service.ts
+++ b/src/app/core/startup/startup.service.ts
@@ -137,13 +137,7 @@ export class StartupService {
       .post(this.coreSrv.$api_get_current_user_menus, {
         appId: this.coreSrv.envSrv.getEnvironment().appId
       })
-      .pipe(
-        map((res: any) => {
-          console.log(res);
-
-          return res.data;
-        })
-      );
+      .pipe(map((res: any) => res.data));
     // const menuData = this.httpClient.get('assets/mocks/menu-data.json').pipe(map((res: any) => res.data.menu));
 
     return zip(appData, userData, menuData);
diff --git a/src/app/layout/pro/components/menu/menu.component.html b/src/app/layout/pro/components/menu/menu.component.html
index c2194d17..272c43b3 100644
--- a/src/app/layout/pro/components/menu/menu.component.html
+++ b/src/app/layout/pro/components/menu/menu.component.html
@@ -8,14 +8,14 @@
 </ng-template>
 <ng-template #mainLink let-i>
   <ng-template [ngTemplateOutlet]="icon" [ngTemplateOutletContext]="{ $implicit: i.icon }"></ng-template>
-  <span class="alain-pro__menu-title-text" *ngIf="!pro.onlyIcon">{{ i.title }}</span>
+  <span class="alain-pro__menu-title-text" *ngIf="!pro.onlyIcon">{{ i.text }}</span>
   <div *ngIf="i.badge" class="alain-pro__menu-title-badge">
     <em>{{ i.badge }}</em>
   </div>
 </ng-template>
 <ng-template #subLink let-i>
-  <a *ngIf="!i.externalLink" [routerLink]="i.link" [target]="i.target">{{ i.title }} </a>
-  <a *ngIf="i.externalLink" [attr.href]="i.externalLink" [attr.target]="i.target">{{ i.title }} </a>
+  <a *ngIf="!i.externalLink" [routerLink]="i.link" [target]="i.target">{{ i.text }} </a>
+  <a *ngIf="i.externalLink" [attr.href]="i.externalLink" [attr.target]="i.target">{{ i.text }} </a>
 </ng-template>
 <ul *ngIf="menus" nz-menu [nzMode]="mode" [nzTheme]="pro.theme"
   [nzInlineCollapsed]="pro.isMobile ? false : pro.collapsed">
@@ -36,7 +36,7 @@
       <ng-template #l1TitleTpl>
         <span title class="alain-pro__menu-title">
           <ng-template [ngTemplateOutlet]="icon" [ngTemplateOutletContext]="{ $implicit: l1.icon }"></ng-template>
-          <span class="alain-pro__menu-title-text" *ngIf="pro.isMobile || !pro.onlyIcon">{{ l1.title }}</span>
+          <span class="alain-pro__menu-title-text" *ngIf="pro.isMobile || !pro.onlyIcon">{{ l1.text }}</span>
           <div *ngIf="l1.badge" class="alain-pro__menu-title-badge">
             <em>{{ l1.badge }}</em>
           </div>
@@ -49,7 +49,7 @@
             (click)="closeCollapsed()">
             <ng-template [ngTemplateOutlet]="subLink" [ngTemplateOutletContext]="{ $implicit: l2 }"></ng-template>
           </li>
-          <li *ngIf="!l2._hidden && l2.children!.length > 0" nz-submenu [nzTitle]="l2.title!" [nzOpen]="l2._open"
+          <li *ngIf="!l2._hidden && l2.children!.length > 0" nz-submenu [nzTitle]="l2.text!" [nzOpen]="l2._open"
             [nzDisabled]="l2.disabled" (nzOpenChange)="openChange(l2, $event)">
             <ul>
               <ng-container *ngFor="let l3 of l2.children">
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html
new file mode 100644
index 00000000..d3b5c732
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html
@@ -0,0 +1,71 @@
+<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>
+    <h3 class="font-weight-bold">天津怡亚通物流科技有限公司（浦发银行）</h3>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000,000.00 元'" nzTitle="平台账户余额"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000.00 元' " [nzTitle]="'货主账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000.00 元'" [nzTitle]="'司机账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000.00 元'" [nzTitle]="'累计充值金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000.00 元'" [nzTitle]="'货主累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="'100,000.00 元'" [nzTitle]="'司机累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card nzBordered>
+    <st #st [data]="service.$api_get_driver_account_detail" [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '300px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts
new file mode 100644
index 00000000..2b670990
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts
@@ -0,0 +1,221 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-platform-account-detail',
+  templateUrl: './platform-account-detail.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class PlatformAccountDetailComponent implements OnInit {
+
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  info: any = {};
+  params: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.params = route.snapshot.queryParams;
+  }
+
+  ngOnInit(): void {
+    this.loadInfo();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      ltdId: this.params.ltdId,
+      projectId: this.params.projectId,
+      enterpriseId: this.params.enterpriseId,
+      roleId: this.params.roleId
+    });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value?.createTime?.[0] || '',
+          end: this.sf.value?.createTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  loadInfo() {
+    this.service
+      .request(this.service.$api_get_driver_account_balance_detail, {
+        ...this.sf?.value,
+        ltdId: this.params.ltdId,
+        projectId: this.params.projectId,
+        enterpriseId: this.params.enterpriseId,
+        roleId: this.params.roleId,
+        pageIndex: this.st.pi,
+        pageSize: this.st.ps,
+        createTime: {
+          start: this.sf?.value?.createTime?.[0] || '',
+          end: this.sf?.value?.createTime?.[1] || ''
+        }
+      })
+      .subscribe(res => {
+        if (res) {
+          this.info = res;
+        }
+      });
+  }
+
+  stChange(e: STChange): void {}
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageIndex: this.st.pi, pageSize: this.st.ps });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        createTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        transactionNumber: {
+          type: 'string',
+          title: '流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        businessNumber: {
+          type: 'string',
+          title: '交易单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'trade:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'income:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType1: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType2: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '交易时间', index: 'createTime', type: 'date' },
+      { title: '流水号', index: 'channelPaySn' },
+      { title: '交易类型', index: 'tradeTypeLabel', className: 'text-center' },
+      { title: '交易单号', index: 'businessNumber' },
+      { title: '订单号', index: 'businessNumber' },
+      { title: '运单号', index: 'businessNumber' },
+      { title: '账户类型', index: 'incomeTypeLabel', className: 'text-center' },
+      { title: '账户名称', index: 'incomeTypeLabel', className: 'text-center' },
+      { title: '所属项目', index: 'incomeTypeLabel', className: 'text-center' },
+      { title: '收支类型', index: 'incomeTypeLabel', className: 'text-center' },
+      {
+        title: '交易金额',
+        index: 'amount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '账户余额',
+        index: 'accountBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
+      },
+      { title: '付款方', index: 'incomeTypeLabel', className: 'text-center' },
+      { title: '收款方', index: 'incomeTypeLabel', className: 'text-center' },
+      { title: '备注', index: 'incomeTypeLabel', className: 'text-center' },
+    ];
+  }
+
+}
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account.component.html b/src/app/routes/financial-management/components/platform-account/platform-account.component.html
index 0b41934c..c504f1e5 100644
--- a/src/app/routes/financial-management/components/platform-account/platform-account.component.html
+++ b/src/app/routes/financial-management/components/platform-account/platform-account.component.html
@@ -52,7 +52,7 @@
 </nz-card>
 
 <nz-card class="content-box">
-    <st #st [data]="url" [columns]="columns" [req]="{  params: reqParams }" [scroll]="{ x: '1200px' }"
-        [loading]="service.http.loading" (change)="stChange($event)">
+    <st #st [data]="url" [columns]="columns" [req]="{  process: beforeReq }" [scroll]="{ x: '1200px' }"
+        [loading]="service.http.loading">
     </st>
 </nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account.component.ts b/src/app/routes/financial-management/components/platform-account/platform-account.component.ts
index 441b99dd..8fc9458a 100644
--- a/src/app/routes/financial-management/components/platform-account/platform-account.component.ts
+++ b/src/app/routes/financial-management/components/platform-account/platform-account.component.ts
@@ -1,12 +1,9 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
-import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
 import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
-import { SystemStaffStaffModalComponent } from 'src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component';
-import { SystemService } from 'src/app/routes/sys-setting/services/system.service';
 import { FreightAccountService } from '../../services/freight-account.service';
-import { SettingFinancialComponent } from './setting-financial/setting-financial.component';
 
 @Component({
   selector: 'app-platform-account',
@@ -18,40 +15,22 @@ export class PlatformAccountComponent implements OnInit {
   st!: STComponent;
   @ViewChild('sf', { static: false })
   sf!: SFComponent;
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
 
   url = `/rule?_allow_anonymous=true`;
 
-  searchSchema: SFSchema = this.initSF();
-
-  columns: STColumn[] = this.initST();
-  reqParams = { pageIndex: 1, pageSize: 10 };
 
   constructor(public service: FreightAccountService, private router: Router, private nzModalService: NzModalService) {}
 
   ngOnInit(): void {}
 
-  stChange(e: STChange): void {
-    switch (e.type) {
-      case 'filter':
-        this.st.load();
-        break;
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
     }
-  }
-
-  settingFinanical(item: any) {
-    const modal = this.nzModalService.create({
-      nzContent: SettingFinancialComponent,
-      nzComponentParams: item ? { i: { ...item, roleId: '1,2,3', name: '用户名', phone: 18555555555 } } : { i: { id: 0 } },
-      nzFooter: null
-    });
-    modal.afterClose.subscribe(res => {
-      this.st.load();
-    });
-  }
-
-  routeTo(item?: any) {
-    this.router.navigate(['/financial-management/driver-account-detail/1']);
-  }
+    return requestOptions;
+  };
 
   /**
    * 重置表单
@@ -192,7 +171,7 @@ export class PlatformAccountComponent implements OnInit {
         buttons: [
           {
             text: '查看明细',
-            click: item => this.routeTo(item)
+            click: item => this.router.navigate(['/financial-management/platform-account/detail/' + item.id])
           }
         ]
       }
diff --git a/src/app/routes/financial-management/financial-managemen-routing.module.ts b/src/app/routes/financial-management/financial-managemen-routing.module.ts
index 833e9c16..583c91d7 100644
--- a/src/app/routes/financial-management/financial-managemen-routing.module.ts
+++ b/src/app/routes/financial-management/financial-managemen-routing.module.ts
@@ -28,6 +28,7 @@ import { VoucherListComponent } from './components/voucher-summary/voucher-list/
 import { ReceiptOrderDetailComponent } from './components/receipt-order/receipt-order-detail/receipt-order-detail.component';
 import { PaymentOrderDetailComponent } from './components/payment-order/payment-order-detail/payment-order-detail.component';
 import { PlatformAccountComponent } from './components/platform-account/platform-account.component';
+import { PlatformAccountDetailComponent } from './components/platform-account/platform-account-detail/platform-account-detail.component';
 
 const routes: Routes = [
   { path: 'freight-account', component: FreightAccountComponent, data: { guard: { ability: ['FINANCIAL-FREIGHT-ACOUNT-list'] } } },
@@ -35,6 +36,7 @@ const routes: Routes = [
   { path: 'driver-account', component: DriverAccountComponent },
   { path: 'driver-account/detail/:id', component: DriverAccountDetailComponent },
   { path: 'platform-account', component: PlatformAccountComponent },
+  { path: 'platform-account/detail/:id', component: PlatformAccountDetailComponent },
   { path: 'recharge-record', component: RechargeRecordComponent },
   { path: 'withdrawals-record', component: WithdrawalsRecordComponent },
   { path: 'withdrawals-record/detail/:id', component: WithdrawalsDetailComponent },
diff --git a/src/app/routes/financial-management/financial-management.module.ts b/src/app/routes/financial-management/financial-management.module.ts
index df932fdb..a61972f6 100644
--- a/src/app/routes/financial-management/financial-management.module.ts
+++ b/src/app/routes/financial-management/financial-management.module.ts
@@ -31,7 +31,7 @@ import { PaymentOrderDetailComponent } from './components/payment-order/payment-
 import { VoucherListComponent } from './components/voucher-summary/voucher-list/voucher-list.component';
 import { ReceiptOrderDetailComponent } from './components/receipt-order/receipt-order-detail/receipt-order-detail.component';
 import { PlatformAccountComponent } from './components/platform-account/platform-account.component';
-import { SettingFinancialComponent } from './components/platform-account/setting-financial/setting-financial.component';
+import { PlatformAccountDetailComponent } from './components/platform-account/platform-account-detail/platform-account-detail.component';
 
 const ROUTESCOMPONENTS = [
   FreightAccountComponent,
@@ -57,12 +57,13 @@ const ROUTESCOMPONENTS = [
   ReceivableOrderDetailComponent,
   PayableOrderDetailComponent,
   PlatformAccountComponent,
+  PlatformAccountDetailComponent,
   PaymentOrderDetailComponent,
   VoucherListComponent,
   ReceiptOrderDetailComponent
 ];
 
-const NOTROUTECOMPONENTS = [DriverAccountDetailComponent, FreightAccountDetailComponent, SettingFinancialComponent, ClearingModalComponent];
+const NOTROUTECOMPONENTS = [DriverAccountDetailComponent, FreightAccountDetailComponent, ClearingModalComponent];
 
 @NgModule({
   declarations: [...ROUTESCOMPONENTS, ...NOTROUTECOMPONENTS],
diff --git a/src/app/routes/menu-manager/components/index/index.component.ts b/src/app/routes/menu-manager/components/index/index.component.ts
index 00f03d03..ce54dd07 100644
--- a/src/app/routes/menu-manager/components/index/index.component.ts
+++ b/src/app/routes/menu-manager/components/index/index.component.ts
@@ -54,7 +54,7 @@ export class MenuManagerComponentsIndexComponent implements OnInit {
         this.listOfMapData.forEach(item => {
           this.mapOfExpandedData[item.key] = this.service.convertTreeToList(item);
         });
-        console.log(this.listOfMapData, this.mapOfExpandedData);
+        // console.log(this.listOfMapData, this.mapOfExpandedData);
       }
     });
   }
diff --git a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
index 621a44b9..eaa172d9 100644
--- a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
+++ b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
@@ -131,7 +131,8 @@ export class MenuModalComponent implements OnInit {
     const params = {
       ...this.sf.value,
       ...this.params,
-      i18n: this.sf.value.keyCode,
+      i18n: '',
+      // i18n: this.sf.value.keyCode,
       menuType: 0,
       reuse: 0,
       shortcut: 0,
diff --git a/src/assets/mocks/menu-data.json b/src/assets/mocks/menu-data.json
index 8e5e74af..a190baed 100644
--- a/src/assets/mocks/menu-data.json
+++ b/src/assets/mocks/menu-data.json
@@ -3,71 +3,71 @@
   "data": {
     "menu": [
       {
-        "text": "主导航",
+        "title": "主导航",
         "hideInBreadcrumb": true,
         "children": [
           {
-            "text": "用户中心",
+            "title": "用户中心",
             "icon": "iconfont icon-yonghu-copy",
             "group": true,
             "children": [
               {
-                "text": "货主管理",
+                "title": "货主管理",
                 "children": [
                   {
-                    "text": "企业列表",
+                    "title": "企业列表",
                     "link": "/usercenter/freight/list"
                   },
                   {
-                    "text": "道运证",
+                    "title": "道运证",
                     "hide": true,
                     "link": "/usercenter/freight/list/view/:id"
                   },
                   {
-                    "text": "货主详情",
+                    "title": "货主详情",
                     "hide": true,
                     "link": "/usercenter/freight/list/detail/:id"
                   },
                   {
-                    "text": "企业认证",
+                    "title": "企业认证",
                     "hide": true,
                     "link": "/usercenter/freight/new"
                   },
                   {
-                    "text": "企业审核列表",
+                    "title": "企业审核列表",
                     "link": "/usercenter/freight/enterprise"
                   },
                   {
-                    "text": "企业审核列表详情",
+                    "title": "企业审核列表详情",
                     "hide": true,
                     "link": "/usercenter/freight/enterprise/view/:id"
                   },
                   {
-                    "text": "货主员工列表",
+                    "title": "货主员工列表",
                     "link": "/usercenter/freight/user"
                   },
                   {
-                    "text": "货主员工详情",
+                    "title": "货主员工详情",
                     "hide": true,
                     "link": "/usercenter/freight/user/view/:id"
                   }
                 ]
               },
               {
-                "text": "司机管理",
+                "title": "司机管理",
                 "link": "/demo/zorro",
                 "children": [
                   {
-                    "text": "司机列表",
+                    "title": "司机列表",
                     "link": "/usercenter/driver"
                   },
                   {
-                    "text": "司机详情",
+                    "title": "司机详情",
                     "hide": true,
                     "link": "/usercenter/driver/detail/:id"
                   },
                   {
-                    "text": "车队长列表",
+                    "title": "车队长列表",
                     "link": "/usercenter/driver/captain"
                   }
                 ]
@@ -75,437 +75,437 @@
             ]
           },
           {
-            "text": "运力管理",
+            "title": "运力管理",
             "icon": "iconfont icon-yunli-copy",
             "group": true,
             "children": [
               {
-                "text": "车辆列表",
+                "title": "车辆列表",
                 "link": "/vehicle/list"
               },
               {
                 "hide": true,
-                "text": "车辆列表详情",
+                "title": "车辆列表详情",
                 "link": "/vehicle/list/detail/:id"
               },
               {
-                "text": "车辆审核列表",
+                "title": "车辆审核列表",
                 "link": "/vehicle/audit"
               },
               {
                 "hide": true,
-                "text": "车辆审核列表详情",
+                "title": "车辆审核列表详情",
                 "link": "/vehicle/audit/detail/:id"
               }
             ]
           },
           {
-            "text": "货源管理",
+            "title": "货源管理",
             "icon": "iconfont icon-huoyuan-copy",
             "group": true,
             "children": [
               {
-                "text": "货源管理",
+                "title": "货源管理",
                 "link": "/supply-management/index",
                 "reuse": true
               },
               {
-                "text": "货源详情",
+                "title": "货源详情",
                 "link": "/supply-management/bulk-detail",
                 "hide": true
               },
               {
-                "text": "修改货源",
+                "title": "修改货源",
                 "link": "/supply-management/vehicle-amend/:id",
                 "hide": true
               },
               {
-                "text": "货源详情",
+                "title": "货源详情",
                 "link": "/supply-management/vehicle-detail/:id",
                 "hide": true
               }
             ]
           },
           {
-            "text": "订单管理",
+            "title": "订单管理",
             "icon": "iconfont icon-dingdan-copy",
             "group": true,
             "children": [
               {
-                "text": "整车订单",
+                "title": "整车订单",
                 "link": "/order-management/vehicle"
               },
               {
-                "text": "大宗订单",
+                "title": "大宗订单",
                 "link": "/order-management/bulk"
               },
               {
-                "text": "风险单管理",
+                "title": "风险单管理",
                 "link": "/order-management/risk"
               },
               {
-                "text": "单据审核",
+                "title": "单据审核",
                 "link": "/order-management/receipts-audit"
               },
               {
-                "text": "投诉管理",
+                "title": "投诉管理",
                 "link": "/order-management/complaint"
               },
               {
-                "text": "合规抽查",
+                "title": "合规抽查",
                 "link": "/order-management/compliance-audit"
               },
               {
-                "text": "整车订单详情",
+                "title": "整车订单详情",
                 "link": "/order-management/vehicle-detail/:id",
                 "hide": true
               },
               {
-                "text": "大宗订单详情",
+                "title": "大宗订单详情",
                 "link": "/order-management/bulk-detail/:id",
                 "hide": true
               }
             ]
           },
           {
-            "text": "运单管理",
+            "title": "运单管理",
             "icon": "iconfont icon-yundan-copy",
             "group": true,
             "children": [
               {
-                "text": "整车运单",
+                "title": "整车运单",
                 "link": "/waybill-management/vehicle"
               },
               {
                 "hide": true,
-                "text": "整车运单详情",
+                "title": "整车运单详情",
                 "link": "/waybill-management/vehicle-detail/:id"
               },
               {
-                "text": "大宗运单",
+                "title": "大宗运单",
                 "link": "/waybill-management/bulk"
               },
               {
                 "hide": true,
-                "text": "大宗运单详情",
+                "title": "大宗运单详情",
                 "link": "/waybill-management/bulk-detail/:id"
               },
               {
-                "text": "异常上报",
+                "title": "异常上报",
                 "link": "/waybill-management/abnormal-appear"
               }
             ]
           },
           {
-            "text": "保险管理",
+            "title": "保险管理",
             "icon": "iconfont icon-yundan-copy",
             "group": true,
             "children": [
               {
-                "text": "保险列表",
+                "title": "保险列表",
                 "link": "/insurance-management/list"
               }
             ]
           },
           {
-            "text": "财务管理",
+            "title": "财务管理",
             "icon": "iconfont icon-caiwu-copy",
             "group": true,
             "children": [
               {
-                "text": "费用管理",
+                "title": "费用管理",
                 "link": "/financial-management/cost-management"
               },
               {
-                "text": "费用浏览",
+                "title": "费用浏览",
                 "hide": true,
                 "link": "/financial-management/cost-management/detail/:id"
               },
               {
-                "text": "凭证管理",
+                "title": "凭证管理",
                 "link": "/financial-management/voucher-management"
               },
               {
-                "text": "凭证汇总",
+                "title": "凭证汇总",
                 "link": "/financial-management/voucher-summary"
               },
               {
-                "text": "应收费用单",
+                "title": "应收费用单",
                 "hide": true,
                 "link": "/financial-management/cost-management/expenses-receivable/:id"
               },
               {
-                "text": "应付费用单",
+                "title": "应付费用单",
                 "hide": true,
                 "link": "/financial-management/cost-management/expenses-payable/:id"
               },
               {
-                "text": "付款单",
+                "title": "付款单",
                 "link": "/financial-management/payment-order"
               },
               {
-                "text": "收款单",
+                "title": "收款单",
                 "link": "/financial-management/receipt-order"
               },
               {
-                "text": "应收核销",
+                "title": "应收核销",
                 "link": "/financial-management/receivable-order"
               },
               {
-                "text": "应收核销详情",
+                "title": "应收核销详情",
                 "hide": true,
                 "link": "/financial-management/receivable-order/detail/:id"
               },
               {
-                "text": "应付核销",
+                "title": "应付核销",
                 "link": "/financial-management/payable-order"
               },
               {
-                "text": "应收核销详情",
+                "title": "应收核销详情",
                 "hide": true,
                 "link": "/financial-management/payable-order/detail/:id"
               },
               {
-                "text": "货主账户",
+                "title": "货主账户",
                 "link": "/financial-management/freight-account"
               },
               {
-                "text": "货主账户详情",
+                "title": "货主账户详情",
                 "hide": true,
                 "link": "/financial-management/freight-account/detail/:id"
               },
               {
-                "text": "平台账户",
+                "title": "平台账户",
                 "link": "/financial-management/platform-account"
               },
               {
-                "text": "司机账户",
+                "title": "司机账户",
                 "link": "/financial-management/driver-account"
               },
               {
-                "text": "司机账户详情",
+                "title": "司机账户详情",
                 "hide": true,
                 "link": "/financial-management/driver-account/detail/:id"
               },
               {
-                "text": "充值记录",
+                "title": "充值记录",
                 "link": "/financial-management/recharge-record"
               },
               {
-                "text": "提现记录",
+                "title": "提现记录",
                 "link": "/financial-management/withdrawals-record"
               },
               {
-                "text": "提现详情",
+                "title": "提现详情",
                 "hide": true,
                 "link": "/financial-management/withdrawals-record/detail/:id"
               },
               {
-                "text": "异常入金",
+                "title": "异常入金",
                 "link": "/financial-management/abnormal-gold"
               },
               {
-                "text": "支付记录",
+                "title": "支付记录",
                 "link": "/financial-management/payment-record"
               },
               {
-                "text": "交易流水",
+                "title": "交易流水",
                 "link": "/financial-management/transaction-flow"
               }
             ]
           },
           {
-            "text": "票务管理",
+            "title": "票务管理",
             "icon": "iconfont icon-piaowu-copy",
             "group": true,
             "children": [
               {
-                "text": "销项发票",
+                "title": "销项发票",
                 "children": [
                   {
-                    "text": "开票申请",
+                    "title": "开票申请",
                     "link": "/ticket/invoice-requested"
                   },
                   {
-                    "text": "开票订单明细",
+                    "title": "开票订单明细",
                     "link": "/ticket/invoice-requested/detail/:id",
                     "hide": true
                   },
                   {
-                    "text": "销票处理",
+                    "title": "销票处理",
                     "link": "/ticket/cancellation-invoice"
                   },
                   {
-                    "text": "销票订单明细",
+                    "title": "销票订单明细",
                     "link": "/ticket/cancellation-invoice/detail/:id",
                     "hide": true
                   },
                   {
-                    "text": "已开发票",
+                    "title": "已开发票",
                     "link": "/ticket/invoice-list"
                   },
                   {
-                    "text": "已开订单明细",
+                    "title": "已开订单明细",
                     "link": "/ticket/invoice-list/detail/:id",
                     "hide": true
                   },
                   {
-                    "text": "快递信息",
+                    "title": "快递信息",
                     "link": "/ticket/express-info"
                   }
                 ]
               },
               {
-                "text": "ETC发票",
+                "title": "ETC发票",
                 "children": [
                   {
-                    "text": "申请发票",
+                    "title": "申请发票",
                     "link": "/ticket/etc-invoice-requested"
                   },
                   {
-                    "text": "开票记录",
+                    "title": "开票记录",
                     "link": "/ticket/etc-invoice-list"
                   },
                   {
-                    "text": "已开发票",
+                    "title": "已开发票",
                     "link": "/ticket/etc-invoiced-logs"
                   },
                   {
-                    "text": "ETC白名单",
+                    "title": "ETC白名单",
                     "link": "/ticket/etc-blacklist"
                   }
                 ]
               },
               {
-                "text": "进项发票",
+                "title": "进项发票",
                 "link": "/ticket/input-invoice"
               },
               {
-                "text": "修改收票信息",
+                "title": "修改收票信息",
                 "link": "/ticket/input-invoice/detail/:id",
                 "hide": true
               },
               {
-                "text": "进项发票",
+                "title": "进项发票",
                 "link": "/ticket/input-invoice/edit/:id",
                 "hide": true
               }
             ]
           },
           {
-            "text": "合同管理",
+            "title": "合同管理",
             "icon": "iconfont icon-hetong-copy",
             "group": true,
             "children": [
               {
-                "text": "保单管理",
+                "title": "保单管理",
                 "link": "/contract-management/policy"
               },
               {
-                "text": "合同管理",
+                "title": "合同管理",
                 "link": "/contract-management/index"
               },
               {
-                "text": "合同模板",
+                "title": "合同模板",
                 "link": "/contract-management/template"
               }
             ]
           },
           {
-            "text": "系统设置",
+            "title": "系统设置",
             "icon": "iconfont icon-shezhi-copy",
             "group": true,
             "children": [
               {
-                "text": "员工管理",
+                "title": "员工管理",
                 "group": true,
                 "children": [
                   {
-                    "text": "员工管理",
+                    "title": "员工管理",
                     "link": "/system/staff-management"
                   },
                   {
-                    "text": "角色管理",
+                    "title": "角色管理",
                     "link": "/system/role-management"
                   }
                 ]
               },
               {
-                "text": "操作日志",
+                "title": "操作日志",
                 "group": true,
                 "children": [
                   {
-                    "text": "系统操作日志",
+                    "title": "系统操作日志",
                     "link": "/logs/system-logs"
                   },
                   {
-                    "text": "货源操作日志",
+                    "title": "货源操作日志",
                     "link": "/logs/system-supply-logs"
                   },
                   {
-                    "text": "订单操作日志",
+                    "title": "订单操作日志",
                     "link": "/logs/system-waybill-logs"
                   },
                   {
-                    "text": "用户登录日志",
+                    "title": "用户登录日志",
                     "link": "/logs/user-logs"
                   },
                   {
-                    "text": "版本发布记录",
+                    "title": "版本发布记录",
                     "link": "/logs/version-logs"
                   }
                 ]
               },
               {
-                "text": "CRM客户管理",
+                "title": "CRM客户管理",
                 "link": "/system/crm-management"
               },
               {
-                "text": "结算客户管理",
+                "title": "结算客户管理",
                 "link": "/system/close-account"
               },
               {
-                "text": "网络货运人",
+                "title": "网络货运人",
                 "link": "/system/network-freight"
               },
               {
-                "text": "基础设置",
+                "title": "基础设置",
                 "link": "/system/basic-setting"
               },
               {
-                "text": "保险配置",
+                "title": "保险配置",
                 "link": "/system/insurance-set"
               },
               {
-                "text": "公告信息管理",
+                "title": "公告信息管理",
                 "link": "/system/announcement-message"
               },
               {
-                "text": "车型车长配置",
+                "title": "车型车长配置",
                 "link": "/system/cart-config"
               },
               {
-                "text": "基础配置",
+                "title": "基础配置",
                 "link": "/system/basic-config"
               },
               {
-                "text": "协议配置",
+                "title": "协议配置",
                 "link": "/system/agreement-config"
               },
               {
-                "text": "菜单管理",
+                "title": "菜单管理",
                 "link": "/menu-management/index"
               },
               {
-                "text": "接口权限",
+                "title": "接口权限",
                 "link": "/menu-management/auth"
               },
               {
-                "text": "系统配置",
+                "title": "系统配置",
                 "link": "/system/system-config"
               },
               {
-                "text": "货物名称配置",
+                "title": "货物名称配置",
                 "link": "/system/goods-name-config"
               }
             ]