Newer
Older
<nz-modal [nzWidth]="1080" [(nzVisible)]="isShow" [nzTitle]="title" (nzOnCancel)="handleEditCancel()"
(nzOnOk)="handEditleOk()" [nzOkLoading]="isOkLoading">
<nz-tabset [nzType]="'card'" [(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 type="text" nz-input name="hostName" [(ngModel)]="validateForm.name">
<ng-container *ngIf="this.title != '添加告警推送' && this.title != '编辑告警推送'">
<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"
[nzAsyncData]="true"
[nzCheckStrictly]="true"
<span class="custom-node" draggable="true" aria-grabbed="true"
[class.active]="node.isSelected">
<label [(ngModel)]="node.isChecked" nz-checkbox *ngIf="node.level == 0"
(click)="selectCheckTreeGroup(node)"> {{node.title}}</label>
<label [(ngModel)]="node.isChecked" [nzDisabled]="node.origin.disabled"
(click)="selectCheckTree(node)" *ngIf="node.level == 1"
nz-checkbox> {{node.title}}</label>
</nz-tree>
</div>
</nz-form-control>
</nz-form-item>
</ng-container>
<nz-form-label [nzSpan]="4" nzRequired nzFor="groupIds">告警分组</nz-form-label>
<nz-select name="groupIds" nzPlaceHolder="告警分组" [(ngModel)]="validateForm.alertGroupId">
<!--<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>-->
</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>
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
118
119
120
<!--<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-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-label [nzSpan]="4" nzFor="serviceid">生成事件</nz-form-label>
<nz-form-control [nzSpan]="14">
<label nz-radio nzValue="1">是</label>
<label nz-radio nzValue="2">否</label>
</nz-radio-group>
</nz-form-control>
</nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="hostName">事件标题</nz-form-label>
<nz-form-control [nzSpan]="14">
<input type="text" nz-input name="hostName" [(ngModel)]="validateForm.event.title">
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">事件分类</nz-form-label>
<nz-select name="serviceid" nzPlaceHolder="事件分类"
[(ngModel)]="validateForm.event.eventTypeId">
<ng-container *ngFor="let item of eventTypeList">
<nz-option [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
</ng-container>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">事件负责人</nz-form-label>
<nz-form-control [nzSpan]="14">
<button (click)="selectPerson()" nz-button><span>选择</span></button>
<ng-container *ngFor="let item of operatorList;let i = index;">
<span style="margin-left: 10px">{{item.username}}</span><span class="main-color cursor"
style="margin-left: 5px"
(click)="deleteOperator(i)">X</span>
</ng-container>
</nz-form-control>
</nz-form-item>
</ng-container>
</div>
</nz-tab>
<nz-tab nzTitle="选择发送方式">
<div nz-form class="ant-advanced-search-form form-select">
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<nz-form-item>
<div nz-row>
<nz-form-label [nzSpan]="4">发送对象</nz-form-label>
<nz-form-control nz-col [nzSpan]="14">
<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]="4"></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">
<textarea nz-input nzPlaceholder="恢复信息" [nzAutosize]="{ minRows: 4, maxRows: 4 }"
[(ngModel)]="validateForm.r_longdata"></textarea>
<!--选择负责人-->
<smart-select-person #smartSelectPerson (done)="getUser($event)"></smart-select-person>