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

---
 src/app/pages/pages.module.ts          |   5 +++--
 src/app/pages/plan/plan.component.html |  18 +++++++++++++++-
 src/app/pages/plan/plan.component.scss |  28 +++++++++++++++++++++++++
 src/assets/images/stepIcon.png         | Bin 0 -> 1854 bytes
 4 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/images/stepIcon.png

diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 17142f1..b4ecec9 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -31,6 +31,7 @@ import { NzMessageModule } from 'ng-zorro-antd/message';
 import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
 import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-admin.component';
 import { CriminalRecordsAdminComponent } from './criminal-records-admin/criminal-records-admin.component';
 import { EquipmentInfoComponent } from './equipment-info/equipment-info.component';
@@ -78,8 +79,8 @@ import { GetOutOfLineDetailsComponent } from './today-warning/get-out-of-line-de
     NzSpinModule,
     NzTreeModule,
     NzTreeSelectModule,
-    NzCollapseModule
-
+    NzCollapseModule,
+    NzStepsModule
   ],
   entryComponents: [AddequipmentComponent, EditequipmentComponent,GetOutOfLineDetailsComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html
index fb92d56..be2c7c5 100644
--- a/src/app/pages/plan/plan.component.html
+++ b/src/app/pages/plan/plan.component.html
@@ -101,7 +101,23 @@
         <div class="planHeaderVideo"><a href="javascript:;" class="bottomPlanUpload" style="width: 100px;"><input type="file"><img src="../../../assets/images/uploadVideo.png"></a></div>
       </div>
       <div style="height: 5px;"></div>
-      <div class="pulicPlanDiv bottomPlanCenter"></div>
+      <div class="pulicPlanDiv bottomPlanCenter">
+        <label><button>处置预案</button></label>
+        <label>
+          <nz-steps>
+            <nz-step [nzIcon]="iconTemplate"></nz-step>
+            <nz-step [nzIcon]="iconTemplate"></nz-step>
+            <nz-step [nzIcon]="iconTemplate"></nz-step>
+            <ng-template #iconTemplate><img src="../../../assets/images/stepIcon.png"></ng-template>
+          </nz-steps>
+        </label>
+        <label>
+          <i nz-icon nzType="backward" nzTheme="outline"></i>
+          <i nz-icon nzType="pause" nzTheme="outline"></i>
+          <i nz-icon nzType="border" nzTheme="outline"></i>
+          <i nz-icon nzType="forward" nzTheme="outline"></i>
+        </label>
+      </div>
     </div>
     <!-- 底部处置预案 -->
 
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss
index ea39903..6b10bb4 100644
--- a/src/app/pages/plan/plan.component.scss
+++ b/src/app/pages/plan/plan.component.scss
@@ -292,5 +292,33 @@
   }
   .bottomPlanCenter{
     height: 35px;
+    line-height: 38px;
+    display: flex;
+    overflow: hidden;
+    label{
+      display: block;
+    }
+    label:first-child{
+      width: 15%;
+      height: 100%;
+      text-align: center;
+      button {
+        width: 60%;
+        height: 30px;
+        line-height: 30px;
+        color: #23D9FF;
+        //padding: 0;
+        background: rgba(35, 153, 255, 0.41);
+        border: 1px solid rgba(35, 217, 255, 0.4);
+      }
+    }
+    label:nth-child(2){ flex: 1; overflow: hidden; img{ height: 35px; width: auto; vertical-align: top; } }
+    label:last-child{
+      width: 15%;
+      height: 100%;
+      text-align: center;
+      color: #fff;
+      .anticon{ font-size: 20px; margin: 0 10px; }
+    }
   }
 }
\ No newline at end of file
diff --git a/src/assets/images/stepIcon.png b/src/assets/images/stepIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec576ff78ea201c5bc29c76bf27410c20e34b55a
GIT binary patch
literal 1854
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

literal 0
HcmV?d00001