You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.4 KiB
75 lines
2.4 KiB
2 years ago
|
<div class="modal">
|
||
|
|
<form nz-form [formGroup]="formGroup" nzLayout="vertical">
|
||
|
|
<div class="overflow-hidden">
|
||
|
|
<div nz-row [nzGutter]="24">
|
||
|
|
<div nz-col [nzSpan]="6">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-label nzRequired>业务名称</nz-form-label>
|
||
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
||
|
|
<input nz-input placeholder="请输入业务名称" formControlName="name" />
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div nz-col [nzSpan]="6">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-label>图片</nz-form-label>
|
||
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
||
|
|
<input type="hidden" nz-input formControlName="img" />
|
||
|
|
<div class="mb-2" *ngIf="iconPreview">
|
||
|
|
<img [src]="iconPreview" class="h-20 w-20" />
|
||
|
|
</div>
|
||
|
|
<button class="upload-btn" nz-button [nzLoading]="uploadImgLoading">
|
||
|
|
<i nz-icon nzType="upload"></i>
|
||
|
|
上传图片
|
||
|
|
<input type="file" (change)="onFileImgChange($event)" accept=".jpg,.jpeg,.png" />
|
||
|
|
</button>
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div nz-col [nzSpan]="6">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-label>附件</nz-form-label>
|
||
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
||
|
|
<button class="upload-btn" nz-button [nzLoading]="uploadLoading">
|
||
|
|
<i nz-icon nzType="upload"></i>
|
||
|
|
选择文件
|
||
|
|
<input type="file" (change)="onFileChange($event)" />
|
||
|
|
</button>
|
||
|
|
@if (formGroup.get('attach')?.value) {
|
||
|
|
<div class="mt-1">
|
||
|
|
<nz-tag class="break-words w-full !whitespace-pre-wrap">
|
||
|
|
{{ formGroup.get('attach')?.value }}
|
||
|
|
</nz-tag>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div nz-col [nzSpan]="18">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-label>故障说明</nz-form-label>
|
||
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
||
|
|
<textarea nz-input placeholder="请输入故障说明" formControlName="notes"></textarea>
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
</div>
|
||
|
|
<div nz-col [nzSpan]="24">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-label>资产列表</nz-form-label>
|
||
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
||
|
|
<app-asset-select formControlName="assetIdList" />
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<ng-template #errorTpl let-control>
|
||
|
|
<form-error-tips [control]="control"></form-error-tips>
|
||
|
|
</ng-template>
|
||
|
|
</div>
|