From 6684e138329462d94c690624d99160c33cf157a7 Mon Sep 17 00:00:00 2001
From: chenjingyu <bobsun@hotmail.com>
Date: Mon, 6 Sep 2021 17:15:04 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E5=9B=9B=E7=BA=A7=E9=A2=84?=
 =?UTF-8?q?=E6=A1=88=E5=9C=A8=E7=BA=BF=E7=BC=96=E5=88=B6=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create-plan-online-five/Disaster.html     |  46 ++++
 .../create-plan-online-five/addKeyname.scss   |  80 +++++++
 .../create-plan-online-five.component.html    | 107 ++++++++-
 .../create-plan-online-five.component.scss    | 161 ++++++++++++-
 .../create-plan-online-five.component.ts      | 220 +++++++++++++++++-
 .../create-plan-online-five/newTitle.html     |  27 +++
 .../plan-management/plan-management.module.ts |   5 +-
 .../plan-template.component.html              |   2 +-
 8 files changed, 636 insertions(+), 12 deletions(-)
 create mode 100644 src/app/plan-management/create-plan-online-five/Disaster.html
 create mode 100644 src/app/plan-management/create-plan-online-five/addKeyname.scss
 create mode 100644 src/app/plan-management/create-plan-online-five/newTitle.html

diff --git a/src/app/plan-management/create-plan-online-five/Disaster.html b/src/app/plan-management/create-plan-online-five/Disaster.html
new file mode 100644
index 0000000..a82bacd
--- /dev/null
+++ b/src/app/plan-management/create-plan-online-five/Disaster.html
@@ -0,0 +1,46 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: sueRimn
+ * @Date: 2021-06-02 15:15:15
+ * @LastEditors: sueRimn
+ * @LastEditTime: 2021-09-02 15:10:45
+-->
+<div class="box">
+    <div class="top">
+        <span style="font-size: 20px;">新增内容</span>
+    </div>
+      <div class="queryField">
+        <label style="margin-right: 10px;">类型:</label>
+        <mat-form-field>
+            <mat-select placeholder='请选择类型' name="level" [(ngModel)]="level" required>
+              <mat-option value=1>表格</mat-option>
+              <mat-option value=2>输入框</mat-option>
+              <mat-option value=3>文本区域</mat-option>
+              <mat-option value=4>图片</mat-option>
+            </mat-select>
+        </mat-form-field>
+    </div>
+    <div class="queryField">
+        <label style="margin-right: 10px;">名称:</label>
+        <mat-form-field class="example-full-width">
+          <input matInput placeholder="请输入表头名称" [(ngModel)]="headName" autocomplete="off"  required>
+        </mat-form-field>
+    </div>
+    <div class="queryField" *ngIf="level==2">
+      <label style="margin-right: 10px;">列数:</label>
+      <mat-form-field class="example-full-width">
+        <input matInput type="number" [(ngModel)]="lieNumber"  autocomplete="off"  required min="1">
+      </mat-form-field>
+  </div>
+  <div class="queryField" *ngIf="level==2">
+    <label style="margin-right: 10px;">行数:</label>
+    <mat-form-field class="example-full-width">
+      <input matInput type="number" [(ngModel)]="hNumber"   autocomplete="off"  required min="1">
+    </mat-form-field>
+  </div>
+    <div class="bottom">
+        <button mat-raised-button color="primary" (click)='newdisaster()'>确定</button>
+        <button mat-raised-button style="margin-left: 50px;" (click)='close()'>取消</button>
+    </div>
+  </div>
\ No newline at end of file
diff --git a/src/app/plan-management/create-plan-online-five/addKeyname.scss b/src/app/plan-management/create-plan-online-five/addKeyname.scss
new file mode 100644
index 0000000..149a11a
--- /dev/null
+++ b/src/app/plan-management/create-plan-online-five/addKeyname.scss
@@ -0,0 +1,80 @@
+.box{
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.queryField {
+    margin: 3px 5px;
+    input {
+      width: 100%;
+      height: 18px;
+      line-height: 18px;
+      border-radius: 3px;}
+      button{
+        width: 140px;
+        font-size: 16px;
+      }
+  }
+  .top{
+      width: 100%;
+      margin-bottom: 20px;
+      span{
+          color: #2196F3;
+          margin-left: 100px;
+          font-size: 18px;
+      }
+  }
+  .bottom{
+      margin: 10% 30px;
+      /* margin-bottom: 10%;
+      margin-left: 30px;
+      margin-right: 30px; */
+      button{
+          width: 80px;
+          height: 36px;
+          font-size: 16px;
+      }
+  }
+  .fileinput-button {
+    width: 148px;
+    height: 36px;
+    top: 10px;
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    background-color: #2196F3;
+    color: #FFFFFF;
+    font-size: 16px;
+}
+
+.fileinput-button input{
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    opacity: 0;
+    -ms-filter: 'alpha(opacity=0)';
+}
+
+.uping{
+    display:flex;
+    .upclass{
+        margin-left: 3px;
+        height: 30px;
+    }
+    .progress{
+        position: relative;
+        top:3%
+    }
+    button{
+      width: 80px;
+      height: 30px;
+      font-size: 10px;
+      margin-top: 5px;
+    }
+    span{
+        font-size: 10px;
+        position: relative;
+        top: 8px;
+    }
+}
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 27ac5ee..305830c 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
@@ -2,9 +2,12 @@
     <div class="titlebox" *ngIf="pattern == 'edit'">
         <div class="titleitembox" cdkDropList cdkDropListOrientation="horizontal" (cdkDropListDropped)="drop($event)">
             <div cdkDrag class="item" *ngFor="let item of planTemplateData;let key = index" (click)="clickTitleItem(item)"
-                [ngClass]="{'selectedItem': selectedItem == item.groupName}" [title]="item.groupName"
+                [ngClass]="{'selectedItem': selectedItem == item.groupName||item.groupName=='新建'}" [title]="item.groupName"
                 [cdkDragDisabled]="item.groupName == '封面'">
-                {{key + 1}}.{{item.groupName}}
+                <img src="../../../assets/images/add.png" *ngIf="item.groupName=='新建'">
+                {{item.groupName!='新建'?key + 1:''}}.{{item.groupName}}
+                <img style="height: 38%;" src="../../../assets/images/update.png" *ngIf="item.new!=undefined" (click)='upName(key,item.groupName)' >
+                <img style="height: 38%;margin-left: 2px;" src="../../../assets/images/deleteblue.png" *ngIf="item.new!=undefined" (click)='delName(key)' >
             </div>
         </div>
         <div class="btnbox">
@@ -22,8 +25,8 @@
     <div class="contentbox" [ngClass]="{'noPadding': pattern == 'look'}">
         
         <div class="leftbox"
-            *ngIf="pattern == 'edit' &&  (selectedItem == '重点图示' || selectedItem == '交通水源' || selectedItem == '预案附件' || selectedItem == '单位概况')">
-            <div *ngIf="selectedItem == '重点图示'" class="leftKeyImg">
+            *ngIf="pattern == 'edit' &&  (selectedItem == '重点图示' || selectedItem == '交通水源' || selectedItem == '预案附件' || selectedItem == '单位概况')||(selectedItem!='灾情设定'&&selectedItem!='力量调集'&&selectedItem!='组织指挥'&&selectedItem!='作战行动'&&selectedItem!='社会联动'&&selectedItem!='勤务保障'&&selectedItem!='特别警示'&&selectedItem!='辅助决策'&&selectedItem!='处置要点'&&tuTrue)">
+            <div *ngIf="selectedItem == '重点图示'||(selectedItem!='灾情设定'&&selectedItem!='力量调集'&&selectedItem!='组织指挥'&&selectedItem!='作战行动'&&selectedItem!='社会联动'&&selectedItem!='勤务保障'&&selectedItem!='特别警示'&&selectedItem!='辅助决策'&&selectedItem!='处置要点'&&tuTrue)" class="leftKeyImg">
                 <div class="keyImgTitle">
                     重点图示
                 </div>
@@ -259,7 +262,7 @@
 
             <!-- 模板页面 -->
             <div *ngFor="let item of planTemplateData;let key = index">
-                <div *ngIf="selectedItem == item.groupName || pattern == 'look'">
+                <div *ngIf="(selectedItem == item.groupName || pattern == 'look')&&item.groupName!='新建'">
                     <!-- 封面 -->
                     <div class="cover" *ngIf="item.groupName == '封面' && pattern == 'edit'" id="cover">
                         <p class="planNum">
@@ -425,13 +428,14 @@
                         </div>
                     </div>
                     <div class="centerBox"
-                        *ngIf="item.groupName!='单位概况'&&item.groupName!='交通水源'&&item.groupName!='重点图示'&&item.groupName!='预案附件'&&item.groupName!='特别警示'&&item.groupName!='处置要点'&&item.groupName!='封面'">
-                        <div class="titleItem" style="width: 100%;
+                        *ngIf="item.groupName!='单位概况'&&item.groupName!='交通水源'&&item.groupName!='重点图示'&&item.groupName!='预案附件'&&item.groupName!='特别警示'&&item.groupName!='处置要点'&&item.groupName!='封面'&&item.new==undefined">
+                        <div  class="titleItem" style="width: 100%;
                         background-color: #2196F3;
                         text-align: center;
                         color: white;">
                             <span>{{item.groupName}}</span>
                         </div>
+                        
                         <div class="boxBody" *ngFor="let element of item.attribute;let i=index" style="height: 100%;
                         width: 100%;
                         display: flex;
@@ -557,6 +561,95 @@
                             </div>
                         </div>
                     </div>
+                    <div class="centerBox" *ngIf="item.new!=undefined">
+                        <div  class="titleItem" >
+                            <input type="text" placeholder="请输入内容" [(ngModel)]="item.headName">
+                            <img src="../../../assets/images/add.png" (click)='addAttribute(item.groupName,key)' *ngIf="pattern == 'edit'">
+                        </div>
+                        <div class="attack" *ngFor="let element of item.attribute;let attributei=index">
+                              <div class="attackLeft" [style.width]="pattern == 'edit'?'70%':'100%'">
+                                <div class="attackleftHead">
+                                  <input type="text" placeholder="请输入内容" [(ngModel)]="element.headName">
+                                  <img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1&&pattern == 'edit'"
+                                    (click)='delTd(key,attributei)'>
+                                <img src="../../../assets/images/add.png" *ngIf="element.level==1&&pattern == 'edit'"
+                                    (click)='addTd(key,attributei)' style="margin-left: 6px;">
+                                </div>
+                                <div class="attackleftTable">
+                                  <!--表格类型-->
+                                  <table *ngIf="element.level==1">
+                                    <thead>
+                                      <th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn"><input type="text"
+                                          placeholder="请输入内容" [(ngModel)]="element.tableth[tablethi]"></th>
+                                    </thead>
+                                    <tbody *ngIf="pattern == 'edit'">
+                                        <tr *ngFor="let itemtr of element.tabletr">
+                                            <td
+                                                *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
+                                                <input type="text" placeholder="请输入"
+                                                    [(ngModel)]="itemtr.tabletd[tabletdi]">
+                                                    
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                  </table>
+                                  <!--文本区域-->
+                                  <textarea *ngIf="element.level==3" [(ngModel)]="element.tableth"></textarea>
+                                  <!--输入框-->
+                                  <div class="inputtext" *ngIf="element.level==2">
+                                    <div class="inputj" style="height: 100%;width: 100%;"
+                                      *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn">
+                                      <div style="height: 100%;width: 100%;"
+                                        *ngFor="let itemthj of element.tableth[tablethi];let tablethj=index;TrackBy:trackByFn">
+                                        <input type="text" placeholder="请输入内容" style="background-color: #E8E9E9;width: 40%;"
+                                          [(ngModel)]="itemthj.head">
+                                        <input type="text" placeholder="请输入内容" style="width: 60%;" [(ngModel)]="itemthj.body">
+                                      </div>
+                                    </div>
+                                  </div>
+                                  <!--图片-->
+                                  <div style="height: 100%;width: 100%;" *ngIf="element.level==4">
+                                    <div class="keyImg">
+                                   <div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem">
+                            <div class="keyImgTitle" style="height: 30px;
+                            position: relative;">
+                            </div>
+                            <div class="keyImgImg">
+                                <div style="margin-top: 10px;
+                                text-align: center;
+                                position: relative;" class="imgbox" *ngFor="let imgUrl of element.tableth.json;let imgkey = index">
+                                <mat-icon *ngIf="pattern == 'edit'" class="deleteImg"
+                                (click)="delImg(key,attributei,imgkey)">delete
+                            </mat-icon>
+                                    <img style="max-width: 100%;
+                                    width: auto;
+                                    height: auto;" [src]="imgUrl" alt="">
+                                </div>
+                                <div class="uploadBtn" *ngIf="pattern == 'edit'">
+                                    <button mat-stroked-button>
+                                        <mat-icon>add</mat-icon>上传图片
+                                    </button>
+                                    <input (change)="filechange($event,element)" type="file" name="" id="">
+                                </div>
+                            </div>
+                        </div>
+                        
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="attackRight" *ngIf="pattern == 'edit'">
+                                <div class="rightButton">
+                                  <button mat-raised-button color="primary" (click)='attackAdd(item.groupName,attributei,element.level)'
+                                    *ngIf="element.level==1"><img src="../../../assets/images/addbai.png"> 新增</button>
+                                  <button mat-raised-button color="#ECF6FF" style="margin-left: 10px;"
+                                    (click)='delDisaster(item.groupName,attributei)'><img src="../../../assets/images/deletehui.png">
+                                    删除</button>
+                                </div>
+                              </div>
+                        </div>
+                          
+                    </div>
                     <div class="keyImg"
                         *ngIf="item.groupName == '重点图示' || item.groupName == '交通水源' || item.groupName == '预案附件'">
                         <div class="titleItem" style="width: 100%;
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 0ddbca7..53bf70f 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
@@ -40,6 +40,10 @@
                 white-space: nowrap; /*不换行*/
                 text-overflow: ellipsis; /*超出部分文字以...显示*/
                 user-select: none;
+                img{
+                    position: relative;
+                    top: 3px;
+                }
             }
             .item:hover {
                 background: #e8f4fe;
@@ -1003,9 +1007,126 @@
                 width: 100%;
                 height: 36px;
                 line-height: 36px;
-                background-color: #2196F3;
+                background-color: #e1f1ff;
                 text-align: center;
                 color: white;
+                input {
+                    background-color: #e1f1ff;
+                    color: #2196F3;
+                    text-align: center;
+                    height: 100%;
+                    width: 90%;
+                    font-size: 16px;
+                    border: none;
+                    outline: none;
+                }
+                img{
+                    height: 60%;
+                    position: relative;
+                    top: 4px;
+                    cursor: pointer;
+                }
+            }
+            .attack {
+                width: 100%;
+                display: flex;
+                flex-direction: row;
+                .attackLeft {
+                    width: 70%;
+                    display: flex;
+                    flex-direction: column;
+                    .attackleftHead {
+                        width: 100%;
+                        height: 40px;
+                        background-color: #ffd91d;
+                        input {
+                            background-color: #ffd91d;
+                            color: #b99a00;
+                            text-align: center;
+                            height: 100%;
+                            width: 90%;
+                            font-size: 16px;
+                            border: none;
+                            outline: none;
+                        }
+                        img{
+                            height: 50%;
+                            position: relative;
+                            top: 3px;
+                            cursor: pointer;
+                        }
+                    }
+                    .attackleftTable {
+                        width: 100%;
+                        thead,
+                        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;
+                            }
+                        }
+                        textarea {
+                            width: 100%;
+                        }
+                        .inputtext {
+                            width: 100%;
+                            height: 100%;
+                            display: flex;
+                            flex-direction: column;
+                            input {
+                                //width: 100%;
+                                height: 40px;
+                                font-size: 16px;
+                                border: none;
+                                outline: none;
+                            }
+                            .inputj {
+                                width: 100%;
+                                height: 100%;
+                                display: flex;
+                            }
+                        }
+                    }
+                }
+                .attackRight {
+                    width: 30%;
+                    .rightButton{
+                        float: right;
+                        margin-top: 20px;
+                        margin-right: 8%;
+                        //margin-left: 40%;
+                    }
+                }
             }
         }
         .toolDiv{
@@ -1212,6 +1333,44 @@
         }
     }
 }
+.titlebox{
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    border-radius: 10px;
+    .top{
+        width: 100%;
+        height: 30px;
+        text-align: center;
+        span{
+            line-height: 30px;
+        }
+    }
+    .queryField{
+        width: 100%;
+        height: 50px;
+        input{
+            width: 260px;
+            height: 40px;
+            background: #F2F4F5;
+            border: 1px solid #E8E9E9;
+            border-radius: 6px;
+            margin-top: 10px;
+            outline: none;
+        }
+    }
+    .bottom{
+        width: 100%;
+        height: 100%;
+        button{
+            width: 100px;
+            height: 40px;
+            font-size: 16px;
+            margin-top: 20px;
+        }
+    }
+}
 
 .cdk-drag-preview {
     height: 36px;
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 baf8b98..0abb294 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-08-27 15:27:29
+ * @LastEditTime: 2021-09-06 17:02:53
  */
 import { HttpClient } from '@angular/common/http';
 import { Component, Inject, OnInit, Renderer2, ViewChild, Input } from '@angular/core';
@@ -66,6 +66,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
     }
     this.getUnitData()
     this.getOrganizations()
+    
   }
   zdysearch = ''
   organizationName: any //当前单位组织机构名称
@@ -243,6 +244,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   selectedItem: string = '封面'
   selectedContent:any
   async clickTitleItem(item) {
+    //this.planTemplateData[key].new=true
     this.selectedContent = item
     this.addNumber = -1
     this.yinruData = {
@@ -367,7 +369,46 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
       //this.getAllBuildings()
     } */ else if (this.selectedItem == '预案附件') {
       this.getTwoDPlanList()
+    }else if(this.selectedItem == '新建'){
+      const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去
+        width: '300px',
+        height:'190px',
+        disableClose:true,
+        data:{type:'新建',planTemplateData:this.planTemplateData}
+      });
+      dialogRef.afterClosed().subscribe(result => {
+        console.log(result)
+        if(result!=undefined){
+          //delete this.planTemplateData[this.planTemplateData.length-1]
+          this.planTemplateData[this.planTemplateData.length-1]={attribute:[],completed: true, groupName: result,new:false,headName:'自定义名称'}
+          this.planTemplateData.push({completed: true,groupName: '新建'})
+          //delete this.planTemplateData[this.planTemplateData.length-3]
+        }
+        //JSON.parse(JSON.stringify(this.planTemplateData))
+        console.log(this.planTemplateData)
+      });
+    }
+  }
+  //自定义模块改名
+  upName(index,name){
+    const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去
+      width: '300px',
+      height:'190px',
+      disableClose:true,
+      data:{type:'修改',planName:name,planTemplateData:this.planTemplateData}
+    });
+    dialogRef.afterClosed().subscribe(result => {
+      this.planTemplateData[index].groupName=result
+    });
+  }
+  //自定义模块删除
+  delName(index){
+    let isTrue = confirm('您确定要删除该项吗')
+    if(isTrue){
+      this.planTemplateData.splice(index,1)
+      console.log(this.planTemplateData)
     }
+    
   }
 
   drop(event: CdkDragDrop<string[]>) {
@@ -559,6 +600,11 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
           }
         }
       });
+      if(this.planLevel=='4'){
+        this.planTemplateData.push({completed: true,groupName: '新建'})
+      }
+      
+      console.log(this.planTemplateData)
     })
 
   }
@@ -1035,9 +1081,10 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
       imgArr.splice(imgkey, 1)
     }
   }
+
   //重点图示上传图片
   filechange(e, i) {
-    // console.log(i)
+    console.log(i)
     let file = e.target.files[0] || null //获取上传的文件
     let fileSize = file.size || null //上传文件的总大小
     let maxSize = 5 * 1024 * 1024 //5MB一个分片
@@ -1063,6 +1110,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
 
       })
     }
+    console.log(this.planTemplateData)
   }
   //单位相关数据
   unitId: any = this.route.snapshot.queryParams.companyId
@@ -1351,6 +1399,87 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   }
   //新增功能(社会联动等引用)
   searchType = '0'
+  //打开自定义新增具体内容
+  tuTrue=false
+  addAttribute(groupName,key){
+    const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去
+      width: '340px',
+      height:'450px',
+      disableClose:true,
+      data:this.planTemplateData
+    });
+    dialogRef.afterClosed().subscribe(result => {
+      console.log(result)
+      if(result!=undefined){
+        this.planTemplateData.forEach((value,index,array)=>{
+          if(array[index].groupName==groupName){
+            if(array[index].attribute==undefined){
+              array[index].attribute=[]
+              array[index].attribute.push(result)
+            }else{
+              array[index].attribute.push(result)
+            }
+            if(result.level==2){
+              for(var i=0;i<result.hNumber;i++){
+                array[index].attribute[array[index].attribute.length-1].tableth.push([{head:'',body:''}])
+                for(var j=0;j<result.lieNumber-1;j++){
+                  array[index].attribute[array[index].attribute.length-1].tableth[i].push({head:'',body:''})
+                }
+              }
+            }
+          }
+        })
+        if(result.level=='4'){
+          this.tuTrue=true
+          this.getAllBuildings()
+          this.getSitePlan()
+          this.getRealPicture()
+        }
+      }
+      console.log(this.planTemplateData)
+    });
+  }
+  //自定义内容删除一条数据
+  delDisaster(name,i){
+    let isTrue = confirm('您确定要删除该条信息吗')
+    if(isTrue){
+      this.planTemplateData.forEach((value,index,array)=>{
+        if (array[index].groupName==name) {
+          this.planTemplateData[index].attribute.splice(i,1)
+        }
+      })
+      
+    }
+    
+  }
+  //自定义添加表格数据
+  attackAdd(name,i,level){
+    //console.log(name,i)
+      this.planTemplateData.forEach((value,index,array)=>{
+        if (array[index].groupName==name) {
+          if(level==1){
+            this.planTemplateData[index].attribute[i].tableth.push('')
+          }else if(level==2){
+            this.planTemplateData[index].attribute[i].tableth.push({head:'',body:''})
+          }
+        }
+      })
+      
+      
+    
+    //console.log(this.newleftTabledata)
+  }
+  //自定义模块删除一张图片
+  delImg(key,attributei,imgkey){
+    let isDelete = window.confirm('确定要删除该分组吗?分组下内容将一同被删除!')
+    if (isDelete) {
+      this.planTemplateData[key].attribute[attributei].tableth.json.splice(imgkey,1)
+    }
+  }
+  //鼠标移入图片显示
+  showTu(key){
+    this.planTemplateData[key].new=true
+  }
 }
 
 
@@ -1444,4 +1573,91 @@ export class yinYong {
 
   }
 
+}
+
+//新建模板
+@Component({
+  selector: 'newTitle',
+  templateUrl: './newTitle.html',
+  styleUrls: ['./create-plan-online-five.component.scss']
+})
+export class newTitle{
+  constructor(private http: HttpClient,public dialogRef: MatDialogRef<newTitle>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
+  ngOnInit(){
+    console.log(this.data)
+    if(this.data.planName!=undefined){
+      this.planname=this.data.planName
+    }
+  }
+  planname//预案名称
+  //取消按钮
+  close(){
+    this.dialogRef.close();
+  }
+  //确定按钮
+  planName(){
+    const config = new MatSnackBarConfig();
+      config.verticalPosition = 'top';
+      config.duration = 3000
+    if(this.planname==''||this.planname==undefined){
+      this.snackBar.open('请输入名称', '确定', config);
+    }else{
+      this.data.planTemplateData.forEach(element => {
+        if(element.groupName==this.planname){
+          this.snackBar.open('您输入的名称重复', '确定', config);
+          this.planname=undefined
+          this.dialogRef.close();
+          return
+        }
+      });
+      this.dialogRef.close(this.planname);
+    }
+    
+  }
+}
+//新建模块新增具体内容
+@Component({
+  selector: 'disaster',
+  templateUrl: './Disaster.html',
+  styleUrls: ['./addKeyname.scss']
+})
+export class disaster{
+  constructor(private http: HttpClient,public dialogRef: MatDialogRef<disaster>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
+  ngOnInit(): void{
+   //console.log(this.data)
+  }
+  level//类型
+  headName//表头名称
+  lieNumber//列数
+  hNumber//行数
+  //取消按钮
+  close(){
+  this.dialogRef.close();
+  }
+  //确定按钮
+  newdisaster(){
+    const config = new MatSnackBarConfig();
+    config.verticalPosition = 'top';
+    config.duration = 3000
+    if(this.level==undefined||this.level==''){
+      this.snackBar.open('请选择类型!','确定',config);
+    }else if(this.headName==undefined||this.headName==''){
+      this.snackBar.open('请输入表头名称!','确定',config);
+    }else{
+      let tree={
+        json:[],
+        name: ''
+      }
+      let attrubute={
+        headName:this.headName,
+        level:this.level,
+        tableth:this.level==1||this.level==2?[]:this.level==3?'':tree,
+        lieNumber:this.lieNumber,
+        hNumber:this.hNumber,
+        imgArr: []
+      }
+      this.dialogRef.close(attrubute);
+    }
+    
+  }
 }
\ No newline at end of file
diff --git a/src/app/plan-management/create-plan-online-five/newTitle.html b/src/app/plan-management/create-plan-online-five/newTitle.html
new file mode 100644
index 0000000..cb78a75
--- /dev/null
+++ b/src/app/plan-management/create-plan-online-five/newTitle.html
@@ -0,0 +1,27 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: sueRimn
+ * @Date: 2021-09-03 15:03:40
+ * @LastEditors: sueRimn
+ * @LastEditTime: 2021-09-04 14:34:47
+-->
+<div class="titlebox">
+    <div class="top">
+        <span style="font-size: 20px;">{{data.type=='新建'?'新建':'更改'}}</span>
+    </div>
+    <!-- <div class="queryField">
+        <label style="margin-right: 10px;">预案名称:</label>
+        <mat-form-field class="example-full-width">
+          <input matInput placeholder="请输入预案名称" name="companyName"  autocomplete="off" [(ngModel)]="planname" required>
+        </mat-form-field>
+      </div> -->
+      
+    <div class="queryField">
+      <input type="text" placeholder="请输入名称" [(ngModel)]="planname">
+  </div>
+    <div class="bottom">
+        <button mat-raised-button color="primary" (click)='planName()'>确定</button>
+        <button mat-raised-button style="margin-left: 50px;" (click)="close()">取消</button>
+    </div>
+  </div>
\ No newline at end of file
diff --git a/src/app/plan-management/plan-management.module.ts b/src/app/plan-management/plan-management.module.ts
index b8bfe71..9266f39 100644
--- a/src/app/plan-management/plan-management.module.ts
+++ b/src/app/plan-management/plan-management.module.ts
@@ -70,11 +70,14 @@ import { UiModule } from '../ui/ui.module';
 import { TreeDiagramModule } from '../ui/ng-tree-diagram/src/ng-tree-diagram';
 import { KeyUnitModule } from '../key-unit/key-unit.module';
 import { yinYong } from './create-plan-online-five/create-plan-online-five.component'
+import { newTitle } from './create-plan-online-five/create-plan-online-five.component'
+import { disaster } from './create-plan-online-five/create-plan-online-five.component'
 
 @NgModule({
   declarations: [EntryPlanComponent, PassPlanComponent, OpenPlanComponent, EntryPlanLookComponent, AddPlanone, PlanType, AuditSatus, PlanLevel, DownloadFile, AuditResult, ChangeName,
     WebLookComponent, OnetwoEntryPlanComponent, newunitComponent, MeetPlanComponent, newunitMeet, TypePlanComponent, newunitType, PsViewer, onetwoAuditResult, meetAuditResult,
-    typeAuditResult, MaintainUpComponent, GkPsViewer, GkhtmlPsViewer, UnitInfo, ReinforcePlanComponent, state, ImgDetails, CreatePlanOnlineFiveComponent, CreatePlanOnlineThreeComponent, OpenPlanToolDialog,yinYong],
+    typeAuditResult, MaintainUpComponent, GkPsViewer, GkhtmlPsViewer, UnitInfo, ReinforcePlanComponent, state, ImgDetails, CreatePlanOnlineFiveComponent, CreatePlanOnlineThreeComponent,
+     OpenPlanToolDialog,yinYong,newTitle,disaster],
   imports: [
     CommonModule,
     PlanManagementRoutingModule,
diff --git a/src/app/ui/plan-template/plan-template.component.html b/src/app/ui/plan-template/plan-template.component.html
index 8de5f3a..4d2bb30 100644
--- a/src/app/ui/plan-template/plan-template.component.html
+++ b/src/app/ui/plan-template/plan-template.component.html
@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2021-05-19 15:50:20
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-07-02 14:46:11
+ * @LastEditTime: 2021-09-04 11:13:31
 -->
 <div class="box">
   <div class="boxleft">