[incubator-dolphinscheduler] branch dev updated: [bug fix]Click the cancel button to prevent the input box from losing focus #3116 (#3115)

[lidongdai]

This is an automated email from the ASF dual-hosted git repository.

lidongdai pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-dolphinscheduler.git


The following commit(s) were added to refs/heads/dev by this push:
     new 6d43c21  [bug fix]Click the cancel button to prevent the input box 
from losing focus #3116 (#3115)
6d43c21 is described below

commit 6d43c21d80a3b210a7e01df9fa73d4f076698a58
Author: break60 <790061...@qq.com>
AuthorDate: Mon Jul 13 08:51:07 2020 +0800

    [bug fix]Click the cancel button to prevent the input box from losing focus 
#3116 (#3115)
    
    * [bugfix]Replace favicon icon with png
    
    * Cancel the initial value of the node cache
    
    * [bug fix]Click the cancel button to prevent the input box from losing 
focus
    
    Co-authored-by: dailidong <dailidon...@gmail.com>
---
 .../src/js/conf/home/pages/dag/_source/formModel/formModel.vue   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git 
a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue
 
b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue
index 5429327..1e2cbd3 100644
--- 
a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue
+++ 
b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue
@@ -260,7 +260,7 @@
     </div>
     <div class="bottom-box">
       <div class="submit" style="background: #fff;">
-        <x-button type="text" @click="close()"> {{$t('Cancel')}} </x-button>
+        <x-button type="text" id="cancelBtn"> {{$t('Cancel')}} </x-button>
         <x-button type="primary" shape="circle" :loading="spinnerLoading" 
@click="ok()" :disabled="isDetails">{{spinnerLoading ? 'Loading...' : 
$t('Confirm add')}} </x-button>
       </div>
     </div>
@@ -580,6 +580,7 @@
         }
         this.isContentBox = false
         // flag Whether to delete a node this.$destroy()
+        
         this.$emit('close', {
           item: {
             type: this.cacheBackfillItem.type,
@@ -675,7 +676,11 @@
       this.isContentBox = true
     },
     mounted () {
-
+      let self = this
+      $("#cancelBtn").mousedown(function(event){
+        event.preventDefault();
+        self.close()
+      });
     },
     updated () {
     },