You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
358 lines
22 KiB
358 lines
22 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2021-05-19 15:50:20 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-09-10 10:33:07 |
|
--> |
|
<div class="box"> |
|
<div class="boxleft"> |
|
<div class="lefthead"> |
|
<div class="leftheadone"> |
|
<span>预案列表</span> |
|
</div> |
|
<div class="leftheadtwo" (click)='addKeyunit()'> |
|
<img src="../../../assets/images/add.png"> |
|
<span>新增</span> |
|
</div> |
|
</div> |
|
<div class="leftbox"> |
|
<div class="leftbox"> |
|
<div class="leftbody" [ngClass]="{'selectedTr':item.buildingTypeId == buildingTypeId&&item.planCategory==planCategory}" *ngFor="let item of newleftTabledata;let i=index" (click)='planClick(item)'> |
|
<div class="bodyname"> |
|
<span>{{item.unitname}}</span> |
|
</div> |
|
<div class="bodycz"> |
|
<img style="margin-right: 5px;" [src]="item.buildingTypeId == buildingTypeId&&item.planCategory==planCategory? '../../../assets/images/deleteblue.png':'../../../assets/images/deletehui.png'" (click)='deletePlan(item.id,i)'> |
|
<img [src]="item.buildingTypeId == buildingTypeId&&item.planCategory==planCategory? '../../../assets/images/update.png':'../../../assets/images/updatehui.png'" (click)='upPlan(item,i,"edit")'> |
|
<span style="margin-left: 5px;" (click)='upPlan(item,i,"copy")'>复制</span> |
|
<span>{{item.planCategory==3?'Ⅲ级':item.planCategory==4?'Ⅳ级':'Ⅴ级'}}</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="boxright"> |
|
<div class="righthead"> |
|
<div class="rightheadone"> |
|
<span>{{unitName}}</span> |
|
</div> |
|
<div class="rightheadtwo"> |
|
<button mat-raised-button color="primary" style="margin-right: 20px;" (click)='save()'>保存</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" (click)='addGroupClick()' >新增分组</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" (click)='zdyaddGroup()' >自定义分组</button> |
|
</div> |
|
</div> |
|
<div class="rightbody"> |
|
<mat-accordion *ngFor="let item of group;let zi=index;TrackBy:trackByFn" multi > |
|
<!-- 基本信息 --> |
|
<mat-expansion-panel (opened)="openpan(zi)" (closed)='closepan()' *ngIf="item.completed" style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;" expanded hideToggle disabled><!-- expanded hideToggle disabled --> |
|
<mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"> |
|
<mat-panel-title class="paneltitle"> |
|
<div style="width: 100%;height: 100%;display: flex;"> |
|
<div class="groupName"> |
|
<!-- <img src="../../../assets/images/routleft.png" *ngIf="openKey!=zi"> |
|
<img src="../../../assets/images/routdown.png" *ngIf="openKey==zi" style="position: relative;bottom: 2px;"> --> |
|
<span>{{item.groupName}}</span> |
|
</div> |
|
<div class="caozuotwo"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 3px;" (click)='topPai(zi)' *ngIf="zi!=0"> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 3px;left: 1px;" (click)='downPai(zi)'*ngIf="zi!=group.length-1"> |
|
<div *ngIf="item.groupName=='单位概况'" class="addinfo" (click)='zdyaddAttribute()'> |
|
<img src="../../../assets/images/update.png" style="height: 15px;margin-top: 4px;margin-left: 5px;"> |
|
<span style="margin-left: 2px;">自定义</span> |
|
</div> |
|
<div *ngIf="item.groupName!='预案附件'&&item.groupName!='交通水源'&&item.groupName!='重点图示'" class="addinfo" (click)='addAttribute(zi,item.groupName)'> |
|
<img [src]="item.groupName=='单位概况'?'../../../assets/images/update.png':'../../../assets/images/add.png'" style="height: 15px;margin-top: 4px;margin-left: 5px;"> |
|
<span style="margin-left: 2px;">{{item.groupName=='单位概况'?'编辑':'新增'}}</span> |
|
</div> |
|
<div class="delinfo" (click)='deleteGroup(item.groupName)'> |
|
<img src="../../../assets/images/deleteblue.png" style="margin-left: 10px;height: 15px;margin-top: 4px;"> |
|
<span style="margin-left: 2px;">删除</span> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<!--单位概况--> |
|
<div class="accordingin" *ngIf="item.groupName=='单位概况'"> |
|
<mat-accordion *ngFor="let element of item.attribute;let suri=index"> |
|
<mat-expansion-panel expanded *ngIf="element.completed" expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;height: 100%;" [disabled]='groupPanle==true'> |
|
<mat-expansion-panel-header collapsedHeight='50px' expandedHeight='50px' class="panelhead" style="background-color: #FFFFFF;"> |
|
<mat-panel-title style="font-size: 16px;color:#000000;" class="paneltitle"> |
|
<div class="dwgk" *ngIf="item.groupName=='单位概况'"> |
|
<div class="attname" *ngIf="item.groupName=='单位概况'"> |
|
<span>{{element.surveyName}}</span> |
|
</div> |
|
<div class="caozuo"> |
|
<button mat-raised-button color="#ECF6FF" (click)='delAttribute(item.groupName,element.surveyName)'><img src="../../../assets/images/deletehui.png"> 删除</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" (click)='addAttInfo(element.surveyName,suri)' |
|
*ngIf="item.groupName=='单位概况'&&(element.surveyName!='四周毗邻'&&element.surveyName!='重点部位'&&element.surveyName!='功能分区')"><img src="../../../assets/images/updatabai.png"> 编辑</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" (click)='addAttInfo(element.surveyName,suri)' |
|
*ngIf="element.zdy!=undefined"><img src="../../../assets/images/addbai.png"> 新建</button> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 15px;left: 1px;margin-right: 5px;float: right;" (click)='zaiDown(zi,suri)'> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 15px;float: right;" (click)='zaiTop(zi,suri)'> |
|
</div> |
|
</div> |
|
|
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<!--单位概况:单位基本信息,建筑信息 --> |
|
<div class="table" *ngIf="item.groupName=='单位概况'&&(element.surveyName=='单位基本信息'||element.surveyName=='建筑信息')"> |
|
<!-- <table mat-table [dataSource]='element.attinf' class="mat-elevation-z8"> |
|
<ng-container matColumnDef="name"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 20%;">名称</th> |
|
<td mat-cell *matCellDef="let attinf">{{attinf.addAttinfName}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="level"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 20%;">类型</th> |
|
<td mat-cell *matCellDef="let attinf">{{attinf.level}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="default"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">默认值</th> |
|
<td mat-cell *matCellDef="let attinf">{{attinf.default}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="must"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">必填</th> |
|
<td mat-cell *matCellDef="let attinf">{{attinf.must}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="danwei"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">单位</th> |
|
<td mat-cell *matCellDef="let attinf" >{{attinf.danwei}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="operation"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 20%;">操作</th> |
|
<td mat-cell *matCellDef="let attinf" style="white-space: nowrap;cursor: pointer;"> |
|
<span style="color: red;margin-left: 4px"> 删除</span> |
|
</td> |
|
</ng-container> |
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> --> |
|
<table cellspacing="0" cellpadding="0"> |
|
<thead> |
|
<th style="width: 30%;">名称</th> |
|
<th style="width: 30%;">类型</th> |
|
<th style="width: 30%;">操作</th> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let attinf of element.attinf;let attfi=index"> |
|
<td *ngIf="attinf.completed" style="width: 30%;">{{attinf.propertyName}}</td> |
|
<td *ngIf="attinf.completed" style="width: 30%;"> |
|
{{attinf.propertyType==0?'单行文本':attinf.propertyType==1?'多行文本':'数值'}}</td> |
|
<td *ngIf="attinf.completed" style="width: 30%;cursor: pointer;"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 3px;" (click)='threeTop(zi,suri,attfi)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 3px;left: 1px;margin-right: 1px;" (click)='threeDown(zi,suri,attfi)'> |
|
<span |
|
style="color: #FF5D4A;margin-left: 4px;cursor: pointer;" |
|
(click)='delAttInfo(item.groupName,element.surveyName,attinf.propertyName)'> 删除</span></td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
<!-- 单位概况消防设施--> |
|
<div class="accordingin" *ngIf="item.groupName=='单位概况'&&(element.surveyName=='消防设施')"> |
|
<mat-accordion *ngFor="let attinf of element.attinf;let i = index"> |
|
<mat-expansion-panel *ngIf="attinf.completed" expanded |
|
style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;height: 100%;" |
|
[disabled]='groupPanle==true'> |
|
<mat-expansion-panel-header collapsedHeight='50px' expandedHeight='50px' class="panelhead" |
|
style="background-color: #FFFBE8;"> |
|
<mat-panel-title class="paneltitle"> |
|
<div class="dwgk"> |
|
<div class="attname"> |
|
<span style="float: right;color: #B99A00;">{{attinf.name}}</span> |
|
</div> |
|
<div class="caozuo"> |
|
<button mat-raised-button color="#ECF6FF" |
|
(click)='delattAndfileOne(item.groupName,element.surveyName,i)'><img |
|
src="../../../assets/images/deletehui.png"> 删除</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" |
|
(click)='fileAdd(attinf.facilityItems,i)'><img src="../../../assets/images/updatabai.png"> |
|
编辑</button> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;margin-right: 8px;float: right;position: relative;top: 17px;" (click)='threeDown(zi,suri,i)'> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;float: right;position: relative;top: 17px;" (click)='threeTop(zi,suri,i)'> |
|
|
|
</div> |
|
</div> |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<div class="table" *ngIf="item.groupName=='单位概况'&&(element.surveyName=='消防设施')"> |
|
<table cellspacing="0" cellpadding="0"> |
|
<thead> |
|
<th style="width: 30%;">名称</th> |
|
<th style="width: 30%;">类型</th> |
|
<th style="width: 30%;">操作</th> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let facilityItems of attinf.facilityItems;let f=index"> |
|
<td *ngIf="facilityItems.completed!=null&&facilityItems.completed" style="width: 30%;"> |
|
{{facilityItems.name}}</td> |
|
<td *ngIf="facilityItems.completed!=null&&facilityItems.completed" style="width: 30%;"> |
|
文本类型</td> |
|
<td *ngIf="facilityItems.completed!=null&&facilityItems.completed" style="width: 30%;"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;margin-right: 2px;position: relative;top: 2px;" (click)='fileTop(zi,suri,i,f)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;margin-right: 5px;position: relative;top: 2px;" (click)='fileDown(zi,suri,i,f)'> |
|
<span style="color: #FF5D4A;margin-left: 4px;cursor: pointer;" (click)='fileDel(i,f)'>删除</span> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
<!--进攻通道--> |
|
<div *ngIf="item.groupName=='单位概况'&&(element.surveyName=='进攻通道')"> |
|
<div class="attack" *ngFor="let attackitem of element.attinf;let i=index"> |
|
<div class="attackLeft"> |
|
<div class="attackleftHead"> |
|
<div class="headName"> |
|
<input type="text" [(ngModel)]='attackitem.head' placeholder="请输入内容"> |
|
</div> |
|
<div class="rightButton"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" (click)='threeTop(zi,suri,i)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" (click)='threeDown(zi,suri,i)'> |
|
<button mat-raised-button color="primary" style="margin-left: 10px;" (click)='updataHl(zi,suri,i)'><img |
|
src="../../../assets/images/updatabai.png"> 编辑</button> |
|
<button mat-raised-button color="#ECF6FF" style="margin-left: 10px;" |
|
(click)='delattAndfileOne(item.groupName,element.surveyName,i)'><img |
|
src="../../../assets/images/deletehui.png"> 删除</button> |
|
</div> |
|
|
|
</div> |
|
<div class="attackleftTable"> |
|
<table> |
|
<thead> |
|
<th *ngFor="let item of attackitem.tableth;let tablethi=index;TrackBy:trackByFn"><input |
|
type="text" [(ngModel)]='attackitem.tableth[tablethi]' placeholder="请输入内容"></th> |
|
</thead> |
|
</table> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
<!--自定义属性--> |
|
<div class="disaster" *ngIf="element.zdy!=undefined "> |
|
<div class="attack" *ngFor="let zdy of element.attinf;let attributei=index"> |
|
<div class="attackLeft"> |
|
<div class="attackleftHead"> |
|
<div class="headName"> |
|
<input type="text" placeholder="请输入内容" [(ngModel)]="zdy.headName"> |
|
</div> |
|
<div class="rightButton"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 3px;" (click)='adyTop(suri,attributei)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 3px;left: 1px;margin-right: 5px;" (click)='adyDown(suri,attributei)'> |
|
<button mat-raised-button color="primary" (click)='updataHl(zi,suri,attributei)' |
|
*ngIf="zdy.level==1||zdy.level==2"><img src="../../../assets/images/updatabai.png"> 编辑</button> |
|
<button mat-raised-button color="#ECF6FF" style="margin-left: 10px;" |
|
(click)='zdyDelDisaster(suri,attributei)'><img src="../../../assets/images/deletehui.png"> |
|
删除</button> |
|
</div> |
|
</div> |
|
<div class="attackleftTable"> |
|
<!--表格类型--> |
|
<table *ngIf="zdy.level==1"> |
|
<thead> |
|
<th *ngFor="let itemth of zdy.tableth;let tablethi=index;TrackBy:trackByFn"><input type="text" |
|
placeholder="请输入内容" [(ngModel)]="zdy.tableth[tablethi]"></th> |
|
</thead> |
|
</table> |
|
<!--文本区域--> |
|
<textarea *ngIf="zdy.level==3" [(ngModel)]="zdy.tableth"></textarea> |
|
<!--输入框--> |
|
<div class="inputtext" *ngIf="zdy.level==2"> |
|
<div class="inputj" style="height: 100%;width: 100%;" |
|
*ngFor="let itemth of zdy.tableth;let tablethi=index;TrackBy:trackByFn"> |
|
<div style="height: 100%;width: 100%;" |
|
*ngFor="let itemthj of zdy.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: 500px;width: 100%;" *ngIf="element.level==4"> |
|
<tree-diagram [data]="element.tableth" ></tree-diagram> |
|
</div> --> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
<!--灾情设定及其他--> |
|
<div class="disaster" *ngIf="item.groupName!='单位概况'"> |
|
<div class="attack" *ngFor="let element of item.attribute;let attributei=index"> |
|
<div class="attackLeft"> |
|
<div class="attackleftHead"> |
|
<div class="headName"> |
|
<input type="text" placeholder="请输入内容" [(ngModel)]="element.headName"> |
|
</div> |
|
<div class="rightButton"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 3px;left: 1px;" (click)='zaiTop(zi,attributei)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 3px;margin-left: 5px;" (click)='zaiDown(zi,attributei)'> |
|
<button mat-raised-button color="primary" style="margin-left: 15px;" (click)='updataHl(zi,attributei)' |
|
*ngIf="element.level==1||element.level==2"><img src="../../../assets/images/updatabai.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 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> |
|
</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: 500px;width: 100%;" *ngIf="element.level==4"> |
|
<tree-diagram [data]="element.tableth" ></tree-diagram> |
|
</div> --> |
|
</div> |
|
</div> |
|
<!-- <div class="rightButton"> |
|
<img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 3px;" (click)='zaiTop(zi,attributei)'> |
|
<img src="../../../assets/images/downpaixu.png" alt="" style="height: 15px;position: relative;top: 3px;left: 1px;margin-right: 5px;" (click)='zaiDown(zi,attributei)'> |
|
<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> |
|
</mat-expansion-panel> |
|
|
|
</mat-accordion> |
|
</div> |
|
</div> |
|
</div> |