UI
This commit is contained in:
Taric Xin
@ -7,7 +7,8 @@
|
||||
</ng-template>
|
||||
<ng-template #content>
|
||||
<sv-container col="3" class="new-sv-container">
|
||||
<h2>车牌号：{{ detailData?.carNo }}</h2>
|
||||
<h2>车牌号66：{{ detailData?.carNo }}
|
||||
</h2>
|
||||
<sv-title style="font-weight: 700">
|
||||
<!-- <span *ngIf="detailData?.approvalStatus === 1 || detailData?.approvalStatus === '1'">未上传</span>
|
||||
<span *ngIf="detailData?.approvalStatus === 0 || detailData?.approvalStatus === '0'">草稿</span>
|
||||
@ -44,9 +45,13 @@
|
||||
<nz-card [class]="isEdit ? 'edit-box' : 'readOnly-box'" [ngClass]="'mb0'" [nzBorderless]="true">
|
||||
<div>
|
||||
<div class="mb-xs common-order-header" nz-row>
|
||||
<div>
|
||||
<div style="display: flex;">
|
||||
<button nz-button nzType="primary" nzSize="small" nzDanger>{{ carStatus[detailData?.approvalStatus] }}</button>
|
||||
<b class="ml-md" style="font-size: 18px">车牌号: {{ detailData?.carNo }}</b>
|
||||
<div style="display: flex;align-items: center; ">
|
||||
<b class="ml-md" style="font-size: 18px;padding-right: 10px;">车牌号: {{ detailData?.carNo }}</b>
|
||||
<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>
|
||||
<div>
|
||||
<ng-container *ngIf="!isEdit">
|
||||
@ -78,12 +83,12 @@
|
||||
<nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="车型">
|
||||
<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>
|
||||
</nz-select> -->
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carModel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="车长">
|
||||
@ -149,6 +154,16 @@
|
||||
<span>行驶证信息</span>
|
||||
</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 ? '' : '-'"
|
||||
/>
|
||||
</sv>
|
||||
<sv label="行驶证到期日">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
@ -192,6 +207,16 @@
|
||||
<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 ? '' : '-'" />
|
||||
@ -219,7 +244,15 @@
|
||||
<div class="mb-lg">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>道路运输证信息</span>
|
||||
<p style="margin-bottom: 0">
|
||||
道路运输证信息
|
||||
<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>
|
||||
</p>
|
||||
</div>
|
||||
<sv-container col="3" class="mt16 new-sv-container" labelWidth="140">
|
||||
<sv label="道路运输证号">
|
||||
|
||||
@ -24,9 +24,20 @@
|
||||
|
||||
<sv-container col="3">
|
||||
<sv-title style="font-weight: 700">车辆基础信息</sv-title>
|
||||
<sv label="车牌号">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
<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>
|
||||
<sv label="车牌颜色">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.carNoColor" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
@ -36,11 +47,11 @@
|
||||
<nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="车型">
|
||||
<sv label="车辆类型">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.carModel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-select [(ngModel)]="detailData.carModel" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-select [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
@ -111,6 +122,10 @@
|
||||
</sv-container>
|
||||
|
||||
<sv-container col="3">
|
||||
<sv label="发动机号码">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="行驶证到期日">
|
||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
@ -157,6 +172,11 @@
|
||||
<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 ? '' : '-'" />
|
||||
@ -170,7 +190,7 @@
|
||||
{{detailData?.carOwner }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
|
||||
<<<<<<< HEAD=======>>>>>>> 6d503f57e2434e5c0a0baa406ac42fe2b7a8a9b5
|
||||
</sv-container>
|
||||
<sv-container col="1">
|
||||
<sv label="行驶证照片">
|
||||
@ -188,7 +208,17 @@
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title style="font-weight: 700">道路运输证信息</sv-title>
|
||||
<sv-title style="font-weight: 700">
|
||||
<p style="margin-bottom: 0">
|
||||
道路运输证信息
|
||||
<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>
|
||||
</p>
|
||||
</sv-title>
|
||||
<sv label="道路运输证号">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
@ -224,9 +254,10 @@
|
||||
<sv-container col="2" class="mt16">
|
||||
<sv-title style="font-weight: 700">认证司机</sv-title>
|
||||
</sv-container>
|
||||
<st #st [bordered]="true" [columns]="columns" [scroll]="{x: '1200px'}" [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" [page]="{ show: false }">
|
||||
<st #st [bordered]="true" [columns]="columns" [scroll]="{ x: '1200px' }"
|
||||
[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"
|
||||
[page]="{ show: false }">
|
||||
<ng-template st-row="auditStatusEnum" let-item let-index="index">
|
||||
<div>
|
||||
<span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
|
||||
|
||||
Reference in New Issue
Block a user