平面图溢出显示不全BUG修正

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">

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);
+      }
+    }
   }
 
   //新增平面图 楼层/区域

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>

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);
+      }
+    }
   }
 
   //新增平面图 楼层/区域