Skip to content

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

style update

parent fbffb520
Show whitespace changes
Inline Side-by-side
Showing with 37 additions and 23 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-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>
...@@ -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"
(click)="addOption()">添加发送对象
</button>
</nz-form-control> </nz-form-control>
</div> </div>
<div nz-row [nzGutter]="12" *ngFor="let item of sendInfoList;let i = index;" > <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]="4"></nz-form-control>
<nz-form-control nz-col [nzSpan]="3"> <nz-form-control nz-col [nzSpan]="3">
<nz-select name="templates" style="width: 100%" [(ngModel)]="item.mediaType" nzPlaceHolder="选择发送方式"> <nz-select name="templates" style="width: 100%" [(ngModel)]="item.mediaType"
nzPlaceHolder="选择发送方式">
<ng-container *ngFor="let option of sendOption"> <ng-container *ngFor="let option of sendOption">
<nz-option [nzLabel]="option.description" [nzValue]="option.mediatypeid"></nz-option> <nz-option [nzLabel]="option.description"
[nzValue]="option.mediatypeid"></nz-option>
</ng-container> </ng-container>
</nz-select> </nz-select>
</nz-form-control> </nz-form-control>
<nz-form-control nz-col [nzSpan]="5"> <nz-form-control nz-col [nzSpan]="5">
<input type="text" placeholder="手机号码或邮箱" nz-input name="value" [(ngModel)]="item.receiver"> <input type="text" placeholder="手机号码或邮箱" nz-input name="value"
[(ngModel)]="item.receiver">
</nz-form-control> </nz-form-control>
<nz-form-control nz-col [nzSpan]="2"> <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> <button nz-button nzType="primary" (click)="deleteOption(i)"><i
class="anticon anticon-close-circle-o color-fff"></i></button>
</nz-form-control> </nz-form-control>
</div> </div>
</nz-form-control>
</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