Merge pull request #3269 from break60/dev

[bugFix][ui]Fix the problem that the label of DAG creation task is not displayed,…

dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.scss

@@ -560,9 +560,9 @@ svg path:hover {
   }
 }
 
-.ans-drawer.ans-drawer-right {
+.ans-modal-box.ans-drawer.ans-drawer-right.dagMask.mask {
-  width: 628px;
+    width: 628px;
-  left: auto;
+    left: auto;
 }
 
 

dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

@@ -538,6 +538,7 @@
           eventModel.remove()
         }
         eventModel = this.$drawer({
+          className: 'dagMask',
           render (h) {
             return h(mFormLineModel,{
               on: {
@@ -610,6 +611,7 @@
           closable: false,
           direction: 'right',
           escClose: true,
+          className: 'dagMask',
           render: h => h(mFormModel, {
             on: {
               addTaskInfo ({ item, fromThis }) {

dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formLineModel.vue

@@ -77,6 +77,9 @@
             })
         },
         ok() {
+          if($(`#${this.id}`).prev().attr('class')==='jtk-overlay') {
+            $(`#${this.id}`).prev().empty()
+          }
           $(`#${this.id}`).text(this.labelName)
             this.$emit('addLineInfo', {
               item: {
@@ -92,12 +95,11 @@
       
     },
     created () {
-        let connects = this.store.state.dag.connects
+      if($(`#${this.id}`).prev().attr('class').indexOf('jtk-overlay')!==-1) {
-        connects.filter( item => {
+        this.labelName = $(`#${this.id}`).prev().text()
-            if(item.endPointSourceId===this.sourceId && item.endPointTargetId===this.targetId) {
+      } else {
-                this.labelName =  item.label
+        this.labelName = $(`#${this.id}`).text()
-            }
+      }
-        });
     },
     mounted () {
       

dolphinscheduler-ui/src/js/conf/home/store/dag/actions.js

@@ -255,6 +255,7 @@ export default {
         syncDefine: state.syncDefine
       }, res => {
         resolve(res)
+        state.isEditDag = false
       }).catch(e => {
         reject(e)
       })