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

[完善]调节图示，处置要点，水源，警示，预案附件内联样式

tangshan
邵佳豪 4 years ago
parent
8ecdebf49d
commit
47e0182b04
2 changed files with 73 additions and 21 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 90
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
  2. 4
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss

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

@ -181,8 +181,9 @@
</div>
</div>
</div>
<div class="mainbox" id="mainbox">
<!-- 模板页面 -->
<div *ngFor="let item of planTemplateData;let key = index">
<div *ngIf="selectedItem == item.groupName || pattern == 'look'">
@ -193,7 +194,7 @@
</p>
<h1>{{item.attribute.planName}}</h1>
<ul>
<li>
<li style="display: flex;">
<div>
对象名称：
</div>
@ -283,7 +284,7 @@
审核时间：
</div>
<div>
<input type="text" [(ngModel)]="item.attribute.auditTime">
<input style="border:none" type="text" [(ngModel)]="item.attribute.auditTime">
</div>
</li>
</ul>
@ -346,20 +347,38 @@
</div>
<div class="keyImg"
*ngIf="item.groupName == '重点图示' || item.groupName == '交通水源' || item.groupName == '预案附件'">
<div class="titleItem">
<div class="titleItem" style="width: 100%;
height: 36px;
line-height: 36px;
background-color: #2196F3;
text-align: center;
color: white;">
<span>{{item.groupName}}</span>
</div>
<div class="keyImgItem" *ngFor="let i of item.attribute;let key = index">
<div class="keyImgTitle">
<input type="text" placeholder="请输入分组名称" [(ngModel)]="i.name">
<mat-icon class="deleteItem" *ngIf="key != 0" (click)="deleteItem(item,key)">delete
<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>
<mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'" (click)="deleteItem(item,key)">delete
</mat-icon>
</div>
<div class="keyImgImg">
<div class="imgbox" *ngFor="let imgUrl of i.imgArr;let imgkey = index">
<mat-icon class="deleteImg" (click)="deleteImgItem(i.imgArr,imgkey)">delete
<div style="margin-top: 10px;
text-align: center;
position: relative;" class="imgbox" *ngFor="let imgUrl of i.imgArr;let imgkey = index">
<mat-icon *ngIf="pattern == 'edit'" class="deleteImg" (click)="deleteImgItem(i.imgArr,imgkey)">delete
</mat-icon>
<img [src]="imgUrl" alt="">
<img style="max-width: 100%;
width: auto;
height: auto;" [src]="imgUrl" alt="">
</div>
<div class="uploadBtn" *ngIf="pattern == 'edit'">
<button mat-stroked-button>
@ -377,18 +396,36 @@
</div>
</div>
<div class="disposalPoint" *ngIf="item.groupName == '处置要点'">
<div class="titleItem">
<div class="titleItem" style="width: 100%;
height: 36px;
line-height: 36px;
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 type="text" placeholder="请输入分组名称" [(ngModel)]="i.name">
<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" (click)="deleteItem(item,key)">delete
</mat-icon>
</div>
<div class="disposalPointTextarea">
<textarea [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
<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>
<!-- 增加分组 -->
@ -399,16 +436,35 @@
</div>
</div>
<div class="disposalPoint" *ngIf="item.groupName == '特别警示'">
<div class="titleItem">
<div class="titleItem" style="width: 100%;
height: 36px;
line-height: 36px;
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 type="text" placeholder="请输入分组名称" [(ngModel)]="i.name">
<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 [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
<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>

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

@ -260,10 +260,6 @@
div {
height: 38px;
line-height: 38px;
nz-select {
width: 150px;
height: 33px;
}
}
div:first-child {
width: 45%;

Write Preview
Loading…
Cancel
Save