From b7a45bd9ccd3a5bb16b406e4f4b40cdc94306963 Mon Sep 17 00:00:00 2001
From: Shaojihao <55341701@qq.com>
Date: Tue, 22 Sep 2020 11:50:05 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E7=B1=BB=E4=BC=BC=E9=A2=84?=
 =?UTF-8?q?=E6=A1=88=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../similar-plans.component.html              | 55 ++++++++++---------
 .../similar-plans.component.scss              | 17 ++++++
 .../similar-plans/similar-plans.component.ts  |  9 ++-
 3 files changed, 54 insertions(+), 27 deletions(-)

diff --git a/src/app/ui/similar-plans/similar-plans.component.html b/src/app/ui/similar-plans/similar-plans.component.html
index c35b400..c396c6d 100644
--- a/src/app/ui/similar-plans/similar-plans.component.html
+++ b/src/app/ui/similar-plans/similar-plans.component.html
@@ -1,25 +1,30 @@
-<!-- <div class="leisiTable">
-    <table>
-        <thead >
-            <td style="width:40%;">单位名称</td>
-            <td style="width:10%;">始建于</td>
-            <td style="width:10%;">着火物</td>
-            <td style="width:10%;">点火位置</td>
-            <td style="width:10%;">相近度</td>
-            <td style="width:20%;">详情</td>
-        </thead>
-        <tbody id="shujubody" >
-            <tr *ngFor="let leisi of leisiYuan">
-                <td style="color: #FFFFFF;">{{leisi.danweiName}}</td>
-                <td></td>
-                <td></td>
-                <td style="color: #FFFFFF;">{{leisi.weizhi}}</td>
-                <td [ngClass]="{'tdyanse56':leisi.xiangjin>=50&&leisi.xiangjin<=60,'tdyanse78':leisi.xiangjin>60,'tdyanse':leisi.xiangjin<50}">{{leisi.xiangjin}}%</td>
-                <td style="color: #CC5D13;">查看详情</td>
-            </tr>
-        </tbody>
-    </table>
-</div> -->
-<div style="width: 100%;height: 100%;">
-    <app-collection-tools></app-collection-tools>
-</div>
\ No newline at end of file
+<div style="width: 100%;height: 100%;position: relative;">
+    <div class="backBtn" *ngIf="isResponsePlans" (click)="back()">
+        返回
+    </div>
+    <div class="leisiTable" *ngIf="!isResponsePlans">
+        <table>
+            <thead >
+                <td style="width:40%;">单位名称</td>
+                <td style="width:10%;">始建于</td>
+                <td style="width:10%;">着火物</td>
+                <td style="width:10%;">点火位置</td>
+                <td style="width:10%;">相近度</td>
+                <td style="width:20%;">详情</td>
+            </thead>
+            <tbody id="shujubody" >
+                <tr *ngFor="let leisi of leisiYuan">
+                    <td style="color: #FFFFFF;">{{leisi.danweiName}}</td>
+                    <td></td>
+                    <td></td>
+                    <td style="color: #FFFFFF;">{{leisi.weizhi}}</td>
+                    <td [ngClass]="{'tdyanse56':leisi.xiangjin>=50&&leisi.xiangjin<=60,'tdyanse78':leisi.xiangjin>60,'tdyanse':leisi.xiangjin<50}">{{leisi.xiangjin}}%</td>
+                    <td style="color: #CC5D13;cursor: pointer;" (click)="openDeatails()">查看详情</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div style="width: 100%;height: 100%;" *ngIf="isResponsePlans">
+        <app-collection-tools></app-collection-tools>
+    </div>
+</div>
diff --git a/src/app/ui/similar-plans/similar-plans.component.scss b/src/app/ui/similar-plans/similar-plans.component.scss
index 0a6ac4c..f829534 100644
--- a/src/app/ui/similar-plans/similar-plans.component.scss
+++ b/src/app/ui/similar-plans/similar-plans.component.scss
@@ -32,4 +32,21 @@
 }
 .tdyanse{
     color: #FFFFFF;
+}
+.backBtn{
+    position: absolute;
+    right: 30px;
+    top: 8px;
+    width: 80px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    color: white;
+    cursor: pointer;
+    border: 1px solid #0E79A9;
+    border-radius: 5px;
+    z-index: 8999;
+}
+.backBtn:hover{
+    background-color: #0c4c69;
 }
\ No newline at end of file
diff --git a/src/app/ui/similar-plans/similar-plans.component.ts b/src/app/ui/similar-plans/similar-plans.component.ts
index 078b54c..493e915 100644
--- a/src/app/ui/similar-plans/similar-plans.component.ts
+++ b/src/app/ui/similar-plans/similar-plans.component.ts
@@ -29,7 +29,12 @@ export class SimilarPlansComponent implements OnInit {
     {danweiName:"中油广西田东石油化工总厂有限公司",year:"",zhoahuo:"XXX",weizhi:"3-1#储罐",xiangjin:parseFloat("30%")}
   ]
   
-  
+  isResponsePlans = false //默认是否是处置预案
 
-  
+  openDeatails(){
+    this.isResponsePlans = true
+  }
+  back(){
+    this.isResponsePlans = false
+  }
 }