Skip to content

S
smart
Commit 232083c0 authored by wangqinghua's avatar wangqinghua
Browse files
Options

style update

parent 7d9a3ed3
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 @ 232083c0
<!--告警推送--> <!--告警推送-->
<nz-modal [nzWidth]="1080" [(nzVisible)]="isShow" [nzTitle]="title" (nzOnCancel)="handleEditCancel()" (nzOnOk)="handEditleOk()" [nzOkLoading]="isOkLoading"> <nz-modal [nzWidth]="1080" [(nzVisible)]="isShow" [nzTitle]="title" (nzOnCancel)="handleEditCancel()"
<nz-tabset [nzType]="'card'" [(nzSelectedIndex)]="tabNum" (nzSelectedIndexChange)="tabsChange($event)" style="padding-bottom: 25px;min-height: 500px"> (nzOnOk)="handEditleOk()" [nzOkLoading]="isOkLoading">
<nz-tabset [nzType]="'card'" [(nzSelectedIndex)]="tabNum" (nzSelectedIndexChange)="tabsChange($event)"
style="padding-bottom: 25px;min-height: 500px">
<nz-tab nzTitle="选定告警目标"> <nz-tab nzTitle="选定告警目标">
<div nz-form class="ant-advanced-search-form form-select"> <div nz-form class="ant-advanced-search-form form-select">
<nz-form-item> <nz-form-item>
...@@ -19,12 +21,15 @@ ...@@ -19,12 +21,15 @@
[(ngModel)]="nodes" [(ngModel)]="nodes"
[nzAsyncData]="true" [nzAsyncData]="true"
[nzCheckStrictly]="true" [nzCheckStrictly]="true"
(nzClick)="mouseAction('expand',$event)" (nzExpandChange)="mouseAction('expand',$event)">
(nzExpandChange)="mouseAction('expand',$event)" >
<ng-template #nzTreeTemplate let-node> <ng-template #nzTreeTemplate let-node>
<span class="custom-node" draggable="true" aria-grabbed="true" [class.active]="node.isSelected"> <span class="custom-node" draggable="true" aria-grabbed="true"
<label *ngIf="node.level == 0"> {{node.title}}</label> [class.active]="node.isSelected">
<label [(ngModel)]="node.isChecked" [nzDisabled]="node.origin.disabled" (click)="selectCheckTree(node)" *ngIf="node.level == 1" nz-checkbox> {{node.title}}</label> <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> </span>
</ng-template> </ng-template>
</nz-tree> </nz-tree>
...@@ -45,10 +50,10 @@ ...@@ -45,10 +50,10 @@
</nz-form-item> </nz-form-item>
<!--<nz-form-item>--> <!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">告警描述</nz-form-label>--> <!--<nz-form-label [nzSpan]="4" nzFor="serviceid">告警描述</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">--> <!--<nz-form-control [nzSpan]="14">-->
<!--<textarea nz-input placeholder="告警描述" [nzAutosize]="{ minRows: 4, maxRows: 4 }"></textarea>--> <!--<textarea nz-input placeholder="告警描述" [nzAutosize]="{ minRows: 4, maxRows: 4 }"></textarea>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--</nz-form-item>--> <!--</nz-form-item>-->
</div> </div>
</nz-tab> </nz-tab>
...@@ -64,78 +69,78 @@ ...@@ -64,78 +69,78 @@
</nz-form-item> </nz-form-item>
<!--<nz-form-item>--> <!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzRequired nzFor="host1">时间条件</nz-form-label>--> <!--<nz-form-label [nzSpan]="4" nzRequired nzFor="host1">时间条件</nz-form-label>-->
<!--<nz-form-control [nzSpan]="20">--> <!--<nz-form-control [nzSpan]="20">-->
<!--<div nz-row [nzGutter]="12">--> <!--<div nz-row [nzGutter]="12">-->
<!--<nz-form-control nz-col [nzSpan]="3">--> <!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<nz-select name="main">--> <!--<nz-select name="main">-->
<!--<nz-option nzValue="1" nzLabel="属于"></nz-option>--> <!--<nz-option nzValue="1" nzLabel="属于"></nz-option>-->
<!--<nz-option nzValue="0" nzLabel="不属于"></nz-option>--> <!--<nz-option nzValue="0" nzLabel="不属于"></nz-option>-->
<!--</nz-select>--> <!--</nz-select>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="4">--> <!--<nz-form-control nz-col [nzSpan]="4">-->
<!--<nz-select name="type" nzPlaceHolder="日期">--> <!--<nz-select name="type" nzPlaceHolder="日期">-->
<!--<nz-option nzValue="1" nzLabel="周一"></nz-option>--> <!--<nz-option nzValue="1" nzLabel="周一"></nz-option>-->
<!--<nz-option nzValue="2" nzLabel="周二"></nz-option>--> <!--<nz-option nzValue="2" nzLabel="周二"></nz-option>-->
<!--<nz-option nzValue="3" nzLabel="周三"></nz-option>--> <!--<nz-option nzValue="3" nzLabel="周三"></nz-option>-->
<!--<nz-option nzValue="4" nzLabel="周四"></nz-option>--> <!--<nz-option nzValue="4" nzLabel="周四"></nz-option>-->
<!--<nz-option nzValue="5" nzLabel="周五"></nz-option>--> <!--<nz-option nzValue="5" nzLabel="周五"></nz-option>-->
<!--<nz-option nzValue="6" nzLabel="周六"></nz-option>--> <!--<nz-option nzValue="6" nzLabel="周六"></nz-option>-->
<!--<nz-option nzValue="7" nzLabel="周日"></nz-option>--> <!--<nz-option nzValue="7" nzLabel="周日"></nz-option>-->
<!--</nz-select>--> <!--</nz-select>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="1">--> <!--<nz-form-control nz-col [nzSpan]="1">-->
<!--～--> <!--～-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="4">--> <!--<nz-form-control nz-col [nzSpan]="4">-->
<!--<nz-select name="type" nzPlaceHolder="日期">--> <!--<nz-select name="type" nzPlaceHolder="日期">-->
<!--<nz-option nzValue="1" nzLabel="周一"></nz-option>--> <!--<nz-option nzValue="1" nzLabel="周一"></nz-option>-->
<!--<nz-option nzValue="2" nzLabel="周二"></nz-option>--> <!--<nz-option nzValue="2" nzLabel="周二"></nz-option>-->
<!--<nz-option nzValue="3" nzLabel="周三"></nz-option>--> <!--<nz-option nzValue="3" nzLabel="周三"></nz-option>-->
<!--<nz-option nzValue="4" nzLabel="周四"></nz-option>--> <!--<nz-option nzValue="4" nzLabel="周四"></nz-option>-->
<!--<nz-option nzValue="5" nzLabel="周五"></nz-option>--> <!--<nz-option nzValue="5" nzLabel="周五"></nz-option>-->
<!--<nz-option nzValue="6" nzLabel="周六"></nz-option>--> <!--<nz-option nzValue="6" nzLabel="周六"></nz-option>-->
<!--<nz-option nzValue="7" nzLabel="周日"></nz-option>--> <!--<nz-option nzValue="7" nzLabel="周日"></nz-option>-->
<!--</nz-select>--> <!--</nz-select>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="3">--> <!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<input type="text" nz-input name="port">--> <!--<input type="text" nz-input name="port">-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="1">--> <!--<nz-form-control nz-col [nzSpan]="1">-->
<!--～--> <!--～-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="3">--> <!--<nz-form-control nz-col [nzSpan]="3">-->
<!--<input type="text" nz-input name="port">--> <!--<input type="text" nz-input name="port">-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--<nz-form-control nz-col [nzSpan]="2">--> <!--<nz-form-control nz-col [nzSpan]="2">-->
<!--<span class="cursor">X</span>--> <!--<span class="cursor">X</span>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--</div>--> <!--</div>-->
<!--<button nz-button nzType="default">添加</button>--> <!--<button nz-button nzType="default">添加</button>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--</nz-form-item>--> <!--</nz-form-item>-->
<!--<nz-form-item>--> <!--<nz-form-item>-->
<!--<nz-form-label [nzSpan]="4" nzFor="serviceid">过滤条件</nz-form-label>--> <!--<nz-form-label [nzSpan]="4" nzFor="serviceid">过滤条件</nz-form-label>-->
<!--<nz-form-control [nzSpan]="14">--> <!--<nz-form-control [nzSpan]="14">-->
<!--<nz-radio-group>--> <!--<nz-radio-group>-->
<!--<label nz-radio nzValue="1">--> <!--<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;">时，发送告警，-->
<!--再没每<input type="text" nz-input style="width: 100px; margin-left: 10px;">次发送一次告警--> <!--再没每<input type="text" nz-input style="width: 100px; margin-left: 10px;">次发送一次告警-->
<!--</label>--> <!--</label>-->
<!--<label nz-radio nzValue="2">--> <!--<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;">分钟内，-->
<!--有<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-group>--> <!--</nz-radio-group>-->
<!--<label nz-checkbox>--> <!--<label nz-checkbox>-->
<!--当事件连续发生<input type="text" nz-input style="width: 100px; margin-left: 10px;">次后，停止发送告警--> <!--当事件连续发生<input type="text" nz-input style="width: 100px; margin-left: 10px;">次后，停止发送告警-->
<!--</label>--> <!--</label>-->
<!--<label nz-checkbox>--> <!--<label nz-checkbox>-->
<!--当发送告警监测点恢复正常时，发送一次告警--> <!--当发送告警监测点恢复正常时，发送一次告警-->
<!--</label>--> <!--</label>-->
<!--</nz-form-control>--> <!--</nz-form-control>-->
<!--</nz-form-item>--> <!--</nz-form-item>-->
<nz-form-item> <nz-form-item>
...@@ -158,7 +163,8 @@ ...@@ -158,7 +163,8 @@
<nz-form-item> <nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">事件分类</nz-form-label> <nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">事件分类</nz-form-label>
<nz-form-control [nzSpan]="14"> <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"> <ng-container *ngFor="let item of eventTypeList">
<nz-option [nzLabel]="item.name" [nzValue]="item.id"></nz-option> <nz-option [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
</ng-container> </ng-container>
...@@ -171,7 +177,9 @@ ...@@ -171,7 +177,9 @@
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
<button (click)="selectPerson()" nz-button><span>选择</span></button> <button (click)="selectPerson()" nz-button><span>选择</span></button>
<ng-container *ngFor="let item of operatorList;let i = index;"> <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> </ng-container>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
...@@ -181,36 +189,41 @@ ...@@ -181,36 +189,41 @@
<nz-tab nzTitle="选择发送方式"> <nz-tab nzTitle="选择发送方式">
<div nz-form class="ant-advanced-search-form form-select"> <div nz-form class="ant-advanced-search-form form-select">
<nz-form-item class="form-select"> <nz-form-item>
<nz-form-control class="form-select" > <div nz-row>
<div nz-row [nzGutter]="12"> <nz-form-label [nzSpan]="4">发送对象</nz-form-label>
<nz-form-control nz-col [nzPush]="4" [nzSpan]="6"> <nz-form-control nz-col [nzSpan]="14">
<span class="color-red">*</span><button nz-button nzType="primary" nzSize="small" style="margin-right: 10px" (click)="addOption()">添加发送对象</button> <button nz-button nzType="primary" nzSize="small" style="margin-right: 10px"
</nz-form-control> (click)="addOption()">添加发送对象
</div> </button>
<div nz-row [nzGutter]="12" *ngFor="let item of sendInfoList;let i = index;" > </nz-form-control>
<nz-form-control nz-col [nzSpan]="4"></nz-form-control> </div>
<nz-form-control nz-col [nzSpan]="3"> <div nz-row [nzGutter]="12" *ngFor="let item of sendInfoList;let i = index;">
<nz-select name="templates" style="width: 100%" [(ngModel)]="item.mediaType" nzPlaceHolder="选择发送方式"> <nz-form-control nz-col [nzSpan]="4"></nz-form-control>
<ng-container *ngFor="let option of sendOption"> <nz-form-control nz-col [nzSpan]="3">
<nz-option [nzLabel]="option.description" [nzValue]="option.mediatypeid"></nz-option> <nz-select name="templates" style="width: 100%" [(ngModel)]="item.mediaType"
</ng-container> nzPlaceHolder="选择发送方式">
</nz-select> <ng-container *ngFor="let option of sendOption">
</nz-form-control> <nz-option [nzLabel]="option.description"
<nz-form-control nz-col [nzSpan]="5"> [nzValue]="option.mediatypeid"></nz-option>
<input type="text" placeholder="手机号码或邮箱" nz-input name="value" [(ngModel)]="item.receiver"> </ng-container>
</nz-form-control> </nz-select>
<nz-form-control nz-col [nzSpan]="2"> </nz-form-control>
<button nz-button nzType="primary" (click)="deleteOption(i)"><i class="anticon anticon-close-circle-o color-fff"></i></button> <nz-form-control nz-col [nzSpan]="5">
</nz-form-control> <input type="text" placeholder="手机号码或邮箱" nz-input name="value"
</div> [(ngModel)]="item.receiver">
</nz-form-control> </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-item> <nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="def_longdata">发送信息</nz-form-label> <nz-form-label [nzSpan]="4" nzRequired nzFor="def_longdata">发送信息</nz-form-label>
<nz-form-control [nzSpan]="14"> <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-control>
</nz-form-item> </nz-form-item>
...@@ -225,7 +238,8 @@ ...@@ -225,7 +238,8 @@
<nz-form-item> <nz-form-item>
<nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">恢复信息</nz-form-label> <nz-form-label [nzSpan]="4" nzRequired nzFor="serviceid">恢复信息</nz-form-label>
<nz-form-control [nzSpan]="14"> <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-control>
</nz-form-item> </nz-form-item>
</ng-container> </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