Skip to content

S
smart
Commit 8e84b047 authored by wangqinghua's avatar wangqinghua
Browse files
Options

style update

parent fbffb520
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 108 deletions
src/main/webapp/app/modal/alarm-modal/alarm-modal.component.html
View file @ 8e84b047
<!--告警推送-->
<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-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>
......@@ -19,12 +21,15 @@
[(ngModel)]="nodes"
[nzAsyncData]="true"
[nzCheckStrictly]="true"
(nzClick)="mouseAction('expand',$event)"
(nzExpandChange)="mouseAction('expand',$event)" >
(nzExpandChange)="mouseAction('expand',$event)">
<ng-template #nzTreeTemplate let-node>
<span class="custom-node" draggable="true" aria-grabbed="true" [class.active]="node.isSelected">
<label *ngIf="node.level == 0"> {{node.title}}</label>
<label [(ngModel)]="node.isChecked" [nzDisabled]="node.origin.disabled" (click)="selectCheckTree(node)" *ngIf="node.level == 1" nz-checkbox> {{node.title}}</label>
<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>
</span>
</ng-template>
</nz-tree>
......@@ -45,10 +50,10 @@
</nz-form-item>
<!--<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-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>
</nz-tab>
......@@ -64,78 +69,78 @@
</nz-form-item>
<!--<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-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-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>
......@@ -158,7 +163,8 @@
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">事件分类</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select name="serviceid" nzPlaceHolder="事件分类" [(ngModel)]="validateForm.event.eventTypeId">
<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>
......@@ -171,7 +177,9 @@
<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>
<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>
......@@ -181,36 +189,41 @@
<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]="4" [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]="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-control>
<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-item>
<nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="def_longdata">发送信息</nz-form-label>
<nz-form-control [nzSpan]="14">
<textarea nz-input placeholder="发送信息" [nzAutosize]="{ minRows: 2, maxRows: 6 }" [(ngModel)]="validateForm.def_longdata"></textarea>
<textarea nz-input placeholder="发送信息" [nzAutosize]="{ minRows: 2, maxRows: 6 }"
[(ngModel)]="validateForm.def_longdata"></textarea>
</nz-form-control>
</nz-form-item>
......@@ -225,7 +238,8 @@
<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>
<textarea nz-input nzPlaceholder="恢复信息" [nzAutosize]="{ minRows: 4, maxRows: 4 }"
[(ngModel)]="validateForm.r_longdata"></textarea>
</nz-form-control>
</nz-form-item>
</ng-container>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment