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

[manager,web-app] 监控参数支持单选options

Browse Source
This commit is contained in:
tomsun28
2021-12-04 11:52:19 +08:00
parent b052c053da
commit 587a397cb7
12 changed files with 115 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web-app/src/app/pojo/ParamDefine.ts
View File

@@ -7,5 +7,6 @@ export class ParamDefine {
placeholder!: string;
range: string | undefined;
limit: number | undefined;
options: string | undefined;
//'[{"label":"GET请求","value":"GET"},{"label":"PUT请求","value":"PUT"}]'
options!: any[];
}

14
web-app/src/app/routes/monitor/monitor-edit/monitor-edit.component.html
View File

@@ -96,6 +96,20 @@
<nz-switch [(ngModel)]="params[i].value" [name]="paramDefine.field" [id]="paramDefine.field"></nz-switch>
</nz-form-control>
<nz-form-label *ngIf="paramDefine.type === 'radio'"
nzSpan="7"
[nzRequired]="paramDefine.required"
[nzFor]= "paramDefine.field">{{paramDefine.name}}
</nz-form-label>
<nz-form-control *ngIf="paramDefine.type === 'radio'" nzSpan="10">
<nz-radio-group [(ngModel)]="params[i].value" nzButtonStyle="solid"
[name]="paramDefine.field" [id]="paramDefine.field">
<label nz-radio-button [nzValue]="optionItem.value" *ngFor="let optionItem of paramDefine.options">
{{optionItem.label}}
</label>
</nz-radio-group>
</nz-form-control>
</nz-form-item >
<nz-divider></nz-divider>

14
web-app/src/app/routes/monitor/monitor-new/monitor-new.component.html
View File

@@ -96,6 +96,20 @@
<nz-switch [(ngModel)]="params[i].value" [name]="paramDefine.field" [id]="paramDefine.field"></nz-switch>
</nz-form-control>
<nz-form-label *ngIf="paramDefine.type === 'radio'"
nzSpan="7"
[nzRequired]="paramDefine.required"
[nzFor]= "paramDefine.field">{{paramDefine.name}}
</nz-form-label>
<nz-form-control *ngIf="paramDefine.type === 'radio'" nzSpan="10">
<nz-radio-group [(ngModel)]="params[i].value" nzButtonStyle="solid"
[name]="paramDefine.field" [id]="paramDefine.field">
<label nz-radio-button [nzValue]="optionItem.value" *ngFor="let optionItem of paramDefine.options">
{{optionItem.label}}
</label>
</nz-radio-group>
</nz-form-control>
</nz-form-item >
<nz-divider></nz-divider>

4
web-app/src/app/routes/monitor/monitor-new/monitor-new.component.ts
View File

@@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core';
import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
import {ParamDefine} from "../../../pojo/ParamDefine";
import {AppDefineService} from "../../../service/app-define.service";
import {ActivatedRoute, ParamMap, Router} from "@angular/router";
@@ -30,6 +30,7 @@ export class MonitorNewComponent implements OnInit {
private route: ActivatedRoute,
private router: Router,
private notifySvc: NzNotificationService,
private cdr: ChangeDetectorRef,
private i18n: I18NService,
private formBuilder: FormBuilder) {
this.monitor = new Monitor();
@@ -134,5 +135,4 @@ export class MonitorNewComponent implements OnInit {
app = app ? app : '';
this.router.navigateByUrl(`/monitors?app=${app}`)
}
}

4
web-app/src/app/routes/monitor/monitor.module.ts
View File

@@ -9,6 +9,7 @@ import {NzBreadCrumbModule} from "ng-zorro-antd/breadcrumb";
import {NzDividerModule} from "ng-zorro-antd/divider";
import {NzSwitchModule} from "ng-zorro-antd/switch";
import {NzTagModule} from "ng-zorro-antd/tag";
import {NzRadioModule} from "ng-zorro-antd/radio";
const COMPONENTS: Type<void>[] = [
MonitorNewComponent,
@@ -24,7 +25,8 @@ const COMPONENTS: Type<void>[] = [
NzBreadCrumbModule,
NzDividerModule,
NzSwitchModule,
NzTagModule
NzTagModule,
NzRadioModule
],
declarations: COMPONENTS,
})