OpenSource/hertzbeat
Public Access
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[web-app] 按钮提示Tooltip

Browse Source
This commit is contained in:
tomsun28
2021-12-18 19:29:12 +08:00
parent 01b47ca2a0
commit 0a0b0ced79
7 changed files with 74 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
View File

@@ -19,7 +19,7 @@
<i nz-icon nzType="appstore-add" nzTheme="outline"></i>
新增接收人
</button>
<button nz-button nzType="primary" (click)="syncReceiver()">
<button nz-button nzType="primary" (click)="syncReceiver()" nz-tooltip nzTooltipTitle="刷新">
<i nz-icon nzType="sync" nzTheme="outline"></i>
</button>
<nz-table #fixedTable [nzData]="receivers"
@@ -66,10 +66,10 @@
</td>
<td nzAlign="center">{{ data.gmtUpdate? data.gmtUpdate : data.gmtCreate }}</td>
<td nzAlign="center" nzRight>
<button nz-button nzType="primary" (click)="onEditOneNoticeReceiver(data)">
<button nz-button nzType="primary" (click)="onEditOneNoticeReceiver(data)" nz-tooltip nzTooltipTitle="修改接收人">
<i nz-icon nzType="edit" nzTheme="outline"></i>
</button>
<button nz-button nzType="primary" (click)="onDeleteOneNoticeReceiver(data.id)">
<button nz-button nzType="primary" (click)="onDeleteOneNoticeReceiver(data.id)" nz-tooltip nzTooltipTitle="删除接收人">
<i nz-icon nzType="delete" nzTheme="outline"></i>
</button>
</td>
@@ -82,7 +82,7 @@
<i nz-icon nzType="appstore-add" nzTheme="outline"></i>
新增通知策略
</button>
<button nz-button nzType="primary" (click)="syncRule()">
<button nz-button nzType="primary" (click)="syncRule()" nz-tooltip nzTooltipTitle="刷新">
<i nz-icon nzType="sync" nzTheme="outline"></i>
</button>
<nz-table #ruleFixedTable [nzData]="rules"
@@ -125,10 +125,10 @@
</td>
<td nzAlign="center">{{ data.gmtUpdate? data.gmtUpdate : data.gmtCreate }}</td>
<td nzAlign="center" nzRight>
<button nz-button nzType="primary" (click)="onEditOneNoticeRule(data)">
<button nz-button nzType="primary" (click)="onEditOneNoticeRule(data)" nz-tooltip nzTooltipTitle="修改告警策略">
<i nz-icon nzType="edit" nzTheme="outline"></i>
</button>
<button nz-button nzType="primary" (click)="onDeleteOneNoticeRule(data.id)">
<button nz-button nzType="primary" (click)="onDeleteOneNoticeRule(data.id)" nz-tooltip nzTooltipTitle="删除告警策略">
<i nz-icon nzType="delete" nzTheme="outline"></i>
</button>
</td>

24
web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts
View File

@@ -5,6 +5,7 @@ import {NoticeRuleService} from "../../../service/notice-rule.service";
import {NoticeReceiver} from "../../../pojo/NoticeReceiver";
import {finalize} from "rxjs/operators";
import {NoticeRule} from "../../../pojo/NoticeRule";
import {NzModalService} from "ng-zorro-antd/modal";
@Component({
selector: 'app-alert-notice',
@@ -16,6 +17,7 @@ export class AlertNoticeComponent implements OnInit {
constructor(private notifySvc: NzNotificationService,
private noticeReceiverSvc: NoticeReceiverService,
private modal: NzModalService,
private noticeRuleSvc : NoticeRuleService) { }
receivers!: NoticeReceiver[];
@@ -70,6 +72,17 @@ export class AlertNoticeComponent implements OnInit {
}
onDeleteOneNoticeReceiver(receiveId : number) {
this.modal.confirm({
nzTitle: '请确认是否删除！',
nzOkText: '确定',
nzCancelText: '取消',
nzOkDanger: true,
nzOkType: "primary",
nzOnOk: () => this.deleteOneNoticeReceiver(receiveId)
});
}
deleteOneNoticeReceiver(receiveId : number) {
const deleteReceiver$ = this.noticeReceiverSvc.deleteReceiver(receiveId)
.pipe(finalize(() => {
deleteReceiver$.unsubscribe();
@@ -87,6 +100,17 @@ export class AlertNoticeComponent implements OnInit {
}
onDeleteOneNoticeRule(ruleId : number) {
this.modal.confirm({
nzTitle: '请确认是否删除！',
nzOkText: '确定',
nzCancelText: '取消',
nzOkDanger: true,
nzOkType: "primary",
nzOnOk: () => this.deleteOneNoticeRule(ruleId)
});
}
deleteOneNoticeRule(ruleId : number) {
const deleteRule$ = this.noticeRuleSvc.deleteNoticeRule(ruleId)
.pipe(finalize(() => {
deleteRule$.unsubscribe();