From f60d7b3421f622eb4c538e7c6249b3212913af8b Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Fri, 12 Nov 2021 17:09:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E4=B8=AD=E8=AE=BE=E5=A4=87=E5=8F=8A?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/pages/left-domain/left-domain.component.html | 12 ++++++++++--
 src/app/pages/left-domain/left-domain.component.scss |  6 +++++-
 src/app/pages/left-domain/left-domain.component.ts   | 11 +++++++++++
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html
index c5b558b..d0782a8 100644
--- a/src/app/pages/left-domain/left-domain.component.html
+++ b/src/app/pages/left-domain/left-domain.component.html
@@ -18,7 +18,11 @@
     <!-- 基本信息 -->
     <!-- 加油机 -->
     <div class="publicBox refueller" *ngIf="beforeFence === 1">
-      <div class="interval" *ngFor="let item of FacilityList">
+      <div class="interval" *ngFor="let item of FacilityList" (click)="selectFacility(item)">
+        <!-- 选中样式 -->
+        <div class="positionLeftTop" *ngIf="selectFacilityId === item.getID()"></div><div class="positionLeftBottom" *ngIf="selectFacilityId === item.getID()"></div>
+        <div class="positionRightTop" *ngIf="selectFacilityId === item.getID()"></div><div class="positionRightBottom" *ngIf="selectFacilityId === item.getID()"></div>
+        <!-- 选中样式 -->
         <p class="title"><input type="text" class="tableInput" [(ngModel)]="item.getPropertyData().name"></p>
         <div class="table">
           <div class="tableHeader">
@@ -46,7 +50,11 @@
     <!-- 加油机 -->
     <!-- 油罐设备 -->
     <div class="publicBox refueller oilTank" *ngIf="beforeFence === 2">
-      <div class="interval" *ngFor="let item of FacilityList">
+      <div class="interval" *ngFor="let item of FacilityList" (click)="selectFacility(item)">
+        <!-- 选中样式 -->
+        <div class="positionLeftTop" *ngIf="selectFacilityId === item.getID()"></div><div class="positionLeftBottom" *ngIf="selectFacilityId === item.getID()"></div>
+        <div class="positionRightTop" *ngIf="selectFacilityId === item.getID()"></div><div class="positionRightBottom" *ngIf="selectFacilityId === item.getID()"></div>
+        <!-- 选中样式 -->
         <p class="title"><input type="text" class="tableInput" [(ngModel)]="item.getPropertyData().name"></p>
         <div class="table">
           <div class="tableHeader">
diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss
index 6bfca9a..5f39ec6 100644
--- a/src/app/pages/left-domain/left-domain.component.scss
+++ b/src/app/pages/left-domain/left-domain.component.scss
@@ -47,7 +47,11 @@
   .textImage{ margin-bottom: 15px; height: auto; line-height: normal; img{ width: auto; height: 130px; } }
 }
 .refueller{ //加油机
-  .interval{ margin-top: 10px; } //分隔div
+  .interval{ margin-top: 10px; position: relative; cursor: pointer; } //分隔div
+  .positionLeftTop { position: absolute; width: 10px; height: 10px; left: -5px; top: -5px; border-left: 1px solid #fff; border-top: 1px solid #fff; } //左上角
+  .positionLeftBottom { position: absolute; width: 10px; height: 10px; left: -5px; bottom: -5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } //左下角
+  .positionRightTop { position: absolute; width: 10px; height: 10px; right: -5px; top: -5px; border-right: 1px solid #fff; border-top: 1px solid #fff; } //右上角
+  .positionRightBottom { position: absolute; width: 10px; height: 10px; right: -5px; bottom: -5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } //右下角
   .table{
     width: 100%;
     border: 1px solid #91CCFF;
diff --git a/src/app/pages/left-domain/left-domain.component.ts b/src/app/pages/left-domain/left-domain.component.ts
index 351f80a..e6dd912 100644
--- a/src/app/pages/left-domain/left-domain.component.ts
+++ b/src/app/pages/left-domain/left-domain.component.ts
@@ -56,6 +56,17 @@ export class LeftDomainComponent implements OnInit {
     }
   }
 
+  //选中 设备
+  selectFacility(item: FacilityInfoUIItem) {
+    if (this.selectFacilityId != item.getID()) {
+      this.selectFacilityId = item.getID()
+      FacilityInfoInSceneWindow.instance.selectFacilityItem(item);
+    } else {
+      this.selectFacilityId = null
+      item.onSelect(false)
+    }
+  }
+
   //处理 treeData
   handleTreeData(list: FacilityInfoUIItem[]) {
     this.treeData = []