服务器

README.md

@@ -39,3 +39,4 @@ Module	ng g module my-module
 
 版本更新：
 v2.0.1  修复选择节点之后 流量查询不出来
+ scp -r 22 build/www root@10.10.38.99:/home/nginx

src/main/webapp/app/home/home.component.html

@@ -92,9 +92,16 @@
                 </nz-select>
             </div>
             <div class="host-item-content">
+                <ng-container *ngIf="noData">
+                    <div class="img-noData" style="min-height: 400px">
+                        <div class="noData" title="暂无数据"></div>
+                    </div>
+                </ng-container>
+                <ng-container *ngIf="noData">
                     <nz-spin [nzSpinning]="isTrendLoading">
                         <div echarts [options]="charTrendOption" style="height: 360px;width: 100%"></div>
                     </nz-spin>
+                </ng-container>
             </div>
         </nz-col>
         <nz-col class="padding-10" nzSpan="12">

src/main/webapp/app/home/home.component.ts

@@ -28,6 +28,7 @@ export class HomeComponent implements OnInit, AfterViewInit {
     obj = {
         leftGroupId: '',
     };
+    noData = false;
     groupList;   //分组数组
     timeList = [
         {'label': '最近一小时', value: '0'},
@@ -199,11 +200,11 @@ export class HomeComponent implements OnInit, AfterViewInit {
             {
                 title: {
                     text: '' + this.leftOneTotal + ' 台\n设备',
-                    x: '41%',
+                    x: '36%',
                     y: '40%',
                     itemGap: 50,
                     textStyle: {
-                        color: '#fff',
+                        color: '#8a8a8a',
                         fontSize: 18,
                         fontWeight: 'normal',
                     },
@@ -286,11 +287,11 @@ export class HomeComponent implements OnInit, AfterViewInit {
             {
                 title: {
                     text: this.leftTwoTotal + '个\n监测点',
-                    x: '41%',
+                    x: '36%',
                     y: '40%',
                     itemGap: 50,
                     textStyle: {
-                        color: '#fff',
+                        color: '#8a8a8a',
                         fontSize: 18,
                         fontWeight: 'normal',
                     },
@@ -431,12 +432,14 @@ export class HomeComponent implements OnInit, AfterViewInit {
             (res) => {
                 if (res.errCode == 10000) {
                     if (res.data.length > 0) {
+                        this.noData = false;
                         const response = res.data;
                         this.setAlarmTrend(response);
                     } else {
-                        this.message.warning('告警趋势暂无数据');
+                        this.noData = true;
                     }
                 } else {
+                    this.noData = true;
                     this.message.error(res.errMsg);
                 }
                 this.isTrendLoading = false;