You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@kylin.apache.org by xx...@apache.org on 2023/03/28 03:05:12 UTC
[kylin] 04/12: KYLIN-5480 show the loading icon when segment job was running
This is an automated email from the ASF dual-hosted git repository.
xxyu pushed a commit to branch kylin5
in repository https://gitbox.apache.org/repos/asf/kylin.git
commit 5707c5489d5bb7dee7503d7c25cf0b0b4f88230d
Author: Qian Xia <la...@gmail.com>
AuthorDate: Fri Mar 24 15:06:05 2023 +0800
KYLIN-5480 show the loading icon when segment job was running
---
kystudio/src/components/monitor/batchJobs/buildSegmentDetail.vue | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/kystudio/src/components/monitor/batchJobs/buildSegmentDetail.vue b/kystudio/src/components/monitor/batchJobs/buildSegmentDetail.vue
index cfc1d03689..ebd38bda6e 100644
--- a/kystudio/src/components/monitor/batchJobs/buildSegmentDetail.vue
+++ b/kystudio/src/components/monitor/batchJobs/buildSegmentDetail.vue
@@ -46,7 +46,7 @@
<li>
<!-- 当 job 主步骤为暂停状态时,所有的未完成的子步骤都变更为 STOP 状态 -->
<el-tooltip placement="bottom" :content="getStepStatusTips(jobStatus === 'STOPPED' && sub.step_status !== 'SKIP' ? 'STOPPED' : sub.step_status)">
- <span :class="[jobStatus === 'STOPPED' && sub.step_status !== 'FINISHED' && sub.step_status !== 'SKIP' ? 'sub-tasks-status is-stop' : getSubTaskStatus(sub)]"></span>
+ <span :class="[jobStatus === 'STOPPED' && sub.step_status !== 'FINISHED' && sub.step_status !== 'SKIP' ? 'sub-tasks-status is-stop' : getSubTaskStatus(sub)]"><i class="el-icon-loading" v-if="jobStatus !== 'STOPPED' && sub.step_status === 'RUNNING'"></i></span>
</el-tooltip>
<span class="sub-tasks-name">{{getTaskName(sub.name)}}</span>
<span class="sub-tasks-layouts" v-if="sub.name === 'Build indexes by layer'"><span class="success-layout-count">{{sub.success_index_count}}</span>{{`/${sub.index_count}`}}</span>
@@ -155,7 +155,7 @@ export default class BuildSegmentDetail extends Vue {
color: @text-placeholder-color;
}
.mutiple-color-icon {
- font-size: 16px;
+ font-size: 15px;
vertical-align: middle;
margin-top: -3px;
&.is-running {