e

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

@@ -94,10 +94,10 @@
         <input nz-input type="text" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
           [nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
       </sv>
-      <sv label="有效期"  col="1">
+      <sv label="有效期" col="1">
         <nz-date-picker [(ngModel)]="userIdentityDetail.validStartTime" [nzDisabled]="!isEditUser" nzPlaceHolder=" "
-        [nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;" class="calendar">
-      </nz-date-picker>
+          [nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;" class="calendar">
+        </nz-date-picker>
         -
         <ng-container *ngIf="!isEditUser && !userIdentityDetail?.validEndTime && userIdentityDetail?.validStartTime">
           <label style="padding-left: 11px;">长期</label>
@@ -110,7 +110,7 @@
             (ngModelChange)="$event?userIdentityDetail.validEndTime='':''" class="ml-sm">长期</label>
         </ng-container>
       </sv>
-  
+
       <sv label="身份证照" col="1">
         <div class="d-flex">
           <ng-container
@@ -166,19 +166,21 @@
       </sv>
       <sv label="有效期" col="1">
         <nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
-        [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;" class="calendar">
-      </nz-date-picker>
-      -
-      <ng-container *ngIf="!isEditDriver && !driverDetail?.validEndTime && driverDetail?.validStartTime">
-        <label style="padding-left: 11px;">长期</label>
-      </ng-container>
-      <nz-date-picker [(ngModel)]="driverDetail.validEndTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
-        [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;" class="calendar">
-      </nz-date-picker>
-      <ng-container *ngIf="isEditDriver">
-        <label nz-checkbox [ngModel]="!!!driverDetail.validEndTime"
-          (ngModelChange)="$event?driverDetail.validEndTime='':''" class="ml-sm">长期</label>
-      </ng-container>
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        -
+        <ng-container *ngIf="!isEditDriver && !driverDetail?.validEndTime && driverDetail?.validStartTime">
+          <label style="padding-left: 11px;">长期</label>
+        </ng-container>
+        <nz-date-picker [(ngModel)]="driverDetail.validEndTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        <ng-container *ngIf="isEditDriver">
+          <label nz-checkbox [ngModel]="!!!driverDetail.validEndTime"
+            (ngModelChange)="$event?driverDetail.validEndTime='':''" class="ml-sm">长期</label>
+        </ng-container>
       </sv>
       <!-- <sv label="有效期起">
         <nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver"
@@ -229,14 +231,16 @@
       </sv> -->
       <sv label="发证日期" col="2">
         <nz-date-picker [(ngModel)]="licenseDetail.validStartTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
-        [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;" class="calendar">
-      </nz-date-picker>
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
         -
         <ng-container *ngIf="!isEditDriver && !licenseDetail?.validEndTime && licenseDetail?.validStartTime">
           <label style="padding-left: 11px;">长期</label>
         </ng-container>
         <nz-date-picker [(ngModel)]="licenseDetail.validEndTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
-          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;" class="calendar">
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
         </nz-date-picker>
         <ng-container *ngIf="isEditDriver">
           <label nz-checkbox [ngModel]="!!!licenseDetail.validEndTime"
@@ -244,7 +248,7 @@
         </ng-container>
 
       </sv>
-  
+
       <sv label="从业资格证照片" col="1">
         <ng-container
           *ngTemplateOutlet="uploadTemplate;context:{data:licenseDetail,status:isEditDriver,key:'certificatePhotoWatermark',key2:'certificatePhoto',hover:'licenseCertificate'}">
@@ -291,13 +295,16 @@
   </sv-container>
 
   <sv-container col="3" class="mt-md">
-    <sv-title>银行结算信息</sv-title>
-    <sv label="开户银行">
-      {{ userIdentityDetail?.name }}
-    </sv>
-    <sv label="银行卡号">
-      {{ userIdentityDetail?.certificateNumber }}
-    </sv>
+    <sv-title>银行结算信息 <ng-container *ngIf="bankList?.length===0">（暂无银行信息）</ng-container>
+    </sv-title>
+    <ng-container *ngFor="let item of bankList">
+      <sv label="开户银行">
+        {{ item.bankName }}
+      </sv>
+      <sv label="银行卡号">
+        {{ item?.bankCardNumber }}
+      </sv>
+    </ng-container>
   </sv-container>
 
   <nz-divider></nz-divider>