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="content">
<div class="realPictureItem" *ngFor="let item of allRealPicture"> <div class="realPictureItem" *ngFor="let item of allRealPicture">
<div class="realPictureTitle">{{item.name}}</div> <div class="realPictureTitle">{{item.name}}</div>
<div class="contentitem" <div class="contentitem" *ngFor="let i of item.realityImages">
*ngFor="let i of item.realityImages">
<div class="realPictureImgItem"> <div class="realPictureImgItem">
<img [src]="i.newImageUrl" alt=""> <img [src]="i.newImageUrl" alt="">
<div class="realPictureImgItemBtn realPictureImgItemBtn1"> <div class="realPictureImgItemBtn realPictureImgItemBtn1">
查看图片 查看图片
</div> </div>
<div class="realPictureImgItemBtn realPictureImgItemBtn2" (click)="addkeyImgItemLeft(i)"> <div class="realPictureImgItemBtn realPictureImgItemBtn2"
(click)="addkeyImgItemLeft(i)">
增加分组 增加分组
</div> </div>
</div> </div>
@ -223,15 +223,18 @@
<div class="boxBody" *ngFor="let element of item.attribute;let i=index"> <div class="boxBody" *ngFor="let element of item.attribute;let i=index">
<div class="boxBodyHead"> <div class="boxBodyHead">
<span>{{element.headName}}</span> <span>{{element.headName}}</span>
<img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1" (click)='delTd(key,i)'> <img src="../../../assets/images/deleteblue.png" *ngIf="element.level==1"
<img src="../../../assets/images/add.png" *ngIf="element.level==1" (click)='addTd(key,i)'> (click)='delTd(key,i)'>
<img src="../../../assets/images/add.png" *ngIf="element.level==1"
(click)='addTd(key,i)'>
</div> </div>
<div class="body"> <div class="body">
<!--表格类型--> <!--表格类型-->
<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">
placeholder="请输入内容" [(ngModel)]="element.tableth[tablethi]"></th> <input type="text" placeholder="请输入内容"
[(ngModel)]="element.tableth[tablethi]"></th>
</thead> </thead>
<tbody> <tbody>
<!-- <tr> <!-- <tr>
@ -240,23 +243,28 @@
<td><input type="text"placeholder="请输入内容" ></td> <td><input type="text"placeholder="请输入内容" ></td>
</tr> --> </tr> -->
<tr *ngFor="let itemtr of element.tabletr"> <tr *ngFor="let itemtr of element.tabletr">
<td *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn"> <td
<input type="text" placeholder="请输入" [(ngModel)]="itemtr.tabletd[tabletdi]"> *ngFor="let itemtd of itemtr.tabletd;let tabletdi=index;TrackBy:trackByFn">
<input type="text" placeholder="请输入"
[(ngModel)]="itemtr.tabletd[tabletdi]">
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </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="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">
<div style="height: 100%;width: 100%;" <div style="height: 100%;width: 100%;"
*ngFor="let itemthj of element.tableth[tablethi];let tablethj=index;TrackBy:trackByFn"> *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"> [(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> </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-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
@ -88,7 +87,7 @@
line-height: 33px; line-height: 33px;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
color: #2196F3; color: #2196f3;
background: #e8f4fe; background: #e8f4fe;
} }
.planlist { .planlist {
@ -122,7 +121,7 @@
width: 100px; width: 100px;
height: 100px; height: 100px;
border-radius: 10px; border-radius: 10px;
border: 1px solid #2196F3; border: 1px solid #2196f3;
overflow: hidden; overflow: hidden;
img { img {
width: 100%; width: 100%;
@ -172,7 +171,6 @@
} }
} }
} }
} }
.mainbox { .mainbox {
background-color: white; background-color: white;
@ -239,7 +237,7 @@
span { span {
margin-left: 20px; margin-left: 20px;
font-size: 16px; font-size: 16px;
color: #2196F3 ; color: #2196f3;
opacity: 1; opacity: 1;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
@ -253,14 +251,14 @@
.boxBodyHead { .boxBodyHead {
width: 100%; width: 100%;
height: 40px; height: 40px;
background-color: #FFD91D; background-color: #ffd91d;
text-align: center; text-align: center;
span { span {
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
color: #B99A00; color: #b99a00;
} }
img { img {
cursor: pointer; cursor: pointer;
@ -276,7 +274,7 @@
height: 100%; height: 100%;
thead { thead {
width: 100%; width: 100%;
background-color: #E8E9E9; background-color: #e8e9e9;
} }
table { table {
width: 100%; width: 100%;
@ -290,7 +288,7 @@
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
input { input {
background-color: #E8E9E9; background-color: #e8e9e9;
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -305,7 +303,7 @@
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
input { input {
background-color: #FFFFFF; background-color: #ffffff;
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -343,7 +341,7 @@
border: 1px solid #e8e9e9; border: 1px solid #e8e9e9;
.keyImgTitle { .keyImgTitle {
height: 30px; height: 30px;
border-left: 1px solid #2196F3; border-left: 1px solid #2196f3;
position: relative; position: relative;
input { input {
width: 100%; width: 100%;

Loading…
Cancel
Save