From 7c60afa1228c15cef46bafa3817833e2c57fd9ca Mon Sep 17 00:00:00 2001
From: Taric Xin <LincolnLin@swireproperties.com>
Date: Fri, 15 Apr 2022 14:16:04 +0800
Subject: [PATCH] edit

---
 .../audit/detail/detail.component.html        | 109 ++++++++----------
 1 file changed, 50 insertions(+), 59 deletions(-)

diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.html b/src/app/routes/vehicle/components/audit/detail/detail.component.html
index 58b837f0..1bda3ea9 100644
--- a/src/app/routes/vehicle/components/audit/detail/detail.component.html
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.html
@@ -15,11 +15,15 @@
         <span *ngIf="detailData?.approvalStatus === 20 || detailData?.approvalStatus === '20'">已审核</span>
         <span *ngIf="detailData?.approvalStatus === 30 || detailData?.approvalStatus === '30'">已驳回</span>
         <span *ngIf="detailData?.approvalStatus === 40 || detailData?.approvalStatus === '40'">证件过期</span>
-        <div style="float: right;" *ngIf="detailData?.approvalStatus === 10 || detailData?.approvalStatus === '10'">
+        <div style="float: right;" *ngIf="detailData?.approvalStatus !== 20 && detailData?.approvalStatus !== '20'">
           <ng-container *ngIf="!isEdit ">
-            <button nz-button nzType="default" nzDanger (click)="approveDriver()" acl acl-ability="VEHICLE-AUDIT-DETAIL-pass">通过</button>
-            <button nz-button nzType="default" nzDanger (click)="rejectedDriver()" acl acl-ability="VEHICLE-AUDIT-DETAIL-reject">驳回</button>
-            <button nz-button nzType="default" nzDanger (click)="ratify()" acl acl-ability="VEHICLE-AUDIT-DETAIL-save">修改</button>
+            <button nz-button nzType="default" nzDanger (click)="approveDriver()" acl
+              acl-ability="VEHICLE-AUDIT-DETAIL-pass">通过</button>
+            <button nz-button nzType="default" nzDanger (click)="rejectedDriver()" acl
+              acl-ability="VEHICLE-AUDIT-DETAIL-reject"
+              *ngIf="detailData?.approvalStatus === 10 || detailData?.approvalStatus === '10'">驳回</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify()" acl
+              acl-ability="VEHICLE-AUDIT-DETAIL-save">修改</button>
           </ng-container>
           <ng-container *ngIf="isEdit">
             <button nz-button nzType="default" (click)="reset()">取消</button>
@@ -44,54 +48,42 @@
     </sv-title>
     <sv label="车牌颜色">
       <nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
-      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
-        <nz-option
-          *ngFor="let i of contenCarNoColor"
-          [nzLabel]="i.label"
-          [nzValue]="i.value"
-        ></nz-option>
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
       </nz-select>
     </sv>
     <sv label="车型">
       <nz-select [(ngModel)]="detailData.carModel" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
-      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
-        <nz-option
-          *ngFor="let i of contencarModel"
-          [nzLabel]="i.label"
-          [nzValue]="i.value"
-        ></nz-option>
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
       </nz-select>
     </sv>
     <sv label="车长">
       <nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
-            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
-              <nz-option
-                *ngFor="let i of contenCarLength"
-                [nzLabel]="i.label"
-                [nzValue]="i.value"
-              ></nz-option>
-            </nz-select>
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option *ngFor="let i of contenCarLength" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
+      </nz-select>
     </sv>
     <sv label="是否为挂车">
       <nz-select [(ngModel)]="detailData.isTrailer" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
-      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
-      <nz-option [nzValue]="false" nzLabel="否"></nz-option>
-      <nz-option [nzValue]="true" nzLabel="是"></nz-option>
-    </nz-select>
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+        <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+      </nz-select>
     </sv>
     <sv label="是否挂靠">
       <nz-select [(ngModel)]="detailData.isSelf" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
-      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
-      <nz-option [nzValue]="false" nzLabel="否"></nz-option>
-      <nz-option [nzValue]="true" nzLabel="是"></nz-option>
-    </nz-select>
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+        <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+      </nz-select>
     </sv>
   </sv-container>
   <sv-container col="1" class="mt-md">
     <sv label="车头照">
       <ng-container
-            *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.carFrontPhotoWatermark,key:'carFrontPhotoWatermark',hover: 'PhotoWatermark2'}">
-          </ng-container>
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.carFrontPhotoWatermark,key:'carFrontPhotoWatermark',hover: 'PhotoWatermark2'}">
+      </ng-container>
     </sv>
   </sv-container>
   <nz-divider></nz-divider>
@@ -100,26 +92,26 @@
     <sv-title style="font-weight: 700;">行驶证信息</sv-title>
     <sv label="档案编号">
       <input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+        [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="行驶证注册日期">
       <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
       [placeholder]="isEdit?'':'-'"> -->
       <nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
-      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
     </sv>
   </sv-container>
 
-    <sv-container col="3">
-      <sv label="行驶证到期日">
-        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+  <sv-container col="3">
+    <sv label="行驶证到期日">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
         [placeholder]="isEdit?'':'-'"> -->
-        <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
+      <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
         [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
-      </sv>
+    </sv>
     <sv label="行驶证签发机关">
-      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.driverLicenseSigningOrg" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
+        [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
     </sv>
   </sv-container>
 
@@ -128,11 +120,11 @@
       <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
       [placeholder]="isEdit?'':'-'"> -->
       <nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
-      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
     </sv>
     <sv label="车辆识别代码">
-      <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+      <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="使用性质">
       <nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
@@ -146,15 +138,15 @@
   <sv-container col="3">
     <sv label="载重（吨）">
       <input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+        [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="整备质量">
       <input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+        [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="所有人">
-      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
     </sv>
   </sv-container>
   <sv-container col="1">
@@ -162,7 +154,7 @@
       <ng-container
         *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark',hover: 'FrontWatermark'}">
       </ng-container>
-        <ng-container
+      <ng-container
         *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover: 'BackWatermark'}">
       </ng-container>
     </sv>
@@ -172,28 +164,28 @@
     <sv-title style="font-weight: 700;">道路运输证信息</sv-title>
     <sv label="道路运输证号">
       <input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+        [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="经营许可证号">
-      <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
-      [placeholder]="isEdit?'':'-'">
+      <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
     </sv>
     <sv label="发证日期">
       <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
       [placeholder]="isEdit?'':'-'"> -->
       <nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
-      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
     </sv>
     <sv label="有效期至">
       <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
       [placeholder]="isEdit?'':'-'"> -->
       <nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
-      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
     </sv>
     <sv label="道路运输证照片">
       <ng-container
-      *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.roadTransportPhotoWatermark,key:'roadTransportPhotoWatermark', hover: 'Watermark'}" >
-    </ng-container>
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.roadTransportPhotoWatermark,key:'roadTransportPhotoWatermark', hover: 'Watermark'}">
+      </ng-container>
     </sv>
   </sv-container>
   <nz-divider></nz-divider>
@@ -201,8 +193,7 @@
     <sv-title style="font-weight: 700;">认证司机</sv-title>
   </sv-container>
   <st #st [bordered]="true" [columns]="columns" [data]="service.$api_get_queryDriverByCarId"
-  [req]="{  method: 'POST', allInBody: true, params: reqParams }"
-    [res]="{ reName: { list: 'data', total: 'data' } }"
+    [req]="{  method: 'POST', allInBody: true, params: reqParams }" [res]="{ reName: { list: 'data', total: 'data' } }"
     [ngStyle]="{ margin: '1rem 0' }" multiSort size="small" [page]="{ show: false }">
     <ng-template st-row="auditStatusEnum" let-item let-index="index">
       <div>