diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue
index eb58da46f6..b5c1788d6d 100755
--- a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue
@@ -101,6 +101,17 @@
                   @click="_rtNodesDag" >
             {{$t('Return_1')}}
           </x-button>
+          <x-button
+            type="primary"
+            v-tooltip.light="$t('Close')"
+            icon="ans-icon-off"
+            size="xsmall"
+            data-container="body"
+            v-if="(type === 'instance' || 'definition') "
+            style="vertical-align: middle;"
+            @click="_closeDAG">
+            {{$t('Close')}}
+          </x-button>
           <x-button
                   style="vertical-align: middle;"
                   type="primary"
@@ -180,7 +191,7 @@
           ],
           Connector: 'Bezier',
           PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
-          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3}, 
+          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3},
           ConnectionOverlays: [
             [
               'Arrow',
@@ -377,6 +388,15 @@
           })
         })
       },
+      _closeDAG(){
+        let $name = this.$route.name
+        if($name && $name.indexOf("definition") != -1){
+          this.$router.push({ name: 'projects-definition-list'})
+        }else{
+          this.$router.push({ name: 'projects-instance-list'})
+        }
+
+      },
       _verifConditions (value) {
         let tasks = value
         let bool = true
@@ -620,7 +640,7 @@
           ],
           Connector: 'Bezier',
           PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
-          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3}, 
+          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3},
           ConnectionOverlays: [
             [
               'Arrow',