269 lines
10 KiB
HTML
269 lines
10 KiB
HTML
<ng-container>
|
|
<!-- 页头 -->
|
|
<page-header-wrapper [logo]="logo" [title]="'司机详情'" [content]="content">
|
|
<ng-template #logo>
|
|
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
|
<i nz-icon nzType="left" nzTheme="outline"></i>
|
|
</button>
|
|
</ng-template>
|
|
<ng-template #content>
|
|
<nz-skeleton [nzLoading]="service.http.loading">
|
|
<div class="user-info">
|
|
<img [src]="userDetail?.avatar" />
|
|
<div style="flex: 1">
|
|
<div style="display: flex;">
|
|
<p style="padding-right: 80px; width: 400px;">{{ userDetail?.name }}</p>
|
|
<nz-badge nzStatus="error" nzText="正常" *ngIf="userDetail?.stateLocked"></nz-badge>
|
|
<nz-badge nzStatus="warning" nzText="冻结" *ngIf="!userDetail?.stateLocked"></nz-badge>
|
|
</div>
|
|
<div style="display: flex;">
|
|
<p style="padding-right: 80px; width: 400px;">手机号：{{ userDetail?.phone }}
|
|
</p>
|
|
<p>注册时间：{{ userDetail?.createTime }}</p>
|
|
</div>
|
|
|
|
<div style="float: right;margin-right: 24px;">
|
|
<button [nzLoading]="service.http.loading" nz-button nzType="primary" nzGhost nz-popconfirm
|
|
[nzPopconfirmTitle]="enable" (nzOnConfirm)="userAction(1)" nzPopconfirmPlacement="bottomRight">
|
|
启用
|
|
</button>
|
|
<button [nzLoading]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
|
|
(nzOnConfirm)="userAction(0)" nzPopconfirmPlacement="bottomRight">
|
|
冻结
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nz-skeleton>
|
|
</ng-template>
|
|
|
|
<ng-template #frozen>
|
|
<div class="ant-popover-message">
|
|
<i nz-icon nzType="info-circle" nzTheme="fill"></i>
|
|
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定冻结该企业吗？
|
|
</div>
|
|
<div class="ant-popover-message-title ng-star-inserted">
|
|
停用后，该企业将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #enable>
|
|
<div class="ant-popover-message">
|
|
<i nz-icon nzType="info-circle" nzTheme="fill"></i>
|
|
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定启用该企业吗？
|
|
</div>
|
|
<div class="ant-popover-message-title ng-star-inserted">
|
|
启用后，该企业将恢复正常使用功能，请再次确认
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</page-header-wrapper>
|
|
|
|
|
|
<nz-card [nzLoading]="service.http.loading">
|
|
<sv-container col="2">
|
|
<sv-title>个人信息
|
|
<label *ngIf="userIdentityDetail?.certificationStatus===1" style="color: #52c41a;"><i nz-icon
|
|
nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
|
</label>
|
|
<label *ngIf="userIdentityDetail?.certificationStatus===2" style="color: #ff4d4f;"><i nz-icon
|
|
nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
|
|
</label>
|
|
<div style="float: right;">
|
|
<button nz-button nzType="default" nzDanger (click)="approveUser()" *ngIf="userIdentityDetail?.certificationStatus===0">审核通过</button>
|
|
<button nz-button nzType="default" nzDanger (click)="rejectedUser()" *ngIf="userIdentityDetail?.certificationStatus===0">驳回审核</button>
|
|
<button nz-button nzType="default" nzDanger *ngIf="userIdentityDetail?.certificationStatus!==1">修改</button>
|
|
</div>
|
|
</sv-title>
|
|
<sv label="姓名">
|
|
{{ userIdentityDetail?.name }}
|
|
</sv>
|
|
<sv label="身份证号">
|
|
{{ userIdentityDetail?.certificateNumber }}
|
|
</sv>
|
|
</sv-container>
|
|
<sv-container col="1">
|
|
<sv label="企业授权函">
|
|
<app-imagelist
|
|
[imgList]="[userIdentityDetail?.certificatePhotoFrontWatermark,userIdentityDetail?.certificatePhotoBackWatermark]">
|
|
</app-imagelist>
|
|
</sv>
|
|
</sv-container>
|
|
|
|
<nz-divider></nz-divider>
|
|
<sv-container col="3" class="mt16">
|
|
<sv-title>驾驶证信息
|
|
<label *ngIf="driverDetail?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
|
|
nzTheme="fill" class="mr-xs"></i>审核通过
|
|
</label>
|
|
<label *ngIf="driverDetail?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
|
|
nzTheme="fill" class="mr-xs"></i>驳回
|
|
</label>
|
|
<div style="float: right;">
|
|
<button nz-button nzType="default" nzDanger
|
|
(click)="approveDriver()">审核通过</button>
|
|
<button nz-button nzType="default" nzDanger
|
|
(click)="rejectedDriver()">驳回审核</button>
|
|
<button nz-button nzType="default" *ngIf="driverDetail?.approvalStatus!==20" nzDanger
|
|
(click)="ratify()">修改</button>
|
|
</div>
|
|
</sv-title>
|
|
<sv label="驾驶证号">
|
|
{{ driverDetail?.licenseNo }}
|
|
</sv>
|
|
<sv label="准驾车型">
|
|
{{ driverDetail?.driverModel }}
|
|
</sv>
|
|
<sv label="有效期起">
|
|
{{ driverDetail?.validStartTime }}
|
|
</sv>
|
|
</sv-container>
|
|
|
|
<sv-container col="2" class="mt16">
|
|
<sv label="有效期至">
|
|
{{ driverDetail?.validEndTime }}
|
|
<span *ngIf="driverDetail?.registrationCapital">万元</span>
|
|
</sv>
|
|
<sv label="驾驶证签发机关">
|
|
{{ driverDetail?.signingOrganization }}
|
|
</sv>
|
|
<sv label="驾驶证照片">
|
|
<app-imagelist [imgList]="[detailData?.certificatePhotoWatermark]"></app-imagelist>
|
|
</sv>
|
|
</sv-container>
|
|
|
|
<sv-container col="3" class="mt16">
|
|
<sv-title>从业资格证信息
|
|
<label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
|
|
nzTheme="fill" class="mr-xs"></i>审核通过
|
|
</label>
|
|
<label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
|
|
nzTheme="fill" class="mr-xs"></i>驳回
|
|
</label>
|
|
</sv-title>
|
|
<sv label="从业资格证号">
|
|
{{ licenseDetail?.licenseNo }}
|
|
</sv>
|
|
<sv label="发证日期">
|
|
{{ licenseDetail?.validStartTime }}
|
|
</sv>
|
|
<sv label="有效期至">
|
|
{{ licenseDetail?.validEndTime }}
|
|
</sv>
|
|
</sv-container>
|
|
<sv-container col="1">
|
|
<sv label="从业资格证照片">
|
|
<app-imagelist [imgList]="[licenseDetail?.certificatePhotoWatermark]"></app-imagelist>
|
|
</sv>
|
|
</sv-container>
|
|
|
|
<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?.carNoColor }}
|
|
</sv>
|
|
<sv label="车型">
|
|
{{ carDatail?.carModel }}
|
|
</sv>
|
|
<sv label="车长">
|
|
{{ carDatail?.carLength }}
|
|
</sv>
|
|
<sv label="是否为当前车辆">
|
|
{{ carDatail?.isDefault?'是':'否' }}
|
|
</sv>
|
|
<sv label="自有载具">
|
|
{{ carDatail?.isSelf?'否':'是' }}
|
|
</sv>
|
|
<sv label="行驶证照片" col="3">
|
|
<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="3">
|
|
<app-imagelist [imgList]="[carDatail?.carFrontPhotoWatermark]"></app-imagelist>
|
|
</sv>
|
|
<nz-divider></nz-divider>
|
|
</ng-container>
|
|
|
|
</sv-container>
|
|
|
|
<sv-container col="3" class="mt-md">
|
|
<sv-title>银行结算信息</sv-title>
|
|
<sv label="开户银行">
|
|
{{ detailData?.name }}
|
|
</sv>
|
|
<sv label="银行卡号">
|
|
{{ detailData?.certificateNumber }}
|
|
</sv>
|
|
</sv-container>
|
|
|
|
<nz-divider></nz-divider>
|
|
<sv-container col="3" class="mt16">
|
|
<sv-title>服务评级</sv-title>
|
|
<sv label="服务评级">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
<sv label="运输效率">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
<sv label="运输安全">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
<sv label="服务质量">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
<sv label="客户满意度">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
<sv label="车辆整洁程度">
|
|
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
|
</sv>
|
|
|
|
</sv-container>
|
|
|
|
<sv-container col="3" class="mt16">
|
|
<sv-title>关联企业</sv-title>
|
|
<!-- <st #st [bordered]="true" [columns]="columns" [data]="detailData.goodsList" [ngStyle]="{ margin: '1rem 0' }"
|
|
multiSort size="small" [page]="{ show: false }">
|
|
</st> -->
|
|
</sv-container>
|
|
</nz-card>
|
|
</ng-container>
|
|
|
|
|
|
<ng-template #redectModal>
|
|
<div nz-row nzGutter="8">
|
|
<div nz-col nzSpan="24" se-container [labelWidth]="120">
|
|
<se [col]="1" label="姓名">
|
|
{{ detailData?.enterpriseName }}
|
|
</se>
|
|
<se [col]="1" label="备注" required>
|
|
<textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
|
|
</se>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ng-template #rejectedDriverModal>
|
|
<div nz-row nzGutter="8">
|
|
<div nz-col nzSpan="24" se-container [labelWidth]="120">
|
|
<se [col]="1" label="驾驶证号">
|
|
{{driverDetail?.licenseNo }}
|
|
</se>
|
|
<se [col]="1" label="从业资格证号">
|
|
{{ licenseDetail?.licenseNo }}
|
|
</se>
|
|
<se [col]="1" label="备注" required>
|
|
<textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
|
|
</se>
|
|
</div>
|
|
</div>
|
|
</ng-template> |