diff --git a/kicc-ui/src/views/system/config/ConfigModal.vue b/kicc-ui/src/views/system/config/ConfigModal.vue index bd219bca..9f6e0d55 100644 --- a/kicc-ui/src/views/system/config/ConfigModal.vue +++ b/kicc-ui/src/views/system/config/ConfigModal.vue @@ -15,10 +15,7 @@ > - + - + - + - + @@ -59,10 +47,7 @@ - + entfrm All rights reserved. * author entfrm开发团队-王翔 */ - import { reactive } from 'vue'; + import { reactive, ref } from 'vue'; import { Form, Input, Radio, Row, Col } from 'ant-design-vue'; import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal'; import { getConfig, addConfig, editConfig } from '/@/api/platform/system/controller/config'; @@ -113,7 +98,7 @@ const ARow = Row; const ACol = Col; - const useForm = AForm.useForm; + const formElRef = ref(); const state = reactive({ tag: '', modelRef: { @@ -138,11 +123,10 @@ }); /** https://v3.cn.vuejs.org/api/options-data.html#emits */ const emit = defineEmits(['success', 'register']); - const { resetFields, clearValidate, validate, validateInfos } = useForm(state.modelRef, state.rulesRef); const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data: WindowInnerData = { _tag: '' })=> { // 处理清除脏数据 - resetFields(); - clearValidate(); + formElRef.value.resetFields(); + formElRef.value.clearValidate(); // 处理设置数据 state.tag = data._tag; const configId = data.record?.id; @@ -166,7 +150,7 @@ async function handleSubmit() { try { // 提取验证数据 - const formData = await validate(); + const formData = await formElRef.value.validate(); // 处理提交之前逻辑 setModalProps({ confirmLoading: true }); // 采用tag标签区分操作