From b9d5d33aaa2f112e561648476facb59f50c3a087 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Fri, 5 Feb 2021 18:20:33 +0800
Subject: [PATCH] refactor: delete task

---
 .../src/views/detail/components/task-form.vue     | 15 ++++++++++++++-
 ui/certd-ui/src/views/detail/index.vue            |  9 +++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/ui/certd-ui/src/views/detail/components/task-form.vue b/ui/certd-ui/src/views/detail/components/task-form.vue
index 22554e06..d897b570 100644
--- a/ui/certd-ui/src/views/detail/components/task-form.vue
+++ b/ui/certd-ui/src/views/detail/components/task-form.vue
@@ -1,6 +1,5 @@
 <template>
   <a-drawer
-    title="编辑任务"
     placement="right"
     :closable="true"
     width="600px"
@@ -8,6 +7,12 @@
     :after-visible-change="taskDrawerOnAfterVisibleChange"
   >
 
+    <template #title>
+      编辑任务
+      <a-button  @click="taskDelete()">
+        <template #icon><DeleteOutlined /></template>
+      </a-button>
+    </template>
     <template v-if="currentTask">
       <d-container v-if="currentTask._isAdd" class="task-edit-form">
         <a-row :gutter="10">
@@ -169,6 +174,13 @@ function useTaskForm (context) {
     taskDrawerClose()
   }
 
+  const taskDelete = () => {
+    if (currentTaskIndex.value != null) {
+      currentDeploy.value.tasks.splice(currentTaskIndex.value)
+    }
+    taskDrawerClose()
+  }
+
   return {
     taskTypeSelected,
     taskTypeSave,
@@ -183,6 +195,7 @@ function useTaskForm (context) {
     currentTaskIndex,
     currentPlugin,
     taskSave,
+    taskDelete,
     rules
   }
 }
diff --git a/ui/certd-ui/src/views/detail/index.vue b/ui/certd-ui/src/views/detail/index.vue
index 167c39a8..c4596305 100644
--- a/ui/certd-ui/src/views/detail/index.vue
+++ b/ui/certd-ui/src/views/detail/index.vue
@@ -126,7 +126,7 @@
 
             </template>
             <template #extra>
-              <a-button type="danger">
+              <a-button type="danger" @click="deployDelete(deploy,index)">
                 <template #icon><DeleteOutlined /></template>
               </a-button>
             </template>
@@ -203,8 +203,13 @@ function useDeploy (options) {
   const deployOpenEditMode = (deploy) => {
     deploy._isEdit = true
   }
+
+  const deployDelete = (deploy, index) => {
+    options.deploy.splice(index, 1)
+  }
+
   return {
-    deployAdd, deployCloseEditMode, deployOpenEditMode
+    deployAdd, deployCloseEditMode, deployOpenEditMode, deployDelete
   }
 }