详情优化
This commit is contained in:
潘晓云
@ -39,10 +39,60 @@
|
||||
</page-header-wrapper>
|
||||
|
||||
|
||||
<nz-card [nzLoading]="service.http.loading">
|
||||
<div [class]="isEditUser?'edit-box':'readOnly-box'">
|
||||
<sv-container col="2">
|
||||
<sv-title>个人信息
|
||||
<nz-card [nzLoading]="service.http.loading" [nzBorderless]="true">
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title" style="justify-content: space-between;">
|
||||
<div>
|
||||
<a class="sign"></a>
|
||||
<span>个人信息</span>
|
||||
<label *ngIf="userIdentityDetail?.certificationStatus===1" style="color: #52c41a;" class="ml-md"><i nz-icon
|
||||
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="userIdentityDetail?.certificationStatus===2" style="color: #ff4d4f;" class="ml-md"><i nz-icon
|
||||
nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回 驳回原因：{{userIdentityDetail?.certificationOpinions}}
|
||||
</label>
|
||||
<label *ngIf="faceStatus == 1" style="color: #bec8c8; position: relative;
|
||||
bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：已发起</i>
|
||||
</label>
|
||||
<label *ngIf="faceStatus == 0" style="color: #bec8c8; position: relative;
|
||||
bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：无</i>
|
||||
</label>
|
||||
<label *ngIf="faceStatus == 2" style="color: #bec8c8; position: relative;
|
||||
bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：进行中</i>
|
||||
</label>
|
||||
<label *ngIf="faceStatus == 3" style="color: #52c41a; position: relative;
|
||||
bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：已成功</i>
|
||||
</label>
|
||||
<label *ngIf="faceStatus == 4" style="color: #ff4d4f; position: relative;
|
||||
bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill"
|
||||
class="mr-xs">人脸识别结果：已失败;失败原因：{{facetext}}</i>
|
||||
</label>
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
<ng-container *ngIf="isEditUser; else elseTemplate">
|
||||
<button [disabled]="false" nz-button (click)="reset(0)">
|
||||
取消
|
||||
</button>
|
||||
<button [disabled]="false" nz-button nzDanger (click)="saveUser()">
|
||||
保存
|
||||
</button>
|
||||
</ng-container>
|
||||
<ng-template #elseTemplate>
|
||||
<button nz-button nzType="default" nzDanger (click)="approveUser()"
|
||||
*ngIf="userIdentityDetail?.certificationStatus===0" acl
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditUser']">审核通过</button>
|
||||
<button nz-button nzType="default" nzDanger (click)="rejectedUser()"
|
||||
*ngIf="userIdentityDetail?.certificationStatus===0" acl
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditUser']">驳回审核</button>
|
||||
<button nz-button nzType="default" nzDanger (click)="ratify(0)" acl
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editUser']">修改</button>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
<div [class]="isEditUser?'edit-box':'readOnly-box'">
|
||||
|
||||
<sv-container col="2">
|
||||
<!-- <sv-title>个人信息
|
||||
<label *ngIf="userIdentityDetail?.certificationStatus===1" style="color: #52c41a;" class="ml-md"><i nz-icon
|
||||
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
@ -85,49 +135,82 @@
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editUser']">修改</button>
|
||||
</ng-template>
|
||||
</div>
|
||||
</sv-title>
|
||||
<sv label="姓名">
|
||||
<input nz-input type="text" [(ngModel)]="userIdentityDetail.name" [readonly]="!isEditUser"
|
||||
[nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input nz-input type="text" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
|
||||
[nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
|
||||
</sv>
|
||||
<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>
|
||||
-
|
||||
<ng-container *ngIf="!isEditUser && !userIdentityDetail?.validEndTime && userIdentityDetail?.validStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker [(ngModel)]="userIdentityDetail.validEndTime" [nzDisabled]="!isEditUser" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEditUser">
|
||||
<label nz-checkbox [ngModel]="!!!userIdentityDetail.validEndTime"
|
||||
(ngModelChange)="$event?userIdentityDetail.validEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-title> -->
|
||||
<sv label="姓名">
|
||||
<input nz-input type="text" [(ngModel)]="userIdentityDetail.name" [readonly]="!isEditUser"
|
||||
[nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input nz-input type="text" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
|
||||
[nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
|
||||
</sv>
|
||||
<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>
|
||||
-
|
||||
<ng-container *ngIf="!isEditUser && !userIdentityDetail?.validEndTime && userIdentityDetail?.validStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker [(ngModel)]="userIdentityDetail.validEndTime" [nzDisabled]="!isEditUser" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;"
|
||||
class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEditUser">
|
||||
<label nz-checkbox [ngModel]="!!!userIdentityDetail.validEndTime"
|
||||
(ngModelChange)="$event?userIdentityDetail.validEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nz-divider></nz-divider>
|
||||
<div [class]="isEditDriver?'edit-box':'readOnly-box'">
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>驾驶证信息
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title" style="justify-content: space-between;">
|
||||
<div>
|
||||
<a class="sign"></a>
|
||||
<span>驾驶证信息</span>
|
||||
<label *ngIf="driverDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md"><i nz-icon
|
||||
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="driverDetail?.approvalStatus===30" style="color: #ff4d4f;" class="ml-md"><i nz-icon
|
||||
nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<ng-container *ngIf="isEditDriver;else editDriverButton">
|
||||
<button [disabled]="false" nz-button (click)="reset(1)">
|
||||
取消
|
||||
</button>
|
||||
<button [disabled]="false" nz-button nzDanger (click)="saveDriver()">
|
||||
保存
|
||||
</button>
|
||||
</ng-container>
|
||||
<ng-template #editDriverButton>
|
||||
<button *ngIf="driverDetail?.approvalStatus==10" nz-button nzType="default" nzDanger (click)="approveDriver()"
|
||||
acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditDriver']">审核通过</button>
|
||||
<button *ngIf="driverDetail?.approvalStatus==10" nz-button nzType="default" nzDanger
|
||||
(click)="rejectedDriver()" acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditDriver']">驳回审核</button>
|
||||
<button nz-button nzType="default" nzDanger (click)="ratify(1)" acl
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editDriver']">修改</button>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
<div [class]="isEditDriver?'edit-box':'readOnly-box'">
|
||||
<sv-container col="3" class="mt16">
|
||||
<!-- <sv-title>驾驶证信息
|
||||
<label *ngIf="driverDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md"><i nz-icon
|
||||
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
@ -152,37 +235,37 @@
|
||||
[acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editDriver']">修改</button>
|
||||
</ng-template>
|
||||
</div>
|
||||
</sv-title>
|
||||
<sv label="驾驶证号">
|
||||
<input nz-input type="text" [(ngModel)]="driverDetail.licenseNo" [readonly]="!isEditDriver"
|
||||
[nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
|
||||
</sv>
|
||||
<sv label="准驾车型">
|
||||
<nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="driverDetail.driverModel" nzMode="multiple"
|
||||
[nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver" [nzShowArrow]="isEditDriver"
|
||||
[nzDisabled]="!isEditDriver">
|
||||
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.label"></nz-option>
|
||||
</nz-select>
|
||||
</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>
|
||||
</sv>
|
||||
<!-- <sv label="有效期起">
|
||||
</sv-title> -->
|
||||
<sv label="驾驶证号">
|
||||
<input nz-input type="text" [(ngModel)]="driverDetail.licenseNo" [readonly]="!isEditDriver"
|
||||
[nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
|
||||
</sv>
|
||||
<sv label="准驾车型">
|
||||
<nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="driverDetail.driverModel" nzMode="multiple"
|
||||
[nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver" [nzShowArrow]="isEditDriver"
|
||||
[nzDisabled]="!isEditDriver">
|
||||
<nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.label"></nz-option>
|
||||
</nz-select>
|
||||
</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>
|
||||
</sv>
|
||||
<!-- <sv label="有效期起">
|
||||
<nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver"
|
||||
[nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver"
|
||||
[nzSuffixIcon]="isEditDriver?'calendar':''"></nz-date-picker>
|
||||
@ -192,32 +275,43 @@
|
||||
[nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver"
|
||||
[nzSuffixIcon]="isEditDriver?'calendar':''"></nz-date-picker>
|
||||
</sv> -->
|
||||
<sv label="驾驶证签发机关" col="2">
|
||||
<ng-container *ngIf="isEditDriver; else signingOrganizationTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="driverDetail.signingOrganization" [readonly]="!isEditDriver"
|
||||
[nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #signingOrganizationTemplate>
|
||||
{{driverDetail.signingOrganization}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="驾驶证照片" col="1">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:driverDetail,status:isEditDriver,key:'certificatePhotoWatermark',key2:'certificatePhoto',hover:'driverCertificate'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
|
||||
<nz-divider></nz-divider>
|
||||
<sv label="驾驶证签发机关" col="2">
|
||||
<ng-container *ngIf="isEditDriver; else signingOrganizationTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="driverDetail.signingOrganization" [readonly]="!isEditDriver"
|
||||
[nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #signingOrganizationTemplate>
|
||||
{{driverDetail.signingOrganization}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="驾驶证照片" col="1">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:driverDetail,status:isEditDriver,key:'certificatePhotoWatermark',key2:'certificatePhoto',hover:'driverCertificate'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>从业资格证信息</span>
|
||||
<label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md">
|
||||
<i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;" class="ml-md">
|
||||
<i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
|
||||
</label>
|
||||
</div>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>从业资格证信息
|
||||
<!-- <sv-title>从业资格证信息
|
||||
<label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md">
|
||||
<i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;" class="ml-md">
|
||||
<i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
|
||||
</label>
|
||||
</sv-title>
|
||||
</sv-title> -->
|
||||
<sv label="从业资格证号">
|
||||
<input nz-input type="text" [(ngModel)]="licenseDetail.licenseNo" [readonly]="!isEditDriver"
|
||||
[nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
|
||||
@ -262,73 +356,95 @@
|
||||
</sv-container>
|
||||
</div>
|
||||
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>载具信息</sv-title>
|
||||
<ng-container *ngFor="let carDatail of carList">
|
||||
<sv label="车牌号">
|
||||
{{ carDatail?.carNo }}
|
||||
</sv>
|
||||
<sv label="车牌颜色">
|
||||
{{ carDatail?.carNoColorLabel }}
|
||||
</sv>
|
||||
<sv label="车型">
|
||||
{{ carDatail?.carModelLabel }}
|
||||
</sv>
|
||||
<sv label="车长">
|
||||
{{ carDatail?.carLengthLabel ? carDatail?.carLengthLabel +'米' :'' }}
|
||||
</sv>
|
||||
<sv label="是否为当前车辆">
|
||||
{{ carDatail?.isDefault?'是':'否' }}
|
||||
</sv>
|
||||
<sv label="自有载具">
|
||||
{{ carDatail?.isSelf?'否':'是' }}
|
||||
</sv>
|
||||
<sv label="行驶证照片" col="1">
|
||||
<app-imagelist [imgList]="[carDatail?.certificatePhotoFrontWatermark,carDatail?.certificatePhotoBackWatermark]">
|
||||
</app-imagelist>
|
||||
</sv>
|
||||
<sv label="道路运输证照片" col="3">
|
||||
<app-imagelist [imgList]="[carDatail?.roadTransportPhotoWatermark]"></app-imagelist>
|
||||
</sv>
|
||||
<sv label="车头照" col="2">
|
||||
<app-imagelist [imgList]="[carDatail?.carFrontPhotoWatermark]"></app-imagelist>
|
||||
</sv>
|
||||
<nz-divider></nz-divider>
|
||||
</ng-container>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>载具信息</span>
|
||||
<ng-container *ngIf="carList?.length===0">（暂无载具信息）</ng-container>
|
||||
</div>
|
||||
<sv-container col="3" class="mt16">
|
||||
<!-- <sv-title>载具信息</sv-title> -->
|
||||
<ng-container *ngFor="let carDatail of carList">
|
||||
<sv label="车牌号">
|
||||
{{ carDatail?.carNo }}
|
||||
</sv>
|
||||
<sv label="车牌颜色">
|
||||
{{ carDatail?.carNoColorLabel }}
|
||||
</sv>
|
||||
<sv label="车型">
|
||||
{{ carDatail?.carModelLabel }}
|
||||
</sv>
|
||||
<sv label="车长">
|
||||
{{ carDatail?.carLengthLabel ? carDatail?.carLengthLabel +'米' :'' }}
|
||||
</sv>
|
||||
<sv label="是否为当前车辆">
|
||||
{{ carDatail?.isDefault?'是':'否' }}
|
||||
</sv>
|
||||
<sv label="自有载具">
|
||||
{{ carDatail?.isSelf?'否':'是' }}
|
||||
</sv>
|
||||
<sv label="行驶证照片" col="1">
|
||||
<app-imagelist
|
||||
[imgList]="[carDatail?.certificatePhotoFrontWatermark,carDatail?.certificatePhotoBackWatermark]">
|
||||
</app-imagelist>
|
||||
</sv>
|
||||
<sv label="道路运输证照片" col="3">
|
||||
<app-imagelist [imgList]="[carDatail?.roadTransportPhotoWatermark]"></app-imagelist>
|
||||
</sv>
|
||||
<sv label="车头照" col="2">
|
||||
<app-imagelist [imgList]="[carDatail?.carFrontPhotoWatermark]"></app-imagelist>
|
||||
</sv>
|
||||
<nz-divider></nz-divider>
|
||||
</ng-container>
|
||||
|
||||
</sv-container>
|
||||
</sv-container>
|
||||
</div>
|
||||
|
||||
<sv-container col="3" class="mt-md">
|
||||
<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>
|
||||
<sv-container col="3" class="mt-md">
|
||||
<sv-title>服务评级
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>银行结算信息</span>
|
||||
<ng-container *ngIf="bankList?.length===0">（暂无银行信息）</ng-container>
|
||||
</div>
|
||||
<sv-container col="3" class="mt-md">
|
||||
<!-- <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>
|
||||
</div>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>服务评级</span>
|
||||
<ng-container *ngIf="billEvaluateList?.length===0">(暂无评级)</ng-container>
|
||||
</sv-title>
|
||||
<sv [label]="item.evaluateTypeLabel" *ngFor="let item of billEvaluateList">
|
||||
<nz-rate [ngModel]="item.evaluateFraction" nzDisabled></nz-rate>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
<sv-container col="3" class="mt-md">
|
||||
<!-- <sv-title>服务评级
|
||||
<ng-container *ngIf="billEvaluateList?.length===0">(暂无评级)</ng-container>
|
||||
</sv-title> -->
|
||||
<sv [label]="item.evaluateTypeLabel" *ngFor="let item of billEvaluateList">
|
||||
<nz-rate [ngModel]="item.evaluateFraction" nzDisabled></nz-rate>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
|
||||
<sv-container col="3" class="mt-md">
|
||||
<sv-title>关联企业</sv-title>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>关联企业</span>
|
||||
</div>
|
||||
<st #st [columns]="columns" [data]="service.$api_get_driver_projects" size="small"
|
||||
[req]="{ method: 'POST', allInBody: true, params: {appUserId:route.snapshot.params.id} }" [page]="{ show: false }"
|
||||
[res]="{ reName: { list: 'data' } }" style="width: 100%;">
|
||||
</st>
|
||||
</sv-container>
|
||||
</div>
|
||||
</nz-card>
|
||||
|
||||
|
||||
@ -383,4 +499,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</nz-upload>
|
||||
</ng-template>
|
||||
</ng-template>
|
||||
|
||||
Reference in New Issue
Block a user