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.
263 lines
8.6 KiB
263 lines
8.6 KiB
<form nz-form [formGroup]="formGroup" nzLayout="vertical">
|
|
<div class="asset-form">
|
|
<nz-card [nzBordered]="false">
|
|
<nz-card-tab>
|
|
<nz-tabset [(nzSelectedIndex)]="groupIndex">
|
|
<nz-tab nzTitle="基本信息"></nz-tab>
|
|
<nz-tab nzTitle="维保信息"></nz-tab>
|
|
<nz-tab nzTitle="财务信息"></nz-tab>
|
|
</nz-tabset>
|
|
</nz-card-tab>
|
|
|
|
@switch (groupIndex) {
|
|
@case (0) {
|
|
<ng-container [ngTemplateOutlet]="basicTpl"> </ng-container>
|
|
}
|
|
@case (1) {
|
|
<ng-container [ngTemplateOutlet]="maintainTpl"> </ng-container>
|
|
}
|
|
@case (2) {
|
|
<ng-container [ngTemplateOutlet]="financeTpl"> </ng-container>
|
|
}
|
|
}
|
|
</nz-card>
|
|
</div>
|
|
|
|
<ng-template #basicTpl>
|
|
<div nz-row [nzGutter]="24">
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label nzRequired>资产分类</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-asset-category-select formControlName="categoryId"></app-asset-category-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<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]="8">
|
|
<nz-form-item>
|
|
<nz-form-label nzRequired>资产状态</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-select nzPlaceHolder="请选择" formControlName="status">
|
|
@for (item of ASSET_STATUS; track $index) {
|
|
<nz-option [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
|
|
}
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label nzRequired>所属公司</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-org-select formControlName="ownCompanyId" [company]="true" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>使用组织</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-org-select formControlName="useOrganizationId" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>管理人员</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<!-- manager -->
|
|
<app-select-user-by-org formControlName="manager" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>使用人员</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-select-user-by-org formControlName="useUserId" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>资产来源</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-select nzPlaceHolder="请选择" formControlName="sourceId">
|
|
@for (item of ASSET_SOURCE_MAP | keyvalue; track $index) {
|
|
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option>
|
|
}
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>资产厂商</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<!-- manufacturersVendorId -->
|
|
<app-manufacturer-select formControlName="manufacturersVendorId" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>序列号</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入序列号" formControlName="serialNumber" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>规格型号</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入规格型号" formControlName="model" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>用途</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入用途" formControlName="purpose" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>存放位置</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<!-- positionId -->
|
|
<app-position-select formControlName="positionId" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>详细位置</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入详细位置" formControlName="positionDetail" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>计量单位</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入计量单位" formControlName="unit" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #maintainTpl>
|
|
<div nz-row [nzGutter]="24">
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保厂商</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-maintenance-select formControlName="maintenanceVendor" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>联系人</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入联系人" formControlName="contactor" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>联系方式</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<input nz-input placeholder="请输入联系方式" formControlName="contact" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>负责人</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<app-select-user-by-org formControlName="responsiblePerson" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保开始</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-date-picker class="w-full" formControlName="maintenanceStartDate" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保到期</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-date-picker class="w-full" formControlName="maintenanceEndDate" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保状态</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-select nzPlaceHolder="请选择" formControlName="maintenanceStatus">
|
|
@for (item of MAINTENANCE_STATUS | keyvalue; track $index) {
|
|
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option>
|
|
}
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保方式</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-select nzPlaceHolder="请选择" formControlName="maintenanceType">
|
|
@for (item of MAINTENANCE_TYPE | keyvalue; track $index) {
|
|
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option>
|
|
}
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>建议维保方式</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<nz-select nzPlaceHolder="请选择" formControlName="suggestMaintenanceType">
|
|
@for (item of MAINTENANCE_TYPE | keyvalue; track $index) {
|
|
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option>
|
|
}
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="8">
|
|
<nz-form-item>
|
|
<nz-form-label>维保备注</nz-form-label>
|
|
<nz-form-control [nzErrorTip]="errorTpl">
|
|
<textarea nz-input placeholder="请输入" formControlName="maintenanceNotes"></textarea>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #financeTpl>3</ng-template>
|
|
</form>
|
|
|
|
<ng-template #errorTpl let-control>
|
|
<form-error-tips [control]="control"></form-error-tips>
|
|
</ng-template>
|
|
|