[kylin] 04/12: KYLIN-5480 show the loading icon when segment job was running

[xxyu]

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 <lauraxiaq...@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 {