From 10de3883684f640445c7e523a44c4d1b74bbb897 Mon Sep 17 00:00:00 2001
From: chenjingyu <bobsun@hotmail.com>
Date: Wed, 23 Jun 2021 09:03:40 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E6=94=B9]=E5=9C=A8=E7=BA=BF=E7=BC=96?=
 =?UTF-8?q?=E5=88=B6=E9=A2=84=E6=A1=88=E5=8D=95=E4=BD=8D=E6=A6=82=E5=86=B5?=
 =?UTF-8?q?ui=E6=A1=86=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create-plan-online-five.component.html    |  54 +++++-
 .../create-plan-online-five.component.scss    | 166 ++++++++++++++++++
 .../create-plan-online-five.component.ts      |  24 ++-
 3 files changed, 238 insertions(+), 6 deletions(-)

diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
index 02cb3fd..931baa2 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
@@ -112,6 +112,17 @@
                     </div>
                 </div>
             </div>
+            <div class="leftBuilding" *ngIf="selectedItem == '单位概况'">
+                <div class="buildingHead" >
+                    <span>建筑列表</span>
+                </div>
+                <div class="buildingBody">
+                    <div class="buildName" *ngFor="let item of allBuildings;let i=index" [ngClass]="{'selectedTr': i == clicki}" (click)='clickBuilding(item,i)'>
+                        <mat-checkbox class="example-margin" color='primary'></mat-checkbox>
+                        <span>{{item.name}}</span>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="mainbox">
             <!-- 封面 -->
@@ -240,11 +251,6 @@
                                         </th>
                                     </thead>
                                     <tbody>
-                                        <!--  <tr>
-                                          <td><input type="text"placeholder="请输入内容" ></td>
-                                          <td><input type="text"placeholder="请输入内容" ></td>
-                                          <td><input type="text"placeholder="请输入内容" ></td>
-                                      </tr> -->
                                         <tr *ngFor="let itemtr of element.tabletr">
                                             <td
                                                 *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
@@ -309,6 +315,44 @@
                     <div class="disposalPoint" *ngIf="item.groupName == '预案附件'">
                         处置要点
                     </div>
+                    <div class="unit" *ngIf="item.groupName == '单位概况'">
+                        <div class="unithead">
+                            <span>{{buildingName}}</span>
+                        </div>
+                        <div class="unitbody" *ngFor="let element of item.building[clicki].body;let i=index">
+                            <div *ngIf="element.completed">
+                                <div class="unitbodyHead">
+                                    <span>{{element.surveyName}}</span>
+                                </div>
+                                <div class="body">
+                                    <!-- 进攻通道 -->
+                                    <div class="attack" *ngIf="element.surveyName=='进攻通道'">
+                                        <div *ngFor="let attack of element.attinf">
+                                            <div class="attackhead">
+                                                <span>{{attack.head}}</span>
+                                                <img src="../../../assets/images/deleteblue.png" >
+                                                <img src="../../../assets/images/add.png" >
+                                            </div>
+                                            <div class="attackbody">
+                                                <table>
+                                                    <thead>
+                                                        <th *ngFor="let itemth of attack.tableth;let tablethi=index;TrackBy:trackByFn">
+                                                            <input type="text" placeholder="请输入内容"
+                                                                [(ngModel)]="attack.tableth[tablethi]">
+                                                        </th>
+                                                    </thead>
+                                                    <tbody></tbody>
+                                                  </table>
+                                            </div>
+                                        </div>
+                                        
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                            
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
index 3ff13c2..5413522 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
@@ -171,6 +171,51 @@
                     }
                 }
             }
+            .leftBuilding{
+                width: 100%;
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+            }
+            .buildingHead{
+                height: 40px;
+                width: 100%;
+                background-color: #e8f4fe;
+                text-align: center;
+                span{
+                    line-height: 40px;
+                    color: #2196f3;
+                    font-size: 16px;
+                }
+            }
+            .buildingBody{
+                width: 100%;
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+                .selectedTr {
+                    background-color: #b3d3ee;
+                }
+                .buildName{
+                    cursor: pointer;
+                    height: 40px;
+                    width: 100%;
+                    border-bottom: 1px solid #F2F4F5;
+                    .example-margin {
+                        width: 14px;
+                        height: 14px;
+                        margin-left: 30px;
+                        margin-bottom: 7px;
+                        position: relative;
+                        bottom: 1px;
+                    }
+                    span{
+                        line-height: 40px;
+                        font-size: 16px;
+                        margin-left: 5px;
+                    }
+                }
+            }
         }
         .mainbox {
             background-color: white;
@@ -410,6 +455,127 @@
                     margin: 10px 0;
                 }
             }
+            .unit{
+                width: 100%;
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+                overflow-y: auto;
+                .unithead{
+                    height: 40px;
+                    width: 100%;
+                    background-color: #e8f4fe;
+                    //opacity: 0.1;
+                    span {
+                        margin-left: 20px;
+                        font-size: 16px;
+                        color: #2196f3;
+                        opacity: 1;
+                        height: 40px;
+                        line-height: 40px;
+                    }
+                }
+                .unitbody{
+                    height: 100%;
+                    width: 100%;
+                    display: flex;
+                    flex-direction: column;
+                    .unitbodyHead{
+                        width: 100%;
+                        height: 40px;
+                        background-color: #2196F3;
+                        text-align: center;
+                        span {
+                            font-size: 16px;
+                            text-align: center;
+                            height: 40px;
+                            line-height: 40px;
+                            color: #FFFFFF;
+                        }
+                        img {
+                            cursor: pointer;
+                            width: 20px;
+                            height: 20px;
+                            float: right;
+                            margin-top: 10px;
+                            margin-right: 10px;
+                        }
+                    }
+                    .body{
+                        width: 100%;
+                        height: 100%;
+                        .attack{
+                            width: 100%;
+                            height: 100%;
+                            .attackhead{
+                                width: 100%;
+                                height: 40px;
+                                background-color: #ffd91d;
+                                text-align: center;
+                                span {
+                                    font-size: 16px;
+                                    text-align: center;
+                                    height: 40px;
+                                    line-height: 40px;
+                                    color: #b99a00;
+                                }
+                                img {
+                                    cursor: pointer;
+                                    width: 20px;
+                                    height: 20px;
+                                    float: right;
+                                    margin-top: 10px;
+                                    margin-right: 10px;
+                                }
+                            }
+                            .attackbody{
+                                width: 100%;
+                                height: 100%;
+                                thead {
+                                    width: 100%;
+                                    background-color: #e8e9e9;
+                                }
+                                table {
+                                    width: 100%;
+                                    border-collapse: collapse;
+                                    //background-color: #E8E9E9;
+                                }
+                                th {
+                                    //background-color: #E8E9E9;
+                                    border: 1px solid #999;
+                                    height: 40px;
+                                    font-size: 16px;
+                                    text-align: center;
+                                    input {
+                                        background-color: #e8e9e9;
+                                        text-align: center;
+                                        height: 100%;
+                                        width: 100%;
+                                        font-size: 16px;
+                                        border: none;
+                                        outline: none;
+                                    }
+                                }
+                                td {
+                                    border: 1px solid #999;
+                                    height: 40px;
+                                    font-size: 16px;
+                                    text-align: center;
+                                    input {
+                                        background-color: #ffffff;
+                                        text-align: center;
+                                        height: 100%;
+                                        width: 100%;
+                                        font-size: 16px;
+                                        border: none;
+                                        outline: none;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
         }
     }
 }
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
index 1105a0a..18fb545 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2021-06-16 13:56:54
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-06-17 17:05:09
+ * @LastEditTime: 2021-06-22 17:16:01
  */
 import { HttpClient } from '@angular/common/http';
 import { Component, Inject, OnInit, Renderer2, ViewChild, Input } from '@angular/core';
@@ -30,6 +30,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
     console.log('级别', this.planLevel)
     this.getTemplateData()
     this.getUnitData()
+    this.getAllBuildings()
     this.tree = {
       json: this.treedate,
       config: this.treeConfig
@@ -77,6 +78,8 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
       this.getAllBuildings()
       this.getSitePlan()
       this.getRealPicture()
+    }else if(this.selectedItem == '单位概况'){
+      //this.getAllBuildings()
     }
   }
 
@@ -229,6 +232,12 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
         })
       })
       this.allBuildings = data
+      this.planTemplateData[0].building=[]
+      for(var i=0;i<this.allBuildings.length;i++){
+        this.planTemplateData[0].building.push({name:this.allBuildings[i].name,body:this.planTemplateData[0].attribute})
+      }
+      this.buildingName=this.allBuildings[0].name
+      console.log(this.planTemplateData)
     })
   }
   //获取总平面图
@@ -305,6 +314,19 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
     }
 
   }
+  //单位概况左侧建筑点击事件
+  buildingName
+  clicki=0
+  clickBuilding(item,i){
+    this.buildingName=item.name
+    this.clicki=i
+  }
+  //单位概况增加一行
+  unitadd(groupName){
+    if(groupName=='进攻通道'){
+      
+    }
+  }
 
   //分段上传
   sectionUpload(companyId: string, planId: string, file) {