车辆对接

src/app/routes/order-management/components/vehicle/vehicle.component.ts

@@ -683,7 +683,7 @@ resourceStatus: any;
     }
         const modal = this.modal.create({
           nzTitle: '修改车队长',
-          nzWidth: 600,
+          nzWidth: 900,
           nzContent: VehicleModifyCaptainComponent,
           nzComponentParams: { data: { ids: params,  } },
           nzFooter: null,

src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.html

@@ -1,15 +1,37 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-15 13:17:42
- * @LastEditTime: 2021-12-30 11:11:47
+ * @LastEditTime: 2021-12-30 16:49:30
  * @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\modal\vehicle\update-freight\update-freight.component.html
 -->
-<nz-alert nzType="info" [nzMessage]="'已选择' + data?.ids?.length + '已选择条订单'" nzShowIcon></nz-alert>
+<nz-alert nzType="info" [nzMessage]="'已选择' + data?.ids?.length + '条订单,未认证司机不可设置为车队长，合同单车队长需绑定收款账户！'" nzShowIcon></nz-alert>
-<sf style="margin-top: 15px;" #sf mode="edit" [schema]="schema" [ui]="ui" >
+<div nz-row>
-  <button class="but_rigth" nz-button nzSize="large" nzType="primary" (click)="search(sf.value)">搜索</button>
+  <div nz-col [nzSpan]="16">
-</sf>
+    <sf style="margin-top: 15px;" #sf mode="edit" [schema]="schema" [ui]="ui" button='none'>
+    </sf>
+    </div>
+  
+  <div nz-col [nzSpan]="4" style="margin-top: 15px;" >
+    <button style="display: inline-block;" nz-button  nzType="primary" >搜索</button>
+  </div>
+</div>
+
+<st #st 
+[data]="service.$api_get_bulkPage_list" 
+[columns]="Columns" 
+[req]="{ method: 'POST', allInBody: true, params: reParams }"
+[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+[loadingDelay]="500"
+>
+  <ng-template st-row="shipperAppUserId" let-item let-index="index">
+    <input  nz-input [ngModel]="item?.costName" (ngModelChange)="st.setRow(index, { costName: $event })" />
+  </ng-template>
+  <ng-template st-row="paymentMethodRate" let-item let-index="index">
+    <input  nz-input [ngModel]="item?.paymentMethodRate" (ngModelChange)="st.setRow(index, { paymentMethodRate: $event })" />
+  </ng-template>
+</st>
 <div class="modal-footer">
   <button nz-button type="button" (click)="close()">关闭</button>
   <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="sf.valid">确定</button>

src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.ts

@@ -1,17 +1,17 @@
 /*
  * @Author: your name
  * @Date: 2021-12-14 14:03:07
- * @LastEditTime: 2021-12-30 11:13:09
+ * @LastEditTime: 2021-12-30 16:57:01
  * @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\modal\bulk\update-freight\update-freight.component.ts
  */
 import { Component, Input, OnInit, ViewChild } from '@angular/core';
-import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { STColumn, STComponent } from '@delon/abc/st';
+import {SFComponent, SFNumberWidgetSchema, SFSchema, SFUISchema} from '@delon/form';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalRef } from 'ng-zorro-antd/modal';
 import { OrderManagementService } from '../../../services/order-management.service';
-import { ShipperBaseService } from '@shared';
 
 @Component({
   selector: 'app-order-management-vehicle-modify-captain',
@@ -20,52 +20,70 @@ import { ShipperBaseService } from '@shared';
 })
 export class VehicleModifyCaptainComponent implements OnInit {
   @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('st', { static: false }) st!: STComponent;
   schema: SFSchema = {};
   ui: SFUISchema = {};
-
+  Columns: STColumn[] =[]
   aggreechecked = false;
 
-  @Input()
   data: any;
 
-  constructor(
+  constructor(private modal: NzModalRef, private msgSrv: NzMessageService, public service: OrderManagementService, ) {}
-    private modal: NzModalRef,
-    private msgSrv: NzMessageService,
-    public service: OrderManagementService,
-    private service2: ShipperBaseService
-  ) {}
 
   ngOnInit(): void {
-    console.log(this.data);
+    console.log(this.data)
     this.initSF();
+    this.initST();
   }
   initSF() {
     this.schema = {
-      enterpriseInfoName: {
+      properties: {
-        type: 'string',
+        enterpriseInfoName: {
-        title: '网络货运人',
+          type: 'string',
-        ui: {
+          title: '车队长手机号',
-          widget: 'select',
+          maxLength: 11
-          placeholder: '请选择',
+        },
-          visibleIf: {
-            _$expand: (value: boolean) => value
-          },
-          allowClear: true,
-          asyncData: () => this.service2.getNetworkFreightForwarder()
-        }
       },
       required: ['enterpriseInfoName']
     };
     this.ui = {
       '*': {
-        spanLabelFixed: 100,
+        spanLabelFixed: 130,
         grid: { span: 16 }
       }
     };
   }
-
+  get reParams() {
+    return {
+      ...this.sf?.value,
+    };
+  }
+  initST() {
+    this.Columns = [
+       { title: '司机头像', index: 'auditStatusLabel',width: '120px', },
+       { title: '司机姓名', index: 'auditStatusLabel' ,width: '120px',},
+       {
+        title: '实名认证状态',
+        className: 'text-center',
+        index: 'settlementBasis',
+        type: 'badge',
+        width: '120px',
+        badge: {
+          '1': { text: '待申请', color: 'warning' },
+          '2': { text: '已支付', color: 'success' },
+          '3': { text: '已拒绝', color: 'warning' },
+          '4': { text: '申请中', color: 'warning' },
+        },
+      },
+       { title: '收款账户',width: '200px', render: 'shipperAppUserId' },
+       { title: '操作', width: '120px',},
+   
+     ];
+   }
   save(value: any): void {
-    const params = {};
+    console.log(this.st?._data)
+    const params = {
+    };
 
     this.service.request(this.service.$api_get_insertFreightChangeWhole, params).subscribe((res: any) => {
       if (res) {
@@ -78,7 +96,5 @@ export class VehicleModifyCaptainComponent implements OnInit {
   close(): void {
     this.modal.destroy();
   }
-  search(value: any) {
+
-    console.log(value);
-  }
 }

src/app/routes/order-management/services/order-management.service.ts

@@ -1,19 +1,19 @@
 /*
  * @Author: your name
  * @Date: 2021-12-03 15:31:52
- * @LastEditTime: 2021-12-29 20:44:48
+ * @LastEditTime: 2021-12-30 16:09:00
  * @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\services\order-management.service.ts
  */
 import { Injectable, Injector } from '@angular/core';
 import { map } from 'rxjs/operators';
-import { BaseService } from 'src/app/shared/services';
+import { ShipperBaseService } from '@shared';
 
 @Injectable({
   providedIn: 'root'
 })
-export class OrderManagementService extends BaseService {
+export class OrderManagementService extends ShipperBaseService {
 
   $api_get_getEnterpriseNetTransHis = `/api/mdc/enterpriseNetTransHis/getEnterpriseNetTransHis`;
   $api_get_catalogue_member = `/user?_allow_anonymous=true`;