Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop

src/app/global-config.module.ts

@@ -15,7 +15,8 @@ const alainConfig: AlainConfig = {
     req: { method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' } },
     res: { reName: { list: 'data.records', total: 'data.total' } },
     page: { show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000], toTop: false },
-    modal: { size: 'lg' }
+    modal: { size: 'lg' },
+    ps: 20
   },
   sf: { button: { search: '查询' } },
   pageHeader: { homeI18n: 'home', recursiveBreadcrumb: true },
@@ -27,7 +28,7 @@ const alainConfig: AlainConfig = {
       'https://gw.alipayobjects.com/os/lib/antv/g2/4.1.4/dist/g2.min.js',
       'https://gw.alipayobjects.com/os/lib/antv/data-set/0.11.7/dist/data-set.js'
     ]
-  },
+  }
 };
 
 const alainModules = [AlainThemeModule.forRoot(), DelonACLModule.forRoot()];

src/app/routes/commom/components/basic-table/basic-table.component.ts

@@ -4,6 +4,23 @@ import { SearchDrawerService } from '@shared';
 import { fromEvent, Subscription } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 
+/**
+ * 列表基础组件
+ * 功能：
+ *  1、计算列表滚动高度（scrollY）
+ *      实现：
+ *        1、列表组件需继承BasicTableComponent，并且提供SearchDrawerService派生类
+ *        2、引入commom-table.less 样式文件
+ *        3、列表使用table-box class包裹。组件会自动减去layout-pro-header、page-header-wrapper和nz-tabs-nav标签的高度，以及header_box和height_box class的高度，最后减去deviationHeight的偏移高度
+ *  2、提供筛选抽屉，并返回sf实例（sf）
+ *      实现：
+ *        1、列表组件需继承BasicTableComponent，并且提供SearchDrawerService派生类
+ *        2、实例化schema，及给schema赋值sf配置
+ *        3、重写search()方法。当筛选抽屉触发查询时会调用这个方法
+ *      提供：
+ *        1、抽屉的sf实例
+ *        2、sf.value的数据=>sfValue
+ */
 @Component({
   template: ''
 })

src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.html

@@ -288,7 +288,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" #st [data]="addressItems"  [noResult]='"暂无停车信息"'  [columns]="logColumns2" [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.ts

@@ -76,8 +76,8 @@ export class OrderManagementBulkDetailChangeComponent implements OnInit {
   schema: SFSchema = {};
   ui: SFUISchema = {};
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte' },
+    { title: '停车时间', index: 'parkBte' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   logColumns: STColumn[] = [
     { title: '款项', index: 'expenseCodeLabel' },

src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html

@@ -4,7 +4,7 @@
  * @Author       : Shiming
  * @Date         : 2021-12-06 20:20:26
  * @LastEditors  : Shiming
- * @LastEditTime : 2022-04-21 15:33:15
+ * @LastEditTime : 2022-05-06 10:02:52
  * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail\\bulk-detail.component.html
  * Copyright (C) 2022 huzhenhong. All rights reserved.
 -->
@@ -287,7 +287,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList" [pois]="pois">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" [noResult]='"暂无停车信息"' #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

src/app/routes/order-management/components/bulk-detail/bulk-detail.component.ts

@@ -40,8 +40,8 @@ export class OrderManagementBulkeDetailComponent implements OnInit {
   modalTitle: string = '';
   isVisible = false;
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte' },
+    { title: '停车时间', index: 'parkBte' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   logColumns3: STColumn[] = [
     { title: '时间', index: 'warningTime' },

src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.html

@@ -322,7 +322,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" #st [data]="addressItems"  [noResult]='"暂无停车信息"'  [columns]="logColumns2" [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

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

@@ -90,8 +90,8 @@ export class OrderManagementVehicleDetailChangeComponent implements OnInit {
   mapList: any[] = []; //地图点位数据组
   addressItems: any[] = []; //打点地址数据组
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte' },
+    { title: '停车时间', index: 'parkBte' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   constructor(
     private route: ActivatedRoute,

src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html

@@ -290,7 +290,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList" [pois]="pois">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2"  [noResult]='"暂无停车信息"'  [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

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

@@ -46,8 +46,8 @@ export class OrderManagementVehicleDetailComponent implements OnInit {
   approvalLsit: any;
   isVisible = false;
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte', width: 120, className: 'text-center' },
+    { title: '停车时间', index: 'parkBte', width: 120, className: 'text-center' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   logColumns3: STColumn[] = [
     { title: '时间', index: 'warningTime' },

src/app/routes/order-management/modal/vehicle/view-track/view-track.component.html

@@ -12,7 +12,7 @@
   <div nz-col [nzSpan]="24">
     <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList" [pois]="pois">
     </amap-path-simplifier>
-    <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+    <st [scroll]="{ y: '350px' }" #st [data]="addressItems"  [noResult]='"暂无停车信息"'  [columns]="logColumns2" [ps]="0"
       [page]="{ show: false, showSize: false }" size="small" class="map_st">
     </st>
     <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

src/app/routes/order-management/modal/vehicle/view-track/view-track.component.ts

@@ -28,8 +28,8 @@ export class OneCarOrderViewtrackComponent implements OnInit {
   mapList: any[] = []; //地图点位数据组
   addressItems: any[] = []; //打点地址数据组
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte', width: 120, className: 'text-center' },
+    { title: '停车时间', index: 'parkBte', width: 120, className: 'text-center' },
-    { title: '地点', index: 'parkAdr',width: 120,className: 'text-center'  }
+    { title: '停车地点', index: 'parkAdr',width: 120,className: 'text-center'  }
   ];
   pois: any[] = [];
 

src/app/routes/usercenter/components/driver/captain/captain.component.html

@@ -1,39 +1,14 @@
-<!--
+<!-- <page-header-wrapper></page-header-wrapper>
- * @Author: your name
- * @Date: 2021-11-29 15:22:34
- * @LastEditTime : 2022-02-16 09:58:52
- * @LastEditors  : Shiming
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\captain\\captain.component.html
--->
-<!-- 页头 -->
-<page-header-wrapper></page-header-wrapper>
 <nz-card>
-  <!-- 搜索区 -->
-  <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
     <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
       <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
     </div>
     <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
-      <button
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
-        nz-button
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-list']">查询</button>
-        nzType="primary"
+      <button nz-button nzType="primary" [disabled]="false" (click)="exportList()" acl
-        [nzLoading]="service.http.loading"
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-export']">导出</button>
-        (click)="st?.load(1)"
-        acl
-        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-list']"
-        >查询</button
-      >
-      <button
-        nz-button
-        nzType="primary"
-        [disabled]="false"
-        (click)="exportList()"
-        acl
-        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-export']"
-        >导出</button
-      >
       <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
       <button nz-button nzType="link" (click)="expandToggle()">
         {{ !_$expand ? '展开' : '收起' }}
@@ -41,23 +16,22 @@
       </button>
     </div>
   </div>
-</nz-card>
+</nz-card> -->
-<nz-card>
+<nz-card class="table-box">
-  <!-- 数据列表 -->
+  <div class="header_box">
-  <!-- 工具栏 -->
+    <label class="page_title"> <label class="driver">|</label> 车队长列表</label>
-  <div class="toolbar" style="float: right;
+    <div class="mr-sm">
-  padding-bottom: 15px;">
+      <button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()" acl
-    <button nz-button nzType="primary" (click)="add()">添加车队长</button>
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-list']">筛选</button>
+      <button nz-button nzDanger (click)="exportList()" acl [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-export']">
+        导出</button>
+      <button nz-button nzType="primary" (click)="add()" acl
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-add']">添加车队长</button>
+    </div>
   </div>
-  <st
+  <!-- 数据列表 -->
-    #st
+  <st #st [columns]="columns" [data]="service.$api_get_user_expand" [req]="{  params: reqParams }"
-    [columns]="columns"
+    [res]="{ process: dataProcess }" [page]="{ }" [loading]="false" [scroll]="{ x: '1200px',y:scrollY }">
-    [data]="service.$api_get_user_expand"
-    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
-    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
-    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
-    [loading]="false"
-  >
     <ng-template st-row="promotersTelephone" let-item let-index="index">
       <a (click)="addPromoter(item)" acl [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-promoter']">
         {{ item.promotersTelephone || '添加' }}
@@ -74,4 +48,4 @@
       </se>
     </div>
   </div>
-</ng-template>
+</ng-template>

src/app/routes/usercenter/components/driver/captain/captain.component.ts

@@ -3,29 +3,39 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
 import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
 import { ModalHelper } from '@delon/theme';
-import { DynamicSettingModalComponent } from '@shared';
+import { DynamicSettingModalComponent, SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { UsermanageService } from '../../../services/usercenter.service';
 import { CtcCaptatinAddComponent } from './add/add.component';
 @Component({
   selector: 'app-usercenter-components-driver-captain',
   templateUrl: './captain.component.html',
-  styleUrls: ['./captain.component.less']
+  styleUrls: ['../../../../commom/less/commom-table.less']
 })
-export class UserCenterComponentsDriverCaptainComponent implements OnInit {
+export class UserCenterComponentsDriverCaptainComponent extends BasicTableComponent implements OnInit {
-  _$expand = false;
-
-  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } };
   schema: SFSchema = this.initSF();
   columns: STColumn[] = this.initST();
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
 
   @ViewChild('promoterModal', { static: false })
   promoterModal!: any;
   promotersTelephone = '';
 
-  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute, private modalHelper: ModalHelper,) {}
+  constructor(
+    public service: UsermanageService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modalHelper: ModalHelper,
+    public searchDrawerService: SearchDrawerService
+  ) {
+    super(searchDrawerService);
+  }
+
+  search() {
+    this.st?.load(1);
+  }
 
   /**
    * 查询参数
@@ -98,22 +108,9 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
     });
   }
 
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
-
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
-
   exportList() {
     const params = this.reqParams;
-    this.service.downloadFile(this.service.$api_export_driver_cap, {...params,  pageSize: -1});
+    this.service.downloadFile(this.service.$api_export_driver_cap, { ...params, pageSize: -1 });
   }
 
   private initSF(): SFSchema {
@@ -146,10 +143,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
           type: 'string',
           maxLength: 11,
           ui: {
-            placeholder: '请输入',
+            placeholder: '请输入'
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         identityStatus: {
@@ -163,10 +157,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
           ],
           default: '',
           ui: {
-            widget: 'select',
+            widget: 'select'
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         source: {
@@ -176,14 +167,11 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
             { label: '全部', value: '' },
             { label: '用户注册', value: 1 },
             { label: '货主添加', value: 2 },
-            { label: '运营添加', value: 3 },
+            { label: '运营添加', value: 3 }
           ],
           default: '',
           ui: {
-            widget: 'select',
+            widget: 'select'
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         }
       }
@@ -209,7 +197,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
         }
       },
       { title: '推广业务员', className: 'text-center', render: 'promotersTelephone' },
-      { title: '注册渠道', className: 'text-center', index: 'source', type: 'enum', enum: { 1: '用户注册', 2: '货主添加' , 3: '运营添加'} },
+      { title: '注册渠道', className: 'text-center', index: 'source', type: 'enum', enum: { 1: '用户注册', 2: '货主添加', 3: '运营添加' } },
       { title: '注册时间', className: 'text-center', index: 'createTime' },
       {
         title: '操作',
@@ -222,7 +210,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
               this.router.navigate(['/usercenter/driver/captain/detail', item.appUserId]);
             },
             acl: { ability: ['USERCENTER-DRIVER-CAPTAIN-view'] }
-          },
+          }
           // {
           //   text: '基础设置',
           //   click: item => this.settingAction(item),

src/app/routes/usercenter/components/driver/driver-config/driver-config.component.html

@@ -1,16 +1,5 @@
-<!--
+<!-- <page-header-wrapper></page-header-wrapper>
- * @Author: your name
- * @Date: 2021-11-29 15:22:34
- * @LastEditTime : 2022-03-09 16:04:08
- * @LastEditors  : Shiming
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\driver-config\\driver-config.component.html
--->
-<!-- 页头 -->
-<page-header-wrapper></page-header-wrapper>
 <nz-card>
-  <!-- 搜索区 -->
-  <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
     <div nz-col [nzXl]=" 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
       <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true" [button]="'none'"></sf>
@@ -21,17 +10,22 @@
       <button nz-button nzType="primary" [disabled]="false" (click)="exportList()" acl
         [acl-ability]="['USERCENTER-DRIVER-CONFIG-export']">导出</button>
       <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
-      <!-- <button nz-button nzType="link" (click)="expandToggle()">
-        {{ !_$expand ? '展开' : '收起' }}
-        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
-      </button> -->
     </div>
   </div>
-</nz-card>
+</nz-card> -->
-<nz-card>
+<nz-card class="table-box">
+  <div class="header_box">
+    <label class="page_title"> <label class="driver">|</label> 司机配置</label>
+    <div class="mr-sm">
+      <button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()" acl
+        [acl-ability]="['USERCENTER-DRIVER-CONFIG-search']">筛选</button>
+      <button nz-button nzDanger (click)="exportList()" acl [acl-ability]="['USERCENTER-DRIVER-CONFIG-export']">
+        导出</button>
+    </div>
+  </div>
   <!-- 数据列表 -->
-  <st #st [columns]="columns"  [scroll]="{ x: '1200px' }"[data]="service.$api_configPage" [req]="{  params: reqParams }"
+  <st #st [columns]="columns" [scroll]="{ x: '1200px',y:scrollY }" [data]="service.$api_configPage" [req]="{  params: reqParams }"
-    [loading]="false" [page]={}>
+    [loading]="false" [page]="{}">
     <ng-template st-row="monthFreightAmount" let-item let-index="index">
       <div>{{item?.monthFreightAmount | currency}}</div>
     </ng-template>

src/app/routes/usercenter/components/driver/driver-config/driver-config.component.ts

@@ -2,21 +2,23 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { STColumn, STComponent } from '@delon/abc/st';
 import { SFComponent, SFSchema } from '@delon/form';
-import { DynamicSettingModalComponent } from '@shared';
+import { DynamicSettingModalComponent, SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { UsermanageService } from '../../../services/usercenter.service';
 @Component({
   selector: 'app-usercenter-components-driver-config',
   templateUrl: './driver-config.component.html',
-  styleUrls: ['./driver-config.component.less']
+  styleUrls: ['../../../../commom/less/commom-table.less']
 })
-export class UserCenterComponentsDriverConfigComponent implements OnInit {
+export class UserCenterComponentsDriverConfigComponent extends BasicTableComponent implements OnInit {
   schema: SFSchema = this.initSF();
   columns: STColumn[] = this.initST();
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
 
-  constructor(public service: UsermanageService, private modal: NzModalService) {}
+  constructor(public service: UsermanageService, private modal: NzModalService, public searchDrawerService: SearchDrawerService) {
+    super(searchDrawerService);
+  }
 
   /**
    * 查询参数
@@ -33,6 +35,10 @@ export class UserCenterComponentsDriverConfigComponent implements OnInit {
 
   ngOnInit() {}
 
+  search() {
+    this.st?.load(1);
+  }
+
   settingAction(item?: any) {
     const modal = this.modal.create({
       nzTitle: '配置',
@@ -105,7 +111,7 @@ export class UserCenterComponentsDriverConfigComponent implements OnInit {
       // { title: '', type: 'checkbox', className: 'text-center' },
       { title: '司机姓名', className: 'text-center', width: '170px', index: 'name' },
       { title: '手机号', className: 'text-center', width: '170px', index: 'mobile' },
-      { title: '类型', className: 'text-center',  width: '170px',render: 'isCaptain' },
+      { title: '类型', className: 'text-center', width: '170px', render: 'isCaptain' },
       { title: '月承运金额上限（元）', className: 'text-center', width: '200px', render: 'monthFreightAmount' },
       { title: '日提现金额上限（元）', className: 'text-center', width: '200px', render: 'dayWithdrawalAmount' },
       { title: '月提现金额上限（元）', className: 'text-center', width: '200px', render: 'monthWithdrawalAmount' },

src/app/routes/usercenter/components/freight/user/user.component.html

@@ -32,7 +32,7 @@
     <div class="mr-sm">
       <button nz-button nzDanger [nzLoading]="service.http.loading" acl [acl-ability]="['USERCENTER-FREIGHT-USER-list']"
         (click)="openDrawer()">筛选</button>
-      <button nz-button nzDanger (click)="st?.load(1)" acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-export']">
+      <button nz-button nzDanger (click)="exportList()" acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-export']">
         导出</button>
     </div>
   </ng-template>

src/app/routes/usercenter/components/freight/user/user.component.less

@@ -1,12 +0,0 @@
-:host::ng-deep {
-
-    nz-range-picker {
-        width: 100%;
-    }
-
-    .content-box {
-        .ant-card-body {
-            padding-top: 6px;
-        }
-    }
-}

src/app/routes/usercenter/components/freight/user/user.component.ts

@@ -22,7 +22,11 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
 
   resourceStatus: any = 0;
 
-  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute,
+  constructor(
+    public service: UsermanageService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
     public searchDrawerService: SearchDrawerService
   ) {
     super(searchDrawerService);
@@ -32,7 +36,6 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
     this.st?.load(1);
   }
 
-
   ngOnInit() {
     this.ar.url.subscribe(params => {
       this.st?.load(1);
@@ -114,6 +117,16 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
     });
   }
 
+  exportList() {
+    const params = { certificationStatus: this.resourceStatus, pageSize: -1 };
+    if (this.sf) {
+      Object.assign(params, {
+        ...this.sf?.value
+      });
+    }
+    this.service.downloadFile(this.service.$api_get_user_list_export, params);
+  }
+
   private initSF(): SFSchema {
     return {
       properties: {
@@ -157,7 +170,7 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
           ],
           default: '',
           ui: {
-            widget: 'select',
+            widget: 'select'
           }
         },
         promotersTelephone: {
@@ -165,7 +178,7 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
           type: 'string',
           maxLength: 11,
           ui: {
-            placeholder: '请输入手机号',
+            placeholder: '请输入手机号'
           }
         },
         effectiveDate: {
@@ -174,7 +187,7 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
           ui: {
             widget: 'date',
             mode: 'range',
-            format: 'yyyy-MM-dd',
+            format: 'yyyy-MM-dd'
           } as SFDateWidgetSchema
         }
       }
@@ -212,19 +225,19 @@ export class FreightComponentsUserComponent extends BasicTableComponent implemen
             click: (item: any) => {
               this.router.navigate(['./view', item.appUserId], { relativeTo: this.ar });
             },
-            acl: { ability: ['USERCENTER-FREIGHT-USER-view'] },
+            acl: { ability: ['USERCENTER-FREIGHT-USER-view'] }
           },
           {
             text: '冻结',
             iif: item => item.stateLocked === 0,
             click: (item: any) => this.userAction(0, [item.appUserId]),
-            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] },
+            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] }
           },
           {
             text: '启用',
             iif: item => item.stateLocked === 1,
             click: (item: any) => this.userAction(1, [item.appUserId]),
-            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] },
+            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] }
           }
         ]
       }

src/app/routes/usercenter/services/usercenter.service.ts

@@ -49,6 +49,8 @@ export class UsermanageService extends ShipperBaseService {
 
   // 货主员工列表(运营后台)
   $api_get_user_list = '/api/mdc/cuc/userApp/getShipperUserInfoList';
+  // 货主员工列表(运营后台)
+  $api_get_user_list_export = '/api/mdc/cuc/userApp/getShipperUserInfoList';
   // 冻结或恢复员工
   $api_lock_staff = '/api/mdc/cuc/userApp/freezeOrResumeStaff';
   // 冻结或恢复应用用户

src/app/routes/vehicle/components/audit/audit.component.html

@@ -1,26 +1,6 @@
-<!--
+<!-- <page-header-wrapper></page-header-wrapper>
- * @Author: your name
- * @Date: 2021-11-29 15:22:34
- * @LastEditTime : 2022-04-20 17:06:02
- * @LastEditors  : Shiming
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\audit\\audit.component.html
--->
-<!-- 页头 -->
-<page-header-wrapper></page-header-wrapper>
 <nz-card>
-  <!-- 搜索区 -->
-  <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
-    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
-    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
-      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" (formSubmit)="st?.load(1)"
-        (formReset)="resetSF()"></sf>
-
-    </div>
-    <!-- [loading]="false" -->
-
-    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
     <ng-container *ngIf="queryFieldCount > 4">
       <div nz-col [nzSpan]="_$expand ? 24 : 18">
         <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
@@ -37,21 +17,34 @@
       </div>
     </ng-container>
   </div>
-</nz-card>
+</nz-card> -->
-<nz-card>
+<nz-card class="table-box">
+  <div class="tab_header">
+    <label class="page_title"><label class="driver">|</label>车辆审核列表</label>
+    <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzSelectedIndex]='defaultTabs'
+      [nzTabBarExtraContent]="extraTemplate">
+      <nz-tab [nzTitle]="'全部'"></nz-tab>
+      <nz-tab [nzTitle]="'待审核'"></nz-tab>
+      <nz-tab [nzTitle]="'审核通过'"></nz-tab>
+      <nz-tab [nzTitle]="'驳回'"></nz-tab>
+    </nz-tabset>
+  </div>
+
+  <ng-template #extraTemplate>
+    <div class="mr-sm">
+      <button nz-button nzDanger [nzLoading]="service.http.loading" acl [acl-ability]="['VEHICLE-AUDIT-search']"
+        (click)="openDrawer()">筛选</button>
+      <button nz-button nzDanger (click)="exportFire()" acl [acl-ability]="['VEHICLE-AUDIT-export']">
+        导出</button>
+      <button nz-button nzType="primary" (click)="addModal()" acl [acl-ability]="['VEHICLE-AUDIT-add']">添加车辆</button>
+    </div>
+  </ng-template>
   <!-- 数据列表 -->
   <!-- [data]="service.$api_get_supplier_page" -->
-  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzSelectedIndex]='defaultTabs'
+
-    [nzTabBarExtraContent]="extraTemplate">
+  <st #st [bordered]="true" [scroll]="{ x: '1200px',y:scrollY }" [columns]="columns"
-    <nz-tab [nzTitle]="'全部'"></nz-tab>
+    [data]='service.$api_get_userCarLicense_list' [req]="{  params: reqParams }" [res]="{  process: dataProcess }"
-    <nz-tab [nzTitle]="'待审核'"></nz-tab>
+    [page]="{  }" [loading]="false">
-    <nz-tab [nzTitle]="'审核通过'"></nz-tab>
-    <nz-tab [nzTitle]="'驳回'"></nz-tab>
-  </nz-tabset>
-  <st #st [bordered]="true" [scroll]="{ x: '1200px' }" [columns]="columns" [data]='service.$api_get_userCarLicense_list'
-    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
-    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
-    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false">
     <ng-template st-row="carLength" let-item let-index="index">
       <div>{{item?.carModel}}-{{item?.carLengthLabel? item?.carLengthLabel + '米' : ''}}-{{ item?.carLoad?
         item?.carLoad + '吨' : ''}}</div>
@@ -69,11 +62,4 @@
       <nz-tag *elseBlock nzColor="success">正常</nz-tag>
     </ng-template>
   </st>
-</nz-card>
+</nz-card>
-<ng-template #extraTemplate>
-  <!-- 工具栏 -->
-  <div class="toolbar" style="float: right;
-    padding-bottom: 15px;">
-    <button nz-button nzType="primary" (click)="addModal()">添加车辆</button>
-  </div>
-</ng-template>

src/app/routes/vehicle/components/audit/audit.component.spec.ts

@@ -1,31 +0,0 @@
-/*
- * @Author: your name
- * @Date: 2021-12-01 20:05:59
- * @LastEditTime: 2021-12-01 20:35:33
- * @LastEditors: your name
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\list.component.spec.ts
- */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { VehicleComponentsListComponent } from './list.component';
-
-describe('VehicleComponentsListComponent', () => {
-  let component: VehicleComponentsListComponent;
-  let fixture: ComponentFixture<VehicleComponentsListComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [VehicleComponentsListComponent],
-    }).compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(VehicleComponentsListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/routes/vehicle/components/audit/audit.component.ts

@@ -3,37 +3,32 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
 import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
 import { ModalHelper } from '@delon/theme';
+import { SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { of, Subject } from 'rxjs';
 import { map } from 'rxjs/operators';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { VehicleService } from '../../../vehicle/services/vehicle.service';
 import { CarSettleCarauthComponent } from '../list/carauth/carauth.component';
 @Component({
   selector: 'app-Vehicle-components-audit',
-  templateUrl: './audit.component.html'
+  templateUrl: './audit.component.html',
+  styleUrls: ['../../../commom/less/commom-table.less']
 })
-export class VehicleComponentsAuditComponent implements OnInit {
+export class VehicleComponentsAuditComponent extends BasicTableComponent implements OnInit {
-  _$expand = false;
   resourceStatus: any = 1;
   defaultTabs = 1;
-  ui!: SFUISchema;
-  schema!: SFSchema;
   columns!: STColumn[];
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
 
   constructor(
     public service: VehicleService,
-    private modal: NzModalService,
     private router: Router,
     private ar: ActivatedRoute,
-    private modalHelper: ModalHelper
+    private modalHelper: ModalHelper,
-  ) {}
+    public searchDrawerService: SearchDrawerService
-  /**
+  ) {
-   * 查询字段个数navigate
+    super(searchDrawerService);
-   */
-  get queryFieldCount(): number {
-    return Object.keys(this.schema?.properties || {}).length;
   }
 
   /**
@@ -65,6 +60,11 @@ export class VehicleComponentsAuditComponent implements OnInit {
       this.st?.load(1);
     });
   }
+
+  search() {
+    this.st?.load(1);
+  }
+
   dataProcess(data: STData[]): STData[] {
     return data.map((i, index) => {
       i.showSortFlag = false;
@@ -101,9 +101,6 @@ export class VehicleComponentsAuditComponent implements OnInit {
                 return of([]);
               }
             },
-            visibleIf: {
-              _$expand: (value: boolean) => value
-            }
           } as SFSelectWidgetSchema
         },
         carNoColor: {
@@ -130,12 +127,7 @@ export class VehicleComponentsAuditComponent implements OnInit {
         saveUser: {
           type: 'string',
           title: '录入人员',
-          ui: {
+        }
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
-          }
-        },
         // approvalStatus: {
         //   type: 'string',
         //   title: '审核状态',
@@ -170,7 +162,6 @@ export class VehicleComponentsAuditComponent implements OnInit {
         // }
       }
     };
-    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
   }
 
   initST() {
@@ -228,20 +219,9 @@ export class VehicleComponentsAuditComponent implements OnInit {
   daoyun(item: any) {
     this.router.navigate(['./view', item], { relativeTo: this.ar });
   }
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
   creat() {
     this.router.navigate(['./new'], { relativeTo: this.ar });
   }
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
   // 导出
   exportFire() {
     let params = Object.assign({}, this.reqParams || {});

src/app/routes/vehicle/components/audit/detail/detail.component.html

@@ -7,7 +7,7 @@
   </ng-template>
   <ng-template #content>
     <sv-container col="3" class="new-sv-container">
-      <h2>车牌号66：{{ detailData?.carNo }}
+      <h2>车牌号：{{ detailData?.carNo }}
       </h2>
       <sv-title style="font-weight: 700">
         <!-- <span *ngIf="detailData?.approvalStatus === 1 || detailData?.approvalStatus === '1'">未上传</span>
@@ -47,11 +47,7 @@
     <div class="mb-xs common-order-header" nz-row>
       <div style="display: flex;">
         <button nz-button nzType="primary" nzSize="small" nzDanger>{{ carStatus[detailData?.approvalStatus] }}</button>
-        <div style="display: flex;align-items: center; ">
+        <b class="ml-md" style="font-size: 18px;padding-right: 10px;">车牌号: {{ detailData?.carNo }}</b>
-          <b class="ml-md" style="font-size: 18px;padding-right: 10px;">车牌号: {{ detailData?.carNo }}</b>
-          <div  *ngIf="detailData.networkStatus"> <span style="height: 5px; width: 5px; border-radius: 50%; background-color: green;display: inline-block;"></span> 已入网</div>
-          <div *ngIf="!detailData.networkStatus"><span style="height: 5px; width: 5px; border-radius: 50%; background-color: red;display: inline-block;"></span>未入网</div>
-        </div>
       </div>
       <div>
         <ng-container *ngIf="!isEdit">

src/app/routes/vehicle/components/list/carauth/carauth.component.html

@@ -40,11 +40,12 @@
         </ng-template>
         <div #aaa style="position: absolute; top: 87.5%; left: 21%; opacity: 0; ">
             <div style="color: #0c77e7;" (click)='view()'>点击查看行政区域代码</div>
-         </div>
+        </div>
     </sf>
     <img class="drivercard borderImg" height="104" src="/assets/images/vehicle/car.png" />
-  
+</div>
 <div class="modal-footer">
     <button nz-button type="button" (click)="close()">关闭</button>
-    <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && i.flag !== 'view')" [nzLoading]="service.http.loading">确定</button>
+    <button nz-button type="button" nzType="primary" (click)="submitForm()"
+        [disabled]="!(sf?.valid && i.flag !== 'view')" [nzLoading]="service.http.loading">确定</button>
 </div>

src/app/routes/vehicle/components/list/carauth/carauth.component.less

@@ -1,129 +1,68 @@
 .sfBox {
     position: relative;
-    .example {
+    height  : 550px;
-        position: absolute;
+    overflow: auto;
-        top: 215px;
-        right: 265px;
-        color: #1890ff;
-        cursor: pointer;
-        .popBox {
-            position: absolute;
-            top: -170px;
-            left: -125px;
-            width: 300px;
-            padding: 20px;
-            text-align: center;
-            background: #fff;
-            border: solid 1px #eee;
-            border-radius: 6px;
-            box-shadow: 0 1px 5px 1px #ececec;
-            &::before {
-                position: absolute;
-                bottom: -5px;
-                left: 50%;
-                width: 10px;
-                height: 10px;
-                margin-left: -5px;
-                background: #fff;
-                box-shadow: 0 1px 5px 1px #ececec;
-                transform: rotate(45deg);
-                content: '';
-            }
-            &::after {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                z-index: 10;
-                width: 100%;
-                height: 10px;
-                background: #fff;
-                content: '';
-            }
-            img {
-                max-width: 100%;
-                max-height: 200px;
-            }
-        }
-    }
-    .positionSet{
-        top: 356px;
-        right: 235px;
-    }
-    .positionSet01{
-        top: 500px;
-        right: 200px;
-    }
-    .positionSet02{
-        top: 664px;
-        right: 265px;
-    }
-    .positionSet03{
-        top: 808px;
-        right: 205px;
-    
-    }
-}
-.exaA{
-    position: absolute;
-    top: 0;
-    left: 300px
 }
+
 .pr {
     position: relative;
 }
 
 .pa {
     position: absolute;
-    top: 35px;
+    top     : 35px;
-    left: 140px;
+    left    : 140px;
 }
 
 .tips {
-    display: flex;
+    display      : flex;
     margin-bottom: 0;
-    color: #333;
+    color        : #333;
 
     dt {
         width: 150px;
     }
 
     dd {
-        width: 190px;
+        width        : 190px;
         margin-bottom: 0;
-        text-align: center;
+        text-align   : center;
     }
 }
-.drivercard{
+
+.drivercard {
     position: absolute;
-    top: 0;
+    top     : 0;
-    left: 325px;
+    left    : 325px;
-    border: solid 1px #ebf0fb;
+    border  : solid 1px #ebf0fb;
 }
-.jopcard{
+
-    position: absolute;
+
-    top: 1356px;
+:host {
-    left: 330px;
-    border: solid 1px #ebf0fb;
-}
-.agreement{
-    position: absolute;
-    top: 425px;
-    left: 330px;
-    border: solid 1px #ebf0fb;
-}
-:host{
     ::ng-deep {
-        .ant-input-borderless{
+        .ant-input-borderless {
-            padding: 0;
+            padding    : 0;
             padding-top: 4px;
-            color: black;
+            color      : black;
-            resize:none;
+            resize     : none;
         }
-        .setCustom .ant-form-item-control{
+
-            margin-left: -100px !important
+        .setCustom {
+            nz-form-item {
+                width: auto !important;
+            }
+
+            .ant-form-item-control {
+                margin-left: -100px !important
+            }
         }
-        .borderImg{
+
+        .borderImg {
             border: solid 1px #ebf0fb;
         }
+
+        nz-date-picker {
+            width: 100%;
+        }
     }
 }

src/app/routes/vehicle/components/list/carauth/carauth.component.ts

@@ -658,7 +658,7 @@ export class CarSettleCarauthComponent implements OnInit {
         grid: { span: 12 }
       },
       $agreeImg: {
-        grid: { span: 4 },
+        grid: { span: 3 },
         class: 'setCustom'
       },
       $titleB: {

src/app/routes/vehicle/components/list/list.component.html

@@ -1,16 +1,5 @@
-<!--
+<!-- <page-header-wrapper></page-header-wrapper>
- * @Author: your name
- * @Date: 2021-11-29 15:22:34
- * @LastEditTime : 2022-02-17 17:25:34
- * @LastEditors  : Shiming
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\list\\list.component.html
--->
-<!-- 页头 -->
-<page-header-wrapper></page-header-wrapper>
 <nz-card>
-  <!-- 搜索区 -->
-  <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
     <div nz-col [nzSpan]="_$expand ? 24 : 18">
       <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
@@ -27,11 +16,20 @@
       </button>
     </div>
   </div>
-</nz-card>
+</nz-card> -->
-<nz-card>
+<nz-card class="table-box">
-  <!-- 数据列表 -->
+  <div class="header_box">
+    <label class="page_title"> <label class="driver">|</label> 车辆列表</label>
+    <div class="mr-sm">
+      <button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()" acl
+        [acl-ability]="['VEHICLE-LIST-search']">筛选</button>
+      <button nz-button nzDanger (click)="exportFire()" acl [acl-ability]="'VEHICLE-LIST-export'">
+        导出</button>
+    </div>
+  </div>
 
-  <st #st [bordered]="true" [scroll]="{ x: '1200px' }" [columns]="columns" [data]="service.$api_get_operate_list"
+  <!-- 数据列表 -->
+  <st #st [bordered]="true" [scroll]="{ x: '1200px',y:scrollY }" [columns]="columns" [data]="service.$api_get_operate_list"
     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
     [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
     [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false">

src/app/routes/vehicle/components/list/list.component.ts

@@ -1,25 +1,29 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STComponent, STData } from '@delon/abc/st';
-import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { SFSchemaEnum, SFSelectWidgetSchema } from '@delon/form';
-import { NzModalService } from 'ng-zorro-antd/modal';
+import { SearchDrawerService } from '@shared';
 import { of } from 'rxjs';
 import { map } from 'rxjs/operators';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { VehicleService } from '../../../vehicle/services/vehicle.service';
 @Component({
   selector: 'app-Vehicle-components-list',
-  templateUrl: './list.component.html'
+  templateUrl: './list.component.html',
+  styleUrls: ['../../../commom/less/commom-table.less']
 })
-export class VehicleComponentsListComponent implements OnInit {
+export class VehicleComponentsListComponent extends BasicTableComponent implements OnInit {
-  _$expand = false;
-
-  ui!: SFUISchema;
-  schema!: SFSchema;
   columns!: STColumn[];
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
 
-  constructor(public service: VehicleService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
+  constructor(
+    public service: VehicleService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    public searchDrawerService: SearchDrawerService
+  ) {
+    super(searchDrawerService);
+  }
 
   /**
    * 查询参数
@@ -37,6 +41,10 @@ export class VehicleComponentsListComponent implements OnInit {
     return params;
   }
 
+  search() {
+    this.st?.load(1);
+  }
+
   ngOnInit() {
     this.initSF();
     this.initST();
@@ -109,10 +117,7 @@ export class VehicleComponentsListComponent implements OnInit {
           ui: {
             widget: 'dict-select',
             params: { dictKey: 'car:model' },
-            containsAllLabel: true,
+            containsAllLabel: true
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         carLength: {
@@ -121,20 +126,12 @@ export class VehicleComponentsListComponent implements OnInit {
           ui: {
             widget: 'dict-select',
             params: { dictKey: 'car:length' },
-            containsAllLabel: true,
+            containsAllLabel: true
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         carLoad: {
           title: '载重',
-          type: 'string',
+          type: 'string'
-          ui: {
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
-          }
         },
         isSelf: {
           type: 'string',
@@ -145,10 +142,7 @@ export class VehicleComponentsListComponent implements OnInit {
           ],
           ui: {
             widget: 'select',
-            allowClear: true,
+            allowClear: true
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         driverLicenseStatus: {
@@ -162,10 +156,7 @@ export class VehicleComponentsListComponent implements OnInit {
           default: '',
           ui: {
             widget: 'select',
-            allowClear: true,
+            allowClear: true
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         roadTransportStatus: {
@@ -178,12 +169,9 @@ export class VehicleComponentsListComponent implements OnInit {
           ],
           ui: {
             widget: 'select',
-            allowClear: true,
+            allowClear: true
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
-        },
+        }
         // isSelfs: {
         //   type: 'string',
         //   title: '是否入网',
@@ -216,7 +204,6 @@ export class VehicleComponentsListComponent implements OnInit {
         // },
       }
     };
-    this.ui = { '*': { spanLabelFixed: 130, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
   }
 
   initST() {
@@ -292,20 +279,9 @@ export class VehicleComponentsListComponent implements OnInit {
       }
     ];
   }
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
   creat() {
     this.router.navigate(['./new'], { relativeTo: this.ar });
   }
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
   // 导出
   exportFire() {
     let params = Object.assign({}, this.reqParams || {});

src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html

@@ -274,7 +274,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" #st [data]="addressItems"  [noResult]='"暂无停车信息"'  [columns]="logColumns2" [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

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

@@ -38,8 +38,8 @@ export class WaybillManagementBulkeDetailComponent implements OnInit {
   modalTitle: string = '';
   unLoadingPlaceVOList: any = [];
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte' },
+    { title: '停车时间', index: 'parkBte' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   logColumns: STColumn[] = [
     { title: '款项', index: 'costCodeLabel' },

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

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-03 15:31:52
- * @LastEditTime : 2022-04-06 15:37:30
+ * @LastEditTime : 2022-05-06 10:04:19
  * @LastEditors  : Shiming
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\vehicle-detail\\vehicle-detail.component.html
@@ -272,7 +272,7 @@
     <div nz-col [nzSpan]="24">
       <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList">
       </amap-path-simplifier>
-      <st [scroll]="{ y: '350px' }" #st [data]="addressItems" [columns]="logColumns2" [ps]="0"
+      <st [scroll]="{ y: '350px' }" #st [data]="addressItems"  [noResult]='"暂无停车信息"'  [columns]="logColumns2" [ps]="0"
         [page]="{ show: false, showSize: false }" size="small" class="map_st">
       </st>
       <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)" class="map_radio">

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 : 2022-04-01 11:11:14
+ * @LastEditTime : 2022-05-06 09:55:19
  * @LastEditors  : Shiming
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\vehicle-detail\\vehicle-detail.component.ts
@@ -36,8 +36,8 @@ export class WaybillManagementVehicleDetailComponent implements OnInit, OnDestro
   imges: any;
   unLoadingPlaceVOList: any = [];
   logColumns2: STColumn[] = [
-    { title: '时间', index: 'parkBte' },
+    { title: '停车时间', index: 'parkBte' },
-    { title: '地点', index: 'parkAdr' }
+    { title: '停车地点', index: 'parkAdr' }
   ];
   modalcontent: any;
   modalTitle: string = '';