Browse Source

解决子添加问题

qin_v3
超级管理员 1 year ago
parent
commit
ffc8562bc3
  1. 12
      src/components/DesignForm/app/formPage.vue
  2. 1
      src/components/DesignForm/formControlPropertiNew.vue
  3. 12
      src/components/DesignForm/public/form/childTable.vue
  4. 1
      src/components/DesignForm/public/form/form.vue

12
src/components/DesignForm/app/formPage.vue

@ -153,6 +153,8 @@ const resetFields = () => {
} }
provide(constFormProps, formProps) provide(constFormProps, formProps)
// //
const resultDict = ref({}) const resultDict = ref({})
// //
@ -300,8 +302,16 @@ const getInitModel = () => {
const obj = {} const obj = {}
forEachGetFormModel(props.formData.list, obj) forEachGetFormModel(props.formData.list, obj)
// console.log("obj===>",obj) // console.log("obj===>",obj)
// console.log("obj===>",props.formData.list)
model.value = obj model.value = obj
} }
watch(
() => props.formData.list,
() => {
// formData
getInitModel()
}
)
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-06-05 14:18:03 @ 时间: 2024-06-05 14:18:03
@ -1075,7 +1085,7 @@ function optionsValue3Get2(data: any,fieldName: string){
</el-aside> </el-aside>
</el-container> </el-container>
<div v-else> <div v-else>
<el-form <el-form
v-bind="formData.form" v-bind="formData.form"
ref="ruleForm" ref="ruleForm"

1
src/components/DesignForm/formControlPropertiNew.vue

@ -3381,6 +3381,7 @@ const disabledIstrue = (val:string) => {
<!-- <div class="h3"><h3>校验设置</h3></div> --> <!-- <div class="h3"><h3>校验设置</h3></div> -->
<el-divider content-position="left">校验设置</el-divider> <el-divider content-position="left">校验设置</el-divider>
<div v-if="showHide(['input', 'password', 'component'], true)"> <div v-if="showHide(['input', 'password', 'component'], true)">
{{controlData.customRules}}
<el-form-item <el-form-item
v-for="(item, index) in controlData.customRules" v-for="(item, index) in controlData.customRules"
:key="item.type" :key="item.type"

12
src/components/DesignForm/public/form/childTable.vue

@ -21,10 +21,10 @@ const props = withDefaults(
) )
const formProps = inject(constFormProps, {}) as any const formProps = inject(constFormProps, {}) as any
const tableDataNew = computed(() => { const tableDataNew = computed(() => {
// console.log("-----1123---->",props.data.name) console.log("如果编辑页禁用时-----1---->",props.data.name)
// console.log("-----1123---->",formProps.value.model[props.data.name]) console.log("如果编辑页禁用时-----2---->",formProps.value.model[props.data.name])
// console.log("-----1123---->",formProps.value.model) console.log("如果编辑页禁用时-----3---->",formProps.value.model)
// console.log("-----1123---->",formProps.value) console.log("如果编辑页禁用时-----4---->",formProps.value)
return formProps.value.model[props.data.name] return formProps.value.model[props.data.name]
}) })
const type = computed(() => { const type = computed(() => {
@ -35,7 +35,7 @@ const editDisabled = computed(() => {
return formProps.value.type === 2 && props.data.config?.editDisabled return formProps.value.type === 2 && props.data.config?.editDisabled
}) })
const addColumn = () => { const addColumn = () => {
// console.log("--------->",tableDataNew.value) console.log("如果编辑页禁用时--------->",tableDataNew.value)
const temp: any = {} const temp: any = {}
if (props.data.list) { if (props.data.list) {
props.data.list.forEach((item: any) => { props.data.list.forEach((item: any) => {
@ -58,7 +58,7 @@ const delColumn = (index: number) => {
} }
</script> </script>
<template> <template>
<!-- {{formProps}} -->
<div class="form-table form-table-add"> <div class="form-table form-table-add">
<el-table <el-table
v-bind="data.control" v-bind="data.control"

1
src/components/DesignForm/public/form/form.vue

@ -146,6 +146,7 @@ const getInitModel = () => {
const obj = {} const obj = {}
forEachGetFormModel(props.formData.list, obj) forEachGetFormModel(props.formData.list, obj)
// console.log("obj===>",obj) // console.log("obj===>",obj)
// console.log("obj===>",props.formData.list)
model.value = obj model.value = obj
} }
watch( watch(

Loading…
Cancel
Save