Browse Source

[完善]格式代码

tangshan
邵佳豪 4 years ago
parent
commit
d833b7c98d
  1. 32
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
  2. 20
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss

32
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html

@ -88,14 +88,14 @@
<div class="content">
<div class="realPictureItem" *ngFor="let item of allRealPicture">
<div class="realPictureTitle">{{item.name}}</div>
<div class="contentitem"
*ngFor="let i of item.realityImages">
<div class="contentitem" *ngFor="let i of item.realityImages">
<div class="realPictureImgItem">
<img [src]="i.newImageUrl" alt="">
<div class="realPictureImgItemBtn realPictureImgItemBtn1">
查看图片
</div>
<div class="realPictureImgItemBtn realPictureImgItemBtn2" (click)="addkeyImgItemLeft(i)">
<div class="realPictureImgItemBtn realPictureImgItemBtn2"
(click)="addkeyImgItemLeft(i)">
增加分组
</div>
</div>
@ -223,15 +223,18 @@
<div class="boxBody" *ngFor="let element of item.attribute;let i=index">
<div class="boxBodyHead">
<span>{{element.headName}}</span>
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1" (click)='delTd(key,i)'>
<img src="../../../assets/images/add.png" *ngIf="element.level==1" (click)='addTd(key,i)'>
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1"
(click)='delTd(key,i)'>
<img src="../../../assets/images/add.png" *ngIf="element.level==1"
(click)='addTd(key,i)'>
</div>
<div class="body">
<!--表格类型-->
<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>
<th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn">
<input type="text" placeholder="请输入内容"
[(ngModel)]="element.tableth[tablethi]"></th>
</thead>
<tbody>
<!-- <tr>
@ -240,23 +243,28 @@
<td><input type="text"placeholder="请输入内容" ></td>
</tr> -->
<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
*ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
<input type="text" placeholder="请输入"
[(ngModel)]="itemtr.tabletd[tabletdi]">
</td>
</tr>
</tbody>
</table>
<!--文本区域-->
<textarea style="width: 99%;height: 100px;" *ngIf="element.level==3" [(ngModel)]="element.tableth"></textarea>
<textarea style="width: 99%;height: 100px;" *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%;"
<input type="text" placeholder="请输入内容"
style="background-color: #E8E9E9;width: 40%;"
[(ngModel)]="itemthj.head">
<input type="text" placeholder="请输入内容" style="width: 60%;" [(ngModel)]="itemthj.body">
<input type="text" placeholder="请输入内容" style="width: 60%;"
[(ngModel)]="itemthj.body">
</div>
</div>
</div>

20
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss

@ -1,4 +1,3 @@
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
@ -88,7 +87,7 @@
line-height: 33px;
text-align: center;
font-size: 15px;
color: #2196F3;
color: #2196f3;
background: #e8f4fe;
}
.planlist {
@ -122,7 +121,7 @@
width: 100px;
height: 100px;
border-radius: 10px;
border: 1px solid #2196F3;
border: 1px solid #2196f3;
overflow: hidden;
img {
width: 100%;
@ -172,7 +171,6 @@
}
}
}
}
.mainbox {
background-color: white;
@ -239,7 +237,7 @@
span {
margin-left: 20px;
font-size: 16px;
color: #2196F3 ;
color: #2196f3;
opacity: 1;
height: 40px;
line-height: 40px;
@ -253,14 +251,14 @@
.boxBodyHead {
width: 100%;
height: 40px;
background-color: #FFD91D;
background-color: #ffd91d;
text-align: center;
span {
font-size: 16px;
text-align: center;
height: 40px;
line-height: 40px;
color: #B99A00;
color: #b99a00;
}
img {
cursor: pointer;
@ -276,7 +274,7 @@
height: 100%;
thead {
width: 100%;
background-color: #E8E9E9;
background-color: #e8e9e9;
}
table {
width: 100%;
@ -290,7 +288,7 @@
font-size: 16px;
text-align: center;
input {
background-color: #E8E9E9;
background-color: #e8e9e9;
text-align: center;
height: 100%;
width: 100%;
@ -305,7 +303,7 @@
font-size: 16px;
text-align: center;
input {
background-color: #FFFFFF;
background-color: #ffffff;
text-align: center;
height: 100%;
width: 100%;
@ -343,7 +341,7 @@
border: 1px solid #e8e9e9;
.keyImgTitle {
height: 30px;
border-left: 1px solid #2196F3;
border-left: 1px solid #2196f3;
position: relative;
input {
width: 100%;

Loading…
Cancel
Save