@ -4,7 +4,7 @@
* @Author: sueRimn
* @Date: 2021-05-19 15:50:20
* @LastEditors: sueRimn
* @LastEditTime: 2021-06-15 10:20:06
* @LastEditTime: 2021-06-16 10:10:05
-->
< div class = "box" >
< div class = "boxleft" >
@ -18,117 +18,155 @@
< / div >
< / div >
< 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 = "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 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 class = "boxright" >
< div class = "righthead" >
< div class = "rightheadone" >
< span > {{unitName}}< / span >
< / div >
< div class = "rightheadtwo" >
< / 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 >
< / div >
< / div >
< div class = "rightbody" >
< mat-accordion * ngFor = "let item of group;let zi=index;TrackBy:trackByFn" multi >
<!-- 基本信息 -->
< mat-expansion-panel expanded ( opened ) = ' groupPanle = true' * ngIf = "item.completed" style = "box-shadow: 0 0 black;border: 1px solid #EEF1F5;" [ disabled ] = ' groupPanle = =true' >
< 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" >
< span > {{item.groupName}}< / span >
< / div >
< div class = "caozuotwo" >
< div * ngIf = "item.groupName!='预案附件'&&item.groupName!='交通水源'&&item.groupName!='重点图示'" class = "addinfo" ( click ) = ' addAttribute ( item . groupName ) ' >
< img src = "../../../assets/images/update.png" style = "height: 15px;margin-top: 4px;" >
< span style = "margin-left: 2px;" > 编辑< / span >
< / div >
< div class = "delinfo" ( click ) = ' deleteGroup ( item . groupName ) ' >
< img src = "../../../assets/images/deleteblue.png" style = "margin-left: 20px;height: 15px;margin-top: 4px;" >
< span style = "margin-left: 2px;" > 删除< / span >
< / div >
< / div >
< / div >
< 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 >
< / div >
< / div >
< div class = "rightbody" >
< mat-accordion * ngFor = "let item of group;let zi=index;TrackBy:trackByFn" multi >
<!-- 基本信息 -->
< mat-expansion-panel expanded ( opened ) = ' groupPanle = true' * ngIf = "item.completed" style = "box-shadow: 0 0 black;border: 1px solid #EEF1F5;" [ disabled ] = ' groupPanle = =true' >
< 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" >
< span > {{item.groupName}}< / span >
< / mat-panel-title >
< / mat-expansion-panel-header >
<!-- 单位概况 -->
< div class = "accordingin" * ngIf = "item.groupName=='单位概况'" >
< mat-accordion * ngFor = "let element of item.attribute" >
< 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 = "caozuotwo" >
< div * ngIf = "item.groupName!='预案附件'&&item.groupName!='交通水源'&&item.groupName!='重点图示'" class = "addinfo" ( click ) = ' addAttribute ( item . groupName ) ' >
< img src = "../../../assets/images/update.png" style = "height: 15px;margin-top: 4px;" >
< span style = "margin-left: 2px;" > 编辑< / span >
< / div >
< div class = "delinfo" ( click ) = ' deleteGroup ( item . groupName ) ' >
< img src = "../../../assets/images/deleteblue.png" style = "margin-left: 20px;height: 15px;margin-top: 4px;" >
< span style = "margin-left: 2px;" > 删除< / 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 ) '
*ngIf="item.groupName=='单位概况'& & (element.surveyName=='单位基本信息'||element.surveyName=='建筑信息'||element.surveyName=='进攻通道'||element.surveyName=='消防设施')">< img src = "../../../assets/images/addbai.png" > 编辑< / button >
< / div >
< / div >
< / mat-panel-title >
< / mat-expansion-panel-header >
<!-- 单位概况 -->
< div class = "accordingin" * ngIf = "item.groupName=='单位概况'" >
< mat-accordion * ngFor = "let element of item.attribute" >
< 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 ) '
*ngIf="item.groupName=='单位概况'& & (element.surveyName=='单位基本信息'||element.surveyName=='建筑信息'||element.surveyName=='进攻通道'||element.surveyName=='消防设施')">< img src = "../../../assets/images/addbai.png" > 编辑< / button >
< / 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 > -->
<!-- 单位概况:单位基本信息,建筑信息 -->
< 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" >
< 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%;" > < 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: #FFD91D;">
< 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/addbai.png" >
编辑< / button >
< / 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 >
@ -136,144 +174,101 @@
< th style = "width: 30%;" > 操作< / th >
< / thead >
< tbody >
< tr * ngFor = "let attinf of element.attinf" >
< 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%;" > < span
style="color: #FF5D4A;margin-left: 4px;cursor: pointer;"
(click)='delAttInfo(item.groupName,element.surveyName,attinf.propertyName)'> 删除< / span > < / td >
< 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%;" >
< span style = "color: #FF5D4A;margin-left: 4px;cursor: pointer;" ( click ) = ' fileDel ( i , f ) ' >
删除< / 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: #FFD91D;">
< 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/addbai.png" >
编辑< / button >
< / 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%;" >
< 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" >
< input type = "text" [ ( ngModel ) ] = ' attackitem . head ' placeholder = "请输入内容" >
< / 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 class = "attackRight" >
< div class = "rightButton" >
< button mat-raised-button color = "primary" ( click ) = ' attackAdd ( element . surveyName , i , 8 ) ' > < img
src="../../../assets/images/addbai.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 >
< / div >
< / mat-expansion-panel >
< / mat-accordion >
< / div >
<!-- 灾情设定及其他 -->
< div class = "disaster" * ngIf = "item.groupName!='单位概况' " >
< div class = "attack" * ngFor = "let element of item.attribute;let attribute i=index" >
<!-- 进攻通道 -->
< div * ngIf = "item.groupName=='单位概况'&&(element.surveyName=='进攻通道')" >
< div class = "attack" * ngFor = "let attackitem of element.attinf;let i=index" >
< div class = "attackLeft" >
< div class = "attackleftHead" >
< input type = "text" placeholder = "请输入内容" [ ( ngModel ) ] = " element . headName " >
< input type = "text" [ ( ngModel ) ] = ' attackitem . head ' placeholder = "请输入内容" >
< / div >
< div class = "attackleftTable" >
<!-- 表格类型 -->
< table * ngIf = "element.level==1" >
< table >
< thead >
< th * ngFor = "let itemth of element .tableth;let tablethi=index;TrackBy:trackByFn" > < input type = "text"
placeholder="请输入内容" [(ngModel)]="element.tableth[tablethi] ">< / th >
< th * ngFor = "let item of attackitem.tableth;let tablethi=index;TrackBy:trackByFn" > < input
type="text" [(ngModel)]='attackitem.tableth[tablethi]' placeholder="请输入内容">< / 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 " [ ( ngModel ) ] = " element . tableth " > < / tree-diagram >
< / div >
< / div >
< / div >
< div class = "attackRight" >
< div class = "rightButton" >
< button mat-raised-button color = "primary" ( click ) = ' attackAdd ( item . group Name, attribute i, element . level ) '
*ngIf="element.level==1">< img src = "../../../assets/images/addbai.png" > < / button >
< button mat-raised-button color = "primary" ( click ) = ' attackAdd ( element . surveyName , i , 8 ) ' > < img
src="../../../assets/images/addbai.png"> 新增< / button >
< button mat-raised-button color = "#ECF6FF" style = "margin-left: 10px;"
(click)='delDisaster(item.groupName,attribute i)'>< img src = "../../../assets/images/deletehui.png" >
删除< / button >
(click)='delattAndfileOne(item.groupName,element.surveyName,i)'>< img
src="../../../assets/images/deletehui.png"> 删除< / button >
< / div >
< / div >
< / div >
< / div >
< / mat-expansion-panel >
< / mat-expansion-panel >
< / mat-accordion >
< / div >
< / 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" >
< input type = "text" placeholder = "请输入内容" [ ( ngModel ) ] = " element . headName " >
< / 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 " [ ( ngModel ) ] = " element . tableth " > < / tree-diagram >
< / div >
< / div >
< / div >
< div class = "attackRight" >
< 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 >
< / mat-expansion-panel >
< / mat-accordion >
< / div >
< / div >
< / div >
chenjingyu
4 years ago