Newer
Older
<nz-modal [nzWidth]="1080" [nzFooter]="null" [(nzVisible)]="isShow" [nzTitle]="title"
<nz-tabset [nzSelectedIndex]="tabNum" (nzSelectedIndexChange)="tabsChange($event)" style="padding-bottom: 25px;min-height: 500px">
<nz-tab nzTitle="选定告警目标">
<div nz-form class="ant-advanced-search-form form-select">
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="hostName">告警名称</nz-form-label>
<input id="hostName" type="text" nz-input name="hostName" [(ngModel)]="validateForm.name">
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="host1">告警目标</nz-form-label>
<nz-form-control [nzSpan]="14">
<div class="tree-div">
<nz-tree #nzTree
[(ngModel)]="nodes"
[nzCheckable]="true"
[nzAsyncData]="true"
[nzCheckStrictly]="true"
(nzCheckBoxChange)="selectCheckTree($event)"
(nzClick)="mouseAction('expand',$event)"
(nzExpandChange)="mouseAction('expand',$event)" >
</nz-tree>
</div>
<nz-form-label [nzSpan]="4" nzRequired nzFor="groupIds">告警分组</nz-form-label>
<nz-select name="groupIds" nzPlaceHolder="告警分组" [(ngModel)]="validateForm.alertGroupId">
<ng-container *ngFor="let item of groupList;let i = index;">
<nz-option nzLabel="{{item.name}}" nzValue="{{item.id}}"></nz-option>
</ng-container>
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">告警描述</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">-->
<!--<textarea nz-input placeholder="告警描述" [nzAutosize]="{ minRows: 4, maxRows: 4 }"></textarea>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
</div>
<div class="modal-footer-btn">
<button nz-button (click)="handleEditCancel()" nzType="primary">取消</button>
<button nz-button (click)="tabsChange(1)" nzType="primary">下一步</button>
</div>
</nz-tab>
<nz-tab nzTitle="选择发送策略">
<div nz-form class="ant-advanced-search-form form-select">
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="host">监测点状态</nz-form-label>
<label nz-checkbox [(ngModel)]="validateForm.serious">严重</label>
<label nz-checkbox [(ngModel)]="validateForm.warn">告警</label>
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzRequired nzFor="host1">时间条件</nz-form-label>-->
<!--<nz-form-control [nzSpan]="20">-->
<!--<div nz-row [nzGutter]="12">-->
<!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<nz-select name="main">-->
<!--<nz-option nzValue="1" nzLabel="属于"></nz-option>-->
<!--<nz-option nzValue="0" nzLabel="不属于"></nz-option>-->
<!--</nz-select>-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="4">-->
<!--<nz-select name="type" nzPlaceHolder="日期">-->
<!--<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-option nzValue="6" nzLabel="周六"></nz-option>-->
<!--<nz-option nzValue="7" nzLabel="周日"></nz-option>-->
<!--</nz-select>-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="1">-->
<!--～-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="4">-->
<!--<nz-select name="type" nzPlaceHolder="日期">-->
<!--<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-option nzValue="6" nzLabel="周六"></nz-option>-->
<!--<nz-option nzValue="7" nzLabel="周日"></nz-option>-->
<!--</nz-select>-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<input type="text" nz-input name="port">-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="1">-->
<!--～-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<input type="text" nz-input name="port">-->
<!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="2">-->
<!--<span class="cursor">X</span>-->
<!--</nz-form-control>-->
<!--</div>-->
<!--<button nz-button nzType="default">添加</button>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">过滤条件</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">-->
<!--<nz-radio-group>-->
<!--<label nz-radio nzValue="1">-->
<!--当事件连续发生<input type="text" nz-input style="width: 100px; margin-left: 10px;">时，发送告警，-->
<!--再没每<input type="text" nz-input style="width: 100px; margin-left: 10px;">次发送一次告警-->
<!--</label>-->
<!--<label nz-radio nzValue="2">-->
<!--在<input type="text" nz-input style="width: 100px; margin-left: 10px;">分钟内，-->
<!--有<input type="text" nz-input style="width: 100px; margin-left: 10px;">次同样状态事件发送告警-->
<!--</label>-->
<!--</nz-radio-group>-->
<!--<label nz-checkbox>-->
<!--当事件连续发生<input type="text" nz-input style="width: 100px; margin-left: 10px;">次后，停止发送告警-->
<!--</label>-->
<!--<label nz-checkbox>-->
<!--当发送告警监测点恢复正常时，发送一次告警-->
<!--</label>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">生成事件</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">-->
<!--<nz-radio-group>-->
<!--<label nz-radio nzValue="1">是</label>-->
<!--<label nz-radio nzValue="2">否</label>-->
<!--</nz-radio-group>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">事件分类</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">-->
<!--<nz-select name="serviceid" nzPlaceHolder="事件分类">-->
<!--<nz-option nzValue="" nzLabel="无"></nz-option>-->
<!--</nz-select>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
<!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">事件负责人</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">-->
<!--<nz-select name="serviceid" nzPlaceHolder="事件负责人">-->
<!--<nz-option nzValue="" nzLabel="无"></nz-option>-->
<!--</nz-select>-->
<!--</nz-form-control>-->
<!--</nz-form-item>-->
</div>
<div class="modal-footer-btn">
<button nz-button (click)="handleEditCancel()" nzType="primary">取消</button>
<button nz-button (click)="tabsChange(0)" nzType="primary">上一步</button>
<button nz-button (click)="tabsChange(2)" nzType="primary">下一步</button>
</div>
</nz-tab>
<nz-tab nzTitle="选择发送方式">
<div nz-form class="ant-advanced-search-form form-select">
<nz-form-item class="form-select">
<nz-form-control class="form-select" >
<div nz-row [nzGutter]="12">
<nz-form-control nz-col [nzPush]="2" [nzSpan]="6">
<span class="color-red">*</span><button nz-button nzType="primary" nzSize="small" style="margin-right: 10px" (click)="addOption()">添加发送对象</button>
</nz-form-control>
</div>
<div nz-row [nzGutter]="12" *ngFor="let item of sendInfoList;let i = index;" >
<nz-form-control nz-col [nzSpan]="3"></nz-form-control>
<nz-form-control nz-col [nzSpan]="3">
<nz-select name="templates" style="width: 100%" [(ngModel)]="item.mediaType" nzPlaceHolder="选择发送方式">
<ng-container *ngFor="let option of sendOption">
<nz-option [nzLabel]="option.description" [nzValue]="option.mediatypeid"></nz-option>
</ng-container>
</nz-select>
</nz-form-control>
<nz-form-control nz-col [nzSpan]="5">
<input type="text" placeholder="手机号码或邮箱" nz-input name="value" [(ngModel)]="item.receiver">
</nz-form-control>
<nz-form-control nz-col [nzSpan]="2">
<button nz-button nzType="primary" (click)="deleteOption(i)"><i class="anticon anticon-close-circle-o color-fff"></i></button>
</nz-form-control>
</div>
<nz-form-label [nzSpan]="4" nzRequired nzFor="def_longdata">发送信息</nz-form-label>
<textarea nz-input placeholder="发送信息" [nzAutosize]="{ minRows: 2, maxRows: 6 }" [(ngModel)]="validateForm.def_longdata"></textarea>
<ng-container *ngIf="selectModal">
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">恢复主题</nz-form-label>
<nz-form-control [nzSpan]="14">
<input id="host4" type="text" nz-input name="host1" [(ngModel)]="validateForm.r_longdata" >
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">恢复信息</nz-form-label>
<nz-form-control [nzSpan]="14">
<textarea nz-input nzPlaceholder="恢复信息" [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="validateForm.r_shortdata"></textarea>
</nz-form-control>
</nz-form-item>
</ng-container>
</div>
<div class="modal-footer-btn">
<button nz-button (click)="handleEditCancel()" nzType="primary">取消</button>
<button nz-button (click)="tabsChange(1)" nzType="primary">上一步</button>
<button nz-button (click)="handEditleOk()" nzType="primary">完成</button>
</div>
</nz-tab>
</nz-tabset>
</nz-modal>