车辆对接

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

@@ -1,8 +1,10 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
-import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
 import { VehicleService } from '../../../vehicle/services/vehicle.service';
 @Component({
   selector: 'app-Vehicle-components-audit',
@@ -68,7 +70,28 @@ export class VehicleComponentsAuditComponent implements OnInit {
             hidden: true,
           },
         },
-        carNo: { title: '车牌号', type: 'string', ui: { showRequired: false } },
+        carNo: { 
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              if (!!q) {
+                return this.service
+                  .request(this.service.$api_get_getCarLicenseListByCarNo, {
+                    carNo: q
+                  })
+                  .pipe(map((res: any[]) => (res as any[]).map((i) => ({ label: i.carNo, value: i.carNo } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+          } as SFSelectWidgetSchema,
+         },
         carNoColor: {
           type: 'string',
           title: '车牌颜色',
@@ -80,9 +103,12 @@ export class VehicleComponentsAuditComponent implements OnInit {
         isSelf: {
           type: 'string',
           title: '是否挂靠',
+          enum: [
+            { label: '是', value: true },
+            { label: '否', value: false },
+          ],
           ui: {
-            widget: 'dict-select',
-            params: { dictKey: 'Whether' },
+            widget: 'select',
           }
         },
         saveUser: {

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

@@ -1,9 +1,11 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
-import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { format } from 'path';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
 import { VehicleService } from '../../../vehicle/services/vehicle.service';
 @Component({
   selector: 'app-Vehicle-components-list',
@@ -69,7 +71,28 @@ export class VehicleComponentsListComponent implements OnInit {
             hidden: true,
           },
         },
-        carNo: { title: '车牌号', type: 'string', ui: { showRequired: false } },
+        carNo: { 
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              if (!!q) {
+                return this.service
+                  .request(this.service.$api_get_getCarLicenseListByCarNo, {
+                    carNo: q
+                  })
+                  .pipe(map((res: any[]) => (res as any[]).map((i) => ({ label: i.carNo, value: i.carNo } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+          } as SFSelectWidgetSchema,
+         },
         carNoColor: {
           type: 'string',
           title: '车牌颜色',

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

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-11-29 15:22:34
- * @LastEditTime: 2021-12-16 15:57:25
+ * @LastEditTime: 2021-12-17 09:34:09
  * @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\usercenter\services\usercenter.service.ts
@@ -44,6 +44,9 @@ export class VehicleService extends BaseService {
   // 上传司机挂靠协议
   $api_get_upLoadCarProtocal= `/api/mdc/cuc/carLicenseAudit/operate/upLoadCarProtocal`;
 
+  // 根据车牌号查询车辆信息
+  $api_get_getCarLicenseListByCarNo= `/api/mdc/cuc/carLicenseAudit/operate/getCarLicenseListByCarNo`;
+
 
 
   constructor(public injector: Injector) {