详情优化
This commit is contained in:
潘晓云
@ -114,10 +114,11 @@
|
||||
</ng-template>
|
||||
</page-header-wrapper>
|
||||
|
||||
<nz-card [class]="isEdit?'edit-box':'readOnly-box'">
|
||||
<sv-container col="2" class="mt16">
|
||||
<sv-title>
|
||||
<label class="mr-md">企业基本信息</label>
|
||||
<nz-card [class]="isEdit?'edit-box':'readOnly-box'" [nzBorderless]="true">
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span class="mr-xs">企业基本信息</span>
|
||||
<label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>待审核
|
||||
</label>
|
||||
@ -130,251 +131,296 @@
|
||||
<label *ngIf="detailData?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
|
||||
</label>
|
||||
<p style="margin-bottom: 0;">
|
||||
四要素验证：
|
||||
<label *ngIf="detailData?.esignCheckStatus===0" style="color: #ff4d4f;"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>不通过 驳回原因:{{detailData?.esignCheckMsg}}
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus===1" style="color: #52c41a;"><i nz-icon nzType="check-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>通过
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus===2" style="color: #1890ff;"><i nz-icon nzType="close-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>未认证： {{detailData?.esignCheckMsg}}
|
||||
</label>
|
||||
</p>
|
||||
</sv-title>
|
||||
<sv label="公司名称">
|
||||
<ng-container *ngIf="isEdit; else enterpriseNameelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #enterpriseNameelseTemplate>
|
||||
<span style="word-break:break-all ">{{detailData.enterpriseName}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="统一社会信用代码">
|
||||
<ng-container *ngIf="isEdit; else unifiedSocialCreditCodeelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #unifiedSocialCreditCodeelseTemplate>
|
||||
{{detailData.unifiedSocialCreditCode}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司类型">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.enterpriseType" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
</div>
|
||||
|
||||
<sv-container col="2" class="mt16">
|
||||
<sv-title>
|
||||
<!-- <label class="mr-md">企业基本信息</label>
|
||||
<label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>待审核
|
||||
</label>
|
||||
<label *ngIf="detailData?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="detailData?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>驳回 驳回原因:{{detailData?.approvalOpinion}}
|
||||
</label>
|
||||
<label *ngIf="detailData?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
|
||||
</label> -->
|
||||
<p style="margin-bottom: 0;">
|
||||
四要素验证：
|
||||
<label *ngIf="detailData?.esignCheckStatus===0" style="color: #ff4d4f;"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>不通过 驳回原因:{{detailData?.esignCheckMsg}}
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus===1" style="color: #52c41a;"><i nz-icon nzType="check-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>通过
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus===2" style="color: #1890ff;"><i nz-icon nzType="close-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>未认证： {{detailData?.esignCheckMsg}}
|
||||
</label>
|
||||
</p>
|
||||
</sv-title>
|
||||
<sv label="公司名称">
|
||||
<ng-container *ngIf="isEdit; else enterpriseNameelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #enterpriseNameelseTemplate>
|
||||
<span style="word-break:break-all ">{{detailData.enterpriseName}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="统一社会信用代码">
|
||||
<ng-container *ngIf="isEdit; else unifiedSocialCreditCodeelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #unifiedSocialCreditCodeelseTemplate>
|
||||
{{detailData.unifiedSocialCreditCode}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司类型">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.enterpriseType" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="detailData.enterpriseType"
|
||||
[nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option nzLabel="物流企业" [nzValue]="1"></nz-option>
|
||||
<nz-option nzLabel="货运代理" [nzValue]="2"></nz-option>
|
||||
<nz-option nzLabel="生产型企业" [nzValue]="3"></nz-option>
|
||||
<nz-option nzLabel="贸易类企业" [nzValue]="4"></nz-option>
|
||||
<nz-option nzLabel="科技型企业" [nzValue]="5"></nz-option>
|
||||
<nz-option nzLabel="化学化工企业" [nzValue]="6"></nz-option>
|
||||
<nz-option nzLabel="其他" [nzValue]="7"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="注册资本">
|
||||
<ng-container *ngIf="isEdit; else registrationCapitalTemplate">
|
||||
<input nz-input type="text" [(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="营业期限">
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
|
||||
</nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event?detailData.operatingEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="常用服务">
|
||||
<ng-container *ngIf="isEdit; else oftenUsedServiceselseTemplate">
|
||||
<nz-select [(ngModel)]="detailData.oftenUsedServices">
|
||||
<nz-option [nzValue]="10" nzLabel="整车发货"></nz-option>
|
||||
<nz-option [nzValue]="20" nzLabel="大宗发货"></nz-option>
|
||||
<nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="detailData.enterpriseType"
|
||||
[nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option nzLabel="物流企业" [nzValue]="1"></nz-option>
|
||||
<nz-option nzLabel="货运代理" [nzValue]="2"></nz-option>
|
||||
<nz-option nzLabel="生产型企业" [nzValue]="3"></nz-option>
|
||||
<nz-option nzLabel="贸易类企业" [nzValue]="4"></nz-option>
|
||||
<nz-option nzLabel="科技型企业" [nzValue]="5"></nz-option>
|
||||
<nz-option nzLabel="化学化工企业" [nzValue]="6"></nz-option>
|
||||
<nz-option nzLabel="其他" [nzValue]="7"></nz-option>
|
||||
</nz-select>
|
||||
</ng-container>
|
||||
<ng-template #oftenUsedServiceselseTemplate>
|
||||
<input nz-input type="text"
|
||||
[ngModel]="detailData.oftenUsedServices?detailData.oftenUsedServices===10?'整车发货':'大宗发货':'-'"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司所在地" col="3">
|
||||
<ng-container *ngIf="isEdit; else cascaderelseTemplate">
|
||||
<nz-cascader [(ngModel)]="enterpriseAddressCode" [nzLoadData]="loadRegionData">
|
||||
</nz-cascader>
|
||||
</ng-container>
|
||||
<ng-template #cascaderelseTemplate>
|
||||
{{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{
|
||||
detailData?.fullRegionVO?.areaName }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司详细地址" col="2">
|
||||
<ng-container *ngIf="isEdit; else enterpriseAddresselseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.enterpriseAddress" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #enterpriseAddresselseTemplate>
|
||||
<span style="word-break:break-all "> {{ detailData?.fullRegionVO?.provinceName }}{{
|
||||
detailData?.fullRegionVO?.cityName }}{{
|
||||
detailData?.fullRegionVO?.areaName }}{{detailData.enterpriseAddress}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="经营范围" col="1">
|
||||
<ng-container *ngIf="isEdit; else businessScopeelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.businessScope" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
</sv>
|
||||
<sv label="注册资本">
|
||||
<ng-container *ngIf="isEdit; else registrationCapitalTemplate">
|
||||
<input nz-input type="text" [(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="营业期限">
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
|
||||
</nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event?detailData.operatingEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="常用服务">
|
||||
<ng-container *ngIf="isEdit; else oftenUsedServiceselseTemplate">
|
||||
<nz-select [(ngModel)]="detailData.oftenUsedServices">
|
||||
<nz-option [nzValue]="10" nzLabel="整车发货"></nz-option>
|
||||
<nz-option [nzValue]="20" nzLabel="大宗发货"></nz-option>
|
||||
</nz-select>
|
||||
</ng-container>
|
||||
<ng-template #oftenUsedServiceselseTemplate>
|
||||
<input nz-input type="text"
|
||||
[ngModel]="detailData.oftenUsedServices?detailData.oftenUsedServices===10?'整车发货':'大宗发货':'-'"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司所在地" col="3">
|
||||
<ng-container *ngIf="isEdit; else cascaderelseTemplate">
|
||||
<nz-cascader [(ngModel)]="enterpriseAddressCode" [nzLoadData]="loadRegionData">
|
||||
</nz-cascader>
|
||||
</ng-container>
|
||||
<ng-template #cascaderelseTemplate>
|
||||
{{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{
|
||||
detailData?.fullRegionVO?.areaName }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="公司详细地址" col="2">
|
||||
<ng-container *ngIf="isEdit; else enterpriseAddresselseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.enterpriseAddress" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #enterpriseAddresselseTemplate>
|
||||
<span style="word-break:break-all "> {{ detailData?.fullRegionVO?.provinceName }}{{
|
||||
detailData?.fullRegionVO?.cityName }}{{
|
||||
detailData?.fullRegionVO?.areaName }}{{detailData.enterpriseAddress}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="经营范围" col="1">
|
||||
<ng-container *ngIf="isEdit; else businessScopeelseTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.businessScope" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #businessScopeelseTemplate>
|
||||
<span style="word-break:break-all ">{{detailData.businessScope}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="税务机关" col="3">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.taxAuthority" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #businessScopeelseTemplate>
|
||||
<span style="word-break:break-all ">{{detailData.businessScope}}</span>
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="税务机关" col="3">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.taxAuthority" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="营业执照" col="3">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'licensePhotoWatermark',key2:'licensePhoto',hover:'detailPhoto'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="企业授权函" col="3">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'creditPhotoWatermark',key2:'creditPhoto',hover:'adminPhoto'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>法人信息
|
||||
</sv>
|
||||
<sv label="营业执照" col="3">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'licensePhotoWatermark',key2:'licensePhoto',hover:'detailPhoto'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="企业授权函" col="3">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'creditPhotoWatermark',key2:'creditPhoto',hover:'adminPhoto'}">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>法人信息</span>
|
||||
<label *ngIf="detailData?.legalPersonIdentityVO?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>法人身份证期限已过期
|
||||
</label>
|
||||
</sv-title>
|
||||
<sv label="法定代表人">
|
||||
<input nz-input type="text" maxlength="32" [(ngModel)]="detailData.legalPersonIdentityVO.name"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证号码">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证有效期" col="1">
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validStartTime" [nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
|
||||
class="calendar"></nz-date-picker>
|
||||
-
|
||||
<ng-container
|
||||
*ngIf="!isEdit && !detailData?.legalPersonIdentityVO?.validEndTime && detailData.legalPersonIdentityVO.validStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validEndTime" [nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
|
||||
class="calendar"></nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label nz-checkbox [ngModel]="!!!detailData.legalPersonIdentityVO.validEndTime"
|
||||
(ngModelChange)="$event?detailData.legalPersonIdentityVO.validEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
</div>
|
||||
<sv-container col="3" class="mt16">
|
||||
<!-- <sv-title>法人信息
|
||||
<label *ngIf="detailData?.legalPersonIdentityVO?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>法人身份证期限已过期
|
||||
</label>
|
||||
</sv-title> -->
|
||||
<sv label="法定代表人">
|
||||
<input nz-input type="text" maxlength="32" [(ngModel)]="detailData.legalPersonIdentityVO.name"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证号码">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.certificateNumber"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证有效期" col="1">
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validStartTime" [nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
|
||||
class="calendar"></nz-date-picker>
|
||||
-
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'legalFront'}">
|
||||
*ngIf="!isEdit && !detailData?.legalPersonIdentityVO?.validEndTime && detailData.legalPersonIdentityVO.validStartTime">
|
||||
<label style="padding-left: 11px;">长期</label>
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'legalBack'}">
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validEndTime" [nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
|
||||
class="calendar"></nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label nz-checkbox [ngModel]="!!!detailData.legalPersonIdentityVO.validEndTime"
|
||||
(ngModelChange)="$event?detailData.legalPersonIdentityVO.validEndTime='':''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3">
|
||||
<sv-title>企业管理员信息
|
||||
</sv>
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'legalFront'}">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'legalBack'}">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>企业管理员信息</span>
|
||||
<label *ngIf="detailData?.adminUserInfo?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
|
||||
</label>
|
||||
</sv-title>
|
||||
<sv label="姓名">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="手机号">
|
||||
{{detailData.adminUserInfo?.mobile}}
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证照" col="2">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>企业开票信息</sv-title>
|
||||
<sv label="开户银行">
|
||||
<ng-container *ngIf="isEdit; else createBankTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.createBank" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #createBankTemplate>
|
||||
{{detailData.createBank}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="银行账户">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.bankAccount" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="注册电话">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.registerPhone" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="注册地址">
|
||||
<ng-container *ngIf="isEdit; else registerAddressTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.registerAddress" [readonly]="!isEdit"
|
||||
</div>
|
||||
<sv-container col="3">
|
||||
<!-- <sv-title>企业管理员信息
|
||||
<label *ngIf="detailData?.adminUserInfo?.isExpired" style="color: #fa8c16;">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
|
||||
</label>
|
||||
</sv-title> -->
|
||||
<sv label="姓名">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #registerAddressTemplate>
|
||||
{{detailData.registerAddress}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt-md">
|
||||
<sv-title>服务评级
|
||||
</sv>
|
||||
<sv label="手机号">
|
||||
{{detailData.adminUserInfo?.mobile}}
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="身份证照" col="2">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
</div>
|
||||
<div class="mb-md">
|
||||
<div class="font-weight-blod text-md detail-title">
|
||||
<a class="sign"></a>
|
||||
<span>企业开票信息</span>
|
||||
</div>
|
||||
<sv-container col="3" class="mt16">
|
||||
<!-- <sv-title>企业开票信息</sv-title> -->
|
||||
<sv label="开户银行">
|
||||
<ng-container *ngIf="isEdit; else createBankTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.createBank" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #createBankTemplate>
|
||||
{{detailData.createBank}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="银行账户">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.bankAccount" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="注册电话">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.registerPhone" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="注册地址">
|
||||
<ng-container *ngIf="isEdit; else registerAddressTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.registerAddress" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</ng-container>
|
||||
<ng-template #registerAddressTemplate>
|
||||
{{detailData.registerAddress}}
|
||||
</ng-template>
|
||||
</sv>
|
||||
</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>
|
||||
<!-- <nz-divider></nz-divider> -->
|
||||
<!-- <sv-container col="3" class="mt16">
|
||||
<sv-title>合伙人信息</sv-title>
|
||||
@ -386,7 +432,7 @@
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
|
||||
</sv>
|
||||
<sv label="管理员">
|
||||
|
||||
|
||||
</sv>
|
||||
<sv label="绑定时间">
|
||||
<input nz-input type="text" [(ngModel)]="partnerInfo.enterprisePartnerRelTime" [readonly]="!isEdit"
|
||||
@ -511,4 +557,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</nz-upload>
|
||||
</ng-template>
|
||||
</ng-template>
|
||||
|
||||
Reference in New Issue
Block a user