车辆对接

src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-12-03 15:31:52
- * @LastEditTime: 2021-12-27 15:38:04
+ * @LastEditTime: 2021-12-28 17:10:12
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \tms-obc-web\src\app\routes\order-management\components\vehicle-detail\vehicle-detail.component.ts
@@ -10,6 +10,7 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { STColumn } from '@delon/abc/st';
 import { _HttpClient } from '@delon/theme';
+import { NzCardComponent } from 'ng-zorro-antd/card';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { WaybillManagementServe } from '../../services/waybill-management.service';
@@ -21,13 +22,29 @@ import { WaybillManagementServe } from '../../services/waybill-management.servic
 export class WaybillManagementVehicleDetailComponent implements OnInit {
 
   id = this.route.snapshot.params.id;
-  isVisible = false;
   i: any;
-  imges: any;
+  totalObj: any;
+  attObj: any;
+  isVisible = false;
   logColumns: STColumn[] = [
-    { title: '时间', index: 'operationUserPhone' },
-    { title: '地点', index: ' createTime' },
+    { title: '款项', index: 'costName' },
+    { title: '运输费（元）', index: 'price' },
+    { title: '支付时间', index: ' paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatus',
+      type: 'badge',
+      width: '120px',
+      badge: {
+        '1': { text: '待申请', color: 'warning' },
+        '2': { text: '已支付', color: 'success' },
+        '3': { text: '已拒绝', color: 'warning' },
+        '4': { text: '申请中', color: 'warning' },
+      },
+    },
   ];
+  imges: any;
   unLoadingPlaceVOList: any = [];
 
   constructor(
@@ -41,6 +58,7 @@ export class WaybillManagementVehicleDetailComponent implements OnInit {
 
   ngOnInit(): void {
     this.initData()
+   
   }
   initData() {
     const params = {
@@ -48,12 +66,12 @@ export class WaybillManagementVehicleDetailComponent implements OnInit {
     }
     this.service.request(this.service.$api_get_getWholeDetail, params).subscribe((res) => {
       console.log(res)
-      if(res) {
-        this.unLoadingPlaceVOList.push(...res.loadingPlace)
-        this.unLoadingPlaceVOList.push(...res?.dischargePlace)
-        console.log(this.unLoadingPlaceVOList)
-        this.i = res;
-      }
+      this.unLoadingPlaceVOList.push(...res.loadingPlace)
+      this.unLoadingPlaceVOList.push(...res.dischargePlace)
+      console.log(this.unLoadingPlaceVOList)
+      this.i = res;
+      this.attObj = this.i?.billExpenseDetailVOList?.filter((data: any) => data.expenseCode === 'ATT')[0];
+      this.totalObj = this.i?.billExpenseDetailVOList?.filter((data: any) => data.expenseCode === 'TOTAL')[0];
     })
   }
 
@@ -69,24 +87,29 @@ export class WaybillManagementVehicleDetailComponent implements OnInit {
   goBack() {
     window.history.go(-1);
   }
-handleCancel() {
+  agreement(value: any) {
+    console.log('123')
+    console.log(value)
+    if(value === '1') {
+      this.imges = this.i?.supplementAgreement
+    } else if (value === '2') {
+      this.imges = this.i?.loadingCertificate
+    } else if (value === '3') {
+      this.imges = this.i?.unLoadingCertificate
+    } else if (value === '4') {
+      this.imges = this.i?.receiptCertificate
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
     this.isVisible = false
 }
 handleOK() {
   this.isVisible = false
 }
-agreement(value: any) {
-  console.log('123')
-  console.log(value)
-  if(value === '1') {
-    this.imges = this.i?.supplementAgreement
-  } else if (value === '2') {
-    this.imges = this.i?.loadingCertificate
-  } else if (value === '3') {
-    this.imges = this.i?.unLoadingCertificate
-  } else if (value === '4') {
-    this.imges = this.i?.receiptCertificate
+goDistance(elf: NzCardComponent) {
+  if (elf) {
+    elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
   }
-  this.isVisible = true;
 }
 }