Fixed DAG zoom in and zoom out nodes separated from arrows #1679 (#1685)

* fix api url

* Fixed DAG zoom in and zoom out nodes separated from arrows #1679

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

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-.dag-model {
+ .dag-model {
   background: url("../img/dag_bg.png");
   height: calc(100vh - 100px);
   ::selection {
@@ -309,13 +309,13 @@ svg path:hover {
   //min-width: calc(100% - 220px);
   width: 8000px;
   height: 5000px;
-  position: relative;
   svg:not(:root){
     z-index: 11;
   }
 }
 
 .jtk-demo-canvas {
+  position: relative;
   height: 100%;
 }
 
@@ -551,6 +551,4 @@ svg path:hover {
 .ans-drawer.ans-drawer-right {
   width: 628px;
   left: auto;
-}
-
-
+}
\ No newline at end of file

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

@@ -161,7 +161,7 @@
       // DAG automatic layout
       dagAutomaticLayout() {
         $('#canvas').html('')
-
+        
       // Destroy round robin
         Dag.init({
         dag: this,
@@ -187,6 +187,13 @@
       })
         if (this.tasks.length) {
           Dag.backfill(true)
+          if (this.type === 'instance') {
+            this._getTaskState(false).then(res => {})
+            // Round robin acquisition status
+            this.setIntervalP = setInterval(() => {
+              this._getTaskState(true).then(res => {})
+            }, 90000)
+          }
         } else {
           Dag.create()
         }