<div class="modal-header">
|
<div class="modal-title">{{ data.id != null ? '编辑' : '添加'}} - 设备</div>
|
</div>
|
<form [formGroup]="validateForm" (ngSubmit)="save($event,validateForm.value,validateForm.valid)" nz-form [nzType]="'horizontal'">
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>名称</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="name" maxlength="20" [nzPlaceHolder]="'设备名称'">
|
</nz-input>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>mac</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="mac" maxlength="20" [nzPlaceHolder]="'mac地址'">
|
</nz-input>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>经度</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input-number [ngStyle]="{'width': '100%' }" formControlName="longitude" [nzMin]="-180" [nzMax]="180" [nzStep]="0.000001"
|
[nzPlaceHolder]="'-180~180之间'">
|
</nz-input-number>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>纬度</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="6" nzHasFeedback>
|
<nz-input-number [ngStyle]="{'width': '100%' }" formControlName="latitude" [nzMin]="-90" [nzMax]="90" [nzStep]="0.000001"
|
[nzPlaceHolder]="'-90~90之间'">
|
</nz-input-number>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>设备型号</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-select formControlName="deviceVersionId" [nzPlaceHolder]="'选择 设备(输入名称搜索)'"
|
nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="deviceVersionChange($event)" [nzNotFoundContent]="'无法找到'" >
|
<nz-option *ngFor="let option of deviceVersions" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>维护人</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-select formControlName="operateUserId" [nzPlaceHolder]="'选择 维护人(输入名称搜索)'"
|
nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="operateUserChange($event)" [nzNotFoundContent]="'无法找到'" >
|
<nz-option *ngFor="let option of operateUsers" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>监控站点</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-select formControlName="monitorPointId" [nzPlaceHolder]="'选择 监控站点(输入名称搜索)'"
|
nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="monitorPointChange($event)" [nzNotFoundContent]="'无法找到'" >
|
<nz-option *ngFor="let option of monitorPoints" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>具体地址</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="address" maxlength="20" [nzPlaceHolder]="'设备安装的具体地址'">
|
</nz-input>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>生产时间</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-datepicker nzSize="large" style="width: 100%;" formControlName="createTime" nzShowTime [nzPlaceHolder]="'选择时间'"
|
[nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>安装时间</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-datepicker nzSize="large" style="width: 100%;" formControlName="installTime" nzShowTime [nzPlaceHolder]="'选择时间'"
|
[nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button nz-button type="button" (click)="close()">关闭</button>
|
<button nz-button [nzType]="'primary'" [nzLoading]="isSaving">
|
<span>
|
保存
|
<span *ngIf="isSaving">中</span>
|
</span>
|
</button>
|
</div>
|
</form>
|
