From cf6c912f4be902b03c82e5b911c3196daedb2c7b Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Mon, 23 May 2022 12:21:21 +0800
Subject: [PATCH] address pr

---
 src/store/modules/ebpf.ts                          |  2 +-
 .../related/ebpf/components/EBPFSchedules.vue      | 14 +++++++-------
 .../dashboard/related/ebpf/components/TaskList.vue |  8 +++++---
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/store/modules/ebpf.ts b/src/store/modules/ebpf.ts
index 3605d307..f43c649f 100644
--- a/src/store/modules/ebpf.ts
+++ b/src/store/modules/ebpf.ts
@@ -97,7 +97,7 @@ export const ebpfStore = defineStore({
       if (res.data.errors) {
         return res.data;
       }
-      this.taskList = res.data.data.queryEBPFTasks.reverse() || [];
+      this.taskList = res.data.data.queryEBPFTasks || [];
       if (!this.taskList.length) {
         return res.data;
       }
diff --git a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
index a26e2af1..191b0097 100644
--- a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
+++ b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="filters">
-    <div class="mb-10">
+    <div class="mb-10 flex-h">
       <Selector
         :value="selectedLabels"
         :options="labels"
@@ -24,6 +24,11 @@ limitations under the License. -->
         class="inputs mr-10"
         :multiple="true"
       />
+      <div class="mr-5 duration" v-if="duration.length">
+        <span>{{ duration[0] }}</span>
+        <span> ~ </span>
+        <span>{{ duration[1] }}</span>
+      </div>
     </div>
     <div class="flex-h">
       <Selector
@@ -35,11 +40,6 @@ limitations under the License. -->
         @change="changeAggregateType"
         class="selector mr-10"
       />
-      <div class="mr-5 duration" v-if="duration.length">
-        <span>{{ duration[0] }}</span>
-        <span> ~ </span>
-        <span>{{ duration[1] }}</span>
-      </div>
       <el-popover placement="bottom" :width="680" trigger="click">
         <template #reference>
           <el-button type="primary" size="small">
@@ -277,6 +277,6 @@ watch(
 }
 
 .duration {
-  line-height: 24px;
+  line-height: 30px;
 }
 </style>
diff --git a/src/views/dashboard/related/ebpf/components/TaskList.vue b/src/views/dashboard/related/ebpf/components/TaskList.vue
index b6f7416c..82427b88 100644
--- a/src/views/dashboard/related/ebpf/components/TaskList.vue
+++ b/src/views/dashboard/related/ebpf/components/TaskList.vue
@@ -36,9 +36,11 @@ limitations under the License. -->
               <div class="ell">
                 <span>
                   {{
-                    i.processLabels.length
-                      ? i.targetType + ": " + i.processLabels.join(" ")
-                      : `All Processes`
+                    i.targetType +
+                    ": " +
+                    (i.processLabels.length
+                      ? i.processLabels.join(" ")
+                      : `All Processes`)
                   }}
                 </span>
                 <a class="profile-btn r" @click="viewDetail = true">