油罐罐区总览完善

src/app/pages/left-domain/left-domain.component.html

@@ -89,7 +89,6 @@
             <p class="overflowP" id="title{{item.modelInfo.key}}">油枪编号</p>
             <p>油罐容积</p>
             <p>安全容积</p>
-            <p>罐区</p>
             <p>油罐类型</p>
             <p>油泵类型</p>
           </div>
@@ -98,7 +97,6 @@
             <p [title]="item.getPropertyData().oilGunNo" class="overflowP" id="content{{item.modelInfo.key}}"><textarea nz-input nzAutosize id="num{{item.modelInfo.key}}" [disabled]="!editMode" [(ngModel)]="item.getPropertyData().oilGunNo" (click)="stopBubbling($event)" (input)="textInput(item)"></textarea></p>
             <p [title]="item.getPropertyData().oilTankVolume"><input type="text" class="tableInput" [disabled]="!editMode" [(ngModel)]="item.getPropertyData().oilTankVolume" (click)="stopBubbling($event)"></p>
             <p [title]="item.getPropertyData().safeVolume"><input type="text" class="tableInput" [disabled]="!editMode" [(ngModel)]="item.getPropertyData().safeVolume" (click)="stopBubbling($event)"></p>
-            <p [title]="item.getPropertyData().tankFarm"><input type="text" class="tableInput" [disabled]="!editMode" [(ngModel)]="item.getPropertyData().tankFarm" (click)="stopBubbling($event)"></p>
             <p style="padding-left: 8px;" (click)="stopBubbling($event)">
               <nz-select class="tableSelect" [nzBorderless]="true" [nzDisabled]="!editMode" [(ngModel)]="item.getPropertyData().oilTankType">
                 <nz-option nzValue="scg" nzLabel="双层罐"></nz-option>

src/app/pages/left-domain/left-domain.component.ts

@@ -88,14 +88,27 @@ export class LeftDomainComponent implements OnInit {
       }
     })
     this.FacilityList = list
-    console.log(this.FacilityList[0].getPropertyData())
     this.selectFacilityId = null
-    if (this.beforeFence === 1 || this.beforeFence === 2 || this.beforeFence === 7) { //加油机/油罐设备/阀门
+    if (this.beforeFence === 1 || this.beforeFence === 7) { //加油机/阀门
       this.FacilityList.forEach(item => {
         window.setTimeout(()=>{
           this.textInput(item)
         },0)
       })
+    } else if (this.beforeFence === 2) { //油罐设备
+      this.FacilityList.forEach(item => {
+        window.setTimeout(()=>{
+          this.textInput(item)
+        },0)
+      })
+      PlanComponent.instance.tankFarm.isHave = false;
+      this.FacilityList.forEach(item => {
+        if (item.getPropertyData().tankFarm != undefined) {
+          PlanComponent.instance.tankFarm.isHave = true
+          PlanComponent.instance.tankFarm.content = item.getPropertyData().tankFarm
+          return;
+        }
+      })
     } else if (this.beforeFence === 3) { //消防设施
       this.handleTreeData(this.FacilityList)
     } else if (this.beforeFence === 5 || this.beforeFence === 6) { //初始化 Viewer

src/app/pages/plan/plan.component.html

@@ -59,6 +59,12 @@
     <!-- 左侧建筑栏 -->
 
     <!-- 右侧属性栏 -->
+    <!-- 油罐罐区总览 -->
+    <div class="tankFarm" *ngIf="selectFence === 2 && tankFarm.isHave" [ngStyle]="{ 'left': isShowLeftBuilding && editMode && userMode? '15%' : null }">
+      <div class="tankFarmLeft">油罐罐区</div>
+      <div style="flex: 1;"><input type="text" [(ngModel)]="tankFarm.content" (ngModelChange)="changeTankFarmValue()" [disabled]="!editMode"></div>
+    </div>
+    <!-- 油罐罐区总览 -->
     <div class="nature" *ngIf="isShowNature && selectFence === 0 && beforeOnePropertyData && beforeOnePropertyData.getPropertyData()" [ngStyle]="{'right': editMode? '5%' : null}">
       <div class="natureHeader"><i nz-icon nzType="close-circle" nzTheme="outline" title="关闭" (click)="isShowNature = false;"></i></div>
       <div class="natureContent" *ngIf="beforeOnePropertyData.getPropertyData().textDirection != undefined">

src/app/pages/plan/plan.component.scss

@@ -180,6 +180,22 @@
 }
 
 //右侧属性栏
+.tankFarm{
+  position: absolute;
+  top: 1%;
+  left: 3%;
+  width: 300px;
+  color: #C4E2FC;
+  font-size: 14px;
+  background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%);
+  display: flex;
+  div{
+    height: 32px;
+    line-height: 32px;
+  }
+  .tankFarmLeft{ margin: 0 10px; }
+  input{ width: 100%; height: 100%; background: transparent; border: none; padding: 0; resize: none; outline: none; }
+}
 .nature{
   width: 230px;
   position: absolute;

src/app/pages/plan/plan.component.ts

@@ -259,6 +259,18 @@ export class PlanComponent implements OnInit {
     FacilityInfoInSceneWindow.instance.showFacilityByType(type, event)
   }
 
+  //油罐设备 罐区总览
+  tankFarm = { isHave: false, content: "", }
+
+  //监听inputValue change事件
+  changeTankFarmValue() {
+    if (this.isShowChildComponent && this.leftDomain) {
+      this.leftDomain.FacilityList.forEach(item=>{
+        item.getPropertyData().tankFarm != undefined? item.getPropertyData().tankFarm = this.tankFarm.content : null;
+      })
+    }
+  }
+
   //子组件 创建预案/保存
   noticeChildComponent(type: boolean) {
     if (this.isShowChildComponent && this.leftDomain) {