Newer
Older
<nz-modal [nzWidth]="880" [(nzVisible)]="isCheck" nzTitle="添加检测点" (nzOnCancel)="handleCheckCancel()"
(nzOnOk)="handleCheckOk()">
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<form nz-form>
<div style="padding: 16px;font-size: 18px;">基本属性</div>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="name">监测点名称</nz-form-label>
<nz-form-control [nzSpan]="14">
<input id="name" name="name" type="text" nz-input [(ngModel)]="validateForm.name">
<!--<nz-form-explain *ngIf="validateForm.get('note').dirty && validateForm.get('note').errors">Please input your username!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="type">类型</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select name="type" name="type" nzPlaceHolder="选择类型" [(ngModel)]="validateForm.type">
<nz-option nzValue="0" nzLabel="Zabbix 客户端"></nz-option>
<nz-option nzValue="7" nzLabel="Zabbix客户端(主动式)"></nz-option>
<nz-option nzValue="3" nzLabel="简单检查"></nz-option>
<nz-option nzValue="1" nzLabel="SNMPv1 客户端"></nz-option>
<nz-option nzValue="4" nzLabel="SNMPv2 客户端"></nz-option>
<nz-option nzValue="6" nzLabel="SNMPv3 客户端"></nz-option>
<nz-option nzValue="5" nzLabel="Zabbix内部"></nz-option>
<nz-option nzValue="2" nzLabel="Zabbix采集器"></nz-option>
<nz-option nzValue="8" nzLabel="Zabbix整合"></nz-option>
<nz-option nzValue="10" nzLabel="外部检查"></nz-option>
<nz-option nzValue="11" nzLabel="数据库监控"></nz-option>
<nz-option nzValue="12" nzLabel="IPMI客户端"></nz-option>
<nz-option nzValue="13" nzLabel="SSH 客户端"></nz-option>
<nz-option nzValue="14" nzLabel="TELNET客户端"></nz-option>
<nz-option nzValue="16" nzLabel="JMX agent代理程序"></nz-option>
<nz-option nzValue="15" nzLabel="可计算的"></nz-option>
<nz-option nzValue="18" nzLabel="相关项目"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="interfaceid">主机接口</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select name="interfaceid" [(ngModel)]="validateForm.interfaceid">
<nz-option *ngFor="let item of interfaceList" nzValue="{{item.interfaceid}}"
nzLabel="{{item.ip}}:{{item.port}}"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="key_">键值</nz-form-label>
<nz-form-control [nzSpan]="14">
<input id="key_" style="width: 85%;display: inline-block" placeholder="输入键值" type="text" name="key_"
nz-input [(ngModel)]="validateForm.key_">
<button nz-button nzType="primary" (click)="showKeymodal()">选择</button>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="value_type">信息类型</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select name="value_type" [(ngModel)]="validateForm.value_type">
<nz-option nzValue="1" nzLabel="数字"></nz-option>
<nz-option nzValue="2" nzLabel="浮点数"></nz-option>
<nz-option nzValue="3" nzLabel="字符"></nz-option>
<nz-option nzValue="4" nzLabel="日志"></nz-option>
<nz-option nzValue="5" nzLabel="文本"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="datatype">数据类型</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select name="datatype" [(ngModel)]="validateForm.data_type">
<nz-option nzValue="0" nzLabel="十进制"></nz-option>
<nz-option nzValue="1" nzLabel="八进制"></nz-option>
<nz-option nzValue="2" nzLabel="二进制"></nz-option>
<nz-option nzValue="3" nzLabel="布尔"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control [nzSpan]="14">
<input id="units" name="units" type="text" nz-input [(ngModel)]="validateForm.units">
<!--<nz-form-explain *ngIf="validateForm.get('note').dirty && validateForm.get('note').errors">Please input your username!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-select style="width: 80%;display: inline-block" nzPlaceHolder="选择监测点分类" name="itemtype"
[(ngModel)]="validateForm.applicationids">
<nz-option *ngFor="let item of checkList" nzValue="{{item.applicationid}}"
nzLabel="{{item.name}}"></nz-option>
</nz-select>
<button nz-button nzType="primary" (click)="showTypeModal()">新建分类</button>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="multiple">使用自定义倍数</nz-form-label>
<input id="multiple" name="multiple" type="text" placeholder="输入倍数" nz-input
[(ngModel)]="validateForm.formula">
<!--<nz-form-explain *ngIf="validateForm.get('note').dirty && validateForm.get('note').errors">Please input your username!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired nzFor="delay">数据更新间隔</nz-form-label>
<nz-form-control [nzSpan]="14">
<input id="delay" name="delay" type="text" placeholder="输入数据更新间隔" nz-input
[(ngModel)]="validateForm.delay">
<!--<nz-form-explain *ngIf="validateForm.get('note').dirty && validateForm.get('note').errors">Please input your username!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<input id="interval1" name="interval1" placeholder="输入自定义时间间隔" type="text" nz-input
[(ngModel)]="interval">
<input type="text" name="history" id="history" placeholder="输入历史数据保留时长" nz-input
[(ngModel)]="validateForm.history">
<input type="text" name="trends" nz-input [(ngModel)]="validateForm.trends">
<input type="text" name="storagevalue" nz-input [(ngModel)]="validateForm.delta">
<input type="text" nz-input name="valuemapid" [(ngModel)]="validateForm.valuemapid">
<div style="padding: 16px;font-size: 18px;">阈值设置</div>
<nz-form-item nzFlex>
<nz-form-control [nzOffset]="4" [nzSpan]="14">
<nz-radio-group [(ngModel)]="conditionType">
<label nz-radio-button nzValue="commonly"><span>常规</span></label>
<label nz-radio-button nzValue="high"><span>高级</span></label>
</nz-radio-group>
<ng-container *ngIf="conditionType == 'commonly'">
<nz-form-item class="form-select" *ngFor="let fault of faultConditionList;let i = index;">
<nz-form-label [nzSpan]="6" *ngIf="!fault.and">危险阈值</nz-form-label>
<nz-form-label nzOffset="3" [nzSpan]="3" *ngIf="fault.and">
<nz-select name="interfaces_main" [(ngModel)]="fault.and">
<nz-option nzValue="&" nzLabel="并且"></nz-option>
<nz-option nzValue="||" nzLabel="或"></nz-option>
</nz-select>
</nz-form-label>
<nz-form-control [nzSpan]="18" class="form-select">
<div nz-row [nzGutter]="12">
<nz-form-control nz-col [nzSpan]="6">
<button class="tag-button" nz-button nzType="default">返回值</button>
</nz-form-control>
<nz-form-control nz-col [nzSpan]="6">
<nz-select name="interfaces_main" nzPlaceHolder="选择接口类型" [(ngModel)]="fault.equal">
<nz-option nzValue="=" nzLabel="="></nz-option>
<nz-option nzValue=">" nzLabel=">"></nz-option>
<nz-option nzValue="<" nzLabel="<"></nz-option>
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
</nz-select>
</nz-form-control>
<nz-form-control nz-col [nzSpan]="6">
<input type="text" placeholder="值" nz-input name="value" [(ngModel)]="fault.value">
</nz-form-control>
<nz-form-control nz-col [nzSpan]="3">
<button *ngIf="i == 0" nz-button nzType="primary" (click)="addFault()">添加条件</button>
<button *ngIf="i > 0" nz-button nzType="primary" (click)="deleteFault(i)">删除条件</button>
</nz-form-control>
</div>
</nz-form-control>
</nz-form-item>
<nz-form-item class="form-select" *ngFor="let fault of conditionList;let i = index;">
<nz-form-label [nzSpan]="6" *ngIf="!fault.and">故障阈值</nz-form-label>
<nz-form-label nzOffset="3" [nzSpan]="3" *ngIf="fault.and">
<nz-select name="interfaces_main" [(ngModel)]="fault.and">
<nz-option nzValue="&" nzLabel="并且"></nz-option>
<nz-option nzValue="||" nzLabel="或"></nz-option>
</nz-select>
</nz-form-label>
<nz-form-control [nzSpan]="18" class="form-select">
<div nz-row [nzGutter]="12">
<nz-form-control nz-col [nzSpan]="6">
<button class="tag-button" nz-button nzType="default">返回值</button>
</nz-form-control>
<nz-form-control nz-col [nzSpan]="6">
<nz-select name="interfaces_main" nzPlaceHolder="选择接口类型" [(ngModel)]="fault.equal">
<nz-option nzValue="=" nzLabel="="></nz-option>
<nz-option nzValue=">" nzLabel=">"></nz-option>
<nz-option nzValue="<" nzLabel="<"></nz-option>
</nz-select>
</nz-form-control>
<nz-form-control nz-col [nzSpan]="6">
<input type="text" placeholder="值" nz-input name="value" [(ngModel)]="fault.value">
</nz-form-control>
<nz-form-control nz-col [nzSpan]="3">
<button *ngIf="i == 0" nz-button nzType="primary" (click)="addcondition()">添加条件</button>
<button *ngIf="i > 0" nz-button nzType="primary" (click)="deleteCondition(i)">删除条件</button>
</nz-form-control>
</div>
</nz-form-control>
</nz-form-item>
</ng-container>
<ng-container *ngIf="conditionType == 'high'">
<nz-form-item nzFlex>
<nz-form-control [nzOffset]="4" [nzSpan]="14">
<p>危险阈值</p>
<textarea rows="4" nz-input [(ngModel)]="validateForm.condition_high"></textarea>
<p>故障阈值</p>
<textarea rows="4" nz-input [(ngModel)]="validateForm.faultCondition_high"></textarea>
</nz-form-control>
</nz-form-item>
</ng-container>
</nz-modal>
</section>
<!--键值查询-->
<smart-basic-key (keyValue)="getKey($event)" #basicKey></smart-basic-key>
<!--新建分类-->
<smart-new-type (data)="addItemType($event)" #newType></smart-new-type>