fix: 修复动态表单时间选择集无法回显

This commit is contained in:
shaohuzhang1 2024-10-21 13:53:02 +08:00 committed by shaohuzhang1
parent a1484474c8
commit de388858f8
2 changed files with 10 additions and 4 deletions

View File

@ -44,7 +44,7 @@ import type { FormInstance } from 'element-plus'
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{
modelValue: any modelValue: any
input_type_list: Array<{ label: string; value: string }> input_type_list?: Array<{ label: string; value: string }>
}>(), }>(),
{ {
input_type_list: () => [ input_type_list: () => [

View File

@ -11,6 +11,7 @@
</el-form-item> </el-form-item>
<el-form-item label="格式" required> <el-form-item label="格式" required>
<el-select <el-select
@change="format_change"
v-model="formValue.format" v-model="formValue.format"
filterable filterable
default-first-option default-first-option
@ -68,6 +69,7 @@ const type_dict: any = {
} }
const type_change = () => { const type_change = () => {
formValue.value.format = type_dict[formValue.value.type][0].value formValue.value.format = type_dict[formValue.value.type][0].value
formValue.value.default_value = ''
} }
const props = defineProps<{ const props = defineProps<{
modelValue: any modelValue: any
@ -85,14 +87,18 @@ const formValue = computed({
const getData = () => { const getData = () => {
return { return {
input_type: 'DatePicker', input_type: 'DatePicker',
attrs: {}, attrs: {
type: formValue.value.type,
format: formValue.value.format,
'value-format': formValue.value.format
},
default_value: formValue.value.default_value default_value: formValue.value.default_value
} }
} }
defineExpose({ getData }) defineExpose({ getData })
onMounted(() => { onMounted(() => {
formValue.value.type = 'datetime' formValue.value.type = props.modelValue.attrs?.type || 'datetime'
formValue.value.format = 'YYYY-MM-DD HH:mm:ss' formValue.value.format = props.modelValue.attrs?.format || 'YYYY-MM-DD HH:mm:ss'
formValue.value.default_value = props.modelValue.default_value || '' formValue.value.default_value = props.modelValue.default_value || ''
}) })
</script> </script>