[manager,web-app] 支持监控参数的输入框提示信息，默认值填充

web-app/src/app/pojo/ParamDefine.ts

@@ -3,7 +3,9 @@ export class ParamDefine {
   field!: string;
   type!: string;
   required: boolean | undefined;
+  defaultValue: string | undefined;
+  placeholder!: string;
   range: string | undefined;
   limit: number | undefined;
-  option: string | undefined;
+  options: string | undefined;
 }

web-app/src/app/routes/monitor/monitor-edit/monitor-edit.component.html

@@ -24,7 +24,7 @@
       <nz-form-item>
         <nz-form-label [nzSpan]="7" nzFor= 'host' nzRequired="true">监控Host</nz-form-label>
         <nz-form-control [nzSpan]="10">
-          <input [(ngModel)]="monitor.host" nz-input name="host" type="text" id="host">
+          <input [(ngModel)]="monitor.host" nz-input name="host" type="text" id="host" placeholder="请输入域名或IP">
         </nz-form-control>
       </nz-form-item >
       <nz-form-item>
@@ -43,7 +43,9 @@
                        [nzFor]= "paramDefine.field">{{paramDefine.name}}
         </nz-form-label>
         <nz-form-control *ngIf="paramDefine.field !== 'host' && paramDefine.type ==='text'" nzSpan="10">
-          <input nz-input [(ngModel)]="params[i].value" [name]="paramDefine.field" [type]="paramDefine.type" [id]="paramDefine.field">
+          <input nz-input [(ngModel)]="params[i].value" [name]="paramDefine.field"
+                 [type]="paramDefine.type" [id]="paramDefine.field"
+                 [placeholder]="paramDefine.placeholder? paramDefine.placeholder : ''">
         </nz-form-control>
 
         <nz-form-label *ngIf="paramDefine.type === 'password'"
@@ -60,6 +62,7 @@
               [(ngModel)]="params[i].value"
               [id]="paramDefine.field"
               [name]="paramDefine.field"
+              [placeholder]="paramDefine.placeholder? paramDefine.placeholder : ''"
             />
           </nz-input-group>
           <ng-template #suffixTemplate>
@@ -79,7 +82,7 @@
             [nzMin]="-1000"
             [nzMax]="65535"
             [nzStep]="1"
-            [nzPlaceHolder]="paramDefine.name"
+            [nzPlaceHolder]="paramDefine.placeholder? paramDefine.placeholder : ''"
             [name]="paramDefine.field" [id]="paramDefine.field"
           ></nz-input-number>
         </nz-form-control>
@@ -101,7 +104,7 @@
         <nz-form-label nzSpan="7" nzFor= "intervals">采集间隔</nz-form-label>
         <nz-form-control nzSpan="10">
           <nz-input-number [(ngModel)]="monitor.intervals" [nzMin]="10" [nzMax]="10000" [nzStep]="10"
-                           name="intervals" id="intervals">
+                           name="intervals" id="intervals" nzPlaceHolder="监控周期性采集间隔时间,单位秒">
           </nz-input-number>
         </nz-form-control>
       </nz-form-item >

web-app/src/app/routes/monitor/monitor-new/monitor-new.component.html

@@ -24,7 +24,7 @@
       <nz-form-item>
         <nz-form-label [nzSpan]="7" nzFor= 'host' nzRequired="true">监控Host</nz-form-label>
         <nz-form-control [nzSpan]="10">
-          <input [(ngModel)]="monitor.host" nz-input name="host" type="text" id="host">
+          <input [(ngModel)]="monitor.host" nz-input name="host" type="text" id="host" placeholder="请输入域名或IP">
         </nz-form-control>
       </nz-form-item >
       <nz-form-item>
@@ -43,7 +43,9 @@
                        [nzFor]= "paramDefine.field">{{paramDefine.name}}
         </nz-form-label>
         <nz-form-control *ngIf="paramDefine.field !== 'host' && paramDefine.type ==='text'" nzSpan="10">
-          <input nz-input [(ngModel)]="params[i].value" [name]="paramDefine.field" [type]="paramDefine.type" [id]="paramDefine.field">
+          <input nz-input [(ngModel)]="params[i].value" [name]="paramDefine.field"
+                 [type]="paramDefine.type" [id]="paramDefine.field"
+                 [placeholder]="paramDefine.placeholder? paramDefine.placeholder : ''">
         </nz-form-control>
 
         <nz-form-label *ngIf="paramDefine.type === 'password'"
@@ -60,6 +62,7 @@
               [(ngModel)]="params[i].value"
               [id]="paramDefine.field"
               [name]="paramDefine.field"
+              [placeholder]="paramDefine.placeholder? paramDefine.placeholder : ''"
             />
           </nz-input-group>
           <ng-template #suffixTemplate>
@@ -79,7 +82,7 @@
             [nzMin]="-1000"
             [nzMax]="65535"
             [nzStep]="1"
-            [nzPlaceHolder]="paramDefine.name"
+            [nzPlaceHolder]="paramDefine.placeholder? paramDefine.placeholder : ''"
             [name]="paramDefine.field" [id]="paramDefine.field"
           ></nz-input-number>
         </nz-form-control>
@@ -101,7 +104,7 @@
         <nz-form-label nzSpan="7" nzFor= "intervals">采集间隔</nz-form-label>
         <nz-form-control nzSpan="10">
           <nz-input-number [(ngModel)]="monitor.intervals" [nzMin]="10" [nzMax]="10000" [nzStep]="10"
-                           name="intervals" id="intervals">
+                           name="intervals" id="intervals" nzPlaceHolder="监控周期性采集间隔时间,单位秒">
           </nz-input-number>
         </nz-form-control>
       </nz-form-item >

web-app/src/app/routes/monitor/monitor-new/monitor-new.component.ts

@@ -55,6 +55,15 @@ export class MonitorNewComponent implements OnInit {
           if (define.type === "boolean") {
             param.value = false;
           }
+          if (define.defaultValue != undefined) {
+            if (define.type === "number") {
+              param.value = Number(define.defaultValue);
+            } else if (define.type === "boolean") {
+              param.value = define.defaultValue.toLowerCase() == 'true'
+            } else {
+              param.value = define.defaultValue;
+            }
+          }
           this.params.push(param);
         })
       } else {