From 28d493edb2a1bac346309ef507a17dabf5a8e381 Mon Sep 17 00:00:00 2001
From: Syahsing <50352905+Syahsing@users.noreply.github.com>
Date: Mon, 6 Feb 2023 20:22:00 +0800
Subject: [PATCH] Easy to click button, refresh list on cancel copy.

Make buttons in "more dropdown list" easy to click, Automatically refresh job list after cancel(In actually it has copied)
---
 src/components/views/JobManager.vue | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/components/views/JobManager.vue b/src/components/views/JobManager.vue
index 88918a5..4176e0e 100644
--- a/src/components/views/JobManager.vue
+++ b/src/components/views/JobManager.vue
@@ -57,21 +57,13 @@
                     <template slot-scope="scope">
                         <el-button size="mini" type="text" @click="onClickModify(scope.row)">{{$t('message.edit')}}</el-button>
                         <el-button size="mini" type="text" @click="onClickRun(scope.row)">{{$t('message.run')}}</el-button>
-                        <el-dropdown trigger="click">
+                        <el-dropdown trigger="click" @command="handleCommand">
                             <el-button size="mini" type="text">{{$t('message.more')}}</el-button>
                             <el-dropdown-menu slot="dropdown">
-                                <el-dropdown-item>
-                                    <el-button size="mini" type="text" @click="onClickRunByParameter(scope.row)">{{$t('message.runByParameter')}}</el-button>
-                                </el-dropdown-item>
-                                <el-dropdown-item>
-                                    <el-button size="mini" type="text" @click="onClickRunHistory(scope.row)">{{$t('message.runHistory')}}</el-button>
-                                </el-dropdown-item>
-                                <el-dropdown-item>
-                                  <el-button size="mini" type="text" @click="onClickCopyJob(scope.row)">{{$t('message.copy')}}</el-button>
-                                </el-dropdown-item>
-                                <el-dropdown-item>
-                                    <el-button size="mini" type="text" @click="onClickDeleteJob(scope.row)">{{$t('message.delete')}}</el-button>
-                                </el-dropdown-item>
+                                <el-dropdown-item command="onClickRunByParameter" :row="scope.row">{{$t('message.runByParameter')}}</el-dropdown-item>
+                                <el-dropdown-item command="onClickRunHistory" :row="scope.row">{{$t('message.runHistory')}}</el-dropdown-item>
+                                <el-dropdown-item command="onClickCopyJob" :row="scope.row">{{$t('message.copy')}}</el-dropdown-item>
+                                <el-dropdown-item command="onClickDeleteJob" :row="scope.row">{{$t('message.delete')}}</el-dropdown-item>
                             </el-dropdown-menu>
                         </el-dropdown>
                     </template>
@@ -265,7 +257,7 @@
 
                 <el-form-item>
                     <el-button type="primary" @click="saveJob">{{$t('message.save')}}</el-button>
-                    <el-button @click="modifiedJobFormVisible = false">{{$t('message.cancel')}}</el-button>
+                    <el-button @click="modifiedJobFormVisible = false; listJobInfos()">{{$t('message.cancel')}}</el-button>
                 </el-form-item>
 
             </el-form>
@@ -477,6 +469,10 @@
                     this.runLoading = false
                 });
             },
+            // 处理下拉命令
+            handleCommand(command, e) {
+                this[command](e.$attrs.row);
+            },
             // 参数运行
             onClickRunByParameter(data) {
                 this.temporaryRowData = data;