From b4bf447a514a66d5dfc52f8ad1cc69635a68d1a0 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Sat, 20 May 2023 18:12:16 +0800
Subject: [PATCH] feat: update policy list

---
 src/locales/lang/en.ts                        |  2 ++
 src/locales/lang/es.ts                        |  2 ++
 src/locales/lang/zh.ts                        |  2 ++
 src/store/modules/continous-profiling.ts      | 10 ++++--
 .../related/continuous-profiling/Content.vue  |  3 +-
 .../components/StrategyList.vue               | 35 ++++++++++++++++---
 6 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index a39c34fb..8c7cadae 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -388,5 +388,7 @@ const msg = {
   elasticsearch: "Elasticsearch",
   mq: "MQ",
   rabbitMQ: "RabbitMQ",
+  save: "Save",
+  editStrategy: "Edit Policies",
 };
 export default msg;
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index 41259234..6a8c64db 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -387,5 +387,7 @@ const msg = {
   elasticsearch: "Elasticsearch",
   mq: "MQ",
   rabbitMQ: "RabbitMQ",
+  save: "Salvar",
+  editStrategy: "Estrategia editorial",
 };
 export default msg;
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index b592abdf..40df2545 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -385,5 +385,7 @@ const msg = {
   elasticsearch: "Elasticsearch",
   mq: "消息队列",
   rabbitMQ: "RabbitMQ",
+  save: "保存",
+  editStrategy: "编辑策略",
 };
 export default msg;
diff --git a/src/store/modules/continous-profiling.ts b/src/store/modules/continous-profiling.ts
index 09ef105e..9179e1ac 100644
--- a/src/store/modules/continous-profiling.ts
+++ b/src/store/modules/continous-profiling.ts
@@ -140,9 +140,13 @@ export const continousProfilingStore = defineStore({
       if (res.data.errors) {
         return res.data;
       }
-      this.strategyList = res.data.data.queryEBPFTasks || [];
-      this.selectedStrategyTask = this.strategyList[0] || {};
-      this.setSelectedStrategyTask(this.selectedStrategyTask);
+      this.strategyList = (res.data.data.strategyList || []).map((d: StrategyItem, index: number) => {
+        return {
+          ...d,
+          id: index,
+        };
+      });
+      this.setSelectedStrategyTask(this.strategyList[0] || {});
       if (!this.strategyList.length) {
         this.nodes = [];
         this.calls = [];
diff --git a/src/views/dashboard/related/continuous-profiling/Content.vue b/src/views/dashboard/related/continuous-profiling/Content.vue
index d21ba051..34eeef09 100644
--- a/src/views/dashboard/related/continuous-profiling/Content.vue
+++ b/src/views/dashboard/related/continuous-profiling/Content.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
 <template>
   <div class="flex-h content">
     <div class="list flex-v">
-      <div>strategies</div>
+      <StrategyList />
       <div>tasks</div>
     </div>
     <div>graph</div>
@@ -24,6 +24,7 @@ limitations under the License. -->
 <script lang="ts" setup>
   import type { PropType } from "vue";
   import { useI18n } from "vue-i18n";
+  import StrategyList from "./components/StrategyList.vue";
   /*global defineProps */
   defineProps({
     config: {
diff --git a/src/views/dashboard/related/continuous-profiling/components/StrategyList.vue b/src/views/dashboard/related/continuous-profiling/components/StrategyList.vue
index d29c7965..3d812966 100644
--- a/src/views/dashboard/related/continuous-profiling/components/StrategyList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/StrategyList.vue
@@ -25,13 +25,36 @@ limitations under the License. -->
         <div class="no-data" v-show="!continousProfilingStore.strategyList.length">
           {{ t("noData") }}
         </div>
-        <div>data</div>
+        <table class="profile-t">
+          <tr
+            class="profile-tr cp"
+            v-for="(i, index) in continousProfilingStore.strategyList"
+            @click="changePolicy(i)"
+            :key="index"
+          >
+            <td
+              class="profile-td"
+              :class="{
+                selected: continousProfilingStore.selectedStrategyTask.id === i.id,
+              }"
+            >
+              <div class="ell">
+                <span class="mr-10 sm">
+                  {{ i.type }}
+                </span>
+                <span class="mr-10 sm">
+                  {{ policyItem(i.checkItems) }}
+                </span>
+              </div>
+            </td>
+          </tr>
+        </table>
       </div>
     </div>
   </div>
   <el-dialog
     v-model="updateStrategies"
-    :title="t('editStrategies')"
+    :title="t('editStrategy')"
     :destroy-on-close="true"
     fullscreen
     @closed="updateStrategies = false"
@@ -56,8 +79,12 @@ limitations under the License. -->
 
   fetchStrategyList();
 
-  async function changeStrategy(item: StrategyItem) {
-    continousProfilingStore.setSelectedNetworkTask(item);
+  function policyItem(items: CheckItems[]) {
+    return items.map((d: CheckItems) => d.type).join(";");
+  }
+
+  async function changePolicy(item: StrategyItem) {
+    continousProfilingStore.setSelectedStrategyTask(item);
   }
 
   function setStrategies() {