From 0d34bf6af149461c0cd5ad841d925b2d30953410 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 24 Jul 2025 14:36:11 +0800
Subject: [PATCH] fix: dashboard name length

---
 .../dashboard/common/ResourceGroupOpt.vue     | 50 +++++++++----------
 .../src/views/dashboard/editor/Toolbar.vue    |  1 +
 2 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/frontend/src/views/dashboard/common/ResourceGroupOpt.vue b/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
index 24da8906..d71353c7 100644
--- a/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
+++ b/frontend/src/views/dashboard/common/ResourceGroupOpt.vue
@@ -8,6 +8,7 @@ import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 const emits = defineEmits(['finish'])
+const resource = ref(null)
 const state = reactive({
   id: null,
   opt: null,
@@ -84,21 +85,11 @@ const resourceFormRules = ref({
   name: [
     {
       required: true,
-      message: state.placeholder,
-      trigger: 'change',
-    },
-    {
-      required: true,
-      message: state.placeholder,
-      trigger: 'blur',
-    },
-    {
       min: 1,
       max: 64,
       message: t('dashboard.length_limit64'),
       trigger: 'change',
     },
-    { required: true, trigger: 'blur' },
   ],
   pid: [
     {
@@ -131,23 +122,28 @@ const propsTree = {
 const showPid = false
 
 const saveResource = () => {
-  const params = {
-    id: state.id,
-    node_type: state.nodeType,
-    name: resourceForm.name,
-    opt: state.opt,
-    pid: resourceForm.pid,
-    type: 'dashboard',
-    level: state.nodeType === 'folder' ? 0 : 1,
-  }
-  saveDashboardResource(params, function (rsp: any) {
-    const messageTips = t('common.save_success')
-    ElMessage({
-      type: 'success',
-      message: messageTips,
-    })
-    emits('finish', { opt: state.opt, resourceId: rsp.id })
-    resetForm()
+  // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  resource.value?.validate((result) => {
+    if (result) {
+      const params = {
+        id: state.id,
+        node_type: state.nodeType,
+        name: resourceForm.name,
+        opt: state.opt,
+        pid: resourceForm.pid,
+        type: 'dashboard',
+        level: state.nodeType === 'folder' ? 0 : 1,
+      }
+      saveDashboardResource(params, function (rsp: any) {
+        const messageTips = t('common.save_success')
+        ElMessage({
+          type: 'success',
+          message: messageTips,
+        })
+        emits('finish', { opt: state.opt, resourceId: rsp.id })
+        resetForm()
+      })
+    }
   })
 }
 
diff --git a/frontend/src/views/dashboard/editor/Toolbar.vue b/frontend/src/views/dashboard/editor/Toolbar.vue
index 572eb58d..5a6e1906 100644
--- a/frontend/src/views/dashboard/editor/Toolbar.vue
+++ b/frontend/src/views/dashboard/editor/Toolbar.vue
@@ -94,6 +94,7 @@ const editCanvasName = () => {
 const closeEditCanvasName = () => {
   nameEdit.value = false
   if (!inputName.value || !inputName.value.trim()) {
+    ElMessage.warning(t('dashboard.length_1_64_characters'))
     return
   }
   if (inputName.value.trim() === dashboardInfo.value.name) {