|  |  |  | 
|---|
|  |  |  | <label>监测项目</label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-form-control class="flex-1"> | 
|---|
|  |  |  | <nz-popover [nzPlacement]="'bottomLeft'" [nzTrigger]="'hover'"> | 
|---|
|  |  |  | <nz-input [nzType]="'input'" nz-popover [ngModel]="sensorNames" name="sensorNames" [nzReadonly]="true" [nzPlaceHolder]="'请选择监控类型'"> | 
|---|
|  |  |  | <nz-popover   [nzPlacement]="'bottomLeft'" [(nzVisible)]="sensorSelectVisible" [nzTrigger]="'click'"> | 
|---|
|  |  |  | <nz-input [nzType]="'input'" nz-popover [ngModel]="sensorNames" style="cursor:pointer;" | 
|---|
|  |  |  | name="sensorNames" [nzReadonly]="true" | 
|---|
|  |  |  | [nzPlaceHolder]="'请选择监控类型'"> | 
|---|
|  |  |  | <ng-template #suffix> | 
|---|
|  |  |  | <i class="anticon anticon-plus ant-input-search-icon"></i> | 
|---|
|  |  |  | <i class="anticon anticon-down ng-star-inserted ant-cascader-picker-arrow" style="right: 1px;"></i> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | </nz-input> | 
|---|
|  |  |  | <ng-template #nzTemplate> | 
|---|
|  |  |  | <div [ngStyle]="{'width': '240px', 'height': '240px', 'overflow-y' :'auto'}"> | 
|---|
|  |  |  | <nz-tree [nzNodes]="sensorOptions" | 
|---|
|  |  |  | (nzActivate)="onTreeClickSelect($event)" | 
|---|
|  |  |  | (nzDeactivate)="onTreeClickSelect($event)" | 
|---|
|  |  |  | [nzCheckable]="true" (nzCheck)="onSensorSelect($event)"></nz-tree> | 
|---|
|  |  |  | <div style="position: relative; width: 240px; height: 240px;" (mouseover) = "onTreeMouseOver($event)"  (mouseout) = "onTreeMouseOut($event)"> | 
|---|
|  |  |  | <div style="position: absolute; left: -16px; width: 272px; height: 256px; overflow-y :auto; top: -8px;"> | 
|---|
|  |  |  | <nz-tree [nzNodes]="sensorOptions"  (nzActivate)="onTreeClickSelect($event)" | 
|---|
|  |  |  | (nzDeactivate)="onTreeClickSelect($event)" [nzCheckable]="true" (nzCheck)="onSensorSelect($event)"></nz-tree> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | </nz-popover> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div nz-col [nzSpan]="8" class="mb-md"> | 
|---|
|  |  |  | <div nz-form-item class="d-flex"> | 
|---|
|  |  |  | <div [ngStyle]="{'width': '70px'}" nz-form-label> | 
|---|
|  |  |  | <label>监控点</label> | 
|---|
|  |  |  | <label>监控站点</label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-form-control class="flex-1"> | 
|---|
|  |  |  | <nz-select name="monitorPoint" style="width: 100%;" [(ngModel)]="monitorPoint" nzAllowClear [nzPlaceHolder]="'选择 监控点(输入名称搜索)'" | 
|---|
|  |  |  | <nz-select name="monitorPoint" style="width: 100%;" [(ngModel)]="monitorPoint" nzAllowClear [nzPlaceHolder]="'选择 监控站点(输入名称搜索)'" | 
|---|
|  |  |  | nzShowSearch (nzSearchChange)="monitorPointsChange($event)" [nzNotFoundContent]="'无法找到'"> | 
|---|
|  |  |  | <nz-option *ngFor="let option of monitorPointOptions" [nzLabel]="option.name" [nzValue]="option"> | 
|---|
|  |  |  | </nz-option> | 
|---|
|  |  |  | 
|---|
|  |  |  | <label>设 备</label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-form-control class="flex-1"> | 
|---|
|  |  |  | <nz-select name="device" style="width: 100%;" [(ngModel)]="device" nzAllowClear [nzPlaceHolder]="'先选择 监控点(输入名称搜索)'" nzShowSearch | 
|---|
|  |  |  | <nz-select name="device" style="width: 100%;" [(ngModel)]="device" nzAllowClear [nzPlaceHolder]="'先选择 监控站点(输入名称搜索)'" nzShowSearch | 
|---|
|  |  |  | (nzSearchChange)="devicesChange($event)" [nzNotFoundContent]="'无法找到'"> | 
|---|
|  |  |  | <nz-option *ngFor="let option of deviceOptions" [nzLabel]="option.name" [nzValue]="option"> | 
|---|
|  |  |  | </nz-option> | 
|---|