默认配置增加保存验证

src/components/formula/SettingFormulaConfig.vue

@@ -39,12 +39,14 @@ watchEffect(() => {
   formData.value = convertValuesToString(formData.value, 'name')
   // formData.value = convertValuesToInt(formData.value)
 })
-
+const settingFormRef = ref()
 /**
  * 处理表单提交
  * 根据不同的type属性值执行不同的保存逻辑
  */
 const handleSubmit = () => {
+  settingFormRef.value.validate((valid: any) => {
+    if (valid) {
       // 修改默认值
       const diff = compareJSON(formulaStore.defaultFormulaInfo, formData.value)
       const diffKeys = Object.keys(diff)
@@ -57,6 +59,8 @@ const handleSubmit = () => {
         FtMessage.success('配方修改成功')
       }
       formulaStore.getFormualDefaultData()
+    }
+  })
 }
 const size = 'default'
 const validatePass = (rule: any, value: any, callback: any, config: Formula.FormulaConfig) => {
@@ -76,6 +80,7 @@ const validatePass = (rule: any, value: any, callback: any, config: Formula.Form
 <template>
   <div class="formula-form">
     <el-form
+      ref="settingFormRef"
       :disabled="!props.editable"
       :model="formData"
       label-width="auto"