shaojiahao
/
ShangHaiYuan-AnXin
2
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity
Browse Source

[修改]在线编制word多行文本编辑行列

tangshan
陈敬瑜 4 years ago
parent
e37dde65b5
commit
9e9e42ee83
13 changed files with 528 additions and 303 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/app/key-unit/key-unit-management/resultcompanyPlan.html
  2. 228
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
  3. 131
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
  4. 333
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
  5. 34
      src/app/plan-management/create-plan-online-five/updatal.html
  6. 3
      src/app/plan-management/plan-management.module.ts
  7. 6
      src/app/ui/plan-template/plan-template.component.html
  8. BIN
      src/assets/images/addyello.png
  9. BIN
      src/assets/images/delyello.png
  10. BIN
      src/assets/images/downyello.png
  11. BIN
      src/assets/images/uoyello.png
  12. BIN
      src/assets/images/updatabai.png
  13. BIN
      src/assets/images/updateyello.png

2
src/app/key-unit/key-unit-management/resultcompanyPlan.html
Unescape View File

@ -11,7 +11,7 @@
</div> </div>
<div class="auditDiv"> <div class="auditDiv">
<p>预案名称：{{planName}}</p> <p>单位名称：{{planName}}</p>
<p>提交时间：{{createTime| date:'yyyy-MM-dd HH:mm:ss'||''}}</p> <p>提交时间：{{createTime| date:'yyyy-MM-dd HH:mm:ss'||''}}</p>
<p>发起申请：{{organizationName ||''}}</p> <p>发起申请：{{organizationName ||''}}</p>
<mat-divider></mat-divider> <mat-divider></mat-divider>

228
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
Unescape View File

@ -266,7 +266,6 @@
<div class="mainbox" id="mainbox" *ngIf="!iftrue"> <div class="mainbox" id="mainbox" *ngIf="!iftrue">
<!-- 模板页面 --> <!-- 模板页面 -->
<div *ngFor="let item of planTemplateData;let key = index"> <div *ngFor="let item of planTemplateData;let key = index">
<div *ngIf="(selectedItem == item.groupName || pattern == 'look')&&item.groupName!='新建'"> <div *ngIf="(selectedItem == item.groupName || pattern == 'look')&&item.groupName!='新建'">
@ -435,12 +434,11 @@
</div> </div>
</div> </div>
<div class="centerBox" <div class="centerBox"
*ngIf="item.groupName!='单位概况'&&item.groupName!='交通水源'&&item.groupName!='重点图示'&&item.groupName!='预案附件'&&item.groupName!='特别警示'&&item.groupName!='处置要点'&&item.groupName!='封面'&&item.new==undefined"> *ngIf="item.groupName!='单位概况'&&item.groupName!='交通水源'&&item.groupName!='重点图示'&&item.groupName!='预案附件'&&item.groupName!='封面'">
<div class="titleItem" style="width: 100%; <div class="titleItem">
background-color: #2196F3; <span *ngIf="item.new==undefined">{{item.groupName}}</span>
text-align: center; <input type="text" placeholder="请输入内容" [(ngModel)]="item.headName" *ngIf="item.new!=undefined">
color: white;"> <img src="../../../assets/images/add.png" (click)='addAttribute(item.groupName)' *ngIf="pattern == 'edit'&&item.new!=undefined">
<span>{{item.groupName}}</span>
</div> </div>
<div class="boxBody" *ngFor="let element of item.attribute;let i=index" style="height: 100%; <div class="boxBody" *ngFor="let element of item.attribute;let i=index" style="height: 100%;
@ -448,18 +446,19 @@
display: flex; display: flex;
flex-direction: column;"> flex-direction: column;">
<div class="boxBodyHead" style="width: 100%; <div class="boxBodyHead" style="width: 100%;
height: 40pt; height: 40px;
background-color: #FFFBE8; background-color: #FFFBE8;
text-align: center;"> text-align: center;">
<span style="font-size: 16px; <span style="font-size: 16px;
text-align: center; text-align: center;
height: 40pt; height: 40px;
line-height: 40pt; line-height: 40px;
color: #b99a00;">{{element.headName}}</span> color: #b99a00;">{{element.headName}}</span>
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'" (click)='delTd(key,i)'>
(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/add.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/uoyello.png" *ngIf="item.new!=undefined&&i>0" (click)='upPai(key,i)'>
(click)='addTd(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>
<div class="body"> <div class="body">
<!--表格类型--> <!--表格类型-->
@ -483,14 +482,16 @@
</th> </th>
</thead> </thead>
<tbody *ngIf="pattern == 'edit'"> <tbody *ngIf="pattern == 'edit'">
<tr *ngFor="let itemtr of element.tabletr"> <tr *ngFor="let itemtr of element.tabletr;let tri=index">
<td <td
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
<input type="text" placeholder="请输入" <input type="text" placeholder="请输入"
[(ngModel)]="itemtr.tabletd[tabletdi]"> [(ngModel)]="itemtr.tabletd[tabletdi]">
</td> </td>
<img src="../../../assets/images/deletered.png" (click)='delTd(key,i,tri)'>
</tr> </tr>
</tbody> </tbody>
<tbody *ngIf="pattern == 'look'"> <tbody *ngIf="pattern == 'look'">
<tr *ngFor="let itemtr of element.tabletr"> <tr *ngFor="let itemtr of element.tabletr">
@ -568,7 +569,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="centerBox" *ngIf="item.new!=undefined"> <!-- <div class="centerBox" *ngIf="item.new!=undefined">
<div class="titleItem" > <div class="titleItem" >
<input type="text" placeholder="请输入内容" [(ngModel)]="item.headName"> <input type="text" placeholder="请输入内容" [(ngModel)]="item.headName">
<img src="../../../assets/images/add.png" (click)='addAttribute(item.groupName,key)' *ngIf="pattern == 'edit'"> <img src="../../../assets/images/add.png" (click)='addAttribute(item.groupName,key)' *ngIf="pattern == 'edit'">
@ -577,13 +578,13 @@
<div class="attackLeft" [style.width]="pattern == 'edit'?'70%':'100%'"> <div class="attackLeft" [style.width]="pattern == 'edit'?'70%':'100%'">
<div class="attackleftHead"> <div class="attackleftHead">
<input type="text" placeholder="请输入内容" [(ngModel)]="element.headName"> <input type="text" placeholder="请输入内容" [(ngModel)]="element.headName">
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/delyello.png" *ngIf="element.level==1&&pattern == 'edit'"
(click)='delTd(key,attributei)'> (click)='delTd(key,attributei)'>
<img src="../../../assets/images/add.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/addyello.png" *ngIf="element.level==1&&pattern == 'edit'"
(click)='addTd(key,attributei)' style="margin-left: 6px;"> (click)='addTd(key,attributei)' style="margin-left: 6px;">
</div> </div>
<div class="attackleftTable"> <div class="attackleftTable">
<!--表格类型-->
<table *ngIf="element.level==1"> <table *ngIf="element.level==1">
<thead> <thead>
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn"><input type="text" <th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn"><input type="text"
@ -600,9 +601,9 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<!--文本区域-->
<textarea *ngIf="element.level==3" [(ngModel)]="element.tableth"></textarea> <textarea *ngIf="element.level==3" [(ngModel)]="element.tableth"></textarea>
<!--输入框-->
<div class="inputtext" *ngIf="element.level==2"> <div class="inputtext" *ngIf="element.level==2">
<div class="inputj" style="height: 100%;width: 100%;" <div class="inputj" style="height: 100%;width: 100%;"
*ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn"> *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn">
@ -614,7 +615,7 @@
</div> </div>
</div> </div>
</div> </div>
<!--图片-->
<div style="height: 100%;width: 100%;" *ngIf="element.level==4"> <div style="height: 100%;width: 100%;" *ngIf="element.level==4">
<div class="keyImg"> <div class="keyImg">
<div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem"> <div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem">
@ -656,15 +657,15 @@
</div> </div>
</div> </div>
</div> </div> -->
<div class="keyImg" <div class="keyImg"
*ngIf="item.groupName == '重点图示' || item.groupName == '交通水源' || item.groupName == '预案附件'"> *ngIf="item.groupName == '重点图示' || item.groupName == '交通水源' || item.groupName == '预案附件'">
<div class="titleItem" style="width: 100%; <!-- <div class="titleItem" style="width: 100%;
background-color: #2196F3; background-color: #2196F3;
text-align: center; text-align: center;
color: white;"> color: white;">
<span>{{item.groupName}}</span> <span>{{item.groupName}}</span>
</div> </div> -->
<div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem" <div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem"
*ngFor="let i of item.attribute;let key = index"> *ngFor="let i of item.attribute;let key = index">
<div class="keyImgTitle" style="height: 30px; <div class="keyImgTitle" style="height: 30px;
@ -708,79 +709,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="disposalPoint" *ngIf="item.groupName == '处置要点'"> <div class="unit" *ngIf="item.groupName == '单位概况'">
<div class="titleItem" style="width: 100%;
background-color: #2196F3;
text-align: center;
color: white;">
<span>{{item.groupName}}</span>
</div>
<div class="disposalPointItem" *ngFor="let i of item.attribute;let key = index">
<div class="disposalPointTitle">
<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>
<mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'" (click)="deleteItem(item,key)">delete
</mat-icon>
</div>
<div class="disposalPointTextarea">
<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'">
{{i.cantent}}
</div>
</div>
</div>
<!-- 增加分组 -->
<div class="addDisposalPointItem" *ngIf="pattern == 'edit'">
<button mat-flat-button color="primary" (click)="addDisposalPointItem(item)">
增加分组
</button>
</div>
</div>
<div class="disposalPoint" *ngIf="item.groupName == '特别警示'">
<div class="titleItem" style="width: 100%;
background-color: #2196F3;
text-align: center;
color: white;">
<span>{{item.groupName}}</span>
</div>
<div class="disposalPointItem" *ngFor="let i of item.attribute;let key = index">
<div class="disposalPointTitle">
<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>
</div>
<div class="disposalPointTextarea">
<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'">
{{i.cantent}}
</div>
</div>
</div>
</div>
<div class="unit" *ngIf="item.groupName == '单位概况'" style="width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow-y: auto;">
<div *ngFor="let itemunit of item.building;let uniti=index"> <!-- style="border-bottom: 3px solid #999;" --> <div *ngFor="let itemunit of item.building;let uniti=index"> <!-- style="border-bottom: 3px solid #999;" -->
<div *ngIf="itemunit.completed"> <div *ngIf="itemunit.completed">
<div class="unithead" style=" height: 40px; <div class="unithead" style=" height: 40px;
@ -809,8 +738,7 @@
color: #ffffff;">{{element.surveyName}}</span> color: #ffffff;">{{element.surveyName}}</span>
<!-- <img src="../../../assets/images/deletered.png" > --> <!-- <img src="../../../assets/images/deletered.png" > -->
<img src="../../../assets/images/addbai.png" <img src="../../../assets/images/addbai.png"
(click)='unitadd(element.surveyName,uniti,1)' (click)='unitadd(element.surveyName,uniti,elei)' *ngIf="element.surveyName!='进攻通道'">
*ngIf="pattern == 'edit'&&(element.surveyName=='功能分区'||element.surveyName=='重点部位')">
</div> </div>
<div class="body"> <div class="body">
<!-- 进攻通道 --> <!-- 进攻通道 -->
@ -875,14 +803,15 @@
</div> </div>
<!-- 单位和建筑信息 --> <!-- 单位和建筑信息 -->
<div class="building" *ngIf="element.surveyName=='单位基本信息'"> <div class="building" *ngIf="element.surveyName=='单位基本信息'||element.surveyName=='建筑信息'">
<div *ngFor="let info of element.attinf"> <div *ngFor="let info of element.attinf;let infoi=index">
<div *ngIf="info.completed" class="onetext"> <div *ngIf="info.completed" class="onetext">
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'"> <input type="text" placeholder="请输入内容" style="width: 30%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.propertyName" *ngIf="pattern == 'edit'">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> <input type="text" placeholder="请输入内容" style="width: 40%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'">
<!-- <input type="text" style="width: 30%;background-color: #FFFFFF;color: #999;" [(ngModel)]="info.olddata" *ngIf="pattern == 'edit'&&oldData" readonly> --> <!-- <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> --> <!-- <span style="width: 30%;background-color: #FFFFFF;color: #999;" *ngIf="pattern == 'edit'&&oldData">{{info.olddata||'无原数据'}}</span> -->
<input type="text" style="width: 30%;background-color: #FFFFFF;color: #999;" *ngIf="pattern == 'edit'&&oldData" readonly [value]="info.olddata||'无原数据'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
<th style="border: 1px solid #999; <th style="border: 1px solid #999;
@ -898,31 +827,7 @@
</tr> </tr>
</table> </table>
</div> </div>
</div>
</div>
<div class="building" *ngIf="element.surveyName=='建筑信息'">
<div *ngFor="let info of element.attinf">
<div *ngIf="info.completed" class="onetext">
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'">
<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: 30%;background-color: #FFFFFF;color: #999;" *ngIf="pattern == 'edit'&&oldData" readonly [value]="info.olddata||'无原数据'">
<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> </div>
<!-- 消防设施 --> <!-- 消防设施 -->
@ -933,17 +838,19 @@
width: 100%; width: 100%;
background-color: #FFFBE8; background-color: #FFFBE8;
text-align: center;"> text-align: center;">
<span style="font-size: 16px; <input type="text" placeholder="请输入内容" [(ngModel)]="attack.name">
text-align: center; <img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'&&attack.zdy!=undefined"
height: 40px; (click)='unitDel(element.surveyName,uniti,attacki)'>
line-height: 40px; <img src="../../../assets/images/addyello.png"
color: #b99a00;">{{attack.name}}</span> *ngIf="pattern == 'edit'&&attack.zdy!=undefined"
(click)='unitadd(element.surveyName,uniti,attacki,0)'>
</div> </div>
<div class="fileBody"> <div class="fileBody">
<div *ngFor="let info of attack.facilityItems"> <div *ngFor="let info of attack.facilityItems;let filenum=index">
<div *ngIf="info.completed" class="onetext"> <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: 40%;background-color: #F9F9F9;text-align: center;" [(ngModel)]="info.name" *ngIf="pattern == 'edit'">
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
<th style="border: 1px solid #999; <th style="border: 1px solid #999;
@ -968,9 +875,10 @@
</div> </div>
<!-- 四周毗邻 --> <!-- 四周毗邻 -->
<div class="fouradj" *ngIf="element.surveyName=='四周毗邻'"> <div class="fouradj" *ngIf="element.surveyName=='四周毗邻'">
<div class="fourTexttwo" *ngFor="let info of element.attinf"> <div class="fourTexttwo" *ngFor="let info of element.attinf;let infoi=index">
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.name" readonly *ngIf="pattern == 'edit'"> <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: 70%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
<th style="border: 1px solid #999; <th style="border: 1px solid #999;
@ -990,7 +898,7 @@
<!-- 功能分区 --> <!-- 功能分区 -->
<div class="fouradj" *ngIf="element.surveyName=='功能分区'"> <div class="fouradj" *ngIf="element.surveyName=='功能分区'">
<div class="onetext" *ngFor="let info of element.attinf;let infoi=index"> <div class="onetext" *ngFor="let info of element.attinf;let infoi=index">
<input type="text" placeholder="请输入内容" style="width: 30%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.name" *ngIf="pattern == 'edit'"> <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'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
@ -1028,7 +936,7 @@
<div class="partsBody"> <div class="partsBody">
<div class="duohang"> <div class="duohang">
<div class="duohangHalf"> <div class="duohangHalf">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="parts.body[0].name" *ngIf="pattern == 'edit'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
@ -1048,7 +956,7 @@
</table> </table>
</div> </div>
<div class="duohangHalf"> <div class="duohangHalf">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;"[(ngModel)]="parts.body[1].name" *ngIf="pattern == 'edit'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
@ -1073,7 +981,7 @@
</div> </div>
<div class="duohang"> <div class="duohang">
<div class="duohangHalf"> <div class="duohangHalf">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="parts.body[2].name" *ngIf="pattern == 'edit'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
@ -1095,7 +1003,7 @@
</table> </table>
</div> </div>
<div class="duohangHalf"> <div class="duohangHalf">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="parts.body[3].name" *ngIf="pattern == 'edit'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
@ -1118,7 +1026,7 @@
</div> </div>
</div> </div>
<div class="danhang"> <div class="danhang">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="parts.body[4].name" *ngIf="pattern == 'edit'"> <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'"> <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;"> <table *ngIf="pattern == 'look'" style="width: 100%;border-collapse: collapse;">
<tr> <tr>
@ -1146,31 +1054,28 @@
<!--自定义新增--> <!--自定义新增-->
<div class="centerBox" <div class="centerBox"
*ngIf="element.surveyName!='单位基本信息'&&element.surveyName!='建筑信息'&&element.surveyName!='四周毗邻'&&element.surveyName!='消防设施'&&element.surveyName!='进攻通道'&&element.surveyName!='重点部位'&&element.surveyName!='功能分区'"> *ngIf="element.surveyName!='单位基本信息'&&element.surveyName!='建筑信息'&&element.surveyName!='四周毗邻'&&element.surveyName!='消防设施'&&element.surveyName!='进攻通道'&&element.surveyName!='重点部位'&&element.surveyName!='功能分区'">
<!-- <div class="titleItem" style="width: 100%;
background-color: #2196F3;
text-align: center;
color: white;">
<span>{{element.surveyName}}</span>
</div> -->
<div class="boxBody" *ngFor="let element of element.attinf;let i=index" style="height: 100%; <div class="boxBody" *ngFor="let element of element.attinf;let i=index" style="height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column;"> flex-direction: column;">
<!-- <div class="boxBodyHead" style="width: 100%; <div class="boxBodyHead" style="width: 100%;
height: 40pt; height: 40px;
background-color: #FFFBE8; background-color: #FFFBE8;
text-align: center;"> text-align: center;">
<span style="font-size: 16px; <span style="font-size: 16px;
text-align: center; text-align: center;
height: 40pt; height: 40px;
line-height: 40pt; line-height: 40px;
color: #b99a00;">{{element.headName}}</span> color: #b99a00;">{{element.headName}}</span>
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/delyello.png" *ngIf="pattern == 'edit'"
(click)='delTd(key,i)'> (click)='delTd(key,i)'>
<img src="../../../assets/images/add.png" *ngIf="element.level==1&&pattern == 'edit'" <img src="../../../assets/images/updateyello.png" *ngIf="(element.level==1||element.level==2)&&pattern == 'edit'"
(click)='addTd(key,i)'> (click)='updataHl(key,uniti,elei,i)'>
</div> --> <img src="../../../assets/images/addyello.png" *ngIf="element.level==1&&pattern == 'edit'"
(click)='unitNewadd(key,uniti,elei,i)'>
</div>
<div class="body"> <div class="body">
<!--表格类型--> <!--表格类型-->
<table *ngIf="element.level==1" style="width: 100%;border-collapse: collapse;"> <table *ngIf="element.level==1" style="width: 100%;border-collapse: collapse;">
@ -1193,13 +1098,14 @@
</th> </th>
</thead> </thead>
<tbody *ngIf="pattern == 'edit'"> <tbody *ngIf="pattern == 'edit'">
<tr *ngFor="let itemtr of element.tabletr"> <tr *ngFor="let itemtr of element.tabletr;let tri=index">
<td <td
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
<input type="text" placeholder="请输入" <input type="text" placeholder="请输入"
[(ngModel)]="itemtr.tabletd[tabletdi]"> [(ngModel)]="itemtr.tabletd[tabletdi]">
</td> </td>
<img src="../../../assets/images/deletered.png" (click)='delTd(key,uniti,elei,i,tri)'>
</tr> </tr>
</tbody> </tbody>
<tbody *ngIf="pattern == 'look'"> <tbody *ngIf="pattern == 'look'">

131
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
Unescape View File

@ -1,6 +1,34 @@
* { * {
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
//黄色标题右侧添加删除按钮样式封装
@mixin amg(){
img {
cursor: pointer;
width: 18px;
height: 18px;
float: right;
margin-top: 10px;
margin-right: 10px;
}
}
//span标签通用
@mixin span {
text-align: center;
font-size: 16px;
color: #2196F3;
height: 40px;
line-height: 40px;
}
//input标签
@mixin input($backgroudcolor) {
height: 100%;
width: 100%;
font-size: 16px;
border: none;
outline: none;
background-color: $backgroudcolor;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; /* Chrome Safari */ display: none; /* Chrome Safari */
} }
@ -259,11 +287,7 @@
text-align: center; text-align: center;
background-color: #e1f1ff; background-color: #e1f1ff;
span{ span{
text-align: center; @include span()
font-size: 16px;
color: #2196F3;
height: 40px;
line-height: 40px;
} }
} }
.newBody{ .newBody{
@ -499,14 +523,7 @@
line-height: 40px; line-height: 40px;
color: #b99a00; color: #b99a00;
} }
img { @include amg()
cursor: pointer;
width: 20px;
height: 20px;
float: right;
margin-top: 10px;
margin-right: 10px;
}
} }
.body { .body {
width: 100%; width: 100%;
@ -519,6 +536,16 @@
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
//background-color: #E8E9E9; //background-color: #E8E9E9;
img{
/* position: relative;
bottom: 30px;
left: 700px; */
float: right;
width: 30px;
height: 26px;
margin-top: 12px;
cursor: pointer;
}
} }
th { th {
//background-color: #E8E9E9; //background-color: #E8E9E9;
@ -735,14 +762,7 @@
line-height: 40px; line-height: 40px;
color: #ffffff; color: #ffffff;
} }
img { @include amg()
cursor: pointer;
width: 20px;
height: 20px;
float: right;
margin-top: 10px;
margin-right: 10px;
}
} }
.body { .body {
width: 100%; width: 100%;
@ -764,14 +784,15 @@
line-height: 40px; line-height: 40px;
color: #b99a00; color: #b99a00;
} }
img { /* img {
cursor: pointer; cursor: pointer;
width: 20px; width: 20px;
height: 20px; height: 20px;
float: right; float: right;
margin-top: 10px; margin-top: 10px;
margin-right: 10px; margin-right: 10px;
} } */
@include amg()
} }
.attackbody { .attackbody {
width: 100%; width: 100%;
@ -823,15 +844,13 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.onetext{ .onetext{
height: 40px; height: 42px;
width: 100%; width: 100%;
border-bottom: 1px solid #F2F4F5; border-bottom: 1px solid #E8E9E9;
span{ span{
height: 40px; height: 100%;
width: 40%; width: 40%;
font-size: 16px; font-size: 16px;
background-color: #F2F4F5; background-color: #F2F4F5;
@ -842,13 +861,13 @@
font-size: 16px; font-size: 16px;
border: none; border: none;
outline: none; outline: none;
border-bottom: 1px solid #F2F4F5; //border-bottom: 1px solid #E8E9E9;
} }
img{ img{
height: 20px; height: 20px;
width: 20px; width: 20px;
position: relative; position: relative;
top: 10px; top: 12px;
} }
} }
.file{ .file{
@ -858,7 +877,7 @@
height: 40px; height: 40px;
width: 100%; width: 100%;
background-color: #FFFBE8; background-color: #FFFBE8;
text-align: center;
span { span {
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -866,6 +885,16 @@
line-height: 40px; line-height: 40px;
color: #b99a00; color: #b99a00;
} }
input{
height: 40px;
background-color: #FFFBE8;
font-size: 16px;
border: none;
outline: none;
color: #b99a00;
text-align: center;
}
@include amg()
} }
.fileBody{ .fileBody{
height: 100%; height: 100%;
@ -908,7 +937,12 @@
font-size: 16px; font-size: 16px;
border: none; border: none;
outline: none; outline: none;
}
img{
height: 20px;
width: 20px;
position: relative;
//top: 12px;
} }
} }
} }
@ -930,14 +964,7 @@
background-color: #FFFBE8; background-color: #FFFBE8;
color: #b99a00; color: #b99a00;
} }
img { @include amg()
cursor: pointer;
width: 20px;
height: 20px;
float: right;
margin-top: 10px;
margin-right: 10px;
}
} }
.partsBody{ .partsBody{
width: 100%; width: 100%;
@ -1031,13 +1058,14 @@
width: 100%; width: 100%;
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
background-color: #e1f1ff; background-color: #e8f4fe;
text-align: center; //text-align: center;
color: white; color: #2196F3;
input { input {
background-color: #e1f1ff; background-color: #e1f1ff;
color: #2196F3; color: #2196F3;
text-align: center; //text-align: center;
margin-left: 20px;
height: 100%; height: 100%;
width: 90%; width: 90%;
font-size: 16px; font-size: 16px;
@ -1050,6 +1078,9 @@
top: 4px; top: 4px;
cursor: pointer; cursor: pointer;
} }
span{
margin-left: 20px;
}
} }
.attack { .attack {
width: 100%; width: 100%;
@ -1235,14 +1266,7 @@
line-height: 40px; line-height: 40px;
color: #b99a00; color: #b99a00;
} }
img { @include amg()
cursor: pointer;
width: 20px;
height: 20px;
float: right;
margin-top: 10px;
margin-right: 10px;
}
} }
.body { .body {
width: 100%; width: 100%;
@ -1255,6 +1279,7 @@
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
//background-color: #E8E9E9; //background-color: #E8E9E9;
} }
th { th {
//background-color: #E8E9E9; //background-color: #E8E9E9;
@ -1266,7 +1291,7 @@
background-color: #e8e9e9; background-color: #e8e9e9;
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 95%;
font-size: 16px; font-size: 16px;
border: none; border: none;
outline: none; outline: none;

333
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
Unescape View File

@ -62,6 +62,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
if (this.route.snapshot.queryParams.pattern == 'false') { if (this.route.snapshot.queryParams.pattern == 'false') {
this.pattern = 'look' this.pattern = 'look'
this.blockyl = false this.blockyl = false
this.clickTitleItem('单位概况')
} else { } else {
this.pattern = 'edit' this.pattern = 'edit'
} }
@ -249,6 +250,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
selectedContent:any selectedContent:any
async clickTitleItem(item) { async clickTitleItem(item) {
//this.planTemplateData[key].new=true //this.planTemplateData[key].new=true
this.selectedContent = item this.selectedContent = item
this.addNumber = -1 this.addNumber = -1
this.yinruData = { this.yinruData = {
@ -372,9 +374,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
console.log(this.planTemplateData) console.log(this.planTemplateData)
} /* else if (this.selectedItem == '单位概况') { } else if (this.selectedItem == '预案附件') {
//this.getAllBuildings()
} */ else if (this.selectedItem == '预案附件') {
this.getTwoDPlanList() this.getTwoDPlanList()
}else if(this.selectedItem == '新建'){ }else if(this.selectedItem == '新建'){
const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去 const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去
@ -606,11 +606,27 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
element.attribute = [{ name: '特别警示', content: '' }] element.attribute = [{ name: '特别警示', content: '' }]
} }
} }
if(element.groupName=='三位概况'){
this.clickTitleItem('单位概况')
}
}); });
if(this.planLevel=='4'){ if(this.planLevel=='4'){
this.planTemplateData.push({completed: true,groupName: '新建'}) this.planTemplateData.push({completed: true,groupName: '新建'})
} }
this.planTemplateData.forEach(element => {
if(element.attribute!=undefined){
/* element.attribute.forEach((item,index,value) => {
if(value[index].level!=undefined&&value[index].level==1){
value[index].lieNumber=value[index].tableth.length
}
}); */
for(let i=0;i<element.attribute.length;i++){
if(element.attribute[i].level!=undefined&&element.attribute[i].level==1){
element.attribute[i].lieNumber=element.attribute[i].tableth.length
}
}
}
});
console.log(this.planTemplateData) console.log(this.planTemplateData)
}) })
@ -1192,10 +1208,17 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
trackByFn(index) { trackByFn(index) {
return index return index
} }
//灾情设定表格增加一行 //四种类型增加一行
addNumber = -1 addNumber = -1
addTd(key, i) { addTd(key, i) {
this.addNumber++ this.addNumber++
if (this.planTemplateData[key].attribute[i].tableth == undefined) {
//this.planTemplateData[key].attribute[i].tabletr = []
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('请先编辑列!', '确定', config);
}else{
if(this.planTemplateData[key].attribute[i].tabletr == undefined){ if(this.planTemplateData[key].attribute[i].tabletr == undefined){
this.planTemplateData[key].attribute[i].tabletr = [] this.planTemplateData[key].attribute[i].tabletr = []
} }
@ -1208,24 +1231,128 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
this.planTemplateData[key].attribute[i].tabletr[this.addNumber].tabletd.push('') this.planTemplateData[key].attribute[i].tabletr[this.addNumber].tabletd.push('')
} }
} }
}
// console.log(this.planTemplateData) // console.log(this.planTemplateData)
} }
//灾情设定表格删除一行 //四种类型删除一行
delTd(key, i) { delTd(key, i,tri?:number,uniti?:number,elei?:number) {
const config = new MatSnackBarConfig(); const config = new MatSnackBarConfig();
config.verticalPosition = 'top'; config.verticalPosition = 'top';
config.duration = 3000 config.duration = 3000
if (this.planTemplateData[key].attribute[i].tabletr != undefined) { let isTrue = confirm('您确定要删除该条信息吗')
this.planTemplateData[key].attribute[i].tabletr.splice(this.planTemplateData[key].attribute[i].tabletr.length - 1, 1) if(isTrue){
this.addNumber-- if(tri==undefined){
if (this.planTemplateData[key].attribute[i].tabletr.length == 0) { this.planTemplateData[key].attribute.splice(i,1)
this.addNumber = -1 }else{
if(uniti==undefined&&elei==undefined){
this.planTemplateData[key].attribute[i].tabletr.splice(tri,1)
}else{
this.planTemplateData[key].building[i].body[tri].attinf[uniti].tabletr.splice(elei,1)
}
}
}
}
//修改多行文本，表格行列数量
updataHl(...num:number[]){
const dialogRef = this.dialog.open(updataHl, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'350px',
disableClose:true,
data:JSON.parse(JSON.stringify(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]))
});
dialogRef.afterClosed().subscribe(result => {
if(result!=undefined){
//外层四种类型编辑行跟列
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).level==1){
//表格类型编辑列数
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr==undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr = []
}
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length<result.lieNumber){
//表格类型新增列数
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i<result.lieNumber;i++){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.push('')
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr!=undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr.forEach(element => {
element.tabletd.push('')
});
}
} }
}else{ }else{
this.snackBar.open('请先增加一行!', '确定', config); //表格类型减少列数
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i>result.lieNumber;i--){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.splice(i-1,1)
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr!=undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr.forEach((element) => {
element.tabletd.splice(element.tabletd.length-1,1)
});
}
}
}
}else if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).level==2){
//多行文本编辑行列
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length<result.hNumber){
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i<result.hNumber;i++){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.push([{body: '', head: ''}])
}
}else{
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i>result.hNumber;i--){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.splice(i-1,1)
}
}
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.forEach((element,index,value) => {
if(value[index].length<result.lieNumber){
for(let a=value[index].length;a<result.lieNumber;a++){
value[index].push({body: '', head: ''})
}
}else{
for(let a=value[index].length;a>result.lieNumber;a--){
value[index].splice(index-1,1)
}
}
});
}
console.log(this.planTemplateData)
}
});
}
//新建内容向上排序
upPai(zi,attributei){
var temp
if(attributei!=0){
for (let index = attributei-1; index >=0; index--) {
temp=this.planTemplateData[zi].attribute[index]
this.planTemplateData[zi].attribute[index]=this.planTemplateData[zi].attribute[attributei]
this.planTemplateData[zi].attribute[attributei]=temp
return
}
}
}
//新建内容向下排序
downPai(zi,attributei){
var temp
if (attributei!=this.planTemplateData[zi].attribute.length-1) {
for (let index = attributei+1; index < this.planTemplateData[zi].attribute.length; index++) {
temp=this.planTemplateData[zi].attribute[index]
this.planTemplateData[zi].attribute[index]=this.planTemplateData[zi].attribute[attributei]
this.planTemplateData[zi].attribute[attributei]=temp
return
} }
} }
}
//单位概况左侧建筑点击事件 //单位概况左侧建筑点击事件
buildingName buildingName
clicki = 0 clicki = 0
@ -1236,21 +1363,23 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
// console.log(item, this.clicki) // console.log(item, this.clicki)
} }
//单位概况增加一行 //单位概况增加一行
unitadd(surveyName, attacki, i) { unitadd(surveyName, attacki, i,fileNum?:number) {
 let index = this.getArrayIndex(this.planTemplateData,'单位概况') let index = this.getArrayIndex(this.planTemplateData,'单位概况')
this.addNumber++ this.addNumber++
this.planTemplateData[index].building[attacki].body.forEach((value,bodyi,arr)=>{
if(surveyName==arr[bodyi].surveyName){
if(arr[bodyi].zdy==undefined){
if (surveyName == '进攻通道') { if (surveyName == '进攻通道') {
if (this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr == undefined) { if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr == undefined) {
this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr = [] this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr = []
} }
this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.push({ tabletd: [] }) this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.push({ tabletd: [] })
for (var j = 0; j < this.planTemplateData[index].building[attacki].body[4].attinf[i].tableth.length; j++) { for (var j = 0; j < this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tableth.length; j++) {
if (this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr != undefined) { if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr != undefined) {
this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr[this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1].tabletd.push('') this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr[this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1].tabletd.push('')
} }
else { else {
this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr[this.addNumber].tabletd.push('') this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr[this.addNumber].tabletd.push('')
} }
} }
@ -1258,39 +1387,93 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
} }
else if (surveyName == '功能分区') { else if (surveyName == '功能分区') {
// console.log(attacki) // console.log(attacki)
this.planTemplateData[index].building[attacki].body[6].attinf.push({ name: '', value: '' }) this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '' })
} else if (surveyName == '重点部位') { } else if (surveyName == '重点部位') {
this.planTemplateData[index].building[attacki].body[5].attinf.push({ heafName: '', body: [{ name: '重点部位名称', value: '' }, { name: '重点部位所在位置', value: '' }, { name: '建筑结构', value: '' }, { name: '使用性质', value: '' }, { name: '主要危险性', value: '' }] }) this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ heafName: '', body: [{ name: '重点部位名称', value: '' }, { name: '重点部位所在位置', value: '' }, { name: '建筑结构', value: '' }, { name: '使用性质', value: '' }, { name: '主要危险性', value: '' }] })
}
else if(surveyName == '单位基本信息'||surveyName == '建筑信息'){
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ propertyName: '', value: '',completed:true,zdy:true })
} else if(surveyName == '四周毗邻'){
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '',completed:true,zdy:false })
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '',completed:true,zdy:true })
}else if(surveyName == '消防设施'){
if(fileNum==0){
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].facilityItems.push({ name: '', value: '',completed:true,zdy:true})
}else{
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ propertyName: '', value: '',completed:true,zdy:true,facilityItems:[] })
}
} }
}else{
this.addAttribute(surveyName,attacki,i,1,surveyName)
}
}
})
console.log(this.planTemplateData)
}
//单位概况自定义表格新增一行
unitNewadd(...num:number[]){
console.log(num)
if (this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tableth == undefined) {
//this.planTemplateData[key].attribute[i].tabletr = []
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('请先编辑列!', '确定', config);
}else{
if(this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr == undefined){
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr = []
}
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr.push({ tabletd: [] })
for(var j = 0; j < this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tableth.length; j++) {
if (this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr != undefined) {
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr[this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr.length - 1].tabletd.push('')
}
else {
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr[this.addNumber].tabletd.push('')
}
}
}
//this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].push()
} }
//单位概况删除一行 //单位概况删除一行
unitDel(surveyName, attacki, i) { unitDel(surveyName, attacki, i,fileNum?:number) {
let index = this.getArrayIndex(this.planTemplateData,'单位概况') let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const config = new MatSnackBarConfig(); const config = new MatSnackBarConfig();
config.verticalPosition = 'top'; config.verticalPosition = 'top';
config.duration = 3000 config.duration = 3000
let isTrue = confirm('您确定要删除该条信息吗') let isTrue = confirm('您确定要删除该条信息吗')
this.planTemplateData[index].building[attacki].body.forEach((value,bodyi,arr) => {
if(surveyName==arr[bodyi].surveyName){
if (surveyName == '进攻通道') { if (surveyName == '进攻通道') {
if (isTrue) { if (isTrue) {
if (this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr != undefined) { if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr != undefined) {
this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.splice(this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1, 1) this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.splice(this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1, 1)
this.addNumber-- this.addNumber--
if (this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length == 0) { if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.length == 0) {
this.addNumber = -1 this.addNumber = -1
} }
} else { } else {
this.snackBar.open('请先增加一行!', '确定', config); this.snackBar.open('请先增加一行!', '确定', config);
} }
} }
} else if (surveyName == '功能分区') { } else if (surveyName == '功能分区'||surveyName=='重点部位'||surveyName=='单位基本信息'||surveyName=='建筑信息'||surveyName=='消防设施') {
if (isTrue) { if (isTrue) {
this.planTemplateData[index].building[attacki].body[6].attinf.splice(i, 1) if(surveyName=='消防设施'&&fileNum!=undefined){
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].facilityItems.splice(fileNum,1)
}else{
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i, 1)
} }
} else if (surveyName == '重点部位') {
if (isTrue) { }
this.planTemplateData[index].building[attacki].body[5].attinf.splice(i, 1) }else if(surveyName == '四周毗邻'){
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i, 1)
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i-1, 1)
} }
} }
});
} }
//分段上传 //分段上传
@ -1403,13 +1586,13 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
oldData = false oldData = false
clickoldData() { clickoldData() {
this.oldData = !this.oldData this.oldData = !this.oldData
} }
//新增功能(社会联动等引用) //新增功能(社会联动等引用)
searchType = '0' searchType = '0'
//打开自定义新增具体内容 //打开自定义新增具体内容
tuTrue=false tuTrue=false
addAttribute(groupName,key){ addAttribute(groupName,attacki?:any, i?:any,fileNum?:any,surveyName?:string){
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去 const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去
width: '340px', width: '340px',
height:'450px', height:'450px',
@ -1419,6 +1602,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
console.log(result) console.log(result)
if(result!=undefined){ if(result!=undefined){
if(surveyName==undefined){
this.planTemplateData.forEach((value,index,array)=>{ this.planTemplateData.forEach((value,index,array)=>{
if(array[index].groupName==groupName){ if(array[index].groupName==groupName){
if(array[index].attribute==undefined){ if(array[index].attribute==undefined){
@ -1437,6 +1621,10 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
} }
} }
}) })
}
else{
this.planTemplateData[index].building[attacki].body[i].attinf.push(result)
}
if(result.level=='4'){ if(result.level=='4'){
this.tuTrue=true this.tuTrue=true
this.getAllBuildings() this.getAllBuildings()
@ -1543,6 +1731,45 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
e.target.value='' e.target.value=''
}) })
} }
//消防设施新增一条数据
zdyXf(groupName){
const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'450px',
disableClose:true,
data:this.planTemplateData
});
dialogRef.afterClosed().subscribe(result => {
console.log(result)
if(result!=undefined){
this.planTemplateData.forEach((value,index,array)=>{
if(array[index].groupName==groupName){
if(array[index].attribute==undefined){
array[index].attribute=[]
array[index].attribute.push(result)
}else{
array[index].attribute.push(result)
}
if(result.level==2){
for(var i=0;i<result.hNumber;i++){
array[index].attribute[array[index].attribute.length-1].tableth.push([{head:'',body:''}])
for(var j=0;j<result.lieNumber-1;j++){
array[index].attribute[array[index].attribute.length-1].tableth[i].push({head:'',body:''})
}
}
}
}
})
if(result.level=='4'){
this.tuTrue=true
this.getAllBuildings()
this.getSitePlan()
this.getRealPicture()
}
}
console.log(this.planTemplateData)
});
}
} }
@ -1717,10 +1944,42 @@ export class disaster{
tableth:this.level==1||this.level==2?[]:this.level==3?'':tree, tableth:this.level==1||this.level==2?[]:this.level==3?'':tree,
lieNumber:this.lieNumber, lieNumber:this.lieNumber,
hNumber:this.hNumber, hNumber:this.hNumber,
imgArr: [] imgArr: [],
zdy:true
} }
this.dialogRef.close(attrubute); this.dialogRef.close(attrubute);
} }
} }
} }
//修改表格，都行文本行列
@Component({
selector: 'updataHl',
templateUrl: './updatal.html',
styleUrls: ['./addKeyname.scss']
})
export class updataHl{
constructor(private http: HttpClient,public dialogRef: MatDialogRef<updataHl>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
ngOnInit(): void{
JSON.parse(JSON.stringify(this.data))
this.level=Number(this.data.level)
console.log(this.data)
}
level//类型
headName=this.data.headName//表头名称
lieNumber=this.data.zdy!=undefined?0:this.data.lieNumber//最小列数
hNumber=this.data.zdy!=undefined?0:this.data.hNumber//行数
//取消按钮
close(){
this.dialogRef.close();
}
//确定按钮
newdisaster(){
console.log(this.data)
let result={
lieNumber:this.level==2? this.data.tableth[0].length:this.data.tableth.length,
hNumber:this.data.tableth.length
}
this.dialogRef.close(result);
}
}

34
src/app/plan-management/create-plan-online-five/updatal.html
Unescape View File

@ -0,0 +1,34 @@
<div class="box">
<div class="top">
<span style="font-size: 20px;">修改内容</span>
</div>
<div class="queryField">
<label style="margin-right: 10px;">名称:</label>
<!-- <mat-form-field class="example-full-width">
<input matInput placeholder="请输入表头名称" [(ngModel)]="headName" autocomplete="off" readonly>
</mat-form-field> -->
<span>{{headName}}</span>
</div>
<div class="queryField" *ngIf="level==1">
<label style="margin-right: 10px;">列数:</label>
<mat-form-field class="example-full-width">
<input matInput type="number" [(ngModel)]="data.tableth.length" autocomplete="off" required [min]="lieNumber">
</mat-form-field>
</div>
<div class="queryField" *ngIf="level==2">
<label style="margin-right: 10px;">列数:</label>
<mat-form-field class="example-full-width">
<input matInput type="number" [(ngModel)]="data.tableth[0].length" autocomplete="off" required [min]="lieNumber">
</mat-form-field>
</div>
<div class="queryField" *ngIf="level==2">
<label style="margin-right: 10px;">行数:</label>
<mat-form-field class="example-full-width">
<input matInput type="number" [(ngModel)]="data.tableth.length" autocomplete="off" required [min]="hNumber">
</mat-form-field>
</div>
<div class="bottom">
<button mat-raised-button color="primary" (click)='newdisaster()'>确定</button>
<button mat-raised-button style="margin-left: 50px;" (click)='close()'>取消</button>
</div>
</div>

3
src/app/plan-management/plan-management.module.ts
Unescape View File

@ -72,12 +72,13 @@ import { KeyUnitModule } from '../key-unit/key-unit.module';
import { yinYong } from './create-plan-online-five/create-plan-online-five.component' import { yinYong } from './create-plan-online-five/create-plan-online-five.component'
import { newTitle } from './create-plan-online-five/create-plan-online-five.component' import { newTitle } from './create-plan-online-five/create-plan-online-five.component'
import { disaster } from './create-plan-online-five/create-plan-online-five.component' import { disaster } from './create-plan-online-five/create-plan-online-five.component'
import { updataHl } from './create-plan-online-five/create-plan-online-five.component'
@NgModule({ @NgModule({
declarations: [EntryPlanComponent, PassPlanComponent, OpenPlanComponent, EntryPlanLookComponent, AddPlanone, PlanType, AuditSatus, PlanLevel, DownloadFile, AuditResult, ChangeName, declarations: [EntryPlanComponent, PassPlanComponent, OpenPlanComponent, EntryPlanLookComponent, AddPlanone, PlanType, AuditSatus, PlanLevel, DownloadFile, AuditResult, ChangeName,
WebLookComponent, OnetwoEntryPlanComponent, newunitComponent, MeetPlanComponent, newunitMeet, TypePlanComponent, newunitType, PsViewer, onetwoAuditResult, meetAuditResult, WebLookComponent, OnetwoEntryPlanComponent, newunitComponent, MeetPlanComponent, newunitMeet, TypePlanComponent, newunitType, PsViewer, onetwoAuditResult, meetAuditResult,
typeAuditResult, MaintainUpComponent, GkPsViewer, GkhtmlPsViewer, UnitInfo, ReinforcePlanComponent, state, ImgDetails, CreatePlanOnlineFiveComponent, CreatePlanOnlineThreeComponent, typeAuditResult, MaintainUpComponent, GkPsViewer, GkhtmlPsViewer, UnitInfo, ReinforcePlanComponent, state, ImgDetails, CreatePlanOnlineFiveComponent, CreatePlanOnlineThreeComponent,
OpenPlanToolDialog,yinYong,newTitle,disaster], OpenPlanToolDialog,yinYong,newTitle,disaster,updataHl],
imports: [ imports: [
CommonModule, CommonModule,
PlanManagementRoutingModule, PlanManagementRoutingModule,

6
src/app/ui/plan-template/plan-template.component.html
Unescape View File

@ -66,7 +66,7 @@
</div> </div>
<div *ngIf="item.groupName!='预案附件'&&item.groupName!='交通水源'&&item.groupName!='重点图示'" class="addinfo" (click)='addAttribute(zi,item.groupName)'> <div *ngIf="item.groupName!='预案附件'&&item.groupName!='交通水源'&&item.groupName!='重点图示'" class="addinfo" (click)='addAttribute(zi,item.groupName)'>
<img src="../../../assets/images/update.png" style="height: 15px;margin-top: 4px;margin-left: 5px;"> <img src="../../../assets/images/update.png" style="height: 15px;margin-top: 4px;margin-left: 5px;">
<span style="margin-left: 2px;">编辑</span> <span style="margin-left: 2px;">{{item.groupName=='单位概况'?'编辑':'新增'}}</span>
</div> </div>
<div class="delinfo" (click)='deleteGroup(item.groupName)'> <div class="delinfo" (click)='deleteGroup(item.groupName)'>
<img src="../../../assets/images/deleteblue.png" style="margin-left: 10px;height: 15px;margin-top: 4px;"> <img src="../../../assets/images/deleteblue.png" style="margin-left: 10px;height: 15px;margin-top: 4px;">
@ -92,7 +92,7 @@
<div class="caozuo"> <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="#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)' <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/addbai.png"> 编辑</button> *ngIf="item.groupName=='单位概况'&&(element.surveyName!='四周毗邻'&&element.surveyName!='重点部位'&&element.surveyName!='功能分区')"><img src="../../../assets/images/updatabai.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/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)'> <img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;position: relative;top: 15px;float: right;" (click)='zaiTop(zi,suri)'>
</div> </div>
@ -173,7 +173,7 @@
(click)='delattAndfileOne(item.groupName,element.surveyName,i)'><img (click)='delattAndfileOne(item.groupName,element.surveyName,i)'><img
src="../../../assets/images/deletehui.png"> 删除</button> src="../../../assets/images/deletehui.png"> 删除</button>
<button mat-raised-button color="primary" style="margin-right: 10px;" <button mat-raised-button color="primary" style="margin-right: 10px;"
(click)='fileAdd(attinf.facilityItems,i)'><img src="../../../assets/images/addbai.png"> (click)='fileAdd(attinf.facilityItems,i)'><img src="../../../assets/images/updatabai.png">
编辑</button> 编辑</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/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)'> <img src="../../../assets/images/toppaixu.png" alt="" style="height: 15px;float: right;position: relative;top: 17px;" (click)='threeTop(zi,suri,i)'>

BIN
src/assets/images/addyello.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 447 B

BIN
src/assets/images/delyello.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
src/assets/images/downyello.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 339 B

BIN
src/assets/images/uoyello.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 B

BIN
src/assets/images/updatabai.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 B

BIN
src/assets/images/updateyello.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

Write Preview
Loading…
Cancel
Save