basi-check.component.html

<section>
    <nz-modal [nzWidth]="880" [(nzVisible)]="isCheck" nzTitle="添加检测点" (nzOnCancel)="handleCheckCancel()"
              (nzOnOk)="handleCheckOk()">
        <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="Agent客户端"></nz-option>
                        <nz-option nzValue="7" nzLabel="Agent客户端(主动式)"></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="Agent内部"></nz-option>
                        <nz-option nzValue="2" nzLabel="Agent采集器"></nz-option>
                        <nz-option nzValue="8" nzLabel="Agent整合"></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-label [nzSpan]="6" nzFor="units">单位</nz-form-label>
                <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-form-label [nzSpan]="6" nzFor="itemtype">监测点分类</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <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>
                <nz-form-control [nzSpan]="14">
                    <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>
                <nz-form-label [nzSpan]="6" nzFor="interval">自定义时间间隔</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <input id="interval1" name="interval1" placeholder="输入自定义时间间隔" type="text" nz-input
                           [(ngModel)]="interval">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label [nzSpan]="6">历史数据保留时长(单位天)</nz-form-label>
                <nz-form-control [nzSpan]="14" nzFor="history">
                    <input type="text" name="history" id="history" placeholder="输入历史数据保留时长" nz-input
                           [(ngModel)]="validateForm.history">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label [nzSpan]="6">趋势数据存储周期(单位天)</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <input type="text" name="trends" nz-input [(ngModel)]="validateForm.trends">
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSpan]="6">存储值</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <input type="text" name="storagevalue" nz-input [(ngModel)]="validateForm.delta">
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSpan]="6">查看值</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <input type="text" nz-input name="valuemapid" [(ngModel)]="validateForm.valuemapid">
                </nz-form-control>
            </nz-form-item>
        </form>

        <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>
            </nz-form-control>
        </nz-form-item>

        <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>
                            </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>