From 7efbcc204db353951480203c015d453d60e66400 Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Wed, 3 Nov 2021 14:31:39 +0800
Subject: [PATCH] =?UTF-8?q?loading=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/pages/pages.module.ts          |  4 +++-
 src/app/pages/plan/plan.component.html |  1 +
 src/app/pages/plan/plan.component.scss | 12 ++++++++++++
 src/app/pages/plan/plan.component.ts   |  1 +
 4 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 5b54a7f..ad54b81 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -28,6 +28,7 @@ import { NzModalModule } from 'ng-zorro-antd/modal';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
 import { NzMessageModule } from 'ng-zorro-antd/message';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-admin.component';
 @NgModule({
   declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, TodayWarningAdminComponent,],
@@ -55,7 +56,8 @@ import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-
     NzModalModule,
     NzPaginationModule,
     NzDropDownModule,
-    NzMessageModule
+    NzMessageModule,
+    NzSpinModule
   ]
 })
 export class PagesModule { }
diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html
index 90b4ec4..a79ab12 100644
--- a/src/app/pages/plan/plan.component.html
+++ b/src/app/pages/plan/plan.component.html
@@ -1,3 +1,4 @@
+<div class="loading" *ngIf="isShowLoading"><nz-spin nzSimple [nzSize]="'large'"></nz-spin></div>
 <div class="content">
   <canvas id="center"></canvas>
 
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss
index 8d961d3..b3eca9e 100644
--- a/src/app/pages/plan/plan.component.scss
+++ b/src/app/pages/plan/plan.component.scss
@@ -5,6 +5,18 @@
   position: relative;
   canvas{ width: 100%; height: 100%; border: none; outline: none; }
 }
+.loading{ //loading
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 99999;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .anticon{ font-size: 16px; cursor: pointer; } //字体图标
 //文本溢出
 .overflowText{
diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts
index 4d568a7..163312e 100644
--- a/src/app/pages/plan/plan.component.ts
+++ b/src/app/pages/plan/plan.component.ts
@@ -32,6 +32,7 @@ export class PlanComponent implements OnInit {
   public game: Game = new Game();
   public beforeOneSatus; //当前 satus
   public canvas: HTMLCanvasElement; //canvas 实例
+  public isShowLoading: boolean = false; //显隐 loading加载条
 
   ngOnInit(): void {
     PlanComponent.instance = this;