| | |
|---|
| | | <template> |
|---|
| | | <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> |
|---|
| | | <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="1100" @ok="handleSubmit"> |
|---|
| | | <BasicForm @register="registerForm" /> |
|---|
| | | </BasicModal> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | const isUpdate = ref(true) |
|---|
| | | //表单配置 |
|---|
| | | const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({ |
|---|
| | | //labelWidth: 150, |
|---|
| | | labelWidth: 150, |
|---|
| | | schemas: formSchema, |
|---|
| | | showActionButtonGroup: false, |
|---|
| | | baseColProps: { span: 24 }, |
|---|
| | | baseColProps: { span: 11 }, |
|---|
| | | }) |
|---|
| | | |
|---|
| | | //表单赋值 |
|---|
| | | const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => { |
|---|
| | | //重置表单 |
|---|
| | |
|---|
| | | // 隐藏底部时禁用整个表单 |
|---|
| | | setProps({ disabled: !data?.showFooter }) |
|---|
| | | }) |
|---|
| | | const updateNameValue = (v) => { |
|---|
| | | console.log(v) |
|---|
| | | } |
|---|
| | | |
|---|
| | | //设置标题 |
|---|
| | | const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑')) |
|---|
| | | //表单提交事件 |
|---|
