Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2021-12-14 20:30:50 +08:00
parent b887055dbe
commit d0403784eb
8 changed files with 494 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/routes/usercenter/components/driver/detail/detail.component.html
View File

@ -70,9 +70,11 @@
nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回 nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
</label> </label>
<div style="float: right;"> <div style="float: right;">
<button nz-button nzType="default" nzDanger (click)="approveUser()" *ngIf="userIdentityDetail?.certificationStatus===0">审核通过</button> <button nz-button nzType="default" nzDanger (click)="approveUser()"
<button nz-button nzType="default" nzDanger (click)="rejectedUser()" *ngIf="userIdentityDetail?.certificationStatus===0">驳回审核</button> *ngIf="userIdentityDetail?.certificationStatus===0">审核通过</button>
<button nz-button nzType="default" nzDanger *ngIf="userIdentityDetail?.certificationStatus!==1">修改</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> </div>
</sv-title> </sv-title>
<sv label="姓名"> <sv label="姓名">
@ -100,10 +102,8 @@
nzTheme="fill" class="mr-xs"></i>驳回 nzTheme="fill" class="mr-xs"></i>驳回
</label> </label>
<div style="float: right;"> <div style="float: right;">
<button nz-button nzType="default" nzDanger <button nz-button nzType="default" nzDanger (click)="approveDriver()">审核通过</button>
(click)="approveDriver()">审核通过</button> <button nz-button nzType="default" nzDanger (click)="rejectedDriver()">驳回审核</button>
<button nz-button nzType="default" nzDanger
(click)="rejectedDriver()">驳回审核</button>
<button nz-button nzType="default" *ngIf="driverDetail?.approvalStatus!==20" nzDanger <button nz-button nzType="default" *ngIf="driverDetail?.approvalStatus!==20" nzDanger
(click)="ratify()">修改</button> (click)="ratify()">修改</button>
</div> </div>
@ -118,7 +118,6 @@
{{ driverDetail?.validStartTime }} {{ driverDetail?.validStartTime }}
</sv> </sv>
</sv-container> </sv-container>
<sv-container col="2" class="mt16"> <sv-container col="2" class="mt16">
<sv label="有效期至"> <sv label="有效期至">
{{ driverDetail?.validEndTime }} {{ driverDetail?.validEndTime }}
@ -132,13 +131,14 @@
</sv> </sv>
</sv-container> </sv-container>
<nz-divider></nz-divider>
<sv-container col="3" class="mt16"> <sv-container col="3" class="mt16">
<sv-title>从业资格证信息 <sv-title>从业资格证信息
<label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle" <label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;">
nzTheme="fill" class="mr-xs"></i>审核通过 <i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
</label> </label>
<label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle" <label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;">
nzTheme="fill" class="mr-xs"></i>驳回 <i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
</label> </label>
</sv-title> </sv-title>
<sv label="从业资格证号"> <sv label="从业资格证号">

358
src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.html
View File

@ -1,34 +1,42 @@
<ng-container> <!-- 页头 -->
<!-- 页头 --> <page-header-wrapper [logo]="logo" [content]="content">
<page-header-wrapper [logo]="logo" [content]="content"> <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> </button>
</button> </ng-template>
</ng-template> <ng-template #content>
<ng-template #content> <nz-skeleton [nzLoading]="service.http.loading">
<nz-skeleton [nzLoading]="service.http.loading"> <div class="user-info" nz-row>
<div class="user-info" nz-row> <div nz-col nzSpan="24" class="d-flex">
<div nz-col nzSpan="24" class="d-flex"> <img [src]="detailData?.enterpriseLogo" />
<img [src]="detailData?.enterpriseLogo" /> <div style="flex: 1;">
<div style="flex: 1;"> <div nz-row>
<div nz-row> <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> <p style="margin-bottom: 0;">{{ detailData?.enterpriseName }}</p>
<p style="margin-bottom: 0;">{{ detailData?.enterpriseName }}</p>
</div>
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24" class="text-right mb-sm">
<label style="font-size: 18px;font-weight: 600;">{{statusE[detailData?.approvalStatus] }}</label>
</div>
</div> </div>
<div nz-row> <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24" class="text-right mb-sm">
<div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24"> <label style="font-size: 18px;font-weight: 600;">{{statusE[detailData?.approvalStatus] }}</label>
<p>{{ detailData?.unifiedSocialCreditCode }}</p> </div>
</div> </div>
<div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24"> <div nz-row>
申请时间：{{detailData?.createTime}} <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
</div> <p>{{ detailData?.unifiedSocialCreditCode }}</p>
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="24" [nzXs]="24" class="d-flex" </div>
style="justify-content: flex-end;"> <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
申请时间：{{detailData?.createTime}}
</div>
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="24" [nzXs]="24" class="d-flex"
style="justify-content: flex-end;">
<ng-container *ngIf="isEdit;else editButton">
<button [nzLoading]="service.http.loading" nz-button (click)="reset()">
取消
</button>
<button [nzLoading]="service.http.loading" nz-button nzDanger (click)="save()">
保存
</button>
</ng-container>
<ng-template #editButton>
<button [nzLoading]="service.http.loading" nz-button nzDanger (click)="auditPass()"> <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="auditPass()">
通过 通过
</button> </button>
@ -38,135 +46,164 @@
<button [nzLoading]="service.http.loading" nz-button nzDanger (click)="ratify()"> <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="ratify()">
修改 修改
</button> </button>
</div> </ng-template>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</nz-skeleton> </div>
</ng-template> </nz-skeleton>
</page-header-wrapper> </ng-template>
<nz-card [nzLoading]="service.http.loading"> </page-header-wrapper>
<sv-container col="3">
<sv-title>企业管理员信息</sv-title> <nz-card [nzLoading]="service.http.loading" [class]="isEdit?'edit-box':'readOnly-box'">
<sv label="姓名"> <sv-container col="3">
{{ detailData?.adminUserInfo?.name }} <sv-title>企业管理员信息</sv-title>
</sv> <sv label="姓名">
<sv label="手机号"> <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
{{ detailData?.adminUserInfo?.mobile }} [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
</sv> </sv>
<sv label="身份证号"> <sv label="手机号">
{{ detailData?.contactadminUserInfo?.certificateNumber }} <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.mobile" [readonly]="!isEdit"
</sv> [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
</sv-container> </sv>
<sv-container col="2"> <sv label="身份证号">
<sv label="身份证照"> <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.certificateNumber" [readonly]="!isEdit"
<app-imagelist [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
[imgList]="[detailData?.adminUserInfo?.certificatePhotoFrontWatermark,detailData?.adminUserInfo?.certificatePhotoBackWatermark]"> </sv>
</app-imagelist> <sv label="身份证照" col="2">
</sv> <div class="d-flex">
<sv label="企业授权函"> <ng-container
<app-imagelist [imgList]="[detailData?.adminUserInfo?.certificatePhotoBackWatermark]"></app-imagelist> *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark'}">
</sv> </ng-container>
</sv-container> <ng-container
<nz-divider></nz-divider> *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark'}">
<sv-container col="3" class="mt16"> </ng-container>
<sv-title> </div>
<label class="mr-md">企业基本信息</label> </sv>
<label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle" <sv label="企业授权函" col="2">
nzTheme="fill" class="mr-xs"></i>待审核 <ng-container
</label> *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark'}">
<label *ngIf="detailData?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle" </ng-container>
nzTheme="fill" class="mr-xs"></i>审核通过 </sv>
</label> </sv-container>
<label *ngIf="detailData?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle" <nz-divider></nz-divider>
nzTheme="fill" class="mr-xs"></i>驳回
</label> <sv-container col="3">
</sv-title> <sv-title>
<sv label="公司名称"> <label class="mr-md">企业基本信息</label>
{{ detailData?.enterpriseName }} <label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle"
</sv> nzTheme="fill" class="mr-xs"></i>待审核
<sv label="统一社会信用代码"> </label>
{{ detailData?.unifiedSocialCreditCode }} <label *ngIf="detailData?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
</sv> nzTheme="fill" class="mr-xs"></i>审核通过
<sv label="公司类型"> </label>
{{ detailData?.enterpriseType }} <label *ngIf="detailData?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
</sv> nzTheme="fill" class="mr-xs"></i>驳回
<sv label="注册资本"> </label>
{{ detailData?.registrationCapital }} </sv-title>
<span *ngIf="detailData?.registrationCapital">万元</span> <sv label="公司名称">
</sv> <input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit" [nzBorderless]="!isEdit"
<sv label="成立日期"> [placeholder]="isEdit?'':'-'">
{{ detailData?.enterpriseRegistrationTime }} </sv>
</sv> <sv label="统一社会信用代码">
<sv label="营业期限"> <input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
</sv>
<sv label="公司类型">
<input nz-input type="text" [(ngModel)]="detailData.enterpriseType" [readonly]="!isEdit" [nzBorderless]="!isEdit"
[placeholder]="isEdit?'':'-'">
</sv>
<sv label="注册资本">
<ng-container *ngIf="isEdit; else registrationCapitalTemplate">
<input nz-input type="number" [(ngModel)]="detailData.registrationCapital" [readonly]="!isEdit"
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'" class="mr-sm">
</ng-container>
<ng-template #registrationCapitalTemplate>
{{detailData?.registrationCapital}}
</ng-template>
<span *ngIf="detailData?.registrationCapital">万元</span>
</sv>
<sv label="成立日期">
<nz-date-picker [(ngModel)]="detailData.enterpriseRegistrationTime" [nzDisabled]="!isEdit"
[nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
</sv>
<sv label="营业期限">
<ng-container *ngIf="isEdit; else elseTemplate">
<nz-range-picker [ngModel]="[detailData?.operatingStartTime,detailData?.operatingEndTime]"
(ngModelChange)="changeTime($event)"></nz-range-picker>
</ng-container>
<ng-template #elseTemplate>
<div *ngIf="!!detailData?.operatingStartTime && !!detailData?.operatingEndTime"> <div *ngIf="!!detailData?.operatingStartTime && !!detailData?.operatingEndTime">
{{ detailData?.operatingStartTime }} 至 {{ detailData?.operatingEndTime }} {{ detailData?.operatingStartTime }} 至 {{ detailData?.operatingEndTime }}
</div> </div>
<div *ngIf="!detailData?.operatingStartTime && !detailData?.operatingEndTime">长期</div> <div *ngIf="!detailData?.operatingStartTime && !detailData?.operatingEndTime">长期</div>
<div *ngIf="!!detailData?.operatingStartTime && !detailData?.operatingEndTime">{{ detailData?.operatingStartTime <div *ngIf="!!detailData?.operatingStartTime && !detailData?.operatingEndTime">{{ detailData?.operatingStartTime
}} 至 长期</div> }} 至 长期</div>
</sv> </ng-template>
</sv-container> </sv>
<sv-container col="2" class="mt16"> <sv label="公司所在地" col="3">
<sv label="公司所在地" col="3"> <ng-container *ngIf="!isEdit; else elseTemplate">
<nz-cascader [nzLoadData]="loadData" (ngModelChange)="changeCascader($event)"></nz-cascader>
</ng-container>
<ng-template #elseTemplate>
{{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{ {{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{
detailData?.fullRegionVO?.areaName }} detailData?.fullRegionVO?.areaName }}
</sv> </ng-template>
<sv label="公司详细地址"> </sv>
{{ detailData?.enterpriseAddress }} <sv label="公司详细地址" col="2">
</sv> {{ detailData?.enterpriseAddress }}
</sv-container> </sv>
<sv-container col="1" class="mt16"> </sv-container>
<sv label="经营范围"> <sv-container col="1" class="mt16">
{{ detailData?.businessScope }} <sv label="经营范围">
</sv> {{ detailData?.businessScope }}
</sv-container> </sv>
<sv-container col="2" class="mt16"> </sv-container>
<sv label="税务机关"> <sv-container col="2" class="mt16">
{{ detailData?.taxAuthority }} <sv label="税务机关">
</sv> {{ detailData?.taxAuthority }}
<sv label="营业执照"> </sv>
<app-imagelist [imgList]="[detailData?.licensePhotoWatermark]"></app-imagelist> <sv label="营业执照">
</sv> <app-imagelist [imgList]="[detailData?.licensePhotoWatermark]"></app-imagelist>
</sv-container> </sv>
<nz-divider></nz-divider> </sv-container>
<sv-container col="3" class="mt16"> <nz-divider></nz-divider>
<sv-title>企业法人信息</sv-title> <sv-container col="3" class="mt16">
<sv label="法定代表人"> <sv-title>企业法人信息</sv-title>
{{ detailData?.legalPersonIdentityVO?.name }} <sv label="法定代表人">
</sv> {{ detailData?.legalPersonIdentityVO?.name }}
<sv label="身份证号码"> </sv>
{{ detailData?.legalPersonIdentityVO?.certificateNumber }} <sv label="身份证号码">
</sv> {{ detailData?.legalPersonIdentityVO?.certificateNumber }}
<sv label="身份证有效期"> </sv>
{{ detailData?.legalPersonIdentityVO?.validStartTime }} - <sv label="身份证有效期">
{{ detailData?.legalPersonIdentityVO?.validEndTime || '长期' }} {{ detailData?.legalPersonIdentityVO?.validStartTime }} -
</sv> {{ detailData?.legalPersonIdentityVO?.validEndTime || '长期' }}
<sv label="身份证照" col="1"> </sv>
<app-imagelist <sv label="身份证照" col="1">
[imgList]="[detailData?.legalPersonIdentityVO?.certificatePhotoFrontWatermark,detailData?.legalPersonIdentityVO?.certificatePhotoBackWatermark]"> <app-imagelist
</app-imagelist> [imgList]="[detailData?.legalPersonIdentityVO?.certificatePhotoFrontWatermark,detailData?.legalPersonIdentityVO?.certificatePhotoBackWatermark]">
</sv> </app-imagelist>
</sv-container> </sv>
<nz-divider></nz-divider> </sv-container>
<sv-container col="3" class="mt16"> <nz-divider></nz-divider>
<sv-title>企业开票信息</sv-title> <sv-container col="3" class="mt16">
<sv label="开户银行"> <sv-title>企业开票信息</sv-title>
{{ detailData?.createBank }} <sv label="开户银行">
</sv> {{ detailData?.createBank }}
<sv label="银行账户"> </sv>
{{ detailData?.bankAccount }} <sv label="银行账户">
</sv> {{ detailData?.bankAccount }}
<sv label="注册电话"> </sv>
{{ detailData?.registerPhone }} <sv label="注册电话">
</sv> {{ detailData?.registerPhone }}
<sv label="注册地址"> </sv>
{{ detailData?.registerAddress }} <sv label="注册地址">
</sv> {{ detailData?.registerAddress }}
</sv-container> </sv>
</nz-card> </sv-container>
</ng-container> </nz-card>
<ng-template #approvedModal> <ng-template #approvedModal>
<div nz-row nzGutter="8"> <div nz-row nzGutter="8">
@ -174,7 +211,7 @@
<se [col]="1" label="公司名称"> <se [col]="1" label="公司名称">
{{ detailData?.enterpriseName }} {{ detailData?.enterpriseName }}
</se> </se>
<se [col]="1" label="网络货运人" required > <se [col]="1" label="网络货运人" required>
<nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter"> <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
<nz-option [nzValue]="1" nzLabel="Jack"></nz-option> <nz-option [nzValue]="1" nzLabel="Jack"></nz-option>
<nz-option [nzValue]="2" nzLabel="Lucy"></nz-option> <nz-option [nzValue]="2" nzLabel="Lucy"></nz-option>
@ -190,9 +227,32 @@
<se [col]="1" label="公司名称"> <se [col]="1" label="公司名称">
{{ detailData?.enterpriseName }} {{ detailData?.enterpriseName }}
</se> </se>
<se [col]="1" label="备注" required > <se [col]="1" label="备注" required>
<textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea> <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
</se> </se>
</div> </div>
</div> </div>
</ng-template> </ng-template>
<ng-template #uploadTemplate let-image="image" let-key="key" let-hover="hover">
<nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
[nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
[nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event,key)">
<ng-container *ngIf="!image && isEdit">
<i class="upload-icon" nz-icon [nzType]="service.http.loading ? 'loading' : 'plus'"></i>
<div class="ant-upload-text">上传</div>
</ng-container>
<div *ngIf="image" (mouseover)="detailData[hover]=true" (mouseleave)="detailData[hover]=false"
(click)="$event.cancelBubble=true" class="image-hover">
<img [src]="image" style="width: 200px;height: 160px;" />
<div class="mask" *ngIf="detailData[hover] && isEdit"></div>
<div class="mask-over" *ngIf="detailData[hover] && isEdit">
<i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(key)"></i>
<div style="display: flex;align-items: center;">
<i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(image)"></i>
</div>
</div>
</div>
</nz-upload>
</ng-template>

154
src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.less
View File

@ -1,46 +1,132 @@
@import '~@delon/theme/index';
:host { :host {
::ng-deep { ::ng-deep {
.ant-steps-dot { sv-title {
.ant-steps-item-content { font-weight: 700;
width: 200px;
}
.ant-steps-item-icon {
margin-left: 96px;
}
.ant-steps-item-tail::after {
margin-left: 40px;
}
}
.success {
color: @success-color;
} }
.warning { .user-info {
color: @warning-color; display : flex;
font-size: 16px;
.enterprise-name {
margin-right: 15px;
}
img {
width : 64px;
height : 64px;
margin-right : 15px;
border-radius: 50%;
}
.user-info-des {
margin-bottom: 5px;
}
} }
.error { .sv__label,
color: @error-color; .sv__detail {
line-height: 30px;
} }
}
.mt16 { .edit-box {
margin-top: 16px; input {
} max-width: 250px;
.user-info { }
display: flex;
font-size: 16px; nz-date-picker {
.enterprise-name { min-width: 250px;
margin-right: 15px; }
} }
img {
width: 64px; .readOnly-box {
height: 64px; input {
margin-right: 15px; padding-left: 0;
border-radius: 50%; color : #000;
border : 0;
}
nz-select-top-control {
padding-left: 0px !important;
}
} }
.user-info-des {
margin-bottom: 5px; .ant-select {
min-width: 250px;
nz-select-top-control {
cursor: text !important;
color : #000 !important;
}
}
// 图片展示工具样式改造
.ant-upload.ant-upload-disabled {
cursor: pointer;
}
.ant-upload.ant-upload-select-picture-card {
width : 200px;
height: 160px;
}
.ant-upload-picture-card-wrapper {
width: auto;
} }
} }
} }
.image-hover {
.delete-icon {
border-radius : 50%;
color : #F55656;
font-size : 28px;
position : absolute;
top : -15px;
right : -15px;
background-color: #ffffff;
cursor : pointer;
}
.show-icon {
color : #ffffff;
font-size: 30px;
cursor : pointer;
}
}
.image-hover:hover .mask {
opacity: 0.8;
}
.mask {
width : 200px;
height : 160px;
background-color : #4F4F4F;
opacity : 0;
position : absolute;
// top : 6px;
// left : 12px;
border-radius : 6px;
margin-top : -160px;
}
.mask-over {
width : 200px;
height : 160px;
position : absolute;
// top : 6px;
// left : 12px;
border-radius : 6px;
display : flex;
justify-content : center;
align-items : center;
margin-top : -160px;
label {
font-size : 20px;
line-height : 24px;
letter-spacing: 0.7px;
color : #FFFFFF;
}
}

117
src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.ts
View File

@ -16,6 +16,9 @@ import {
} from '@delon/form'; } from '@delon/form';
import { Observable, Observer } from 'rxjs'; import { Observable, Observer } from 'rxjs';
import { NzModalService } from 'ng-zorro-antd/modal'; import { NzModalService } from 'ng-zorro-antd/modal';
import { apiConf } from '@conf/api.conf';
import { ImageViewComponent } from 'src/app/shared/components/imagelist';
import { NzCascaderOption } from 'ng-zorro-antd/cascader';
@Component({ @Component({
selector: 'app-Freight-components-EnterpriseAudit-view', selector: 'app-Freight-components-EnterpriseAudit-view',
templateUrl: './view.component.html', templateUrl: './view.component.html',
@ -30,7 +33,8 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
approvalOpinion = ''; approvalOpinion = '';
networkTransporter = null; networkTransporter = null;
detailData: any; detailData: any = this.initDefalutData();
tempalateData = { ...this.detailData };
statusE: any = { statusE: any = {
10: '待审核', 10: '待审核',
@ -40,10 +44,13 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
isEdit = false; isEdit = false;
uploadURl = apiConf.waterFileUpload;
disabledUpload = false;
constructor(private nzModalService: NzModalService, public service: UsermanageService, private route: ActivatedRoute) {} constructor(private nzModalService: NzModalService, public service: UsermanageService, private route: ActivatedRoute) {}
ngOnInit() { ngOnInit() {
this.initData(); this.initData();
this.loadData({}, 0).then(res => console.log(res));
// this.launchSign(); // this.launchSign();
} }
@ -55,6 +62,7 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
.subscribe(res => { .subscribe(res => {
if (res) { if (res) {
this.detailData = res; this.detailData = res;
this.tempalateData = { ...this.detailData };
} }
}); });
} }
@ -104,6 +112,78 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
}); });
} }
showImg(url: any) {
const params = {
imgList: [url],
index: 0
};
this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
}
deleteImg(key: string) {
this.nzModalService.warning({
nzTitle: '是否确认删除该图片',
nzOnOk: () => {
this.disabledUpload = true;
this.detailData[key] = '';
setTimeout(() => {
this.disabledUpload = false;
}, 100);
}
});
}
changeUpload({ file, fileList, type }: any, key: string) {
console.log({ file, fileList, type });
if (type === 'success') {
this.detailData[key] = file.response.data.fullFileWatermarkPath;
}
}
changeTime(event: any) {
console.log(event);
}
changeCascader(event: any) {
console.log(event);
}
/*
* 根据地区code查询地区详情
* code：请求参数
* type：参数 name：获取省市区名称，fullcode：获取省市区code
* num：参数 1：第一个地区选择，2：第二个地区选择
*/
getRegionDetailByCode(regionCode: any) {
// 根据地区code查询地区详情
return this.service.request(this.service.$api_get_region_by_code, { regionCode });
}
loadData(node: any, index: number): PromiseLike<void> {
return new Promise(resolve => {
this.getRegionDetailByCode(node?.regionCode || '').subscribe(
res => {
console.log(1);
node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1 }));
},
_ => {},
() => {
resolve();
}
);
});
}
reset() {
this.detailData = { ...this.tempalateData };
this.isEdit = false;
}
save() {
this.isEdit = false;
}
ratify() { ratify() {
this.isEdit = true; this.isEdit = true;
} }
@ -111,4 +191,39 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
goBack() { goBack() {
window.history.go(-1); window.history.go(-1);
} }
private initDefalutData() {
return {
adminUserInfo: {
name: '',
mobile: '',
certificatePhotoFrontWatermark: '',
certificatePhotoBackWatermark: ''
},
legalPersonIdentityVO: {
certificateNumber: ''
},
enterpriseName: '',
enterpriseType: '',
unifiedSocialCreditCode: '',
registrationCapital: null,
enterpriseRegistrationTime: '',
driverLicenseSigningOrg: '',
carDistinguishCode: '',
carLoad: '',
curbWeight: '',
roadTransportNo: '',
roadTransportLicenceNo: '',
carOwner: '',
isTrailer: null,
useNature: null,
driverLicenseRegisterTime: null,
driverLicenseGetTime: null,
driverLicenseEndTime: null,
roadTransportStartTime: null,
roadTransportEndTime: null,
carFrontPhotoWatermark: ''
};
}
} }

11
src/app/routes/usercenter/components/freight/user/detail/detail.component.html
View File

@ -54,8 +54,8 @@
nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回 nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
</label> </label>
<div style="float: right;"> <div style="float: right;">
<button nz-button nzType="default" nzDanger (click)="auditPass()">审核通过</button> <button nz-button nzType="default" nzDanger (click)="auditPass()" *ngIf="userIdentityDetail.certificationStatus===0">审核通过</button>
<button nz-button nzType="default" nzDanger (click)="auditNo()">驳回审核</button> <button nz-button nzType="default" nzDanger (click)="auditNo()" *ngIf="userIdentityDetail.certificationStatus===0">驳回审核</button>
<button nz-button nzType="default" nzDanger (click)="ratify()">修改</button> <button nz-button nzType="default" nzDanger (click)="ratify()">修改</button>
</div> </div>
</sv-title> </sv-title>
@ -86,15 +86,14 @@
<div nz-row nzGutter="8"> <div nz-row nzGutter="8">
<div nz-col nzSpan="24" se-container [labelWidth]="120"> <div nz-col nzSpan="24" se-container [labelWidth]="120">
<se [col]="1" label="姓名"> <se [col]="1" label="姓名">
{{ userIdentityDetail?.enterpriseName }} {{ userIdentityDetail?.name }}
</se> </se>
<se [col]="1" label="备注" required> <se [col]="1" label="备注" required>
<textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
[(ngModel)]="approvalOpinion.remark"></textarea>
</se> </se>
<se [col]="1" label="可选理由"> <se [col]="1" label="可选理由">
<nz-tag *ngFor="let tag of reasonTags" nzColor="default" nzMode="checkable" <nz-tag *ngFor="let tag of reasonTags" nzColor="default" nzMode="checkable"
[nzChecked]="approvalOpinion?.reason===tag" (nzCheckedChange)="approvalOpinion.reason=tag"> (nzCheckedChange)="approvalOpinion=approvalOpinion+'、'+tag">
{{ tag }} {{ tag }}
</nz-tag> </nz-tag>
</se> </se>

36
src/app/routes/usercenter/components/freight/user/detail/detail.component.ts
View File

@ -25,10 +25,7 @@ export class FreightComponentsUserDetailComponent implements OnInit {
{ title: '角色', index: 'totalPrice', width: 300, className: 'text-center' } { title: '角色', index: 'totalPrice', width: 300, className: 'text-center' }
]; ];
approvalOpinion = { approvalOpinion = '';
reason: '',
remark: ''
};
reasonTags = ['身份证照片太丑', '姓名与身份证号不匹配']; reasonTags = ['身份证照片太丑', '姓名与身份证号不匹配'];
constructor(private nzModalService: NzModalService, public service: UsermanageService, private route: ActivatedRoute) {} constructor(private nzModalService: NzModalService, public service: UsermanageService, private route: ActivatedRoute) {}
@ -83,27 +80,44 @@ export class FreightComponentsUserDetailComponent implements OnInit {
auditPass() { auditPass() {
this.nzModalService.confirm({ this.nzModalService.confirm({
nzTitle: '审核通过', nzTitle: '审核通过',
nzContent: `是否确认通过(姓名:黄大仙)审核`, nzContent: `是否确认通过(姓名:${this.userIdentityDetail?.name})审核`,
nzOnOk: () => {} nzOnOk: () => {
this.auditEnterprise(0);
}
}); });
} }
auditNo() { auditNo() {
this.approvalOpinion = { this.approvalOpinion = '';
reason: '',
remark: ''
};
this.nzModalService.create({ this.nzModalService.create({
nzTitle: '审核驳回', nzTitle: '审核驳回',
nzContent: this.redectModal, nzContent: this.redectModal,
nzOnOk: () => { nzOnOk: () => {
if (!this.approvalOpinion?.remark) { if (!this.approvalOpinion) {
return false; return false;
} }
this.auditEnterprise(1);
return; return;
} }
}); });
} }
private auditEnterprise(auditStatus: number) {
this.service
.request(this.service.$api_approve_identity, {
auditStatus: auditStatus,
identityId: this.userIdentityDetail.id,
auditType: 0,
certificationOpinions: this.approvalOpinion
})
.subscribe(res => {
if (res) {
this.service.msgSrv.success(auditStatus === 0 ? '审核通过' : '驳回成功');
}
this.initData();
});
}
ratify() {} ratify() {}
goBack() { goBack() {

4
src/app/shared/shared-zorro.module.ts
View File

@ -41,6 +41,7 @@ import { NzStatisticModule } from 'ng-zorro-antd/statistic';
import { NzTimelineModule } from 'ng-zorro-antd/timeline'; import { NzTimelineModule } from 'ng-zorro-antd/timeline';
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton'; import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
import { NzUploadModule } from 'ng-zorro-antd/upload'; import { NzUploadModule } from 'ng-zorro-antd/upload';
import { NzCascaderModule } from 'ng-zorro-antd/cascader';
export const SHARED_ZORRO_MODULES = [ export const SHARED_ZORRO_MODULES = [
NzButtonModule, NzButtonModule,
NzGridModule, NzGridModule,
@ -75,5 +76,6 @@ export const SHARED_ZORRO_MODULES = [
NzStatisticModule, NzStatisticModule,
NzTimelineModule, NzTimelineModule,
NzSkeletonModule, NzSkeletonModule,
NzUploadModule NzUploadModule,
NzCascaderModule
]; ];

6
src/style-icons-auto.ts
View File

@ -57,7 +57,8 @@ import {
MenuOutline, MenuOutline,
SwapOutline, SwapOutline,
EyeFill, EyeFill,
EyeInvisibleFill EyeInvisibleFill,
SolutionOutline
} from '@ant-design/icons-angular/icons'; } from '@ant-design/icons-angular/icons';
export const ICONS_AUTO = [ export const ICONS_AUTO = [
@ -114,5 +115,6 @@ export const ICONS_AUTO = [
MenuOutline, MenuOutline,
EyeFill, EyeFill,
EyeInvisibleFill, EyeInvisibleFill,
SwapOutline SwapOutline,
SolutionOutline
]; ];