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 7ea512f..28a6962 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
@@ -10,7 +10,7 @@
             <button mat-stroked-button (click)="preview()">
                 <mat-icon>visibility</mat-icon> 预览
             </button>
-            <button mat-flat-button color="primary">
+            <button mat-flat-button color="primary" (click)="submit()">
                 <mat-icon>save</mat-icon> 提交
             </button>
         </div>
@@ -173,8 +173,9 @@
                     <span>建筑列表</span>
                 </div>
                 <div class="buildingBody">
-                    <div class="buildName" *ngFor="let item of planTemplateData[1].building;let i=index" >
-                        <mat-checkbox class="example-margin" color='primary' [(ngModel)]="item.completed" (change)='clickBuilding(item,i)'></mat-checkbox>
+                    <div class="buildName" *ngFor="let item of planTemplateData[1].building;let i=index">
+                        <mat-checkbox class="example-margin" color='primary' [(ngModel)]="item.completed"
+                            (change)='clickBuilding(item,i)'></mat-checkbox>
                         <span>{{item.name}}</span>
                     </div>
                 </div>
@@ -187,13 +188,13 @@
             <div *ngFor="let item of planTemplateData;let key = index">
                 <div *ngIf="selectedItem == item.groupName || pattern == 'look'">
                     <!-- 封面 -->
-                    <div class="cover" *ngIf="item.groupName == '封面'" id="cover">
+                    <div class="cover" *ngIf="item.groupName == '封面' && pattern == 'edit'" id="cover">
                         <p class="planNum">
                             预案编号: <input [(ngModel)]="item.attribute.planNumber" type="text" name="" id="">
                         </p>
                         <h1>{{item.attribute.planName}}</h1>
                         <ul>
-                            <li style="display: flex;">
+                            <li>
                                 <div>
                                     对象名称：
                                 </div>
@@ -228,9 +229,9 @@
                                 </div>
                                 <div>
                                     <select [(ngModel)]="item.attribute.disasterType">
-                                        <option value="0">火灾</option>
-                                        <option value="1">抢险救援</option>
-                                        <option value="2">其他</option>
+                                        <option value="火灾">火灾</option>
+                                        <option value="抢险救援">抢险救援</option>
+                                        <option value="其他">其他</option>
                                     </select>
                                 </div>
                             </li>
@@ -283,16 +284,74 @@
                                     审核时间：
                                 </div>
                                 <div>
-                                    <input style="border:none" type="text" [(ngModel)]="item.attribute.auditTime">
+                                    <input type="text" [(ngModel)]="item.attribute.auditTime">
                                 </div>
                             </li>
                         </ul>
                     </div>
-                    <div class="centerBox" style="width: 100%;
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-                    overflow-y: auto;"
+                    <div *ngIf="item.groupName == '封面' && pattern == 'look'" id="cover" style="margin-bottom: 100px;">
+                        <p>
+                            预案编号: {{item.attribute.planNumber}}
+                        </p>
+                        <h1 style="font-size: 46px;color: #2196f3;text-align: center;font-weight: 600;margin: 80px 0;">
+                            {{item.attribute.planName}}</h1>
+                        <div class="coverItem">
+                            <div style="text-align: center;margin-bottom:12px;">
+                                <span>对象名称：</span>
+                                <span> {{item.attribute.objName}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:12px;">
+                                <span>单位性质：</span>
+                                <span> {{item.attribute.unitNature}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:12px;">
+                                <span><span style="color: #ff0000;">*</span>预案级别：</span>
+                                <span>
+                                    <ng-container *ngIf="planLevel == '5'; else elseTemplate">
+                                        Ⅴ级
+                                    </ng-container>
+                                    <ng-template #elseTemplate>
+                                        Ⅲ级
+                                    </ng-template>
+                                </span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span><span style="color: #ff0000;">*</span>灾害类型：</span>
+                                <span> {{item.attribute.disasterType}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>防火级别：</span>
+                                <span> {{item.attribute.fireproofingLevel}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>防火管辖：</span>
+                                <span> {{item.attribute.fireproofingAdminister}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>灭火责任队站：</span>
+                                <span> {{item.attribute.putOutFireAdminister}}</span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>制作人职务/姓名：</span>
+                                <span> 
+                                    <span style="margin-right:12px;">{{item.attribute.producer.duty}}</span>
+                                    <span>{{item.attribute.producer.name}}</span>
+                                </span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>审核人职务/姓名：</span>
+                                <span> 
+                                    <span style="margin-right:12px;">{{item.attribute.verifier.duty}}</span>
+                                    <span>{{item.attribute.verifier.name}}</span>
+                                </span>
+                            </div>
+                            <div style="text-align: center;margin-bottom:20px;">
+                                <span>审核时间：</span>
+                                <span> {{item.attribute.auditTime}}</span>
+                            </div>
+                        </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%;
                         height: 36px;
@@ -409,7 +468,8 @@
                         color: white;">
                             <span>{{item.groupName}}</span>
                         </div>
-                        <div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem" *ngFor="let i of item.attribute;let key = index">
+                        <div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem"
+                            *ngFor="let i of item.attribute;let key = index">
                             <div class="keyImgTitle" style="height: 30px;
                             position: relative;">
                                 <input *ngIf="pattern == 'edit'" type="text" placeholder="请输入分组名称" [(ngModel)]="i.name">
@@ -421,14 +481,16 @@
                                 border: 0;
                                 box-sizing: border-box;
                                 padding: 0 5px;"> {{ i.name }} </div>
-                                <mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'" (click)="deleteItem(item,key)">delete
+                                <mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'"
+                                    (click)="deleteItem(item,key)">delete
                                 </mat-icon>
                             </div>
                             <div class="keyImgImg">
                                 <div style="margin-top: 10px;
                                 text-align: center;
                                 position: relative;" class="imgbox" *ngFor="let imgUrl of i.imgArr;let imgkey = index">
-                                    <mat-icon *ngIf="pattern == 'edit'" class="deleteImg" (click)="deleteImgItem(i.imgArr,imgkey)">delete
+                                    <mat-icon *ngIf="pattern == 'edit'" class="deleteImg"
+                                        (click)="deleteImgItem(i.imgArr,imgkey)">delete
                                     </mat-icon>
                                     <img style="max-width: 100%;
                                     width: auto;
@@ -473,8 +535,8 @@
                                 </mat-icon>
                             </div>
                             <div class="disposalPointTextarea">
-                                <textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
-                                    id="" cols="30" rows="10"></textarea>
+                                <textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;"
+                                    placeholder="请填写自定义内容" name="" id="" cols="30" rows="10"></textarea>
                                 <div style="width: 100%;height: auto;vertical-align: top;
                                 box-sizing: border-box;
                                 padding: 5px;" *ngIf="pattern == 'look'">
@@ -512,8 +574,8 @@
                                 padding: 0 5px;"> {{ i.name }} </div>
                             </div>
                             <div class="disposalPointTextarea">
-                                <textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
-                                    id="" cols="30" rows="10"></textarea>
+                                <textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;"
+                                    placeholder="请填写自定义内容" name="" id="" cols="30" rows="10"></textarea>
                                 <div style="width: 100%;height: auto;vertical-align: top;
                                 box-sizing: border-box;
                                 padding: 5px;" *ngIf="pattern == 'look'">
@@ -554,9 +616,11 @@
                                             line-height: 40px;
                                             color: #ffffff;">{{element.surveyName}}</span>
                                             <!-- <img src="../../../assets/images/deletered.png" > -->
-                                            <img src="../../../assets/images/addbai.png" (click)='unitadd(element.surveyName,uniti,1)' *ngIf="pattern == 'edit'&&(element.surveyName=='功能分区'||element.surveyName=='重点部位')">
+                                            <img src="../../../assets/images/addbai.png"
+                                                (click)='unitadd(element.surveyName,uniti,1)'
+                                                *ngIf="pattern == 'edit'&&(element.surveyName=='功能分区'||element.surveyName=='重点部位')">
                                         </div>
-                                        <div class="body" >
+                                        <div class="body">
                                             <!-- 进攻通道 -->
                                             <div class="attack" *ngIf="element.surveyName=='进攻通道'">
                                                 <div *ngFor="let attack of element.attinf;let attacki=index">
@@ -571,7 +635,8 @@
                                                         color: #b99a00;">{{attack.head}}</span>
                                                         <img src="../../../assets/images/deleteblue.png" *ngIf="pattern == 'edit'"
                                                             (click)='unitDel(element.surveyName,uniti,attacki)'>
-                                                        <img src="../../../assets/images/add.png" *ngIf="pattern == 'edit'"
+                                                        <img src="../../../assets/images/add.png"
+                                                            *ngIf="pattern == 'edit'"
                                                             (click)='unitadd(element.surveyName,uniti,attacki)'>
                                                     </div>
                                                     <div class="attackbody">
@@ -614,12 +679,12 @@
                                                         </table>
                                                     </div>
                                                 </div>
-        
-        
+
+
                                             </div>
                                             <!-- 单位和建筑信息 -->
                                             <div class="building" *ngIf="element.surveyName=='单位基本信息'">
-                                                <div  *ngFor="let info of element.attinf">
+                                                <div *ngFor="let info of element.attinf">
                                                     <div *ngIf="info.completed" class="onetext">
                                                         <input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'">
                                                         <input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'">
@@ -641,7 +706,7 @@
                                                 </div>
                                             </div>
                                             <div class="building" *ngIf="element.surveyName=='建筑信息'">
-                                                <div  *ngFor="let info of element.attinf">
+                                                <div *ngFor="let info of element.attinf">
                                                     <div *ngIf="info.completed" class="onetext">
                                                         <input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'">
                                                         <input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.propertyValue" *ngIf="pattern == 'edit'">
@@ -677,7 +742,7 @@
                                                             color: #b99a00;">{{attack.name}}</span>
                                                         </div>
                                                         <div class="fileBody">
-                                                            <div  *ngFor="let info of attack.facilityItems">
+                                                            <div *ngFor="let info of attack.facilityItems">
                                                                 <div *ngIf="info.completed" class="onetext">
                                                                     <input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.name" readonly *ngIf="pattern == 'edit'">
                                                                     <input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'">
@@ -699,9 +764,9 @@
                                                             </div>
                                                         </div>
                                                     </div>
-                                                    
+
                                                 </div>
-                                                
+
                                             </div>
                                             <!-- 四周毗邻 -->
                                             <div class="fouradj" *ngIf="element.surveyName=='四周毗邻'">
@@ -858,17 +923,17 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                
+
                                             </div>
                                         </div>
                                     </div>
-                                        
-                                    
-        
+
+
+
                                 </div>
                             </div>
                         </div>
-                        
+
                     </div>
                 </div>
             </div>
@@ -888,7 +953,6 @@
         </div>
     </div>
 </div>
-<a id="msg_end" name="1" href="#cover"> </a>
 
 <div id="viewerjs" style="display: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 bd5273b..db23456 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
@@ -12,7 +12,7 @@ import { ActivatedRoute } from '@angular/router';
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
 import Viewer from 'viewerjs';
-declare var $:any
+declare var $: any
 @Component({
   selector: 'app-create-plan-online-five',
   templateUrl: './create-plan-online-five.component.html',
@@ -79,12 +79,12 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
     } else if (this.selectedItem == '单位概况') {
       this.getAllBuildings()
       console.log(this.planTemplateData)
-      this.planTemplateData[1].attribute[0].attinf[0].value=this.unitData.usci
-      this.planTemplateData[1].attribute[0].attinf[1].value=this.unitData.buildingTypes[0].name
-      this.planTemplateData[1].attribute[0].attinf[2].value=this.unitData.contacts
-      this.planTemplateData[1].attribute[0].attinf[3].value=this.unitData.phone
-      this.planTemplateData[1].attribute[0].attinf[4].value=this.unitData.organizationName
-      this.planTemplateData[1].attribute[0].attinf[5].value=this.unitData.address
+      this.planTemplateData[1].attribute[0].attinf[0].value = this.unitData.usci
+      this.planTemplateData[1].attribute[0].attinf[1].value = this.unitData.buildingTypes[0].name
+      this.planTemplateData[1].attribute[0].attinf[2].value = this.unitData.contacts
+      this.planTemplateData[1].attribute[0].attinf[3].value = this.unitData.phone
+      this.planTemplateData[1].attribute[0].attinf[4].value = this.unitData.organizationName
+      this.planTemplateData[1].attribute[0].attinf[5].value = this.unitData.address
     } /* else if (this.selectedItem == '单位概况') {
       //this.getAllBuildings()
     } */ else if (this.selectedItem == '预案附件') {
@@ -168,7 +168,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
             objName: this.unitData.name,
             unitNature: this.unitData.buildingTypes[0].name,
             planLevel: '',
-            disasterType: '0',
+            disasterType: '火灾',
             fireproofingLevel: '',
             fireproofingAdminister: this.unitData.organizationName,
             putOutFireAdminister: '',
@@ -304,23 +304,23 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
         })
       })
       this.allBuildings = data
-      if(this.planTemplateData[1].building==undefined){
-        this.planTemplateData[1].building=[]
-        for(var i=0;i<this.allBuildings.length;i++){
-          if(i==0){
-            this.planTemplateData[1].building.push({name:this.allBuildings[i].name,body:this.planTemplateData[1].attribute,completed:true})
-          }else{
-            this.planTemplateData[1].building.push({name:this.allBuildings[i].name,body:this.planTemplateData[1].attribute,completed:false})
+      if (this.planTemplateData[1].building == undefined) {
+        this.planTemplateData[1].building = []
+        for (var i = 0; i < this.allBuildings.length; i++) {
+          if (i == 0) {
+            this.planTemplateData[1].building.push({ name: this.allBuildings[i].name, body: this.planTemplateData[1].attribute, completed: true })
+          } else {
+            this.planTemplateData[1].building.push({ name: this.allBuildings[i].name, body: this.planTemplateData[1].attribute, completed: false })
           }
-          
+
         }
       }
-      
+
       console.log(this.planTemplateData)
       //this.buildingName=this.planTemplateData[1].building[0].name
-      this.group=this.planTemplateData[1].building
+      this.group = this.planTemplateData[1].building
       //delete this.planTemplateData[0].attribute
-      
+
     })
   }
   //获取总平面图
@@ -411,15 +411,15 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   buildingName
   clicki = 0
   group
-  clickBuilding(item,i){
-    this.buildingName=item.name
-    this.clicki=i
-    console.log(item,this.clicki)
+  clickBuilding(item, i) {
+    this.buildingName = item.name
+    this.clicki = i
+    console.log(item, this.clicki)
     //this.group=this.planTemplateData[1].building[this.clicki].body
-    
+
   }
   //单位概况增加一行
-  unitadd(surveyName, attacki,i) {
+  unitadd(surveyName, attacki, i) {
     this.addNumber++
     if (surveyName == '进攻通道') {
       if (this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr == undefined) {
@@ -437,21 +437,21 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
 
       // console.log(this.planTemplateData)
     }
-    else if(surveyName=='功能分区'){
+    else if (surveyName == '功能分区') {
       console.log(attacki)
-      this.planTemplateData[1].building[attacki].body[6].attinf.push({name:'',value:''})
-    }else if(surveyName=='重点部位'){
-      this.planTemplateData[1].building[attacki].body[5].attinf.push({heafName:'',body:[{name:'重点部位名称',value:''},{name:'重点部位所在位置',value:''},{name:'建筑结构',value:''},{name:'使用性质',value:''},{name:'主要危险性',value:''}]})
+      this.planTemplateData[1].building[attacki].body[6].attinf.push({ name: '', value: '' })
+    } else if (surveyName == '重点部位') {
+      this.planTemplateData[1].building[attacki].body[5].attinf.push({ heafName: '', body: [{ name: '重点部位名称', value: '' }, { name: '重点部位所在位置', value: '' }, { name: '建筑结构', value: '' }, { name: '使用性质', value: '' }, { name: '主要危险性', value: '' }] })
     }
   }
   //单位概况删除一行
-  unitDel(surveyName, attacki,i) {
+  unitDel(surveyName, attacki, i) {
     const config = new MatSnackBarConfig();
     config.verticalPosition = 'top';
     config.duration = 3000
     let isTrue = confirm('您确定要删除该条信息吗')
-    if(surveyName=='进攻通道'){
-      if(isTrue){
+    if (surveyName == '进攻通道') {
+      if (isTrue) {
         if (this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr != undefined) {
           this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr.splice(this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr.length - 1, 1)
           this.addNumber--
@@ -462,13 +462,13 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
           this.snackBar.open('请先增加一行!', '确定', config);
         }
       }
-    }else if(surveyName=='功能分区'){
-      if(isTrue){
-        this.planTemplateData[1].building[attacki].body[6].attinf.splice(i,1)
+    } else if (surveyName == '功能分区') {
+      if (isTrue) {
+        this.planTemplateData[1].building[attacki].body[6].attinf.splice(i, 1)
       }
-    }else if(surveyName=='重点部位'){
-      if(isTrue){
-        this.planTemplateData[1].building[attacki].body[5].attinf.splice(i,1)
+    } else if (surveyName == '重点部位') {
+      if (isTrue) {
+        this.planTemplateData[1].building[attacki].body[5].attinf.splice(i, 1)
       }
     }
   }
@@ -524,13 +524,27 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   quitPreview() {
     this.pattern = 'edit'
   }
+  //提交
+  submit() {
+    console.log('提交信息', this.planTemplateData)
+    let body = {
+      webTextData: JSON.stringify(this.planTemplateData)
+    }
+    this.http.put(`/api/PlanComponents/${this.route.snapshot.queryParams.planId}`, body).subscribe(data => {
+      // console.log('提交成功',data)
+      const config = new MatSnackBarConfig();
+      config.verticalPosition = 'top';
+      config.duration = 3000
+      this.snackBar.open('提交成功', '确定', config);
+    })
+  }
   //返回顶部
   goBack() {
     document.querySelector('#mainbox').scrollIntoView(true)
   }
   //生成word
   generatingDoc() {
-    console.log(666,$(".mainbox"))
+    console.log(666, $(".mainbox"))
     $(".mainbox").wordExport('word文档');
   }
 }