fix: 修复动态表单时间选择集无法回显
This commit is contained in:
parent
a1484474c8
commit
de388858f8
@ -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: () => [
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user