From 811f98bc4151be9e0bdbbc1727b1887fd3c08090 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 30 May 2023 16:11:59 +0800
Subject: [PATCH] feat: update task list

---
 .../components/PolicyList.vue                 |  2 +-
 .../components/TaskList.vue                   | 26 +++++++++++--------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
index 9f9baff1..98017241 100644
--- a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
@@ -145,7 +145,7 @@ limitations under the License. -->
 </script>
 <style lang="scss" scoped>
   .profile-task-list {
-    width: 330px;
+    width: 300px;
     height: calc(100% - 10px);
     overflow: auto;
     border-right: 1px solid rgba(0, 0, 0, 0.1);
diff --git a/src/views/dashboard/related/continuous-profiling/components/TaskList.vue b/src/views/dashboard/related/continuous-profiling/components/TaskList.vue
index 0681eea8..a3780429 100644
--- a/src/views/dashboard/related/continuous-profiling/components/TaskList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/TaskList.vue
@@ -33,13 +33,13 @@ limitations under the License. -->
                 selected: continousProfilingStore.selectedTask.taskId === i.taskId,
               }"
             >
-              <div class="ell">
+              <div class="ell" v-for="(cause, j) in i.continuousProfilingCauses" :key="j">
                 <span>
-                  {{ i.targetType + ": " + (i.processLabels.length ? i.processLabels.join(" ") : `All Processes`) }}
+                  {{ `${cause.type}: ${getURI(cause.uri)}${cause.uri.threshold}>=${cause.uri.current}; ` }}
                 </span>
-                <a class="profile-view r" @click="viewDetail = true">
+                <!-- <a class="profile-view r" @click="viewDetail = true">
                   <Icon iconName="view" size="middle" />
-                </a>
+                </a> -->
               </div>
               <div class="grey ell sm">
                 <span class="mr-10 sm">{{ dateFormat(i.taskStartTime) }}</span>
@@ -53,29 +53,33 @@ limitations under the License. -->
       </div>
     </div>
   </div>
-  <el-dialog v-model="viewDetail" :destroy-on-close="true" fullscreen @closed="viewDetail = false">
+  <!-- <el-dialog v-model="viewDetail" :destroy-on-close="true" fullscreen @closed="viewDetail = false">
     <TaskDetails :details="continousProfilingStore.selectedTask" />
-  </el-dialog>
+  </el-dialog> -->
 </template>
 <script lang="ts" setup>
-  import { ref } from "vue";
+  // import { ref } from "vue";
   import { useI18n } from "vue-i18n";
   import { useContinousProfilingStore } from "@/store/modules/continous-profiling";
   import type { EBPFTaskList } from "@/types/ebpf";
-  import TaskDetails from "../../components/TaskDetails.vue";
+  // import TaskDetails from "../../components/TaskDetails.vue";
   import { dateFormat } from "@/utils/dateFormat";
 
   const { t } = useI18n();
   const continousProfilingStore = useContinousProfilingStore();
-  const viewDetail = ref<boolean>(false);
+  // const viewDetail = ref<boolean>(false);
 
   async function changeTask(item: EBPFTaskList) {
-    continousProfilingStore.setselectedTask(item);
+    continousProfilingStore.setSelectedContinousTask(item);
+  }
+
+  function getURI(uri: { uriRegex: string; uriPath: string }) {
+    return uri ? `(${uri.uriRegex || ""} | ${uri.uriPath || ""})` : "";
   }
 </script>
 <style lang="scss" scoped>
   .profile-task-list {
-    width: 330px;
+    width: 300px;
     height: calc(100% - 10px);
     overflow: auto;
     border-right: 1px solid rgba(0, 0, 0, 0.1);