车辆对接

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

@@ -121,8 +121,21 @@
           [nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
       </sv>
       <sv label="准驾车型">
-        <input nz-input type="text" [(ngModel)]="driverDetail.driverModel" [readonly]="!isEditDriver"
-          [nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
+      <nz-select
+      [nzMaxTagCount]="3"
+      nzPlaceHolder="Please select"
+      [(ngModel)]="driverDetail.driverModel" 
+      nzMode="multiple"
+      [nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver"
+      [nzShowArrow]="isEditDriver"
+      [nzDisabled]="!isEditDriver"
+    >
+    <nz-option
+    *ngFor="let i of contencarModel"
+    [nzLabel]="i.label"
+    [nzValue]="i.label"
+  ></nz-option>
+    </nz-select>
       </sv>
       <sv label="有效期起">
         <nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver"

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

@@ -19,11 +19,12 @@ import { UsermanageService } from '../../../services/usercenter.service';
 export class UserCenterComponentsDriverDetailComponent implements OnInit {
   detailData: any;
   userDetail: any;
+  contencarModel: any;
   userIdentityDetail: any = {};
   tempalateUserIdentityDetail = { ...this.userIdentityDetail };
   driverDetail: any = {
     licenseNo: '',
-    driverModel: '',
+    driverModel: [],
     validStartTime: '',
     validEndTime: '',
     signingOrganization: '',
@@ -35,7 +36,7 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
     validStartTime: '',
     validEndTime: '',
     certificatePhotoWatermark: '',
-    regionCode: '',
+    regionCode: ''
   };
   tempalateLicenseDetail = { ...this.licenseDetail };
   columns: STColumn[] = [
@@ -75,6 +76,12 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
         this.userDetail = res;
       }
     });
+    this.service.request(this.service.$api_getDictValue, { dictKey: 'driverModel' }).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.contencarModel = res;
+      }
+    });
     // 获取用户个人信息
     this.service.request(this.service.$api_get_user_identity, { id: this.route.snapshot.params.id }).subscribe(res => {
       if (res) {
@@ -85,8 +92,10 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
     // 获取驾驶证信息
     this.service.request(this.service.$api_get_driver_license, { appUserId: this.route.snapshot.params.id }).subscribe(res => {
       if (res?.id) {
-      console.log('driverDetail' ,res);
+        Object.assign(res, { driverModel: res.driverModel ? res.driverModel.split(',') : [] });
+        console.log('driverDetail', res);
         this.driverDetail = res;
+
         this.tempalateDriverData = { ...this.driverDetail };
       }
     });
@@ -229,7 +238,7 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
    */
   ratify(type: number) {
     if (type) {
-      console.log(this.driverDetail)
+      console.log(this.driverDetail);
       this.isEditDriver = true;
     } else {
       this.isEditUser = true;
@@ -250,28 +259,28 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
       this.isEditUser = false;
     }
   }
-    /*
+  /*
    * 根据地区code查询地区详情
    * code：请求参数
    * type：参数 name：获取省市区名称，fullcode：获取省市区code
    * num：参数 1：第一个地区选择，2：第二个地区选择
    */
-    initDetailByCode() {
-      // 根据地区code查询地区详情
-    this.service.request(this.service.$api_get_region_by_code, { regionCode:'' }).subscribe((res: any) => {
-      console.log(res)
-      this.adressCodeList = res
-    })
-    }
+  initDetailByCode() {
+    // 根据地区code查询地区详情
+    this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe((res: any) => {
+      console.log(res);
+      this.adressCodeList = res;
+    });
+  }
 
   /**
    * 修改驾驶证，从业资格证信息
    */
   saveDriver() {
-    console.log(this.route.snapshot.params.id)
+    console.log(this.route.snapshot.params.id);
     const driverDetail = this.driverDetail;
     const licenseDetail = this.licenseDetail;
-    console.log(this.driverDetail)
+    console.log(this.driverDetail);
     const params = {
       userId: this.route.snapshot.params.id,
       mobile: this.userDetail?.phone,
@@ -280,7 +289,7 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
         appUserId: driverDetail?.appUserId || this.route.snapshot.params.id,
         certificatePhoto: driverDetail.certificatePhoto,
         certificatePhotoWatermark: driverDetail.certificatePhotoWatermark,
-        driverModel: driverDetail.driverModel,
+        driverModel: driverDetail.driverModel.join(','),
         id: driverDetail.id,
         licenseNo: driverDetail.licenseNo,
         signingOrganization: driverDetail.signingOrganization,
@@ -311,6 +320,7 @@ export class UserCenterComponentsDriverDetailComponent implements OnInit {
             : this.datePipe.transform(licenseDetail.validStartTime, 'yyyy-MM-dd')
       }
     };
+    console.log(params)
     this.service.request(this.service.$api_update_driver_license, params).subscribe(res => {
       if (res) {
         this.service.msgSrv.success('修改成功');

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

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-11-29 15:22:34
- * @LastEditTime: 2022-01-04 10:11:16
+ * @LastEditTime: 2022-01-05 10:30:26
  * @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
@@ -105,6 +105,8 @@ export class UsermanageService extends ShipperBaseService {
   $api_ocr_recognize_business_license = '/api/mdc/pbc/hwc/ocr/recognizeBusinessLicense';
   // 身份证识别
   $api_ocr_recognize_id_card = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+  // 获取字典
+  $api_getDictValue = '/api/mdc/pbc/dictItems/getDictValue';
 
   constructor(public injector: Injector, private nzModalService: NzModalService, public eaCacheSrv: EACacheService) {
     super(injector,eaCacheSrv);