From 07f01aeb762f89d60be88bef142011ea99d11953 Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Thu, 11 Nov 2021 10:42:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E9=98=B2=E8=AE=BE=E6=96=BD=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-domain/left-domain.component.html    |  4 +-
 .../left-domain/left-domain.component.scss    | 10 ++---
 .../left-domain/left-domain.component.ts      | 45 +++++++------------
 src/styles.scss                               |  3 +-
 4 files changed, 22 insertions(+), 40 deletions(-)

diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html
index 9eeb991..5a91b33 100644
--- a/src/app/pages/left-domain/left-domain.component.html
+++ b/src/app/pages/left-domain/left-domain.component.html
@@ -66,9 +66,9 @@
     <!-- 油罐设备 -->
     <!-- 消防设施 -->
     <div class="publicBox fireFacilities" *ngIf="beforeFence === 3">
-      <nz-tree [nzData]="treeData" [nzTreeTemplate]="nzTreeTemplate"></nz-tree>
+      <nz-tree [nzData]="treeData" [nzTreeTemplate]="nzTreeTemplate" [nzMultiple]="true" (nzClick)="nzClick($event)"></nz-tree>
       <ng-template #nzTreeTemplate let-node let-origin="origin">
-        <div class="treeRow"><p>{{node.title}}</p><p>{{getFacilityNum(node.key)}}</p></div>
+        <div class="treeRow"><p>{{node.title}}</p><p><i nz-icon nzType="eye" nzTheme="outline" *ngIf="node.isSelected"></i>{{getFacilityNum(node.key)}}</p></div>
       </ng-template>
     </div>
     <!-- 消防设施 -->
diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss
index 45bb38d..2f23f94 100644
--- a/src/app/pages/left-domain/left-domain.component.scss
+++ b/src/app/pages/left-domain/left-domain.component.scss
@@ -64,13 +64,9 @@
     }
   }
 }
-.oilTank{ //油管设备
+// .oilTank{ //油管设备
 
-}
+// }
 .fireFacilities{ //消防设施
-  .ant-tree{
-    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; } }
+  .treeRow{ width: 100%; display: flex; height: 30px; line-height: 30px; p:first-child{ flex: 1; }; p{ margin: 0; padding: 0; .anticon{ margin-right: 5px; font-size: 16px; } } }
 }
\ No newline at end of file
diff --git a/src/app/pages/left-domain/left-domain.component.ts b/src/app/pages/left-domain/left-domain.component.ts
index fb855cd..dfdfc08 100644
--- a/src/app/pages/left-domain/left-domain.component.ts
+++ b/src/app/pages/left-domain/left-domain.component.ts
@@ -1,9 +1,10 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
+import { NzFormatEmitEvent, NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
 import { FacilityInfoInSceneWindow } from 'src/app/babylon/view/facilityinfoinscene-window/facilityinfoinscene-window';
 import { PlanComponent } from '../plan/plan.component';
 import { FacilityInfoUIItem } from "../../babylon/view/facilityinfoinscene-window/facilityinfo-ui-item";
 import { ConfigManager } from 'src/app/babylon/controller/config-manager';
+import { FacilityType } from 'src/app/babylon/model/data/model-data/model-data-facility';
 
 @Component({
   selector: 'app-left-domain',
@@ -55,17 +56,17 @@ export class LeftDomainComponent implements OnInit {
       let isFind = this.treeData.find(element=>{ return (item.getType()).includes(element.key) })
       if (!isFind) { //不存在
         if (item.getType().includes('XF_MHQ')) { //灭火器
-          let primaryNode = { title: '灭火器', key: 'XF_MHQ', selectable: false, children: [], }
-          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
+          let primaryNode = { title: '灭火器', key: 'XF_MHQ', selectable: false, expanded: true, children: [], }
+          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, selected: true, }
           primaryNode.children.push(treeNode)
           this.treeData.push(primaryNode)
         } else {
-          let primaryNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
+          let primaryNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, selected: true, }
           this.treeData.push(primaryNode)
         }
       } else { //存在
         if (item.getType().includes('XF_MHQ') && !isFind.children.find(elements=>{ return elements.key === item.getType() })) { //灭火器
-          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
+          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, selected: true, }
           isFind.children.push(treeNode)
         }
       }
@@ -81,6 +82,14 @@ export class LeftDomainComponent implements OnInit {
     return num
   }
 
+  //点击tree节点
+  nzClick(event: NzFormatEmitEvent) {
+    event.node.isSelected = !event.node.isSelected
+    if (event.node.key != 'XF_MHQ') {
+      FacilityInfoInSceneWindow.instance.showFacilityByType(FacilityType[event.node.key], event.node.isSelected)
+    }
+  }
+
   //编辑信息
   editInfo() {
 
@@ -96,29 +105,5 @@ export class LeftDomainComponent implements OnInit {
 }
 
 export class treeData {
-  static nodes: NzTreeNodeOptions[] = [
-    {
-      title: '灭火器',
-      key: '1',
-      selectable: false,
-      children: [
-        { title: '4KG手提干粉灭火器', key: '1', selectable: false, },
-        { title: '4KG手提泡沫灭火器', key: '2', selectable: false, },
-        { title: '4KG手提二氧化碳灭火器', key: '3', selectable: false, },
-        { title: '35KG手推灭火器', key: '4', selectable: false, },
-      ]
-    },
-    {
-      title: '灭火毯',
-      key: '2',
-      selectable: false,
-      children: []
-    },
-    {
-      title: '消防锹',
-      key: '3',
-      selectable: false,
-      children: []
-    },
-  ];
+  static nodes: NzTreeNodeOptions[] = []
 }
diff --git a/src/styles.scss b/src/styles.scss
index 4d7af63..90ea105 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -104,7 +104,8 @@ h1 {
 
 //三维场景
 #threeDimensional {
-  .ant-tree-node-content-wrapper:hover { background-color: transparent; }
+  .ant-tree{ color: #C4E2FC; }
+  .ant-tree,.ant-tree-node-content-wrapper:hover,.ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: transparent; }
   .ant-tree-node-content-wrapper { width: 100%; }
   //滚动条样式	
   ::-webkit-scrollbar {