| | |
| | | |
| | | const [Form, formApi] = useVbenForm({ |
| | | commonConfig: { |
| | | labelWidth: 120, |
| | | componentProps: { |
| | | class: 'w-full', |
| | | }, |
| | |
| | | return; |
| | | } |
| | | // 加载数据 |
| | | formData.value = undefined; |
| | | await formApi.resetForm(); |
| | | const data = modalApi.getData<CrmReceivablePlanApi.Plan>(); |
| | | if (!data || !data.id) { |
| | | // 设置到 values |
| | | await formApi.setValues(data); |
| | | if (!data) { |
| | | return; |
| | | } |
| | | modalApi.lock(); |
| | | try { |
| | | formData.value = await getReceivablePlan(data.id); |
| | | if (data.id) { |
| | | formData.value = await getReceivablePlan(data.id); |
| | | } |
| | | // 设置到 values |
| | | await formApi.setValues(formData.value); |
| | | await formApi.setValues(formData.value ?? data); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | |
| | | </script> |
| | | |
| | | <template> |
| | | <Modal :title="getTitle" class="w-2/5"> |
| | | <Modal :title="getTitle" class="w-3/5"> |
| | | <Form class="mx-4" /> |
| | | </Modal> |
| | | </template> |