Browse Source

imp ui dag button tooltip.

pull/3/MERGE
zhuangchong 4 years ago
parent
commit
e9c0107fae
  1. 13
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

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

@ -70,12 +70,15 @@
:id="item.code" :id="item.code"
:key="$index" :key="$index"
@click="_ckOperation(item,$event)"> @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> </a>
</div> </div>
<el-tooltip :content="$t('Format DAG')" placement="top" :enterable="false">
<span>
<el-button <el-button
type="primary" type="primary"
v-tooltip.light="$t('Format DAG')"
icon="el-icon-caret-right" icon="el-icon-caret-right"
size="mini" size="mini"
data-container="body" data-container="body"
@ -83,9 +86,11 @@
style="vertical-align: middle;" style="vertical-align: middle;"
@click="dagAutomaticLayout"> @click="dagAutomaticLayout">
</el-button> </el-button>
</span>
</el-tooltip>
<el-tooltip :content="$t('Refresh DAG status')" placement="top" :enterable="false">
<span> <span>
<el-button <el-button
v-tooltip.light="$t('Refresh DAG status')"
data-container="body" data-container="body"
style="vertical-align: middle;" style="vertical-align: middle;"
icon="el-icon-refresh" icon="el-icon-refresh"
@ -96,6 +101,7 @@
size="mini" > size="mini" >
</el-button> </el-button>
</span> </span>
</el-tooltip>
<el-button <el-button
v-if="isRtTasks" v-if="isRtTasks"
style="vertical-align: middle;" style="vertical-align: middle;"
@ -108,7 +114,6 @@
<span> <span>
<el-button <el-button
type="primary" type="primary"
v-tooltip.light="$t('Close')"
icon="el-icon-switch-button" icon="el-icon-switch-button"
size="mini" size="mini"
data-container="body" data-container="body"

Loading…
Cancel
Save