|
|
@ -34,23 +34,22 @@ |
|
|
|
<div class="dag-contect"> |
|
|
|
<div class="dag-contect"> |
|
|
|
<div class="dag-toolbar"> |
|
|
|
<div class="dag-toolbar"> |
|
|
|
<div class="assist-btn"> |
|
|
|
<div class="assist-btn"> |
|
|
|
|
|
|
|
<el-tooltip :content="$t('View variables')" placement="top" :enterable="false"> |
|
|
|
|
|
|
|
<span> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
style="vertical-align: middle;" |
|
|
|
style="vertical-align: middle;" |
|
|
|
data-toggle="tooltip" |
|
|
|
|
|
|
|
:title="$t('View variables')" |
|
|
|
|
|
|
|
data-container="body" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
size="mini" |
|
|
|
:disabled="$route.name !== 'projects-instance-details'" |
|
|
|
:disabled="$route.name !== 'projects-instance-details'" |
|
|
|
@click="_toggleView" |
|
|
|
@click="_toggleView" |
|
|
|
icon="el-icon-c-scale-to-original"> |
|
|
|
icon="el-icon-c-scale-to-original"> |
|
|
|
</el-button> |
|
|
|
</el-button> |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<el-tooltip :content="$t('Startup parameter')" placement="top" :enterable="false"> |
|
|
|
<span> |
|
|
|
<span> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
style="vertical-align: middle;" |
|
|
|
style="vertical-align: middle;" |
|
|
|
data-toggle="tooltip" |
|
|
|
|
|
|
|
:title="$t('Startup parameter')" |
|
|
|
|
|
|
|
data-container="body" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
size="mini" |
|
|
|
:disabled="$route.name !== 'projects-instance-details'" |
|
|
|
:disabled="$route.name !== 'projects-instance-details'" |
|
|
@ -58,6 +57,7 @@ |
|
|
|
icon="el-icon-arrow-right"> |
|
|
|
icon="el-icon-arrow-right"> |
|
|
|
</el-button> |
|
|
|
</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
</el-tooltip> |
|
|
|
<span class="name">{{name}}</span> |
|
|
|
<span class="name">{{name}}</span> |
|
|
|
|
|
|
|
|
|
|
|
<span v-if="name" class="copy-name" @click="_copyName" :data-clipboard-text="name"><em class="el-icon-copy-document" data-container="body" data-toggle="tooltip" :title="$t('Copy name')" ></em></span> |
|
|
|
<span v-if="name" class="copy-name" @click="_copyName" :data-clipboard-text="name"><em class="el-icon-copy-document" data-container="body" data-toggle="tooltip" :title="$t('Copy name')" ></em></span> |
|
|
@ -70,23 +70,26 @@ |
|
|
|
: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" :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" |
|
|
|
|
|
|
|
v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined" |
|
|
|
v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined" |
|
|
|
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" |
|
|
|
|
|
|
|
style="vertical-align: middle;" |
|
|
|
style="vertical-align: middle;" |
|
|
|
icon="el-icon-refresh" |
|
|
|
icon="el-icon-refresh" |
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
@ -96,6 +99,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,10 +112,8 @@ |
|
|
|
<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" |
|
|
|
|
|
|
|
v-if="(type === 'instance' || 'definition') " |
|
|
|
v-if="(type === 'instance' || 'definition') " |
|
|
|
style="vertical-align: middle;" |
|
|
|
style="vertical-align: middle;" |
|
|
|
@click="_closeDAG"> |
|
|
|
@click="_closeDAG"> |
|
|
|