页面优化
This commit is contained in:
潘晓云
@ -1,6 +1,6 @@
|
|||||||
<ng-container>
|
<ng-container>
|
||||||
<!-- 页头 -->
|
<!-- 页头 -->
|
||||||
<page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
|
<page-header-wrapper [logo]="logo" title="车辆详情">
|
||||||
<ng-template #logo>
|
<ng-template #logo>
|
||||||
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
||||||
<i nz-icon nzType="left" nzTheme="outline"></i>
|
<i nz-icon nzType="left" nzTheme="outline"></i>
|
||||||
@ -22,8 +22,12 @@
|
|||||||
</sv-title>
|
</sv-title>
|
||||||
</sv-container>
|
</sv-container>
|
||||||
|
|
||||||
|
<div class="font-weight-blod text-md detail-title">
|
||||||
|
<a class="sign"></a>
|
||||||
|
<span>车辆基础信息</span>
|
||||||
|
</div>
|
||||||
<sv-container col="3">
|
<sv-container col="3">
|
||||||
<sv-title style="font-weight: 700">车辆基础信息</sv-title>
|
<!-- <sv-title style="font-weight: 700">车辆基础信息</sv-title> -->
|
||||||
<sv label="车牌号" col="1">
|
<sv label="车牌号" col="1">
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
@ -48,8 +52,8 @@
|
|||||||
</nz-select>
|
</nz-select>
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="车辆类型">
|
<sv label="车辆类型">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
<!-- <nz-select *ngIf="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
<!-- <nz-select *ngIf="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||||
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||||
@ -97,118 +101,235 @@
|
|||||||
</ng-template>
|
</ng-template>
|
||||||
</page-header-wrapper>
|
</page-header-wrapper>
|
||||||
<nz-card>
|
<nz-card>
|
||||||
<sv-container col="3">
|
<div>
|
||||||
<sv-title style="font-weight: 700">行驶证信息</sv-title>
|
<div class="mb-xs common-order-header" nz-row>
|
||||||
<sv label="档案编号">
|
<div style="display: flex;">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<button nz-button nzType="primary" style="background-color: green;" nzSize="small"
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
*ngIf="detailData.networkStatus">
|
||||||
</sv>
|
</button>
|
||||||
<sv label="车辆品牌">
|
<button *ngIf="!detailData.networkStatus" nz-button nzType="primary" nzSize="small" nzDanger>未入网</button>
|
||||||
<ng-container *ngIf="isEdit; else carBrandTemplate">
|
<b class="ml-md" style="font-size: 18px;padding-right: 10px;">车牌号: {{ detailData?.carNo }}</b>
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.carBrand" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
</div>
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
<div>
|
||||||
</ng-container>
|
<ng-container *ngIf="!isEdit">
|
||||||
<ng-template #carBrandTemplate>
|
<button nz-button nzType="default" nzDanger (click)="ratify()" acl
|
||||||
{{detailData?.carBrand }}
|
acl-ability="VEHICLE-LIST-DETAIL-save">修改</button>
|
||||||
</ng-template>
|
</ng-container>
|
||||||
</sv>
|
<ng-container *ngIf="isEdit">
|
||||||
<sv label="行驶证注册日期">
|
<button nz-button nzType="default" (click)="reset()">取消</button>
|
||||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<button nz-button nzType="default" (click)="save()" nzDanger>保存</button>
|
||||||
[placeholder]="isEdit?'':'-'"> -->
|
</ng-container>
|
||||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
|
</div>
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
</div>
|
||||||
</nz-date-picker>
|
</div>
|
||||||
</sv>
|
<nz-divider class="divider-margin"></nz-divider>
|
||||||
</sv-container>
|
<div class="mb-lg">
|
||||||
|
<div class="font-weight-blod text-md detail-title">
|
||||||
|
<a class="sign"></a>
|
||||||
|
<span>车辆基础信息</span>
|
||||||
|
</div>
|
||||||
|
<sv-container col="3">
|
||||||
|
<!-- <sv-title style="font-weight: 700">车辆基础信息</sv-title> -->
|
||||||
|
<sv label="车牌号" col="1">
|
||||||
|
<div style="display: flex;">
|
||||||
|
<input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
|
[placeholder]="isEdit ? '' : '-'" />
|
||||||
|
<!-- <div style="display: flex;">
|
||||||
|
<div *ngIf="detailData.networkStatus"> <span
|
||||||
|
style="height: 5px; width: 5px; border-radius: 50%; background-color: green;display: inline-block;"></span>
|
||||||
|
已入网</div>
|
||||||
|
<div *ngIf="!detailData.networkStatus"><span
|
||||||
|
style="height: 5px; width: 5px; border-radius: 50%; background-color: red;display: inline-block;"></span>未入网
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<sv-container col="3">
|
</sv>
|
||||||
<sv label="发动机号码">
|
<sv label="车牌颜色">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.carNoColor" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
[placeholder]="isEdit?'':'-'"> -->
|
||||||
</sv>
|
<nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||||
<sv label="行驶证到期日">
|
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
|
<nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
</nz-select>
|
||||||
</nz-date-picker>
|
</sv>
|
||||||
</sv>
|
<sv label="车辆类型">
|
||||||
<sv label="行驶证签发机关">
|
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
||||||
<ng-container *ngIf="isEdit; else driverLicenseSigningOrgTemplate">
|
|
||||||
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
|
|
||||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
</ng-container>
|
<!-- <nz-select *ngIf="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
||||||
<ng-template #driverLicenseSigningOrgTemplate>
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||||
{{detailData?.driverLicenseSigningOrg }}
|
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||||
</ng-template>
|
</nz-select> -->
|
||||||
</sv>
|
</sv>
|
||||||
</sv-container>
|
<sv label="车长(米)">
|
||||||
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.carLength" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
<sv-container col="3">
|
[placeholder]="isEdit?'':'-'"> -->
|
||||||
<sv label="行驶证发证日期">
|
<nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
[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.carEnergyType" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||||
|
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||||
|
<nz-option *ngFor="let i of contenCarEnergy" [nzLabel]="i.label" [nzValue]="i.value"></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>
|
||||||
|
</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>
|
||||||
|
</sv>
|
||||||
|
</sv-container>
|
||||||
|
<sv-container col="1">
|
||||||
|
<sv label="车头照">
|
||||||
|
<!-- <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> -->
|
||||||
|
<ng-container *ngTemplateOutlet="
|
||||||
|
uploadTemplate;
|
||||||
|
context: { image: detailData?.carFrontPhotoWatermark, key: 'carFrontPhotoWatermark', hover: 'PhotoWatermark2' }
|
||||||
|
">
|
||||||
|
</ng-container>
|
||||||
|
</sv>
|
||||||
|
</sv-container>
|
||||||
|
</div>
|
||||||
|
<div class="mb-lg">
|
||||||
|
<div class="font-weight-blod text-md detail-title">
|
||||||
|
<a class="sign"></a>
|
||||||
|
<span>行驶证信息</span>
|
||||||
|
</div>
|
||||||
|
<sv-container col="3">
|
||||||
|
<!-- <sv-title style="font-weight: 700">行驶证信息</sv-title> -->
|
||||||
|
<sv label="档案编号">
|
||||||
|
<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?'':'-'"> -->
|
[placeholder]="isEdit?'':'-'"> -->
|
||||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
|
<nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||||
</nz-date-picker>
|
</nz-date-picker>
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="车辆识别代码">
|
</sv-container>
|
||||||
<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"
|
|
||||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
|
||||||
<nz-option [nzValue]="'2'" nzLabel="货运"></nz-option>
|
|
||||||
<nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
|
|
||||||
<nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
|
|
||||||
</nz-select>
|
|
||||||
</sv>
|
|
||||||
</sv-container>
|
|
||||||
|
|
||||||
<sv-container col="3">
|
<sv-container col="3">
|
||||||
<sv label="核定载质量（吨）">
|
<sv label="发动机号码">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
[placeholder]="isEdit ? '' : '-'" />
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="整备质量">
|
<sv label="行驶证到期日">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||||
</sv>
|
</nz-date-picker>
|
||||||
<sv label="报废日期">
|
</sv>
|
||||||
<nz-date-picker [(ngModel)]="detailData.scrapTime" [nzDisabled]="!isEdit" [nzPlaceHolder]="isEdit ? '' : '-'"
|
<sv label="行驶证签发机关">
|
||||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
<ng-container *ngIf="isEdit; else driverLicenseSigningOrgTemplate">
|
||||||
</nz-date-picker>
|
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
|
||||||
</sv>
|
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
<sv label="总质量">
|
</ng-container>
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.carTotalLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<ng-template #driverLicenseSigningOrgTemplate>
|
||||||
[placeholder]="isEdit ? '' : '-'" />
|
{{detailData?.driverLicenseSigningOrg }}
|
||||||
</sv>
|
</ng-template>
|
||||||
<sv label="所有人">
|
</sv>
|
||||||
<ng-container *ngIf="isEdit; else carOwnerTemplate">
|
</sv-container>
|
||||||
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
|
|
||||||
|
<sv-container col="3">
|
||||||
|
<sv label="行驶证发证日期">
|
||||||
|
<!-- <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>
|
||||||
|
</sv>
|
||||||
|
<sv label="车辆识别代码">
|
||||||
|
<input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit"
|
||||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
</ng-container>
|
</sv>
|
||||||
<ng-template #carOwnerTemplate>
|
<sv label="使用性质">
|
||||||
{{detailData?.carOwner }}
|
<nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||||
</ng-template>
|
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||||
</sv>
|
<nz-option [nzValue]="'2'" nzLabel="货运"></nz-option>
|
||||||
</sv-container>
|
<nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
|
||||||
<sv-container col="1">
|
<nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
|
||||||
<sv label="行驶证照片">
|
</nz-select>
|
||||||
<ng-container *ngTemplateOutlet="
|
</sv>
|
||||||
|
</sv-container>
|
||||||
|
|
||||||
|
<sv-container col="3">
|
||||||
|
<sv label="核定载质量（吨）">
|
||||||
|
<input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
|
[placeholder]="isEdit ? '' : '-'" />
|
||||||
|
</sv>
|
||||||
|
<sv label="整备质量">
|
||||||
|
<input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
|
[placeholder]="isEdit ? '' : '-'" />
|
||||||
|
</sv>
|
||||||
|
<sv label="报废日期">
|
||||||
|
<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" [placeholder]="isEdit ? '' : '-'" />
|
||||||
|
</sv>
|
||||||
|
<sv label="所有人">
|
||||||
|
<ng-container *ngIf="isEdit; else carOwnerTemplate">
|
||||||
|
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
|
||||||
|
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
|
</ng-container>
|
||||||
|
<ng-template #carOwnerTemplate>
|
||||||
|
{{detailData?.carOwner }}
|
||||||
|
</ng-template>
|
||||||
|
</sv>
|
||||||
|
</sv-container>
|
||||||
|
<sv-container col="1">
|
||||||
|
<sv label="行驶证照片">
|
||||||
|
<ng-container *ngTemplateOutlet="
|
||||||
uploadTemplate;
|
uploadTemplate;
|
||||||
context: { image: detailData?.certificatePhotoFrontWatermark, key: 'certificatePhotoFrontWatermark', hover: 'FrontWatermark' }
|
context: { image: detailData?.certificatePhotoFrontWatermark, key: 'certificatePhotoFrontWatermark', hover: 'FrontWatermark' }
|
||||||
">
|
">
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container *ngTemplateOutlet="
|
<ng-container *ngTemplateOutlet="
|
||||||
uploadTemplate;
|
uploadTemplate;
|
||||||
context: { image: detailData?.certificatePhotoBackWatermark, key: 'certificatePhotoBackWatermark', hover: 'BackWatermark' }
|
context: { image: detailData?.certificatePhotoBackWatermark, key: 'certificatePhotoBackWatermark', hover: 'BackWatermark' }
|
||||||
">
|
">
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</sv>
|
</sv>
|
||||||
</sv-container>
|
</sv-container>
|
||||||
<nz-divider></nz-divider>
|
</div>
|
||||||
<sv-container col="3" class="mt16">
|
<div class="mb-lg">
|
||||||
<sv-title style="font-weight: 700">
|
<div class="font-weight-blod text-md detail-title">
|
||||||
|
<a class="sign"></a>
|
||||||
|
<span>道路运输证信息</span>
|
||||||
|
<label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
|
||||||
|
nzType="info-circle" nzTheme="fill" class="mr-xs"></i>验证不通过
|
||||||
|
</label>
|
||||||
|
<label *ngIf="detailData?.roadTransportVerificationStatus" style="color: #52c41a"><i nz-icon
|
||||||
|
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<sv-container col="3" class="mt16">
|
||||||
|
|
||||||
|
<!-- <sv-title style="font-weight: 700">
|
||||||
<p style="margin-bottom: 0">
|
<p style="margin-bottom: 0">
|
||||||
道路运输证信息
|
道路运输证信息
|
||||||
<label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
|
<label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
|
||||||
@ -218,58 +339,65 @@
|
|||||||
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
|
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
|
||||||
</label>
|
</label>
|
||||||
</p>
|
</p>
|
||||||
</sv-title>
|
</sv-title> -->
|
||||||
<sv label="道路运输证号">
|
<sv label="道路运输证号">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
|
<input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
|
||||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="经营许可证号">
|
<sv label="经营许可证号">
|
||||||
<input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
|
<input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
|
||||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="发证日期">
|
<sv label="发证日期">
|
||||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
[placeholder]="isEdit?'':'-'"> -->
|
[placeholder]="isEdit?'':'-'"> -->
|
||||||
<nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
|
<nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||||
</nz-date-picker>
|
</nz-date-picker>
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="有效期至">
|
<sv label="有效期至">
|
||||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||||
[placeholder]="isEdit?'':'-'"> -->
|
[placeholder]="isEdit?'':'-'"> -->
|
||||||
<nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
|
<nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
|
||||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||||
</nz-date-picker>
|
</nz-date-picker>
|
||||||
</sv>
|
</sv>
|
||||||
<sv label="道路运输证照片">
|
<sv label="道路运输证照片">
|
||||||
<!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
|
<!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
|
||||||
<ng-container *ngTemplateOutlet="
|
<ng-container *ngTemplateOutlet="
|
||||||
uploadTemplate;
|
uploadTemplate;
|
||||||
context: { image: detailData?.roadTransportPhotoWatermark, key: 'roadTransportPhotoWatermark', hover: 'Watermark' }
|
context: { image: detailData?.roadTransportPhotoWatermark, key: 'roadTransportPhotoWatermark', hover: 'Watermark' }
|
||||||
">
|
">
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</sv>
|
</sv>
|
||||||
</sv-container>
|
</sv-container>
|
||||||
<nz-divider></nz-divider>
|
</div>
|
||||||
<sv-container col="2" class="mt16">
|
<div class="mb-lg">
|
||||||
|
<div class="font-weight-blod text-md detail-title">
|
||||||
|
<a class="sign"></a>
|
||||||
|
<span>认证司机</span>
|
||||||
|
</div>
|
||||||
|
<!-- <sv-container col="2" class="mt16">
|
||||||
<sv-title style="font-weight: 700">认证司机</sv-title>
|
<sv-title style="font-weight: 700">认证司机</sv-title>
|
||||||
</sv-container>
|
</sv-container> -->
|
||||||
<st #st [bordered]="true" [columns]="columns" [scroll]="{ x: '1200px' }"
|
<st #st [bordered]="true" [columns]="columns" [scroll]="{ x: '1200px' }"
|
||||||
[data]="service.$api_get_queryDriverByCarId" [req]="{ method: 'POST', allInBody: true, params: reqParams }"
|
[data]="service.$api_get_queryDriverByCarId" [req]="{ method: 'POST', allInBody: true, params: reqParams }"
|
||||||
[res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
|
[res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
|
||||||
[page]="{ show: false }">
|
[page]="{ show: false }">
|
||||||
<ng-template st-row="auditStatusEnum" let-item let-index="index">
|
<ng-template st-row="auditStatusEnum" let-item let-index="index">
|
||||||
<div>
|
<div>
|
||||||
<span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
|
<span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
|
||||||
<span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
|
<span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
|
||||||
<span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
|
<span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
|
||||||
<span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
|
<span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
|
||||||
<span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
|
<span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
|
||||||
<span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
|
<span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</st>
|
</st>
|
||||||
|
</div>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
|
<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
|
||||||
@ -313,4 +441,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-upload>
|
</nz-upload>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
Reference in New Issue
Block a user