From f0743a629d43f31592d565f20019696a1580255e Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Wed, 10 Nov 2021 11:30:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-domain/left-domain.component.html    |  5 ++++-
 .../left-domain/left-domain.component.scss    |  3 +--
 src/app/pages/plan/plan.component.html        |  2 +-
 src/styles.scss                               | 22 +++++++++++--------
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html
index 73e12e9..5221beb 100644
--- a/src/app/pages/left-domain/left-domain.component.html
+++ b/src/app/pages/left-domain/left-domain.component.html
@@ -66,7 +66,10 @@
     <!-- 油罐设备 -->
     <!-- 消防设施 -->
     <div class="publicBox fireFacilities" *ngIf="beforeFence === 3">
-      <nz-tree #nzTreeComponent [nzData]="treeData"></nz-tree>
+      <nz-tree [nzData]="treeData" [nzTreeTemplate]="nzTreeTemplate"></nz-tree>
+      <ng-template #nzTreeTemplate let-node let-origin="origin">
+        <div class="treeRow"><p>{{node.title}}</p><p>{{node.children.length}}</p></div>
+      </ng-template>
     </div>
     <!-- 消防设施 -->
   </div>
diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss
index fe01a1e..45bb38d 100644
--- a/src/app/pages/left-domain/left-domain.component.scss
+++ b/src/app/pages/left-domain/left-domain.component.scss
@@ -69,9 +69,8 @@
 }
 .fireFacilities{ //消防设施
   .ant-tree{
-    height: 32px;
-    line-height: 32px;
     background-color: transparent;
     color: #C4E2FC;
   }
+  .treeRow{ width: 100%; display: flex; height: 30px; line-height: 30px; p:first-child{ flex: 1; }; p{ margin: 0; padding: 0; } }
 }
\ No newline at end of file
diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html
index d872530..1716fe8 100644
--- a/src/app/pages/plan/plan.component.html
+++ b/src/app/pages/plan/plan.component.html
@@ -1,5 +1,5 @@
 <div class="loading" *ngIf="isShowLoading"><nz-spin nzSimple [nzSize]="'large'"></nz-spin></div>
-<div class="content">
+<div class="content" id="threeDimensional">
 
   <div class="header">
     <button *ngFor="let item of allFence; let key = index;" [ngClass]="{'selectFence': selectFence === key}" (click)="toggleHeaderFence(key)">{{item}}</button>
diff --git a/src/styles.scss b/src/styles.scss
index e2f0095..30d9ef7 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -102,15 +102,19 @@ h1 {
   font-size: 16px;
 }
 
-//滚动条样式	
-::-webkit-scrollbar {
-  width: 5px;	
-}
-::-webkit-scrollbar-thumb {
-  background-image: linear-gradient(#2495f8,#1c73c2,#02233f,);	
-}
-::-webkit-scrollbar-track {
-  background-color: #0d4070;	
+//三维场景
+#threeDimensional {
+  .ant-tree-node-content-wrapper { width: 100%; }
+  //滚动条样式	
+  ::-webkit-scrollbar {
+    width: 5px;	
+  }
+  ::-webkit-scrollbar-thumb {
+    background-image: linear-gradient(#2495f8,#1c73c2,#02233f,);	
+  }
+  ::-webkit-scrollbar-track {
+    background-color: #0d4070;	
+  }
 }