diff --git a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html
index d79d4012..bf3c0f28 100644
--- a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html
+++ b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html
@@ -12,58 +12,57 @@
             <se-container col="3" labelWidth=100>
                 <se-title class="mb-md" style="font-size:18px">基本信息（应收费用）</se-title>
                 <se label="网络货运人" required>
-                    天津怡亚通物流科技有限公司
+                    {{costInfo?.ltdid}}
                 </se>
                 <se label="费用类型" required col="2">
-                    应收
+                    {{costInfo?.feetype}}
                 </se>
                 <se label="费用备注">
-                    天津怡亚通物流科技有限公司
+                    {{costInfo?.arremarks}}
                 </se>
                 <se label="应收对象" required>
-                    C21.001-茅台集团
+                    {{costInfo?.artoname}}
                 </se>
                 <se label="开票类型" required>
-                    专票/普票
+                    {{costInfo?.arvattype}}
                 </se>
                 <se label="应收金额" required>
-                    4200.00
+                    {{costInfo?.armoeny}}
                 </se>
                 <se label="开票金额" required>
-                    4200.00
+                    {{costInfo?.arkpmoney}}
                 </se>
                 <se label="收款金额" required>
-                    4200.00
+                    {{costInfo?.arbrmmoney}}
                 </se>
             </se-container>
             <se-container col="3" labelWidth=100 class="mt-md">
                 <se-title class="mb-md" style="font-size:18px">基本信息（应付费用）</se-title>
                 <se label="网络货运人" required>
-                    天津怡亚通物流科技有限公司
+                    {{costInfo?.ltdid}}
                 </se>
                 <se label="费用类型" required>
-                    应收
+                    {{costInfo?.feetype}}
                 </se>
                 <se label="应付核销" required>
-                    是
                 </se>
                 <se label="费用备注">
-                    天津怡亚通物流科技有限公司
+                    {{costInfo?.hrremarks}}
                 </se>
                 <se label="应收对象" required>
-                    C21.001-茅台集团
+                    {{costInfo?.hrtoname}}
                 </se>
-                <se label="开票类型" required>
-                    专票/普票
+                <se label="收票类型" required>
+                    {{costInfo?.hrvattype}}
                 </se>
-                <se label="应收金额" required>
-                    4200.00
+                <se label="应付金额" required>
+                    {{costInfo?.hrmoney}}
                 </se>
                 <se label="收票金额" required>
-                    4200.00
+                    {{costInfo?.hrvatmoney}}
                 </se>
                 <se label="付款金额" required>
-                    4200.00
+                    {{costInfo?.hrpaymoney}}
                 </se>
             </se-container>
         </div>
@@ -73,12 +72,20 @@
 <nz-card class="content-box" nzBordered>
     <nz-tabset>
         <nz-tab nzTitle="费用明细">
-            <st #st [data]="data" [columns]="columns.cost" [page]="{ show: false}" [loading]="service.http.loading"
-                [scroll]="{ x:'1200px',y: '370px' }"></st>
+            <st #st [data]="costInfo?.ficoFeeLList" [columns]="columns.cost" [page]="{ show: false}"
+                [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }">
+                <ng-template st-row="no" let-item let-index="index" let-column="column">
+                    {{ index+1 }}
+                </ng-template>
+            </st>
         </nz-tab>
         <nz-tab nzTitle="开票信息">
-            <st #st [data]="data" [columns]="columns.requested" [page]="{ show: false}" [loading]="service.http.loading"
-                [scroll]="{ x:'1200px',y: '370px' }"></st>
+            <st #st [data]="costInfo?.ficoVatappDatailList" [columns]="columns.requested" [page]="{ show: false}"
+                [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }">
+                <ng-template st-row="no" let-item let-index="index" let-column="column">
+                    {{ index+1 }}
+                </ng-template>
+            </st>
         </nz-tab>
         <nz-tab nzTitle="收款信息">
             <st #st [data]="data" [columns]="columns.collection" [page]="{ show: false}"
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts
index 0f72fa25..e916de08 100644
--- a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts
+++ b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 import { STComponent, STColumn } from '@delon/abc/st';
 import { FreightAccountService } from '../../../services/freight-account.service';
 
@@ -13,10 +14,25 @@ export class CostManagementDetailComponent implements OnInit {
   columns: { [key: string]: STColumn[] } = this.initST();
 
   data = [];
-  constructor(public service: FreightAccountService) {}
+
+  costInfo: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    const id = route.snapshot.params.id;
+    this.loadDetail(id);
+  }
 
   ngOnInit(): void {}
 
+  loadDetail(id: any) {
+    this.service.request(this.service.$api_get_cost_detail, { id }).subscribe(res => {
+      console.log(res);
+
+      if (res) {
+        this.costInfo = res;
+      }
+    });
+  }
+
   goBack() {
     history.go(-1);
   }
@@ -24,30 +40,30 @@ export class CostManagementDetailComponent implements OnInit {
   private initST(): { [key: string]: STColumn[] } {
     return {
       cost: [
-        { title: '序号', index: 'no' },
-        { title: '费用明细号', index: 'callNo' },
-        { title: '订单号', index: 'callNo' },
+        { title: '序号', render: 'no', width: 70 },
+        { title: '费用明细号', index: 'feeHId' },
+        { title: '订单号', index: 'billHId' },
         { title: '订单日期', index: 'callNo' },
-        { title: '运单号', index: 'callNo' },
-        { title: '运单日期', index: 'callNo' },
+        { title: '运单号', index: 'waybillHId' },
+        { title: '运单日期', index: 'waybillDate' },
         { title: '结算客户', index: 'callNo' },
-        { title: '订单费用类型', index: 'callNo' },
-        { title: '费用科目', index: 'callNo' },
-        { title: '税率', index: 'callNo' },
-        { title: '费用金额', index: 'callNo' },
-        { title: '收/付款金额', index: 'callNo' },
-        { title: '开/收票金额', index: 'callNo' }
+        { title: '订单费用类型', index: 'billLType' },
+        { title: '费用科目', index: 'feeSubId' },
+        { title: '税率', index: 'hrvatrate' },
+        { title: '费用金额', index: 'hrvatmoney' },
+        { title: '收/付款金额', index: 'armoney' },
+        { title: '开/收票金额', index: 'arkpmoney' }
       ],
       requested: [
-        { title: '序号', index: 'no' },
-        { title: '费用明细号', index: 'callNo' },
-        { title: '发票申请', index: 'callNo' },
-        { title: '发票类型', index: 'callNo' },
-        { title: '发票号', index: 'callNo' },
-        { title: '发票日期', index: 'callNo' },
-        { title: '发票状态', index: 'callNo' },
-        { title: '应收金额', index: 'callNo' },
-        { title: '开票金额', index: 'callNo' }
+        { title: '序号', render: 'no', width: 70 },
+        { title: '费用明细号', index: 'feeHId' },
+        { title: '发票申请', index: 'vatappcode' },
+        { title: '发票类型', index: 'vatapptype' },
+        { title: '发票号', index: 'vatappcode' },
+        { title: '发票日期', index: 'vatappdate' },
+        { title: '发票状态', index: 'sts' },
+        { title: '应收金额', index: 'vatnotax' },
+        { title: '开票金额', index: 'vatmoney' }
       ],
       collection: [
         { title: '序号', index: 'no' },
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management.component.html b/src/app/routes/financial-management/components/cost-management/cost-management.component.html
index 269d9193..5d5c0d98 100644
--- a/src/app/routes/financial-management/components/cost-management/cost-management.component.html
+++ b/src/app/routes/financial-management/components/cost-management/cost-management.component.html
@@ -31,7 +31,7 @@
             <button nz-button nzType="primary" [nzLoading]="service.http.loading">导入费用</button>
         </div>
     </div>
-    <st #st [data]="service.$mock_url" [columns]="columns"
+    <st #st [data]="service.$api_get_cost_page" [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] }"
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management.component.ts b/src/app/routes/financial-management/components/cost-management/cost-management.component.ts
index c8f1b6f1..9dd0d473 100644
--- a/src/app/routes/financial-management/components/cost-management/cost-management.component.ts
+++ b/src/app/routes/financial-management/components/cost-management/cost-management.component.ts
@@ -30,7 +30,17 @@ export class CostManagementComponent implements OnInit {
 
   beforeReq = (requestOptions: STRequestOptions) => {
     if (this.sf) {
-      Object.assign(requestOptions.body, { ...this.sf.value });
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        feedate: {
+          start: this.sf.value.feedate?.[0] || '',
+          end: this.sf.value.feedate?.[1] || ''
+        },
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        }
+      });
     }
     return requestOptions;
   };
@@ -94,48 +104,54 @@ export class CostManagementComponent implements OnInit {
             hidden: true
           }
         },
-        receiveName: {
+        feecode: {
           type: 'string',
           title: '费用单号',
           ui: { placeholder: '请输入' }
         },
-        phone: {
+        billHId: {
           type: 'string',
           title: '订单号',
           ui: { placeholder: '请输入' }
         },
-        page: {
+        waybillHId: {
           type: 'string',
           title: '运单号',
           ui: {
             placeholder: '请输入'
           }
         },
-        createTi2me: {
+        feedate: {
           title: '费用日期',
           type: 'string',
           ui: {
-            widget: 'date',
-            mode: 'range',
+            widget: 'sl-from-to-search',
             format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
             visibleIf: {
               expand: (value: boolean) => value
             }
           } as SFDateWidgetSchema
         },
-        pa2ge2: {
+        feetype: {
           type: 'string',
           title: '费用类型',
-          enum: [{ label: '全部', value: '全部' }],
+          enum: [
+            { label: '全部', value: '' },
+            { label: '应收', value: 1 },
+            { label: '应付', value: 2 }
+          ],
           ui: {
             widget: 'select',
             placeholder: '请选择',
             visibleIf: {
               expand: (value: boolean) => value
             }
-          }
+          },
+          default: ''
         },
-        pa22ge2: {
+        feeSubId: {
           type: 'string',
           title: '费用科目',
           enum: [{ label: '全部', value: '全部' }],
@@ -147,19 +163,20 @@ export class CostManagementComponent implements OnInit {
             }
           }
         },
-        page2: {
+        ltdId: {
           type: 'string',
           title: '网络货运人',
-          enum: [{ label: '全部', value: '全部' }],
           ui: {
             widget: 'select',
             placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
             visibleIf: {
               expand: (value: boolean) => value
             }
           }
         },
-        page21: {
+        hrto: {
           type: 'string',
           title: '应付对象',
           enum: [{ label: '全部', value: '全部' }],
@@ -171,7 +188,7 @@ export class CostManagementComponent implements OnInit {
             }
           }
         },
-        pag2e21: {
+        arto: {
           type: 'string',
           title: '应收对象',
           enum: [{ label: '全部', value: '全部' }],
@@ -187,27 +204,33 @@ export class CostManagementComponent implements OnInit {
           title: '创建时间',
           type: 'string',
           ui: {
-            widget: 'date',
-            mode: 'range',
+            widget: 'sl-from-to-search',
             format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
             visibleIf: {
               expand: (value: boolean) => value
             }
           } as SFDateWidgetSchema
         },
-        pag2e221: {
+        ishrhx: {
           type: 'string',
           title: '应付核销',
-          enum: [{ label: '全部', value: '全部' }],
+          enum: [
+            { label: '全部', value: '' },
+            { label: '否', value: 0 },
+            { label: '是', value: 1 }
+          ],
           ui: {
             widget: 'select',
             placeholder: '请选择',
             visibleIf: {
               expand: (value: boolean) => value
             }
-          }
+          },
+          default: ''
         },
-        pag2e121: {
+        cno: {
           type: 'string',
           title: '结算客户',
           enum: [{ label: '全部', value: '全部' }],
@@ -225,22 +248,22 @@ export class CostManagementComponent implements OnInit {
 
   private initST(): STColumn[] {
     return [
-      { title: '费用单号', index: 'description', width: 120 },
-      { title: '网络货运人', index: 'description', width: 120 },
-      { title: '订单号', index: 'description', width: 120 },
-      { title: '运单号', index: 'description', width: 120 },
-      { title: '费用日期', index: 'description', width: 150 },
-      { title: '费用类型', index: 'description', width: 100 },
-      { title: '应付核销', index: 'description', width: 100 },
-      { title: '结算客户', index: 'description', width: 100 },
-      { title: '应收对象', index: 'description', width: 100 },
-      { title: '应付对象', render: 'description1', width: 100 },
-      { title: '应收金额', render: 'description1', width: 100 },
-      { title: '应付金额', render: 'description1', width: 100 },
-      { title: '收/付款金额', render: 'description1', width: 120 },
-      { title: '开/收票金额', render: 'description1', width: 120 },
-      { title: '创建时间', index: 'updatedAt', type: 'date', width: 150 },
-      { title: '状态', render: 'description1', width: 90 },
+      { title: '费用单号', index: 'feecode', width: 120 },
+      { title: '网络货运人', index: 'ltdId', width: 120 },
+      { title: '订单号', index: 'billHId', width: 120 },
+      { title: '运单号', index: 'waybillHId', width: 120 },
+      { title: '费用日期', index: 'feedate', width: 150 },
+      { title: '费用类型', index: 'feetype', width: 100 },
+      { title: '应付核销', index: 'ishrhx', width: 100 },
+      { title: '结算客户', index: 'cno', width: 100 },
+      { title: '应收对象', index: 'artoname', width: 100 },
+      { title: '应付对象', render: 'hrtoname', width: 100 },
+      { title: '应收金额', render: 'armoeny', width: 100 },
+      { title: '应付金额', render: 'hrmoney', width: 100 },
+      { title: '收/付款金额', render: 'hrpaymoney', width: 120 },
+      { title: '开/收票金额', render: 'hrvatmoney', width: 120 },
+      { title: '创建时间', index: 'auditTime', type: 'date', width: 150 },
+      { title: '状态', render: 'sts', width: 90 },
       {
         title: '操作',
         fixed: 'right',
@@ -249,7 +272,7 @@ export class CostManagementComponent implements OnInit {
         buttons: [
           {
             text: '浏览',
-            click: item => this.routeTo('/financial-management/cost-management/detail/1')
+            click: item => this.routeTo('/financial-management/cost-management/detail/' + item.id)
           },
           {
             text: '审核',
diff --git a/src/app/routes/financial-management/services/freight-account.service.ts b/src/app/routes/financial-management/services/freight-account.service.ts
index f5b999fa..300228ef 100644
--- a/src/app/routes/financial-management/services/freight-account.service.ts
+++ b/src/app/routes/financial-management/services/freight-account.service.ts
@@ -43,6 +43,12 @@ export class FreightAccountService extends ShipperBaseService {
   // 运营端获取账户余额交易明细
   $api_get_account_blance = '/api/fcc/accountBalanceDetail/getAccountBalanceByPage';
 
+
+  // 查询费用单抬头
+  $api_get_cost_page = '/api/fcc/ficoFeeH/list/page';
+  // 根据费用头ID查询费用单及开票明细
+  $api_get_cost_detail = '/api/fcc/ficoFeeL/detail';
+
   constructor(public injector: Injector) {
     super(injector);
   }