imp ui dag button tooltip.

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

@@ -70,32 +70,38 @@
                :id="item.code"
                :key="$index"
                @click="_ckOperation(item,$event)">
-              <el-button type="text" class="operBtn" data-container="body" :icon="item.icon" v-tooltip.light="item.desc"></el-button>
+              <el-tooltip :content="item.desc" placement="top" :enterable="false">
+                <span><el-button type="text" class="operBtn" data-container="body" :icon="item.icon"></el-button></span>
+              </el-tooltip>
             </a>
           </div>
-          <el-button
+          <el-tooltip :content="$t('Format DAG')" placement="top" :enterable="false">
-            type="primary"
+            <span>
-            v-tooltip.light="$t('Format DAG')"
+              <el-button
-            icon="el-icon-caret-right"
+                type="primary"
-            size="mini"
+                icon="el-icon-caret-right"
-            data-container="body"
+                size="mini"
-            v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined"
+                data-container="body"
-            style="vertical-align: middle;"
+                v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined"
-            @click="dagAutomaticLayout">
+                style="vertical-align: middle;"
-          </el-button>
+                @click="dagAutomaticLayout">
-          <span>
+              </el-button>
-            <el-button
+            </span>
-              v-tooltip.light="$t('Refresh DAG status')"
+          </el-tooltip>
-              data-container="body"
+          <el-tooltip :content="$t('Refresh DAG status')" placement="top" :enterable="false">
-              style="vertical-align: middle;"
+            <span>
-              icon="el-icon-refresh"
+              <el-button
-              type="primary"
+                data-container="body"
-              :loading="isRefresh"
+                style="vertical-align: middle;"
-              v-if="type === 'instance'"
+                icon="el-icon-refresh"
-              @click="!isRefresh && _refresh()"
+                type="primary"
-              size="mini" >
+                :loading="isRefresh"
-            </el-button>
+                v-if="type === 'instance'"
-          </span>
+                @click="!isRefresh && _refresh()"
+                size="mini" >
+              </el-button>
+            </span>
+          </el-tooltip>
           <el-button
                   v-if="isRtTasks"
                   style="vertical-align: middle;"
@@ -108,7 +114,6 @@
           <span>
             <el-button
               type="primary"
-              v-tooltip.light="$t('Close')"
               icon="el-icon-switch-button"
               size="mini"
               data-container="body"