From 1f9281433a48d3828689c40752253603526308ec Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 23 May 2023 18:29:35 +0800
Subject: [PATCH] feat: update

---
 src/locales/lang/en.ts                        |  1 +
 src/locales/lang/es.ts                        |  3 ++-
 src/locales/lang/zh.ts                        |  1 +
 .../components/GraphPanel.vue                 | 23 +++++++++++++++----
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index db25e62e..d9c812ca 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -397,5 +397,6 @@ const msg = {
   threshold: "Threshold",
   uriRegex: "URI Regex",
   uriList: "URI List",
+  process: "Process",
 };
 export default msg;
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index dcf9f979..431c5626 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -395,6 +395,7 @@ const msg = {
   count: "Contar",
   threshold: "Umbral",
   uriRegex: "Lista URI",
-  uriList: "URI List",
+  uriList: "Lista URI",
+  process: "Proceso",
 };
 export default msg;
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index 235f2762..49c000fe 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -394,5 +394,6 @@ const msg = {
   threshold: "阈值",
   uriRegex: "URI规则",
   uriList: "URI列表",
+  process: "进程",
 };
 export default msg;
diff --git a/src/views/dashboard/related/continuous-profiling/components/GraphPanel.vue b/src/views/dashboard/related/continuous-profiling/components/GraphPanel.vue
index 234adaf1..743e0e43 100644
--- a/src/views/dashboard/related/continuous-profiling/components/GraphPanel.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/GraphPanel.vue
@@ -18,7 +18,7 @@ limitations under the License. -->
     <div class="header">
       <span class="label mr-5">{{ t("instance") }}</span>
       <Selector
-        class="selector"
+        class="selector mr-10"
         size="small"
         :value="instanceId"
         :options="continousProfilingStore.instances"
@@ -27,18 +27,21 @@ limitations under the License. -->
       />
       <span class="label mr-5">{{ t("process") }}</span>
       <Selector
-        class="selector"
+        class="selector mr-10"
         size="small"
         :value="processId"
         :options="continousProfilingStore.processes"
         placeholder="Select a process"
         @change="changeProcess"
       />
+      <el-button type="primary" size="small">
+        {{ t("analysis") }}
+      </el-button>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { ref } from "vue";
+  import { ref, watch } from "vue";
   import { useI18n } from "vue-i18n";
   import { useSelectorStore } from "@/store/modules/selectors";
   import { useContinousProfilingStore } from "@/store/modules/continous-profiling";
@@ -49,7 +52,6 @@ limitations under the License. -->
   const processId = ref<string>("");
   const instanceId = ref<string>("");
 
-  getSelectors();
   function changeInstance(opt: { id: string }[]) {
     instanceId.value = opt[0].id;
   }
@@ -60,9 +62,20 @@ limitations under the License. -->
 
   async function getSelectors() {
     const serviceId = (selectorStore.currentService && selectorStore.currentService.id) || "";
-    await continousProfilingStore.getServiceInstances(serviceId.value);
+
+    await continousProfilingStore.getServiceInstances(serviceId);
+    instanceId.value = (continousProfilingStore.instances[0] || {}).id || "";
     await continousProfilingStore.getProcesses(instanceId.value);
+    processId.value = (continousProfilingStore.processes[0] || {}).id || "";
   }
+  getSelectors();
+
+  watch(
+    () => selectorStore.currentService,
+    () => {
+      getSelectors();
+    },
+  );
 </script>
 <style lang="scss" scoped>
   .header {