From d101f9562739307531b23e88c2d219c22344251a Mon Sep 17 00:00:00 2001
From: chenjingyu <bobsun@hotmail.com>
Date: Thu, 17 Jun 2021 16:04:01 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E9=A2=84=E6=A1=88=E5=9C=A8?=
 =?UTF-8?q?=E7=BA=BF=E7=BC=96=E5=88=B6=E7=81=BE=E6=83=85=E8=AE=BE=E5=AE=9A?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E8=BE=93=E5=85=A5=E6=A1=86=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create-plan-online-five.component.html    |  24 +++++++---
 .../create-plan-online-five.component.scss    |  23 ++++++++++
 .../create-plan-online-five.component.ts      |  41 +++++++++++++++++-
 .../plan-management/plan-management.module.ts |   4 +-
 src/assets/images/deletered.png               | Bin 0 -> 580 bytes
 5 files changed, 84 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/images/deletered.png

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 0557afd..bbfbeb5 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
@@ -125,9 +125,11 @@
                         <div class="boxHead">
                             <span>{{item.groupName}}</span>
                         </div>
-                        <div class="boxBody" *ngFor="let element of item.attribute">
+                        <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)'>
                             </div>
                             <div class="body">
                                 <!--表格类型-->
@@ -136,14 +138,26 @@
                                      <th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn"><input type="text"
                                        placeholder="请输入内容" [(ngModel)]="element.tableth[tablethi]"></th>
                                   </thead>
+                                  <tbody>
+                                     <!--  <tr>
+                                          <td><input type="text"placeholder="请输入内容" ></td>
+                                          <td><input type="text"placeholder="请输入内容" ></td>
+                                          <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>
+                                      </tr>
+                                  </tbody>
                                 </table>
                                 <!--文本区域-->
-                                <textarea style="width: 100%;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%;"
+                                <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%;"
+                                    <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%;"
                                       [(ngModel)]="itemthj.head">
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 c8d47be..ffc36ee 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
@@ -122,6 +122,7 @@
                 height: 100%;
                 display: flex;
                 flex-direction: column;
+                overflow-y: auto;
                 .boxHead{
                     height: 40px;
                     width: 100%;
@@ -153,6 +154,13 @@
                             line-height: 40px;
                             color: #B99A00;
                         }
+                        img{
+                            width: 20px;
+                            height: 20px;
+                            float: right;
+                            margin-top: 10px;
+                            margin-right: 10px;
+                        }
                     }
                     .body{
                         width: 100%;
@@ -182,6 +190,21 @@
                                 outline: none;
                             }
                         }
+                        td{
+                            border: 1px solid #999;
+                            height: 40px;
+                            font-size: 16px;
+                            text-align: center;
+                            input {
+                                background-color: #FFFFFF;
+                                text-align: center;
+                                height: 100%;
+                                width: 100%;
+                                font-size: 16px;
+                                border: none;
+                                outline: none;
+                            }
+                        }
                         .inputtext {
                             width: 100%;
                             height: 100%;
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
index dbfeb2d..1f57b01 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
@@ -4,11 +4,12 @@
  * @Author: sueRimn
  * @Date: 2021-06-16 13:56:54
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-06-17 10:01:26
+ * @LastEditTime: 2021-06-17 15:15:17
  */
 import { HttpClient } from '@angular/common/http';
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'app-create-plan-online-five',
@@ -17,7 +18,7 @@ import { ActivatedRoute } from '@angular/router';
 })
 export class CreatePlanOnlineFiveComponent implements OnInit {
 
-  constructor(private http: HttpClient, private route: ActivatedRoute) { }
+  constructor(private http: HttpClient, private route: ActivatedRoute,public snackBar: MatSnackBar) { }
 
 
   planName: string //预案名称
@@ -49,6 +50,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
 
   selectedItem: string = '封面'
   clickTitleItem(item) {
+    this.addNumber=-1
     item == '封面' ? this.selectedItem = '封面' : this.selectedItem = item.groupName
   }
   planTemplateData: any
@@ -65,6 +67,41 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   trackByFn(index){
     return index
   }
+  //表格增加一行
+  addNumber=-1
+  addTd(key,i){
+    this.addNumber++
+    //this.planTemplateData[key].attribute[i].push({tabletr:[]})
+    if(this.planTemplateData[key].attribute[i].tabletr==undefined){
+      this.planTemplateData[key].attribute[i].tabletr=[]
+    }
+    this.planTemplateData[key].attribute[i].tabletr.push({tabletd:[]})
+    for(var j=0;j<this.planTemplateData[key].attribute[i].tableth.length;j++){
+      if(this.planTemplateData[key].attribute[i].tabletr!=undefined){
+        this.planTemplateData[key].attribute[i].tabletr[this.planTemplateData[key].attribute[i].tabletr.length-1].tabletd.push('')
+      }
+      else{
+        this.planTemplateData[key].attribute[i].tabletr[this.addNumber].tabletd.push('')
+      }
+    }
+    console.log(this.planTemplateData)
+  }
+  //表格删除一行
+  delTd(key,i){
+    const config = new MatSnackBarConfig();
+    config.verticalPosition = 'top';
+    config.duration = 3000
+    if(this.planTemplateData[key].attribute[i].tabletr!=undefined){
+      this.planTemplateData[key].attribute[i].tabletr.splice(this.planTemplateData[key].attribute[i].tabletr.length-1,1)
+      this.addNumber--
+      if(this.planTemplateData[key].attribute[i].tabletr.length==0){
+        this.addNumber=-1
+      }
+    }else{
+      this.snackBar.open('请先增加一行!','确定',config);
+    }
+    
+  }
 
 }
 
diff --git a/src/app/plan-management/plan-management.module.ts b/src/app/plan-management/plan-management.module.ts
index 0609579..769822d 100644
--- a/src/app/plan-management/plan-management.module.ts
+++ b/src/app/plan-management/plan-management.module.ts
@@ -66,6 +66,7 @@ import { GkhtmlPsViewer } from './open-plan/open-plan.component';
 import { ReinforcePlanComponent } from './reinforce-plan/reinforce-plan.component';
 import { CreatePlanOnlineFiveComponent } from './create-plan-online-five/create-plan-online-five.component';
 import { CreatePlanOnlineThreeComponent } from './create-plan-online-three/create-plan-online-three.component'
+import { TreeDiagramModule } from '../ui/ng-tree-diagram/src/ng-tree-diagram';
 
 @NgModule({
   declarations: [EntryPlanComponent, PassPlanComponent, OpenPlanComponent, EntryPlanLookComponent, AddPlanone, PlanType, AuditSatus, PlanLevel, DownloadFile, AuditResult, ChangeName,
@@ -117,7 +118,8 @@ import { CreatePlanOnlineThreeComponent } from './create-plan-online-three/creat
     MatTabsModule,
     MatToolbarModule,
     MatTooltipModule,
-    MatTreeModule
+    MatTreeModule,
+    TreeDiagramModule
   ],
   exports: [PlanType, AuditSatus, PlanLevel, state]
 })
diff --git a/src/assets/images/deletered.png b/src/assets/images/deletered.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a056db7a2d3fe31514a58f51a4787593b4b2e82
GIT binary patch
literal 580
zcmV-K0=xZ*P)<h;3K|Lk000e1NJLTq0015U000^Y1^@s6prP!v0006DNkl<ZNK56G
zJxClu6vuyW{KOALu(Yw*+dCF4MC7!Rq%d{?(ITxFOerBCR_T&T+Z1Y%O02Ysu~0~%
zmqSRn&X8D$oWV+u6Aj+&gkd@KaM_zP>J=Fnmfe|ozc=&t{pX3^-`D(W(>jkx7C6NB
zH>j^)6UX@#WmfJ598UOz$ehGt-@}F<5)2|meE%Jp%v+h5DBg77VZqm=Z5kV2NKeo2
z(x=A)8(s>fhQ)FIm=`<n(h{7Vm4~XM112Y{`z^KpAo2LCaPZz9TwRqLOsAn(79yyt
zgMoqac}-2w*B9lCk5c{OINxsXcwqtb9WzV>W@e&KLF>;Fk3YK&K0k-uUC3mrJI3B#
z7#xJwR-1K+@E9Ag>85pe!|5sH^U&D|4GnN|0?p0P)dk1LK^P3wbepEsY&5vN9j2xN
zCrlq72lG=cE`sO5$Ox>i!qHK6VA!e^_@Gwc+<yoDQJWoWy;&Qu$eU<zOAAa-U#HX9
zSddQ3%aBOG=qRkLKsH-#I#~!vTN_+l1R`Oy*vR7LW$-k4p34Q2VJ{$C;<`^OE0>KD
z*@Mj`kQCQVhl5io*x9i~2J?o7AepSRW?o$Pwf%iu$(-Hz7h<s|V#*=wLcq>&)U2-*
z3eUy!9<}uOh*B?0B~QsayVB=wJKjdA_u@F4Vax9ae6yg34GM*I@w}f={{96v6-r^}
Sj7@X^0000<MNUMnLSTY=I1=mt

literal 0
HcmV?d00001