车辆对接

2022-01-13 16:22:30 +08:00
parent dc7d0d5e1d
commit 6ae6403750
11 changed files with 102 additions and 67 deletions
--- a/src/app/routes/waybill-management/components/vehicle/vehicle.component.html
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.html
@ -1,7 +1,7 @@
 <!--
 * @Author: your name
 * @Date: 2021-12-03 11:10:14
- * @LastEditTime: 2022-01-12 14:51:05
+ * @LastEditTime: 2022-01-13 16:14:58
 * @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\supply-management\components\vehicle\vehicle.component.html
@ -24,7 +24,7 @@
      </div>
      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
        <button nz-button nzType="primary"  [nzLoading]="service.http.loading"
-          (click)="st?.load(1)">查询</button>
+        (click)="search()">查询</button>
        <button nz-button nzType="primary" [disabled]="service.http.loading">导出</button>
        <button nz-button [disabled]="service.http.loading" (click)="resetSF()">重置</button>
        <button nz-button nzType="link" (click)="expandToggle()">
@ -38,12 +38,12 @@

 <nz-card>
  <nz-tabset (nzSelectedIndexChange)="selectChange($event)">
-    <nz-tab [nzTitle]="'全部'"></nz-tab>
+    <nz-tab [nzTitle]="'全部('+tabs?.totalQuantity+')'"></nz-tab>
    <nz-tab [nzTitle]="'待接单('+tabs?.stayQuantity+')'"></nz-tab>
    <nz-tab [nzTitle]="'待发车('+tabs?.receivedQuantity+')'"></nz-tab>
    <nz-tab [nzTitle]="'运输中('+tabs?.cancelQuantity+')'"></nz-tab>
    <nz-tab [nzTitle]="'待签收('+tabs?.signQuantity+')'"></nz-tab>
-    <nz-tab [nzTitle]="'已完成'"></nz-tab>
+    <nz-tab [nzTitle]="'已完成('+tabs?.compolatelQuantity+')'"></nz-tab>
    <nz-tab [nzTitle]="'已取消'"></nz-tab>
  </nz-tabset>
  <div style="margin-top: 15px;">
--- a/src/app/routes/waybill-management/components/vehicle/vehicle.component.less
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.less
@ -1,4 +1,7 @@
 :host ::ng-deep{
+    p{
+        margin-bottom: 0
+    }
    ::ng-deep nz-range-picker{
        width: 100%;
    }
--- a/src/app/routes/waybill-management/components/vehicle/vehicle.component.ts
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.ts
@ -51,7 +51,9 @@ export class WaybillManagementVehicleComponent implements OnInit {
    signQuantity: 0,
    cancelQuantity: 0,
    receivedQuantity: 0,
-    stayQuantity: 0
+    stayQuantity: 0,
+    totalQuantity: 0,
+    compolatelQuantity: 0
  };
  constructor(public service: WaybillManagementServe, private modal: NzModalService, public service2: ShipperBaseService) {}

@ -301,66 +303,66 @@ export class WaybillManagementVehicleComponent implements OnInit {
      { title: '', type: 'checkbox', width: '50px', className: 'text-center' },
      {
        title: '运单号',
-        width: '100px',
-        className: 'text-center',
+        width: '180px',
+        className: 'text-left',
        render: 'wayBillCode'
      },
-      {
-        title: '货主出价',
-        width: '250px',
-        className: 'text-center',
-        render: 'billExpenseDetailVOList2'
-      },
      {
        title: '货源编号',
        width: '150px',
-        className: 'text-center',
+        className: 'text-left',
        index: 'resourceCode'
      },
+      {
+        title: '货主出价',
+        width: '250px',
+        className: 'text-left',
+        render: 'billExpenseDetailVOList2'
+      },
      {
        title: '费用明细',
        width: '250px',
-        className: 'text-center',
+        className: 'text-left',
        render: 'billExpenseDetailVOList'
      },
-      { title: '网络货运人', index: 'enterpriseInfoName', width: '180px', className: 'text-center' },
-      { title: '货主', index: 'shipperAppUserName', width: '150px', className: 'text-center' },
-      { title: '关联订单号', render: 'wayBill', width: '180px', className: 'text-center' },
-      { title: '装货地', index: 'loadingPlace', width: '180px', className: 'text-center' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '180px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '150px', className: 'text-left' },
+      { title: '关联订单号', render: 'wayBill', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingPlace', width: '180px', className: 'text-left' },
      {
        title: '卸货地',
-        className: 'text-center',
+        className: 'text-left',
        width: '180px',
        index: 'dischargePlace'
      },
      {
        title: '货物信息',
-        className: 'text-center',
+        className: 'text-left',
        width: '180px',
        render: 'goodsInfos'
      },
      {
        title: '承运司机',
-        className: 'text-center',
+        className: 'text-left',
        width: '120px',
        index: 'driverName'
      },
      {
        title: '收款人',
-        className: 'text-center',
+        className: 'text-left',
        width: '120px',
        index: 'payeeName'
      },
      {
        title: '装卸货时间',
-        className: 'text-center',
+        className: 'text-left',
        width: '200px',
        render: 'loadingTime'
      },
      {
        title: '创建时间',
        width: '180px',
-        className: 'text-center',
+        className: 'text-left',
        index: 'createTime'
      },
      {
@ -462,7 +464,10 @@ export class WaybillManagementVehicleComponent implements OnInit {
    this.sf.reset();
    this._$expand = false;
  }
-
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical()
+  }
  // 获取录单员
  getCatalogueMember() {
    const params = {};
@ -533,6 +538,7 @@ export class WaybillManagementVehicleComponent implements OnInit {
  getGoodsSourceStatistical() {
    this.service.request(this.service.$api_get_getWholeStatistics).subscribe(res => {
      if (res) {
+        let totalCount = 0;
        res.forEach((ele: any) => {
          switch (ele.wayBillStatus) {
            case '1':
@ -547,8 +553,13 @@ export class WaybillManagementVehicleComponent implements OnInit {
            case '4':
              this.tabs.signQuantity = ele?.count;
              break;
+              case '5':
+                this.tabs.compolatelQuantity = ele?.count;
+              break;
          }
+          totalCount += ele.count
        });
+       this.tabs.totalQuantity = totalCount
      }
    });
  }
@ -565,6 +576,10 @@ export class WaybillManagementVehicleComponent implements OnInit {
      },
      nzFooter: null
    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical()
+  });
  }
  // 确认到车
  sureArrive(item: any) {
@ -578,5 +593,9 @@ export class WaybillManagementVehicleComponent implements OnInit {
      },
      nzFooter: null
    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical()
+  });
  }
 }