From 47e0182b048ec396a65497ba310f56fc936fc2f7 Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Wed, 30 Jun 2021 15:35:53 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E8=B0=83=E8=8A=82=E5=9B=BE?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E5=A4=84=E7=BD=AE=E8=A6=81=E7=82=B9=EF=BC=8C?=
 =?UTF-8?q?=E6=B0=B4=E6=BA=90=EF=BC=8C=E8=AD=A6=E7=A4=BA=EF=BC=8C=E9=A2=84?=
 =?UTF-8?q?=E6=A1=88=E9=99=84=E4=BB=B6=E5=86=85=E8=81=94=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create-plan-online-five.component.html    | 90 +++++++++++++++----
 .../create-plan-online-five.component.scss    |  4 -
 2 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
index 95a4d00..8af2371 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
@@ -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>
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
index 41a38ac..d7ea4a8 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
@@ -260,10 +260,6 @@
                     div {
                         height: 38px;
                         line-height: 38px;
-                        nz-select {
-                            width: 150px;
-                            height: 33px;
-                        }
                     }
                     div:first-child {
                         width: 45%;