From 720098a0680f62ffc3aa9dc1a7a8d89aafb3eef2 Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Sat, 7 May 2022 11:22:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E9=9D=A2=E5=9B=BE=E6=BA=A2=E5=87=BA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=85=A8BUG=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../collection-tools.component.html           |  4 ++--
 .../collection-tools.component.ts             | 19 +++++++++++++++++++
 .../collection-tools.component.html           |  4 ++--
 .../collection-tools.component.ts             | 19 +++++++++++++++++++
 4 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/app/ui/collection-tools-building/collection-tools.component.html b/src/app/ui/collection-tools-building/collection-tools.component.html
index d1f2efc..50c6ff2 100644
--- a/src/app/ui/collection-tools-building/collection-tools.component.html
+++ b/src/app/ui/collection-tools-building/collection-tools.component.html
@@ -83,8 +83,8 @@
               <mat-icon >add</mat-icon>
             </label>
           </div>
-          <div [hidden]="!togglePlane"  style="flex: 1;">
-              <div class="sitePlanContent" *ngFor="let item of sitePlanData;let key = index" [ngClass]="{'isRefugeStorey':item.isRefugeStorey==true,'selectSitePlan': selectSitePlanIndex==key}" (click)='selectSitePlan(item,key)'>
+          <div [hidden]="!togglePlane" style="flex: 1;max-height: 700px;overflow-y: auto;overflow-x: hidden;" class="sitePlanContentBox">
+              <div class="sitePlanContent" *ngFor="let item of sitePlanData;let key = index" [ngClass]="{'isRefugeStorey':item.isRefugeStorey==true,'selectSitePlan': selectSitePlanIndex==key}" (click)='selectSitePlan(item,key)' (mouseenter)="hoverSitePlan(item,key)">
               <label class="overflowText" style="display:inline-block; max-width: 160px;"><mat-icon *ngIf="!item.imageUrl" class="matIcons">broken_image</mat-icon>{{item.name}}</label>
               <a href="javascript:;" class="fireForce" *ngIf="isEditPattern && !pattern">
                 <img src="../../../assets/images/fire.png" *ngIf="item.fire && item.fire==2">
diff --git a/src/app/ui/collection-tools-building/collection-tools.component.ts b/src/app/ui/collection-tools-building/collection-tools.component.ts
index 134dff5..29788be 100644
--- a/src/app/ui/collection-tools-building/collection-tools.component.ts
+++ b/src/app/ui/collection-tools-building/collection-tools.component.ts
@@ -1728,6 +1728,25 @@ export class CollectionToolsBuildingComponent implements OnInit {
       } //if
 
     }
+    if (this.element.nativeElement.querySelector('#rightOperate')) {
+      setTimeout(() => {
+        this.element.nativeElement.querySelector('#rightOperate').style.position = 'fixed'
+        this.element.nativeElement.querySelector('#rightOperate').style.left = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().left + document.getElementById("leftDiv").offsetWidth + 'px'
+        this.element.nativeElement.querySelector('#rightOperate').style.top = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().top - 32 + 'px'
+      }, 0);
+    }
+  }
+
+  hoverSitePlan(item, key) {
+    if (key == this.selectSitePlanIndex) {
+      if (this.element.nativeElement.querySelector('#rightOperate')) {
+        setTimeout(() => {
+          this.element.nativeElement.querySelector('#rightOperate').style.position = 'fixed'
+          this.element.nativeElement.querySelector('#rightOperate').style.left = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().left + document.getElementById("leftDiv").offsetWidth + 'px'
+          this.element.nativeElement.querySelector('#rightOperate').style.top = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().top - 32 + 'px'
+        }, 0);
+      }
+    }
   }
 
   //新增平面图 楼层/区域
diff --git a/src/app/ui/collection-tools-plan/collection-tools.component.html b/src/app/ui/collection-tools-plan/collection-tools.component.html
index 633c521..e64ef22 100644
--- a/src/app/ui/collection-tools-plan/collection-tools.component.html
+++ b/src/app/ui/collection-tools-plan/collection-tools.component.html
@@ -71,10 +71,10 @@
               <mat-icon>add</mat-icon>
             </label>
           </div>
-          <div [hidden]="!togglePlane" style="flex: 1;">
+          <div [hidden]="!togglePlane" style="flex: 1;max-height: 700px;overflow-y: auto;overflow-x: hidden;" class="sitePlanContentBox">
             <div class="sitePlanContent" *ngFor="let item of sitePlanData;let key = index"
               [ngClass]="{'isRefugeStorey':item.isRefugeStorey==true,'selectSitePlan': selectSitePlanIndex==key}"
-              (click)='selectSitePlan(item,key)'>
+              (click)='selectSitePlan(item,key)' (mouseenter)="hoverSitePlan(item,key)">
               <label class="overflowText" style="display:inline-block; max-width: 160px;">
                 <mat-icon *ngIf="!item.imageUrl" class="matIcons">broken_image</mat-icon>{{item.name}}
               </label>
diff --git a/src/app/ui/collection-tools-plan/collection-tools.component.ts b/src/app/ui/collection-tools-plan/collection-tools.component.ts
index c0d1811..eea6b0b 100644
--- a/src/app/ui/collection-tools-plan/collection-tools.component.ts
+++ b/src/app/ui/collection-tools-plan/collection-tools.component.ts
@@ -1684,6 +1684,25 @@ export class CollectionToolsPlanComponent implements OnInit {
       } //if
 
     }
+    if (this.element.nativeElement.querySelector('#rightOperate')) {
+      setTimeout(() => {
+        this.element.nativeElement.querySelector('#rightOperate').style.position = 'fixed'
+        this.element.nativeElement.querySelector('#rightOperate').style.left = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().left + document.getElementById("leftDiv").offsetWidth + 'px'
+        this.element.nativeElement.querySelector('#rightOperate').style.top = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().top - 32 + 'px'
+      }, 0);
+    }
+  }
+
+  hoverSitePlan(item, key) {
+    if (key == this.selectSitePlanIndex) {
+      if (this.element.nativeElement.querySelector('#rightOperate')) {
+        setTimeout(() => {
+          this.element.nativeElement.querySelector('#rightOperate').style.position = 'fixed'
+          this.element.nativeElement.querySelector('#rightOperate').style.left = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().left + document.getElementById("leftDiv").offsetWidth + 'px'
+          this.element.nativeElement.querySelector('#rightOperate').style.top = document.getElementsByClassName('sitePlanContentBox')[0].children[this.selectSitePlanIndex].getBoundingClientRect().top - 32 + 'px'
+        }, 0);
+      }
+    }
   }
 
   //新增平面图 楼层/区域