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.
1223 lines
89 KiB
1223 lines
89 KiB
<div class="bigbox"> |
|
<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||item.groupName=='新建'}" [title]="item.groupName" |
|
[cdkDragDisabled]="item.groupName == '封面'" [style.display]="item.completed==true?'block':'none'"> |
|
<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"> |
|
<button mat-stroked-button *ngIf="zaixianDr" (click)='upload()'> |
|
<mat-icon>cloud_upload</mat-icon> 导入 |
|
</button> |
|
<input type="file" style="display: none;" id="up" accept=".docx" (change)='fileSc($event)'> |
|
<button mat-stroked-button (click)="preview()"> |
|
<mat-icon>visibility</mat-icon> 预览 |
|
</button> |
|
<button mat-flat-button color="primary" (click)="submit()"> |
|
<mat-icon>save</mat-icon> 提交 |
|
</button> |
|
</div> |
|
</div> |
|
<button mat-stroked-button (click)="quitPreview()" class="quitPreview" *ngIf="blockyl"> |
|
<mat-icon>visibility</mat-icon> 退出预览 |
|
</button> |
|
<div class="contentbox" [ngClass]="{'noPadding': pattern == 'look'}"> |
|
<div class="shadow" *ngIf="iftrue"> |
|
<mat-spinner></mat-spinner> |
|
</div> |
|
<div class="leftbox" |
|
*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> |
|
<div class="planlist" id="planlist"> |
|
<!-- 总平面图 --> |
|
<div style="margin: 10px 0;"> |
|
<mat-accordion> |
|
<mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header collapsedHeight='33px' expandedHeight='33px' |
|
style="position: relative;padding-left:20px;background: #F2F9FF;"> |
|
<mat-panel-title> |
|
总平面图 |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<div class="content"> |
|
<div class="contentitem" *ngFor="let item of sitePlanItems"> |
|
<div> |
|
<img (click)="openPlan(item,-1,'平面图')" |
|
[src]="item.imageUrl && item.imageUrl != 'null' ? item.imageUrl+'?x-oss-process=image/resize,m_fill,h_100,w_100' : '/assets/images/2D.jpg'" |
|
alt=""> |
|
</div> |
|
<p>{{item.name}}</p> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
<!-- 建筑平面图 --> |
|
<div> |
|
<div *ngFor="let item of allBuildings;let key=index" style="margin-bottom: 10px;"> |
|
<mat-accordion> |
|
<mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header collapsedHeight='33px' expandedHeight='33px' |
|
style="position: relative;padding-left:20px;background: #F2F9FF;"> |
|
<mat-panel-title> |
|
{{item.name}} |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<ng-template matExpansionPanelContent> |
|
<div class="content"> |
|
<div class="contentitem" *ngFor="let i of item.plandata"> |
|
<div> |
|
<img (click)="openPlan(i,key,'平面图')" |
|
[src]="i.imageUrl ? i.imageUrl+'?x-oss-process=image/resize,m_fill,h_100,w_100' : '../../../assets/images/noImg.png'" |
|
alt=""> |
|
</div> |
|
<p>{{i.name}}</p> |
|
</div> |
|
</div> |
|
</ng-template> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
</div> |
|
<!-- 实景图 --> |
|
<div style="margin: 10px 0;"> |
|
<mat-accordion> |
|
<mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header collapsedHeight='33px' expandedHeight='33px' |
|
style="position: relative;padding-left:20px;background: #F2F9FF;"> |
|
<mat-panel-title> |
|
实景图 |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<div class="content" id="viewer"> |
|
<div class="realPictureItem" *ngFor="let item of allRealPicture;let key1 = index"> |
|
<div class="realPictureTitle">{{item.name}}</div> |
|
<div class="contentitem" *ngFor="let i of item.realityImages;let key2 = index"> |
|
<div class="realPictureImgItem"> |
|
<img [src]="i.newImageUrl" alt="" |
|
[attr.data-original]="'/api/Objects/PlanPlatform/' + i.imageUrl"> |
|
<div class="realPictureImgItemBtn realPictureImgItemBtn1" |
|
(click)="lookkeyImgItemLeft(key1,key2,i)"> |
|
查看图片 |
|
</div> |
|
<div class="realPictureImgItemBtn realPictureImgItemBtn2" |
|
(click)="addkeyImgItemLeft(item,i)"> |
|
增加分组 |
|
</div> |
|
</div> |
|
<p>{{i.name}}</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
</div> |
|
</div> |
|
<div *ngIf="selectedItem == '交通水源'" class="leftKeyImg"> |
|
<div class="keyImgTitle"> |
|
交通水源 |
|
</div> |
|
<div class="planlist" id="planlist"> |
|
<div style="margin: 10px 0;"> |
|
<mat-accordion> |
|
<mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header collapsedHeight='33px' expandedHeight='33px' |
|
style="position: relative;padding-left:20px;background: #F2F9FF;"> |
|
<mat-panel-title> |
|
水源 |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<div class="content"> |
|
<div class="contentitem"> |
|
<div> |
|
<img (click)="openPlan(1,-1,'水源')" src='/assets/images/2D.jpg' alt=""> |
|
</div> |
|
<p>交通水源</p> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
</div> |
|
</div> |
|
<div *ngIf="selectedItem == '预案附件'" class="leftKeyImg"> |
|
<div class="keyImgTitle"> |
|
预案附件 |
|
</div> |
|
<div class="planlist" id="planlist"> |
|
<div style="margin: 10px 0;"> |
|
<mat-accordion> |
|
<mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header collapsedHeight='33px' expandedHeight='33px' |
|
style="position: relative;padding-left:20px;background: #F2F9FF;"> |
|
<mat-panel-title> |
|
二维预案列表 |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<div class="content"> |
|
<div class="contentitem" *ngFor="let TwoDPlan of TwoDPlanList"> |
|
<div> |
|
<img (click)="openPlan(TwoDPlan,-1,'预案')" src='/assets/images/2Dplan.png' |
|
alt=""> |
|
</div> |
|
<p>{{TwoDPlan.name}}</p> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
</div> |
|
</div> |
|
<div *ngIf="selectedItem == '单位概况'" class="leftBuilding"> |
|
<div class="buildingHead"> |
|
<span>建筑列表</span> |
|
</div> |
|
<div class="buildingBody"> |
|
<div class="buildName" *ngFor="let item of selectedContent.building;let i=index"> |
|
<mat-checkbox class="example-margin" color='primary' [(ngModel)]="item.completed" |
|
(change)='clickBuilding(item,i)'></mat-checkbox> |
|
<span [title]="item.name">{{item.name}}</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="leftnew" *ngIf="pattern == 'edit' && ( selectedItem == '组织指挥' || selectedItem == '社会联动' || selectedItem == '勤务保障'|| selectedItem == '辅助决策')"> |
|
<div class="newHead"> |
|
<span>模板列表</span> |
|
</div> |
|
<div class="newBody"> |
|
<div class="search"> |
|
<div class="searchChoose"> |
|
<select [(ngModel)]="searchType" (change)='clearSearch()'> |
|
<option value="0">自定义</option> |
|
<option value="1">按机构</option> |
|
</select> |
|
</div> |
|
<div class="searchText"> |
|
<div class="queryField ordiv" *ngIf="searchType=='1'"> |
|
<input readonly placeholder="请输入组织" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> |
|
<!-- <mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> --> |
|
<div class="organizationbox" *ngIf="isorganizationbox"> |
|
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
|
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
|
<button type="button" mat-icon-button disabled ></button> |
|
<li>{{node.name}}</li> |
|
</mat-tree-node> |
|
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
|
<button |
|
type="button" |
|
mat-icon-button |
|
matTreeNodeToggle |
|
[attr.aria-label]="'toggle ' + node.name"> |
|
<mat-icon class="mat-icon-rtl-mirror"> |
|
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
|
</mat-icon> |
|
</button> |
|
<li>{{node.name}}</li> |
|
</mat-tree-node> |
|
</mat-tree> |
|
</div> |
|
</div> |
|
<div class="zdy" *ngIf="searchType=='0'"> |
|
<input type="text" placeholder="请输入关键字" [(ngModel)]="zdysearch"> |
|
</div> |
|
</div> |
|
<div class="searImg" (click)="searchYuan()"> |
|
<img src="../../../assets/images/search.png"> |
|
</div> |
|
</div> |
|
<div class="newBodycenter"> |
|
<div class="centerfen" *ngFor="let item of yinruData.items;let clicki=index"> |
|
<div class="tu" (click)='clickYinru(clicki)'> |
|
<img src="../../../assets/images/yr.png"> |
|
</div> |
|
<div class="org"> |
|
<span style="font-size: 15px;">{{item.organizationName}}</span> |
|
</div> |
|
<div class="lry"> |
|
<span style="color:#9EAAB4;font-size:14px">录入员:{{item.creatorName}}</span> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="fenye"> |
|
<mat-paginator pageEvent [length]="length" |
|
[pageSize]="pageSize" |
|
[pageSizeOptions]="pageSizeOptions" |
|
(page)="changePage($event)"> |
|
|
|
</mat-paginator> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mainbox" id="mainbox" *ngIf="!iftrue"> |
|
|
|
<!-- 模板页面 --> |
|
<div *ngFor="let item of planTemplateData;let key = index"> |
|
<div *ngIf="(selectedItem == item.groupName || pattern == 'look')&&item.groupName!='新建'"> |
|
<!-- 封面 --> |
|
<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> |
|
<div> |
|
对象名称： |
|
</div> |
|
<div> |
|
{{item.attribute.objName}} |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
单位性质： |
|
</div> |
|
<div> |
|
{{item.attribute.unitNature}} |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
<span class="redspan">*</span>预案级别： |
|
</div> |
|
<div> |
|
<ng-container *ngIf="planLevel == '5'; else elseTemplate"> |
|
Ⅴ级 |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
Ⅲ级 |
|
</ng-template> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
<span class="redspan">*</span>灾害类型： |
|
</div> |
|
<div> |
|
<select [(ngModel)]="item.attribute.disasterType"> |
|
<option value="火灾">火灾</option> |
|
<option value="抢险救援">抢险救援</option> |
|
<option value="其他">其他</option> |
|
</select> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
防火级别： |
|
</div> |
|
<div> |
|
<input type="text" [(ngModel)]="item.attribute.fireproofingLevel"> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
防火管辖： |
|
</div> |
|
<div> |
|
{{item.attribute.fireproofingAdminister}} |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
灭火责任队站： |
|
</div> |
|
<div> |
|
<input type="text" [(ngModel)]="item.attribute.putOutFireAdminister"> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
制作人职务/姓名： |
|
</div> |
|
<div> |
|
<input [(ngModel)]="item.attribute.producer.duty" type="text" |
|
style="margin-right: 10px;"> |
|
<input [(ngModel)]="item.attribute.producer.name" type="text" style="width: 50px;"> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
审核人职务/姓名： |
|
</div> |
|
<div> |
|
<input [(ngModel)]="item.attribute.verifier.duty" type="text" |
|
style="margin-right: 10px;"> |
|
<input [(ngModel)]="item.attribute.verifier.name" type="text" style="width: 50px;"> |
|
</div> |
|
</li> |
|
<li> |
|
<div> |
|
审核时间： |
|
</div> |
|
<div> |
|
<input type="text" [(ngModel)]="item.attribute.auditTime"> |
|
</div> |
|
</li> |
|
</ul> |
|
</div> |
|
<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!='封面'"> |
|
<div class="titleItem"> |
|
<span *ngIf="item.new==undefined">{{item.groupName}}</span> |
|
<input type="text" placeholder="请输入内容" [(ngModel)]="item.headName" *ngIf="item.new!=undefined"> |
|
<img src="../../../assets/images/add.png" (click)='addAttribute(item.groupName)' *ngIf="pattern == 'edit'&&item.new!=undefined"> |
|
</div> |
|
|
|
<div class="boxBody" *ngFor="let element of item.attribute;let i=index" style="height: 100%; |
|
width: 100%; |
|
display: flex; |
|
flex-direction: column;"> |
|
<div class="boxBodyHead" style="width: 100%; |
|
height: 40px; |
|
background-color: #FFFBE8; |
|
text-align: center;"> |
|
<span style="font-size: 16px; |
|
text-align: center; |
|
height: 40px; |
|
line-height: 40px; |
|
color: #b99a00;">{{element.headName}}</span> |
|
<img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'" (click)='delTd(key,i)'> |
|
<img src="../../../assets/images/downyello.png" *ngIf="item.new!=undefined&&i<item.attribute.length-1" (click)='downPai(key,i)'> |
|
<img src="../../../assets/images/uoyello.png" *ngIf="item.new!=undefined&&i>0" (click)='upPai(key,i)'> |
|
<img src="../../../assets/images/updateyello.png" *ngIf="(element.level==1||element.level==2)&&pattern == 'edit'" (click)='updataHl(key,i)'> |
|
<img src="../../../assets/images/addyello.png" *ngIf="element.level==1&&pattern == 'edit'" (click)='addTd(key,i)'> |
|
</div> |
|
<div class="body"> |
|
<!--表格类型--> |
|
<table *ngIf="element.level==1" style="width: 100%;border-collapse: collapse;"> |
|
<thead *ngIf="pattern == 'edit'"> |
|
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
<input type="text" placeholder="请输入内容" |
|
[(ngModel)]="element.tableth[tablethi]" > |
|
</th> |
|
</thead> |
|
<thead *ngIf="pattern == 'look'"> |
|
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;" > |
|
{{element.tableth[tablethi]}} |
|
<!-- <textarea [value]="element.tableth[tablethi]" disabled style="width: 100%;height: 100%;"></textarea> --> |
|
</th> |
|
</thead> |
|
<tbody *ngIf="pattern == 'edit'"> |
|
<tr *ngFor="let itemtr of element.tabletr;let tri=index"> |
|
<td |
|
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> |
|
<input type="text" placeholder="请输入" |
|
[(ngModel)]="itemtr.tabletd[tabletdi]"> |
|
|
|
</td> |
|
<img src="../../../assets/images/deletered.png" (click)='delTd(key,i,tri)'> |
|
</tr> |
|
|
|
</tbody> |
|
<tbody *ngIf="pattern == 'look'"> |
|
<tr *ngFor="let itemtr of element.tabletr"> |
|
<td *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{itemtr.tabletd[tabletdi]}} |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
<!--文本区域--> |
|
<textarea style="width: 99%;height: 100px;" *ngIf="element.level==3&&pattern == 'edit'" |
|
[(ngModel)]="element.tableth"></textarea> |
|
<div style="height: 100px;width: 98%; border: 1px solid #000000;" *ngIf="element.level==3&&pattern == 'look'">{{element.tableth||''}}</div> |
|
<!--输入框--> |
|
<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" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;" |
|
[(ngModel)]="itemthj.body" *ngIf="pattern == 'edit'"> |
|
|
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center; white-space:pre-wrap; width: 185px;"> |
|
{{itemthj.head}} |
|
</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;white-space:pre-wrap;width: 185px;"> |
|
{{itemthj.body}} |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!--树形图--> |
|
<!-- <div style="height: 300px;width: 100%;" *ngIf="element.level==4"> |
|
<tree-diagram [data]="element.tableth"></tree-diagram> |
|
</div> --> |
|
<div class="keyImg" *ngIf="element.level==4"> |
|
|
|
<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)="deleteImgItem(element.tableth.json,imgkey)">delete |
|
</mat-icon> |
|
<img style="max-width: 100%; |
|
width: auto; |
|
height: auto;" [src]="imgUrl" alt=""> |
|
</div> |
|
<div class="uploadBtn" *ngIf="pattern == 'edit'&&element.tableth.json.length<=0"> |
|
<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 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/delyello.png" *ngIf="element.level==1&&pattern == 'edit'" |
|
(click)='delTd(key,attributei)'> |
|
<img src="../../../assets/images/addyello.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 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"> |
|
<div *ngIf="pattern == 'look'" style=" |
|
width: 100%; |
|
height: 30px; |
|
background: #e8f4fe; |
|
color: #2196f3; |
|
border: 0; |
|
box-sizing: border-box; |
|
padding: 0 5px;"> {{ i.name }} </div> |
|
<img src="../../../assets/images/deletered.png" class="deleteItem" *ngIf="key != 0 && pattern == 'edit'" |
|
(click)="deleteItem(item,key)" /> |
|
|
|
</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"> |
|
<img src="../../../assets/images/deletered.png" *ngIf="pattern == 'edit'" class="deleteImg" |
|
(click)="deleteImgItem(i.imgArr,imgkey)"/> |
|
|
|
<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,i)" type="file" name="" id=""> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- 增加分组 --> |
|
<div class="addkeyImgItem" *ngIf="pattern == 'edit'"> |
|
<button mat-flat-button color="primary" (click)="addkeyImgItem(item)"> |
|
增加分组 |
|
</button> |
|
</div> |
|
</div> |
|
<div class="unit" *ngIf="item.groupName == '单位概况'"> |
|
<div *ngFor="let itemunit of item.building;let uniti=index"> <!-- style="border-bottom: 3px solid #999;" --> |
|
<div *ngIf="itemunit.completed"> |
|
<div class="unithead" style=" height: 40px; |
|
width: 100%; |
|
background-color: #e8f4fe;"> |
|
<span style=" margin-left: 20px; |
|
font-size: 16px; |
|
color: #2196f3; |
|
opacity: 1; |
|
height: 40px; |
|
line-height: 40px;">{{itemunit.name}}</span> |
|
<img src="../../../assets/images/update.png" *ngIf="planMode==4&&pattern == 'edit'" (click)='unitZdyaaa()'> |
|
<span style="float: right;margin-right: 30px;cursor: pointer;" *ngIf="planMode==4&&pattern == 'edit'" (click)='zdyDw()'>自定义</span> |
|
</div> |
|
<div class="unitbody" *ngFor="let element of itemunit.body;let elei=index" style=" height: 100%; |
|
width: 100%; |
|
display: flex; |
|
flex-direction: column;"> |
|
<div *ngIf="element.completed"> |
|
<div class="unitbodyHead" style="width: 100%; |
|
height: 40px; |
|
background-color: #2196f3; |
|
text-align: center;"> |
|
<span style="font-size: 16px; |
|
text-align: center; |
|
height: 40px; |
|
line-height: 40px; |
|
color: #ffffff;">{{element.surveyName}}</span> |
|
<!-- <img src="../../../assets/images/deletered.png" > --> |
|
<img src="../../../assets/images/delyello.png" *ngIf="haveNew!=undefined&&pattern == 'edit'"> |
|
<img src="../../../assets/images/updatabai.png" (click)='addBuildingmb(element)' *ngIf="planMode==4&&pattern == 'edit'&&(element.surveyName=='建筑信息'||element.surveyName=='消防设施')"> |
|
<img src="../../../assets/images/addbai.png" |
|
(click)='unitadd(element.surveyName,uniti,elei)' *ngIf="pattern == 'edit'"> |
|
|
|
</div> |
|
<div class="body"> |
|
<!-- 进攻通道 --> |
|
<div class="attack" *ngIf="element.surveyName=='进攻通道'"> |
|
<div *ngFor="let attack of element.attinf;let attacki=index"> |
|
<div class="attackhead" style=" width: 100%; |
|
height: 40px; |
|
background-color: #FFFBE8; |
|
text-align: center;"> |
|
<span style="font-size: 16px; |
|
text-align: center; |
|
height: 40px; |
|
line-height: 40px; |
|
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'" |
|
(click)='unitadd(element.surveyName,uniti,attacki)'> |
|
</div> |
|
<div class="attackbody"> |
|
<table style="width: 100%;border-collapse: collapse;"> |
|
<thead *ngIf="pattern == 'edit'"> |
|
<th |
|
*ngFor="let itemth of attack.tableth;let tablethi=index;TrackBy:trackByFn"> |
|
<input type="text" placeholder="请输入内容" |
|
[(ngModel)]="attack.tableth[tablethi]"> |
|
</th> |
|
</thead> |
|
<thead *ngIf="pattern == 'look'"> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;" |
|
*ngFor="let itemth of attack.tableth;let tablethi=index;TrackBy:trackByFn">{{attack.tableth[tablethi]}}</th> |
|
</thead> |
|
<tbody *ngIf="pattern == 'edit'"> |
|
<tr *ngFor="let itemtr of attack.tabletr"> |
|
<td |
|
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> |
|
<input type="text" placeholder="请输入" |
|
[(ngModel)]="itemtr.tabletd[tabletdi]"> |
|
</td> |
|
</tr> |
|
</tbody> |
|
<tbody *ngIf="pattern == 'look'"> |
|
<tr *ngFor="let itemtr of attack.tabletr"> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
|
|
font-size: 16px; |
|
text-align: center;" |
|
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> |
|
{{itemtr.tabletd[tabletdi]}} |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
<!-- 单位和建筑信息 --> |
|
<div class="building" *ngIf="element.surveyName=='单位基本信息'||element.surveyName=='建筑信息'"> |
|
<div *ngFor="let info of element.attinf;let infoi=index"> |
|
<div *ngIf="info.completed" class="onetext"> |
|
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.propertyName" *ngIf="pattern == 'edit'" [readonly]='info.zdy==undefined'> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #FFFFFF;" [(ngModel)]="info.propertyValue" *ngIf="pattern == 'edit'"> |
|
<!-- <input type="text" style="width: 30%;background-color: #FFFFFF;color: #999;" [(ngModel)]="info.olddata" *ngIf="pattern == 'edit'&&oldData" readonly> --> |
|
<!-- <span style="width: 30%;background-color: #FFFFFF;color: #999;" *ngIf="pattern == 'edit'&&oldData">{{info.olddata||'无原数据'}}</span> --> |
|
<input type="text" style="width: 27%;background-color: #FFFFFF;color: #999;" *ngIf="pattern == 'edit'&&oldData" [value]="info.olddata||'无原数据'" readonly> |
|
<img style="float: right;" src="../../../assets/images/deletered.png" *ngIf="pattern == 'edit'&&info.zdy" (click)='unitDel(element.surveyName,uniti,infoi)'> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
width: 40%; |
|
font-size: 16px; |
|
text-align: center;">{{info.propertyName}}</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
width: 60%; |
|
font-size: 16px; |
|
text-align: center;">{{info.propertyValue}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
<!-- 消防设施 --> |
|
<div class="file" *ngIf="element.surveyName=='消防设施'"> |
|
<div *ngFor="let attack of element.attinf;let attacki=index"> |
|
<div *ngIf="attack.completed"> |
|
<div class="fileHead" style="height: 40px; |
|
width: 100%; |
|
background-color: #FFFBE8; |
|
text-align: center;"> |
|
<input type="text" placeholder="请输入内容" [(ngModel)]="attack.name" [readonly]='attack.zdy==undefined' *ngIf="pattern == 'edit'"> |
|
<span style=" margin-left: 20px;font-size: 16px;color: #b99a00;opacity: 1;height: 40px;line-height: 40px;" *ngIf="pattern != 'edit'">{{attack.name}}</span> |
|
<img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'" |
|
(click)='unitDel(element.surveyName,uniti,attacki)'> |
|
<img src="../../../assets/images/addyello.png" |
|
*ngIf="pattern == 'edit'" |
|
(click)='unitadd(element.surveyName,uniti,attacki,0)'><!-- &&attack.zdy!=undefined --> |
|
<img src="../../../assets/images/updateyello.png" (click)='fileAdd(attack.facilityItems,attacki,attack.name)' *ngIf="pattern == 'edit'&&attack.zdy==undefined"> |
|
</div> |
|
<div class="fileBody"> |
|
<div *ngFor="let info of attack.facilityItems;let filenum=index"> |
|
<div *ngIf="info.completed" class="onetext"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.name" *ngIf="pattern == 'edit'" [readonly]='info.zdy==undefined'> |
|
<input type="text" placeholder="请输入内容" style="width: 57%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> |
|
<img src="../../../assets/images/deletered.png" *ngIf="pattern == 'edit'&&info.zdy" (click)='unitDel(element.surveyName,uniti,attacki,filenum)'> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
width: 40%; |
|
font-size: 16px; |
|
text-align: center;">{{info.name}}</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
width: 60%; |
|
font-size: 16px; |
|
text-align: center;">{{info.value}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
<!-- 四周毗邻 --> |
|
<div class="fouradj" *ngIf="element.surveyName=='四周毗邻'"> |
|
<div class="fourTexttwo" *ngFor="let info of element.attinf;let infoi=index"> |
|
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.name" *ngIf="pattern == 'edit'" [readonly]='info.zdy==undefined'> |
|
<input type="text" placeholder="请输入内容" style="width: 65%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> |
|
<img style="position: relative;bottom: 30px;left: 347px;" src="../../../assets/images/deletered.png" (click)='unitDel(element.surveyName,uniti,infoi)' *ngIf="pattern == 'edit'&&info.zdy"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
width: 30%; |
|
font-size: 16px; |
|
text-align: center;">{{info.name}}</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
width: 70%; |
|
font-size: 16px; |
|
text-align: center;">{{info.value}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<!-- 功能分区 --> |
|
<div class="fouradj" *ngIf="element.surveyName=='功能分区'"> |
|
<div class="onetext" *ngFor="let info of element.attinf;let infoi=index"> |
|
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 67%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> |
|
<img src="../../../assets/images/deletered.png" (click)='unitDel(element.surveyName,uniti,infoi)' *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
width: 30%; |
|
font-size: 16px; |
|
text-align: center;">{{info.name}}</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
width: 70%; |
|
font-size: 16px; |
|
text-align: center;">{{info.value}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<!-- 重点部位 --> |
|
<div class="parts" *ngIf="element.surveyName=='重点部位'"> |
|
<div *ngFor="let parts of element.attinf;let infoi=index"> |
|
<div class="partsHead" style="width: 100%; |
|
height: 40px; |
|
background-color: #FFFBE8; |
|
text-align: center;"> |
|
<input type="text" placeholder="请输入内容" [(ngModel)]="parts.heafName" *ngIf="pattern == 'edit'"> |
|
<!-- <textarea [(ngModel)]="parts.heafName" *ngIf="pattern == 'look'" style="width: 100%;height: 100%;color: #b99a00;" disabled></textarea> --> |
|
<span style="font-size: 16px; |
|
text-align: center; |
|
height: 40px; |
|
line-height: 40px; |
|
color: #b99a00;" *ngIf="pattern == 'look'">{{parts.heafName}}</span> |
|
<img src="../../../assets/images/deletered.png" (click)='unitDel(element.surveyName,uniti,infoi)' *ngIf="pattern == 'edit'"> |
|
</div> |
|
<div class="partsBody"> |
|
<div class="duohang"> |
|
<div class="duohangHalf"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="parts.body[0].name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="parts.body[0].value" *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
font-size: 16px; |
|
text-align: center;height: 40px;width: 185px;"> |
|
{{parts.body[0].name}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[0].name" disabled></textarea> --> |
|
</th> |
|
<td style="border: 1px solid #999; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[0].value}} |
|
<!-- <textarea style="height: 30px;width: 180px;" [(ngModel)]="parts.body[0].value" disabled></textarea> --> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<div class="duohangHalf"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;"[(ngModel)]="parts.body[1].name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="parts.body[1].value" *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[1].name}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[1].name" disabled></textarea> --> |
|
</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
width: 60%; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[1].value}} |
|
<!-- <textarea style="height: 100%;width:100%;" [(ngModel)]="parts.body[1].value" disabled></textarea> --> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<div class="duohang"> |
|
<div class="duohangHalf"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="parts.body[2].name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="parts.body[2].value" *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[2].name}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[2].name" disabled></textarea> --> |
|
</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[2].value}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[2].value" disabled></textarea> --> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<div class="duohangHalf"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="parts.body[3].name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="parts.body[3].value" *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[3].name}} |
|
<!-- <textarea style="height: 80%;width: 90%;" [(ngModel)]="parts.body[3].name" disabled></textarea> --> |
|
</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[3].value}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[3].value" disabled></textarea> --> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<div class="danhang"> |
|
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="parts.body[4].name" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="parts.body[4].value" *ngIf="pattern == 'edit'"> |
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style=" |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[4].name}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[4].name" disabled></textarea> --> |
|
</th> |
|
<td style=" |
|
height: 40px;width: 185px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{parts.body[4].value}} |
|
<!-- <textarea style="height: 100%;width: 100%;" [(ngModel)]="parts.body[4].value" disabled></textarea> --> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
<!--自定义新增--> |
|
<div class="centerBox" |
|
*ngIf="element.surveyName!='单位基本信息'&&element.surveyName!='建筑信息'&&element.surveyName!='四周毗邻'&&element.surveyName!='消防设施'&&element.surveyName!='进攻通道'&&element.surveyName!='重点部位'&&element.surveyName!='功能分区'"> |
|
|
|
|
|
<div class="boxBody" *ngFor="let element of element.attinf;let i=index" style="height: 100%; |
|
width: 100%; |
|
display: flex; |
|
flex-direction: column;"> |
|
<div class="boxBodyHead" style="width: 100%; |
|
height: 40px; |
|
background-color: #FFFBE8; |
|
text-align: center;"> |
|
<span style="font-size: 16px; |
|
text-align: center; |
|
height: 40px; |
|
line-height: 40px; |
|
color: #b99a00;">{{element.headName}}</span> |
|
<img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'" |
|
(click)='delTd(key,i)'> |
|
<img src="../../../assets/images/updateyello.png" *ngIf="(element.level==1||element.level==2)&&pattern == 'edit'" |
|
(click)='updataHl(key,uniti,elei,i)'> |
|
<img src="../../../assets/images/addyello.png" *ngIf="element.level==1&&pattern == 'edit'" |
|
(click)='unitNewadd(key,uniti,elei,i)'> |
|
</div> |
|
<div class="body"> |
|
<!--表格类型--> |
|
<table *ngIf="element.level==1" style="width: 100%;border-collapse: collapse;"> |
|
<thead *ngIf="pattern == 'edit'"> |
|
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
<input type="text" placeholder="请输入内容" |
|
[(ngModel)]="element.tableth[tablethi]" > |
|
</th> |
|
</thead> |
|
<thead *ngIf="pattern == 'look'"> |
|
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;" > |
|
{{element.tableth[tablethi]}} |
|
<!-- <textarea [value]="element.tableth[tablethi]" disabled style="width: 100%;height: 100%;"></textarea> --> |
|
</th> |
|
</thead> |
|
<tbody *ngIf="pattern == 'edit'"> |
|
<tr *ngFor="let itemtr of element.tabletr;let tri=index"> |
|
<td |
|
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> |
|
<input type="text" placeholder="请输入" |
|
[(ngModel)]="itemtr.tabletd[tabletdi]"> |
|
|
|
</td> |
|
<img src="../../../assets/images/deletered.png" (click)='delTd(key,uniti,elei,i,tri)'> |
|
</tr> |
|
</tbody> |
|
<tbody *ngIf="pattern == 'look'"> |
|
<tr *ngFor="let itemtr of element.tabletr"> |
|
<td *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn" style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;"> |
|
{{itemtr.tabletd[tabletdi]}} |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
<!--文本区域--> |
|
<textarea style="width: 99%;height: 100px;" *ngIf="element.level==3&&pattern == 'edit'" |
|
[(ngModel)]="element.tableth"></textarea> |
|
<div style="height: 100px;width: 98%; border: 1px solid #000000;" *ngIf="element.level==3&&pattern == 'look'">{{element.tableth||''}}</div> |
|
<!--输入框--> |
|
<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: 25%;text-align: center;" |
|
[(ngModel)]="itemthj.head" *ngIf="pattern == 'edit'"> |
|
<input type="text" placeholder="请输入内容" style="width: 75%;" |
|
[(ngModel)]="itemthj.body" *ngIf="pattern == 'edit'"> |
|
|
|
<table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;"> |
|
<tr> |
|
<th style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center; white-space:pre-wrap; width: 185px;"> |
|
{{itemthj.head}} |
|
</th> |
|
<td style="border: 1px solid #999; |
|
height: 40px; |
|
font-size: 16px; |
|
text-align: center;white-space:pre-wrap;width: 185px;"> |
|
{{itemthj.body}} |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!--树形图--> |
|
<!-- <div style="height: 300px;width: 100%;" *ngIf="element.level==4"> |
|
<tree-diagram [data]="element.tableth"></tree-diagram> |
|
</div> --> |
|
<div class="keyImg" *ngIf="element.level==4"> |
|
|
|
<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)="deleteImgItem(element.tableth.json,imgkey)">delete |
|
</mat-icon> |
|
<img style="max-width: 100%; |
|
width: auto; |
|
height: auto;" [src]="imgUrl" alt=""> |
|
</div> |
|
<div class="uploadBtn" *ngIf="pattern == 'edit'&&element.tableth.json.length<=0"> |
|
<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> |
|
|
|
|
|
|
|
</div> |
|
</div> |
|
</div> |
|
<div class="oldData" *ngIf="pattern == 'edit'" (click)='clickoldData()'> |
|
<img src="../../../assets/images/olddata.png"> |
|
<span>原数据</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="toolDiv" *ngIf="pattern == 'look'"> |
|
<button title="下载文档" mat-mini-fab color="primary" (click)="generatingDoc()"> |
|
<mat-icon>vertical_align_bottom</mat-icon> |
|
</button> |
|
<button title="返回顶部" mat-mini-fab color="primary" (click)="goBack()"> |
|
<mat-icon>keyboard_capslock</mat-icon> |
|
</button> |
|
</div> |
|
|
|
<div class="rightbox"> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id="viewerjs" style="display:none"> |
|
|
|
</div> |