From 016f999bf7078f48d1ee80aeabb3be1639996e42 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Thu, 11 Jan 2024 12:17:25 +0800
Subject: [PATCH] feat: update

---
 src/components/Tags.vue      |  9 ++++++++-
 src/views/dashboard/List.vue | 11 ++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/Tags.vue b/src/components/Tags.vue
index 90fb670c..b854843a 100644
--- a/src/components/Tags.vue
+++ b/src/components/Tags.vue
@@ -31,7 +31,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-  import { nextTick, ref } from "vue";
+  import { nextTick, ref, watch } from "vue";
   import type { PropType } from "vue";
   import { ElInput } from "element-plus";
 
@@ -69,6 +69,13 @@ limitations under the License. -->
     inputValue.value = "";
     emits("change", dynamicTags.value);
   };
+
+  watch(
+    () => props.tags,
+    () => {
+      dynamicTags.value = props.tags || [];
+    },
+  );
 </script>
 <style lang="scss" scoped>
   .input-name {
diff --git a/src/views/dashboard/List.vue b/src/views/dashboard/List.vue
index 1eeb810e..f9489ce0 100644
--- a/src/views/dashboard/List.vue
+++ b/src/views/dashboard/List.vue
@@ -150,7 +150,7 @@ limitations under the License. -->
         <div>{{ t("hierarchyNodeMetrics") }}</div>
         <div class="mt-10 expressions">
           <Tags
-            :tags="currentRow.expressions"
+            :tags="currentRow.expressions || []"
             :vertical="true"
             :text="t('addExpressions')"
             @change="(param) => changeExpressions(param)"
@@ -207,6 +207,11 @@ limitations under the License. -->
     currentRow.value.expressions = params;
   }
 
+  function handleEditMQE(row: DashboardItem) {
+    MQEVisible.value = !MQEVisible.value;
+    currentRow.value = row;
+  }
+
   async function saveMQE() {
     const items: DashboardItem[] = [];
     loading.value = true;
@@ -530,10 +535,6 @@ limitations under the License. -->
     searchDashboards(1);
     loading.value = false;
   }
-  function handleEditMQE(row: DashboardItem) {
-    MQEVisible.value = !MQEVisible.value;
-    currentRow.value = row;
-  }
   function handleRename(row: DashboardItem) {
     ElMessageBox.prompt("Please input dashboard name", "Edit", {
       confirmButtonText: "OK",