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