UI
This commit is contained in:
Taric Xin
@ -11,7 +11,8 @@
|
||||
<sv-title style="font-weight: 700">
|
||||
<div style="float: right">
|
||||
<ng-container *ngIf="!isEdit">
|
||||
<button nz-button nzType="default" nzDanger (click)="ratify()" acl acl-ability="VEHICLE-LIST-DETAIL-save">修改</button>
|
||||
<button nz-button nzType="default" nzDanger (click)="ratify()" acl
|
||||
acl-ability="VEHICLE-LIST-DETAIL-save">修改</button>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<button nz-button nzType="default" (click)="reset()">取消</button>
|
||||
@ -24,85 +25,49 @@
|
||||
<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 ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="车牌颜色">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.carNoColor" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.carNoColor"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<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" [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>
|
||||
<sv label="车长(米)">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.carLength" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.carLength"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option *ngFor="let i of contenCarLength" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="车辆能源类型">
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.carEnergyType"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.carEnergyType" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option *ngFor="let i of contenCarEnergy" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="是否挂靠">
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.isSelf"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.isSelf" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option [nzValue]="false" nzLabel="否"></nz-option>
|
||||
<nz-option [nzValue]="true" nzLabel="是"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="是否为挂车">
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.isTrailer"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.isTrailer" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option [nzValue]="false" nzLabel="否"></nz-option>
|
||||
<nz-option [nzValue]="true" nzLabel="是"></nz-option>
|
||||
</nz-select>
|
||||
@ -111,12 +76,10 @@
|
||||
<sv-container col="1">
|
||||
<sv label="车头照">
|
||||
<!-- <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> -->
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: { image: detailData?.carFrontPhotoWatermark, key: 'carFrontPhotoWatermark', hover: 'PhotoWatermark2' }
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -126,60 +89,41 @@
|
||||
<sv-container col="3">
|
||||
<sv-title style="font-weight: 700">行驶证信息</sv-title>
|
||||
<sv label="档案编号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.archivesNo"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="车辆品牌">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.carBrand"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<ng-container *ngIf="isEdit; else carBrandTemplate">
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carBrand" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</ng-container>
|
||||
<ng-template #carBrandTemplate>
|
||||
{{detailData?.carBrand }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
<sv label="行驶证注册日期">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.driverLicenseRegisterTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
</nz-date-picker>
|
||||
</sv>
|
||||
</sv-container>
|
||||
|
||||
<sv-container col="3">
|
||||
<sv label="行驶证到期日">
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.driverLicenseEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
</nz-date-picker>
|
||||
</sv>
|
||||
<sv label="行驶证签发机关">
|
||||
<input
|
||||
style="width: '300px'"
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.driverLicenseSigningOrg"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<ng-container *ngIf="isEdit; else driverLicenseSigningOrgTemplate">
|
||||
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
|
||||
[readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</ng-container>
|
||||
<ng-template #driverLicenseSigningOrgTemplate>
|
||||
{{detailData?.driverLicenseSigningOrg }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
</sv-container>
|
||||
|
||||
@ -187,33 +131,17 @@
|
||||
<sv label="行驶证发证日期">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.driverLicenseGetTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
</nz-date-picker>
|
||||
</sv>
|
||||
<sv label="车辆识别代码">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.carDistinguishCode"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="使用性质">
|
||||
<nz-select
|
||||
[(ngModel)]="detailData.useNature"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit"
|
||||
[nzDisabled]="!isEdit"
|
||||
>
|
||||
<nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
|
||||
[nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
|
||||
<nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
|
||||
<nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
|
||||
</nz-select>
|
||||
@ -222,63 +150,39 @@
|
||||
|
||||
<sv-container col="3">
|
||||
<sv label="核定载质量（吨）">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.carLoad"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="整备质量">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.curbWeight"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="总质量">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.carTotalLoad"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.carTotalLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="所有人">
|
||||
<input
|
||||
style="width: '300px'"
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.carOwner"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<ng-container *ngIf="isEdit; else carOwnerTemplate">
|
||||
<input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</ng-container>
|
||||
<ng-template #carOwnerTemplate>
|
||||
{{detailData?.carOwner }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
|
||||
|
||||
</sv-container>
|
||||
<sv-container col="1">
|
||||
<sv label="行驶证照片">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: { image: detailData?.certificatePhotoFrontWatermark, key: 'certificatePhotoFrontWatermark', hover: 'FrontWatermark' }
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: { image: detailData?.certificatePhotoBackWatermark, key: 'certificatePhotoBackWatermark', hover: 'BackWatermark' }
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -286,57 +190,33 @@
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title style="font-weight: 700">道路运输证信息</sv-title>
|
||||
<sv label="道路运输证号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.roadTransportNo"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="经营许可证号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.roadTransportLicenceNo"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="发证日期">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.roadTransportStartTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
</nz-date-picker>
|
||||
</sv>
|
||||
<sv label="有效期至">
|
||||
<!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit?'':'-'"> -->
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.roadTransportEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'"
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
|
||||
[nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
|
||||
</nz-date-picker>
|
||||
</sv>
|
||||
<sv label="道路运输证照片">
|
||||
<!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: { image: detailData?.roadTransportPhotoWatermark, key: 'roadTransportPhotoWatermark', hover: 'Watermark' }
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -344,19 +224,9 @@
|
||||
<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>
|
||||
@ -371,13 +241,8 @@
|
||||
</nz-card>
|
||||
</ng-container>
|
||||
|
||||
<nz-modal
|
||||
[(nzVisible)]="isVisible"
|
||||
[nzWidth]="600"
|
||||
[nzFooter]="nzModalFooterEvaluate"
|
||||
(nzOnOk)="handleOK()"
|
||||
(nzOnCancel)="handleCancel('2')"
|
||||
>
|
||||
<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
|
||||
(nzOnCancel)="handleCancel('2')">
|
||||
<ng-container *nzModalContent>
|
||||
<nz-tabset>
|
||||
<nz-tab nzTitle="我的评价">
|
||||
@ -398,27 +263,15 @@
|
||||
</nz-modal>
|
||||
|
||||
<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)"
|
||||
>
|
||||
<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]="false ? '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"
|
||||
>
|
||||
<div *ngIf="image" (mouseover)="detailData[hover] = true" (mouseleave)="detailData[hover] = false"
|
||||
(click)="$event.cancelBubble = true" class="image-hover">
|
||||
<img (click)="showImg(image)" [src]="image" style="width: 200px; height: 160px" />
|
||||
<div class="mask" *ngIf="detailData[hover] && isEdit"></div>
|
||||
<div class="mask-over" *ngIf="detailData[hover] && isEdit">
|
||||
@ -429,4 +282,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</nz-upload>
|
||||
</ng-template>
|
||||
</ng-template>
|
||||
Reference in New Issue
Block a user