|
|
|
|
@ -73,19 +73,20 @@
|
|
|
|
|
<p style="margin-bottom: 0">
|
|
|
|
|
车辆基础信息
|
|
|
|
|
<label *ngIf="detailData?.carInfoVerifyResult" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover [nzPopoverTitle]="titleTemplate1" [nzPopoverContent]="contentTemplate1">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate1>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate1>
|
|
|
|
|
{{detailData?.carInfoVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover [nzPopoverTitle]="titleTemplate1"
|
|
|
|
|
[nzPopoverContent]="contentTemplate1">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate1>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate1>
|
|
|
|
|
{{detailData?.carInfoVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
</label>
|
|
|
|
|
<label *ngIf="!detailData?.carInfoVerifyResult" style="color: #52c41a"><i nz-icon nzType="check-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
</label>
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
</label>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<sv-container col="3" labelWidth="140">
|
|
|
|
|
@ -100,8 +101,8 @@
|
|
|
|
|
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
|
|
|
|
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
|
|
|
|
</nz-select> -->
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
|
|
|
|
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="车长">
|
|
|
|
|
<nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
|
|
|
|
@ -150,6 +151,15 @@
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="车辆品牌">
|
|
|
|
|
<ng-container *ngIf="isEdit; else carBrandTemplate">
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.carBrand" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-template #carBrandTemplate>
|
|
|
|
|
{{detailData?.carBrand }}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="行驶证注册日期">
|
|
|
|
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit?'':'-'"> -->
|
|
|
|
|
@ -165,32 +175,27 @@
|
|
|
|
|
<a class="sign"></a>
|
|
|
|
|
<p style="margin-bottom: 0">
|
|
|
|
|
行驶证信息
|
|
|
|
|
<label *ngIf="detailData?.driverLicenseVerifyResult" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover [nzPopoverTitle]="titleTemplate2" [nzPopoverContent]="contentTemplate2">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate2>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate2>
|
|
|
|
|
{{detailData?.driverLicenseVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
<label *ngIf="detailData?.driverLicenseVerifyResult" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover [nzPopoverTitle]="titleTemplate2"
|
|
|
|
|
[nzPopoverContent]="contentTemplate2">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate2>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate2>
|
|
|
|
|
{{detailData?.driverLicenseVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
</label>
|
|
|
|
|
<label *ngIf="!detailData?.driverLicenseVerifyResult" style="color: #52c41a"><i nz-icon nzType="check-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
</label>
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
</label>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<sv-container col="3" class="new-sv-container" labelWidth="140">
|
|
|
|
|
<sv label="发动机号码">
|
|
|
|
|
<input
|
|
|
|
|
nz-input
|
|
|
|
|
type="text"
|
|
|
|
|
[(ngModel)]="detailData.engineNo"
|
|
|
|
|
[readonly]="!isEdit"
|
|
|
|
|
[nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'"
|
|
|
|
|
/>
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="行驶证到期日">
|
|
|
|
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
@ -237,14 +242,9 @@
|
|
|
|
|
[placeholder]="isEdit ? '' : '-'" />
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="报废日期">
|
|
|
|
|
<nz-date-picker
|
|
|
|
|
[(ngModel)]="detailData.scrapTime"
|
|
|
|
|
[nzDisabled]="!isEdit"
|
|
|
|
|
[nzPlaceHolder]="isEdit ? '' : '-'"
|
|
|
|
|
[nzBorderless]="!isEdit"
|
|
|
|
|
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
|
|
|
|
>
|
|
|
|
|
</nz-date-picker>
|
|
|
|
|
<nz-date-picker [(ngModel)]="detailData.scrapTime" [nzDisabled]="!isEdit" [nzPlaceHolder]="isEdit ? '' : '-'"
|
|
|
|
|
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
|
|
|
|
</nz-date-picker>
|
|
|
|
|
</sv>
|
|
|
|
|
<sv label="总质量">
|
|
|
|
|
<input nz-input type="text" [(ngModel)]="detailData.carTotalLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
|
|
|
|
@ -275,19 +275,20 @@
|
|
|
|
|
<a class="sign"></a>
|
|
|
|
|
<p style="margin-bottom: 0">
|
|
|
|
|
道路运输证信息
|
|
|
|
|
<label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover [nzPopoverTitle]="titleTemplate3" [nzPopoverContent]="contentTemplate3">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate3>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate3>
|
|
|
|
|
{{detailData?.roadTransportVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
<label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
|
|
|
|
|
nzType="info-circle" nzTheme="fill" class="mr-xs"></i>验证不通过:<span nz-popover
|
|
|
|
|
[nzPopoverTitle]="titleTemplate3" [nzPopoverContent]="contentTemplate3">
|
|
|
|
|
查看原因
|
|
|
|
|
<ng-template #titleTemplate3>
|
|
|
|
|
原因
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #contentTemplate3>
|
|
|
|
|
{{detailData?.roadTransportVerifyResult}}
|
|
|
|
|
</ng-template>
|
|
|
|
|
</span>
|
|
|
|
|
</label>
|
|
|
|
|
<label *ngIf="detailData?.roadTransportVerificationStatus" style="color: #52c41a"><i nz-icon nzType="check-circle"
|
|
|
|
|
nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
<label *ngIf="detailData?.roadTransportVerificationStatus" style="color: #52c41a"><i nz-icon
|
|
|
|
|
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
|
|
|
|
|
</label>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
@ -378,4 +379,4 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nz-upload>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-template>
|