feat: 添加提交前验证

yudao-ui-admin-vue3/src/views/infra/dataSourceConfig/index.vue

@@ -44,23 +44,29 @@ const handleUpdate = async (row: DataSourceConfigVO) => {
 
 // 提交按钮
 const submitForm = async () => {
-  loading.value = true
-  // 提交请求
-  try {
-    const data = unref(formRef)?.formModel as DataSourceConfigVO
-    if (actionType.value === 'create') {
-      await DataSourceConfiggApi.createDataSourceConfigApi(data)
-      ElMessage.success(t('common.createSuccess'))
-    } else {
-      await DataSourceConfiggApi.updateDataSourceConfigApi(data)
-      ElMessage.success(t('common.updateSuccess'))
+  const elForm = unref(formRef)?.getElFormRef()
+  if (!elForm) return
+  elForm.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+      // 提交请求
+      try {
+        const data = unref(formRef)?.formModel as DataSourceConfigVO
+        if (actionType.value === 'create') {
+          await DataSourceConfiggApi.createDataSourceConfigApi(data)
+          ElMessage.success(t('common.createSuccess'))
+        } else {
+          await DataSourceConfiggApi.updateDataSourceConfigApi(data)
+          ElMessage.success(t('common.updateSuccess'))
+        }
+        // 操作成功，重新加载列表
+        dialogVisible.value = false
+        await getList()
+      } finally {
+        loading.value = false
+      }
     }
-    // 操作成功，重新加载列表
-    dialogVisible.value = false
-    await getList()
-  } finally {
-    loading.value = false
-  }
+  })
 }
 
 // 删除操作