fix(项目管理): 修复应用设置三方缺陷回显校验不能保存问题
This commit is contained in:
parent
af6689835f
commit
7948c7f0a8
|
@ -1,5 +1,11 @@
|
|||
<template>
|
||||
<FormCreate v-model:api="fApi" :rule="formRuleList" :option="props.options || option" @change="changeHandler">
|
||||
<FormCreate
|
||||
v-model:api="fApi"
|
||||
:rule="formRuleList"
|
||||
:option="props.options || option"
|
||||
@change="changeHandler"
|
||||
@mounted="handleMounted"
|
||||
>
|
||||
</FormCreate>
|
||||
</template>
|
||||
|
||||
|
@ -39,7 +45,7 @@
|
|||
api: any; // 表单对象
|
||||
}>();
|
||||
|
||||
const emit = defineEmits(['update:api', 'update', 'update:formItem', 'change']);
|
||||
const emit = defineEmits(['update:api', 'update', 'update:formItem', 'change', 'mounted']);
|
||||
|
||||
const fApi = computed({
|
||||
get() {
|
||||
|
@ -262,10 +268,24 @@
|
|||
getFormCreateItem();
|
||||
getControlFormItems();
|
||||
}
|
||||
function setValue() {
|
||||
nextTick(() => {
|
||||
console.log(props.formRule);
|
||||
const tempObj: Record<string, any> = {};
|
||||
props.formRule.forEach((item) => {
|
||||
tempObj[item.name] = item.value;
|
||||
});
|
||||
|
||||
fApi.value?.setValue({ ...tempObj });
|
||||
});
|
||||
}
|
||||
|
||||
watchEffect(() => {
|
||||
formItems.value = props.formRule;
|
||||
// 初始化的时候设置一次值 放置初始上来校验不通过
|
||||
|
||||
initFormItem();
|
||||
// setValue();
|
||||
});
|
||||
|
||||
const option = {
|
||||
|
@ -291,6 +311,11 @@
|
|||
emit('change', defaultValue, formRuleItem, api);
|
||||
}
|
||||
|
||||
function handleMounted() {
|
||||
// setValue();
|
||||
emit('mounted');
|
||||
}
|
||||
|
||||
watch(
|
||||
() => formRuleList.value,
|
||||
(val) => {
|
||||
|
|
|
@ -592,7 +592,6 @@
|
|||
wrap: {
|
||||
'asterisk-position': 'end',
|
||||
'validate-trigger': ['change'],
|
||||
'hide-asterisk': true,
|
||||
},
|
||||
};
|
||||
|
||||
|
|
|
@ -33,6 +33,8 @@
|
|||
v-model:api="fApi"
|
||||
v-model:form-item="platformItem"
|
||||
:form-rule="platformRules"
|
||||
@change="changeHandler"
|
||||
@mounted="handleMounted"
|
||||
/>
|
||||
<!-- 同步机制 -->
|
||||
<a-form-item field="MECHANISM" :label="t('project.menu.syncMechanism')">
|
||||
|
@ -280,7 +282,22 @@
|
|||
console.log(e);
|
||||
}
|
||||
};
|
||||
function setValue() {
|
||||
const tempObj: Record<string, any> = {};
|
||||
platformRules.value.forEach((item) => {
|
||||
tempObj[item.name] = item.value;
|
||||
});
|
||||
|
||||
fApi.value?.setValue({ ...tempObj });
|
||||
}
|
||||
function changeHandler(a, b) {
|
||||
fApi.value.validateField(b.field);
|
||||
fApi.value.refreshValidate();
|
||||
}
|
||||
|
||||
function handleMounted() {
|
||||
setValue();
|
||||
}
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
|
|
Loading…
Reference in New Issue