新增项目 项目名称校验

src/views/project/Project/ProjectEditDialog.vue

@@ -11,7 +11,7 @@
         <!-- 第一步：基本信息 -->
         <div v-if="activeStep === 1">
           <el-form
-            ref="basicInfoForm"
+            ref="basicInfoFormRef"
             :model="formData"
             :rules="formRules"
             label-width="100px"
@@ -304,7 +304,11 @@ const dialogVisible = computed({
   get: () => props.visible,
   set: (value) => emit('update:visible', value)
 })
-
+const formRules = ref({
+ name: [
+    { required: true, message: '请输入项目名称', trigger: 'blur' }
+  ],
+})
 // 初始化标志
 const initialized = ref(false)
 
@@ -501,9 +505,14 @@ const selectChangeSql = () => {
     allDatabases.value = res.data
   })
 }
+const basicInfoFormRef = ref(null)
 const handleNextStep = async () => {
   if (activeStep.value === 1) {
     try {
+      const isValid = await basicInfoFormRef.value.validate()
+      if (!isValid) {
+        return
+      }
       const response = await validateStep1()
       if (response.flag === true) {
         checkDatasystem().then(res => {
@@ -530,8 +539,8 @@ const handleNextStep = async () => {
         return
       }
     } catch (error) {
-      console.error('第一步验证接口调用失败:', error)
-      ElMessage.error('网络错误，请稍后重试')
+      // console.error('第一步验证接口调用失败:', error)
+      // ElMessage.error('网络错误，请稍后重试')
       return
     }
   } else if (activeStep.value < 4) {