[manager,webapp] bugfix-监控详情数据获取异常问题

warehouse/src/main/java/com/usthe/warehouse/controller/MetricsDataController.java

@@ -36,7 +36,7 @@ public class MetricsDataController {
     @Autowired
     private RedisDataStorage redisDataStorage;
 
-    @GetMapping("/monitors/{monitorId}/metrics/{metrics}")
+    @GetMapping("/monitor/{monitorId}/metrics/{metrics}")
     @ApiOperation(value = "查询监控指标组的指标数据", notes = "查询监控指标组的指标数据")
     public ResponseEntity<Message<MetricsData>> getMetricsData(
             @ApiParam(value = "监控ID", example = "343254354")
@@ -66,7 +66,7 @@ public class MetricsDataController {
         }
     }
 
-    @GetMapping("/monitors/{monitorId}/metrics/{metricFull}")
+    @GetMapping("/monitor/{monitorId}/metric/{metricFull}")
     @ApiOperation(value = "查询监控指标组的指定指标的历史数据", notes = "查询监控指标组下的指定指标的历史数据")
     public ResponseEntity<Message<Void>> getMetricHistoryData(
             @ApiParam(value = "监控ID", example = "343254354")

web-app/src/app/routes/monitor/monitor-data-chart/monitor-data-chart.component.html

@@ -33,7 +33,7 @@
 </nz-card>
 
 <ng-template #monitor_metrics_card_title>
-  <p style="font-size: small; text-align: center; margin-bottom: 3px; color: #0c0c0c">{{metric}}</p>
+  <p style="font-size: small; text-align: center; margin-bottom: 3px; color: #0c0c0c">{{metrics}}</p>
   <div>
     <a nz-popover [nzPopoverContent]="'最近采集时间 ' + (time | _date: 'yyyy-MM-dd HH:mm:ss')"> <i nz-icon nzType="field-time" nzTheme="outline"></i></a>
     <i style="font-size: 0.3px; font-weight: normal;color: rgba(84,83,83,0.89)">采集时间:{{time | _date: "HH:mm:ss"}}</i>

web-app/src/app/routes/monitor/monitor-data-chart/monitor-data-chart.component.ts

@@ -16,7 +16,7 @@ export class MonitorDataChartComponent implements OnInit {
   }
   private _monitorId!: number;
   @Input()
-  metric!: string;
+  metrics!: string;
 
   time!: any;
   fields!: any[];
@@ -29,7 +29,7 @@ export class MonitorDataChartComponent implements OnInit {
 
   loadData() {
     // 读取实时指标数据
-    let metricData$ = this.monitorSvc.getMonitorMetricData(this.monitorId, this.metric)
+    let metricData$ = this.monitorSvc.getMonitorMetricsData(this.monitorId, this.metrics)
       .subscribe(message => {
         metricData$.unsubscribe();
         if (message.code === 0) {

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

@@ -91,7 +91,7 @@
           </ng-template>
           <div style="display: flex;justify-content:flex-start;flex-wrap: wrap;">
             <div *ngFor="let metric of metrics; let i = index">
-              <app-monitor-data-chart [metric]="metric" [monitorId]="monitorId"></app-monitor-data-chart>
+              <app-monitor-data-chart [metrics]="metric" [monitorId]="monitorId"></app-monitor-data-chart>
             </div>
           </div>
         </nz-tab>

web-app/src/app/service/monitor.service.ts

@@ -104,8 +104,8 @@ export class MonitorService {
     return this.http.get<Message<Page<Monitor>>>(monitors_uri, options);
   }
 
-  public getMonitorMetricData(monitorId: number, metric: string) : Observable<Message<any>> {
-    return this.http.get<Message<any>>(`/monitors/${monitorId}/metrics/${metric}`);
+  public getMonitorMetricsData(monitorId: number, metrics: string) : Observable<Message<any>> {
+    return this.http.get<Message<any>>(`/monitor/${monitorId}/metrics/${metrics}`);
   }
 
   public getAppsMonitorSummary() : Observable<Message<any>> {