| 提交 | 用户 | age | ||
| 2f6253 | 1 | <template> |
| 陈 | 2 | <BasicDrawer v-bind="$attrs" @register="register" title="Drawer Title" width="50%"> |
| da863d | 3 | <div> |
| 28f7f7 | 4 | <BasicForm @register="registerForm" /> |
| V | 5 | </div> |
| 2f6253 | 6 | </BasicDrawer> |
| 陈 | 7 | </template> |
| 8 | <script lang="ts"> | |
| 5832ee | 9 | import { defineComponent } from 'vue'; |
| 2f6253 | 10 | import { BasicDrawer, useDrawerInner } from '/@/components/Drawer'; |
| 28f7f7 | 11 | |
| V | 12 | import { BasicForm, FormSchema, useForm } from '/@/components/Form/index'; |
| 13 | const schemas: FormSchema[] = [ | |
| 14 | { | |
| 15 | field: 'field1', | |
| 16 | component: 'Input', | |
| 17 | label: '字段1', | |
| 18 | colProps: { | |
| 19 | span: 12, | |
| 20 | }, | |
| 21 | defaultValue: '111', | |
| 22 | }, | |
| 23 | { | |
| 24 | field: 'field2', | |
| 25 | component: 'Input', | |
| 26 | label: '字段2', | |
| 27 | colProps: { | |
| 28 | span: 12, | |
| 29 | }, | |
| 30 | }, | |
| 31 | ]; | |
| 2f6253 | 32 | export default defineComponent({ |
| 28f7f7 | 33 | components: { BasicDrawer, BasicForm }, |
| 2f6253 | 34 | setup() { |
| 28f7f7 | 35 | const [registerForm, { setFieldsValue }] = useForm({ |
| V | 36 | labelWidth: 120, |
| 37 | schemas, | |
| 38 | showActionButtonGroup: false, | |
| 39 | actionColOptions: { | |
| 40 | span: 24, | |
| 41 | }, | |
| 42 | }); | |
| ea24df | 43 | const [register] = useDrawerInner((data) => { |
| 5832ee | 44 | // 方式1 |
| V | 45 | setFieldsValue({ |
| 46 | field2: data.data, | |
| 47 | field1: data.info, | |
| 28f7f7 | 48 | }); |
| V | 49 | }); |
| ea24df | 50 | return { register, schemas, registerForm }; |
| 2f6253 | 51 | }, |
| 陈 | 52 | }); |
| 53 | </script> | |
