edit

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}"

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' },