From 84d3c4e9a743f84f4d1c20deea482d5572296d9b Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Mon, 22 Nov 2021 14:07:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=BC=96=E8=BE=91=E9=A2=84?=
 =?UTF-8?q?=E6=A1=88=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-domain/left-domain.component.html      | 17 ++++++++++++++++-
 .../left-domain/left-domain.component.scss      |  2 +-
 .../pages/left-domain/left-domain.component.ts  | 16 +++++++++++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html
index 9ecce0c..37a8d9f 100644
--- a/src/app/pages/left-domain/left-domain.component.html
+++ b/src/app/pages/left-domain/left-domain.component.html
@@ -140,7 +140,12 @@
     <div class="publicBox disposalPlan" *ngIf="beforeFence === 7 && allMarkPlanData">
       <div class="interval" *ngFor="let item of allMarkPlanData.datas;let key = index;">
         <div class="publicDisposal disposalHeader">
-          {{item.name}}<label *ngIf="editMode"><i nz-icon nzType="plus-circle" nzTheme="outline" (click)="addNodePop = item.id;"></i><i nz-icon nzType="delete" nzTheme="outline" (click)="deleteDisposal(item)"></i></label>
+          {{item.name}}
+          <label *ngIf="editMode">
+            <i nz-icon nzType="plus-circle" nzTheme="outline" (click)="addNodePop = item.id;"></i>
+            <i nz-icon nzType="edit" nzTheme="outline" (click)="openEditDisposal(item)"></i>
+            <i nz-icon nzType="delete" nzTheme="outline" (click)="deleteDisposal(item)"></i>
+          </label>
         </div>
         <ul>
           <li class="publicDisposal disposalContent" *ngFor="let items of item.nodes;let keys = index;">
@@ -162,6 +167,16 @@
         </nz-form-item>
       </form>
     </nz-modal>
+    <nz-modal [(nzVisible)]="editSelectDisposal" nzTitle="编辑预案名称" (nzOnCancel)="editSelectDisposal = null;" (nzOnOk)="editDisposal(editForm.value)" [nzOkDisabled]='name.invalid'>
+      <form nz-form #editForm='ngForm'>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6">预案名称</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入必填项">
+            <input nz-input #name='ngModel' [(ngModel)]="editDisposalName" name="name" required/>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </nz-modal>
     <nz-modal [(nzVisible)]="saveDisposalDialog" nzTitle="处置节点保存" (nzOnCancel)="saveDisposalDialog = false;" [nzFooter]="null">
       <div class="submitBottom">
         <button (click)='saveNode(true)'>新建节点并保存</button><button (click)='saveNode(false)'>保存到已有节点</button>
diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss
index 51eafd9..b536e03 100644
--- a/src/app/pages/left-domain/left-domain.component.scss
+++ b/src/app/pages/left-domain/left-domain.component.scss
@@ -90,7 +90,7 @@
     line-height: 35px;
     color: #23D9FF;
     padding-left: 20px;
-    label{ float: right; .anticon{ margin-right: 15px; font-size: 18px; cursor: pointer; } }
+    label{ float: right; .anticon{ margin-right: 10px; font-size: 18px; cursor: pointer; } }
     span{ cursor: pointer; }
   }
   .disposalContent { color: #fff; .anticon{ color: #23D9FF; } }
diff --git a/src/app/pages/left-domain/left-domain.component.ts b/src/app/pages/left-domain/left-domain.component.ts
index f0014c3..0cef592 100644
--- a/src/app/pages/left-domain/left-domain.component.ts
+++ b/src/app/pages/left-domain/left-domain.component.ts
@@ -178,6 +178,21 @@ export class LeftDomainComponent implements OnInit {
     }
   }
 
+  editSelectDisposal: MarkPlanData = null; //编辑预案名称 选中预案
+  editDisposalName: string = null; //显示/隐藏 编辑预案名称 弹窗
+
+  //打开 编辑预案名称弹窗
+  openEditDisposal(item: MarkPlanData) {
+    this.editSelectDisposal = item;
+    this.editDisposalName = JSON.parse(JSON.stringify(item.name))
+  }
+
+  //编辑预案名称
+  editDisposal(e) {
+    this.editSelectDisposal.name = e.name
+    this.editSelectDisposal = null
+  }
+
   //删除预案/节点
   deleteDisposal(item: MarkPlanData, e?: MarkNodeData) {
     let isTrue = confirm('您确定要删除吗')
@@ -202,7 +217,6 @@ export class LeftDomainComponent implements OnInit {
         if (ModeManager.currentMode == ModeType.Edit) {
           isTrue = confirm('切换节点后,没保存的信息将会丢失!')
         }
-
         if (isTrue) {
           this.selectPlanId = item.id
           this.selectNodeId = e.id