From dbe73848c1d900221e633c9c50db0440285ca8ca Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 23 Aug 2022 13:11:00 +0800
Subject: [PATCH] add icon

---
 .../related/network-profiling/Content.vue     |  4 ++--
 .../network-profiling/components/Tasks.vue    | 19 +++++++------------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index 445448f7..b320ac0e 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -48,11 +48,11 @@ const { t } = useI18n();
   min-width: 700px;
   overflow: auto;
   position: relative;
-  width: calc(100% - 320px);
+  width: calc(100% - 330px);
 }
 
 .text {
-  width: calc(100% - 320px);
+  width: calc(100% - 330px);
   text-align: center;
   margin-top: 30px;
 }
diff --git a/src/views/dashboard/related/network-profiling/components/Tasks.vue b/src/views/dashboard/related/network-profiling/components/Tasks.vue
index 01f99cfe..34bc952a 100644
--- a/src/views/dashboard/related/network-profiling/components/Tasks.vue
+++ b/src/views/dashboard/related/network-profiling/components/Tasks.vue
@@ -66,9 +66,12 @@ limitations under the License. -->
                     dateFormat(i.taskStartTime + i.fixedTriggerDuration * 1000)
                   }}
                 </span>
-                <a class="profile-btn r" @click="viewDetail = true">
+                <span class="ml-10" @click="viewDetail = true">
                   <Icon iconName="view" size="middle" />
-                </a>
+                </span>
+                <span class="ml-5" v-if="index === 0 && inProcess">
+                  <Icon iconName="retry" :loading="true" size="middle" />
+                </span>
               </div>
             </td>
           </tr>
@@ -222,7 +225,7 @@ watch(
 </script>
 <style lang="scss" scoped>
 .profile-task-list {
-  width: 320px;
+  width: 330px;
   height: calc(100% - 10px);
   overflow: auto;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
@@ -233,7 +236,7 @@ watch(
 }
 
 .profile-td {
-  padding: 10px;
+  padding: 10px 0 10px 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 
   &.selected {
@@ -273,14 +276,6 @@ watch(
   width: 100%;
 }
 
-.profile-btn {
-  color: #3d444f;
-  padding: 1px 3px;
-  border-radius: 2px;
-  font-size: 12px;
-  float: right;
-}
-
 .new-task {
   float: right;
   margin-right: 3px;