From b19d937fd8f1f0ff8b27b660966e3a4495b1d5ef Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 04 七月 2024 11:29:30 +0800
Subject: [PATCH] 高级表单优化
---
src/views/demo/system/password/index.vue | 52 ++++++++++++++++++++++++----------------------------
1 files changed, 24 insertions(+), 28 deletions(-)
diff --git a/src/views/demo/system/password/index.vue b/src/views/demo/system/password/index.vue
index 8fd720b..1f3ffd4 100644
--- a/src/views/demo/system/password/index.vue
+++ b/src/views/demo/system/password/index.vue
@@ -9,37 +9,33 @@
</div>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { PageWrapper } from '/@/components/Page';
- import { BasicForm, useForm } from '/@/components/Form';
+<script lang="ts" setup>
+ import { PageWrapper } from '@/components/Page';
+ import { BasicForm, useForm } from '@/components/Form';
import { formSchema } from './pwd.data';
- export default defineComponent({
- name: 'ChangePassword',
- components: { BasicForm, PageWrapper },
- setup() {
- const [register, { validate, resetFields }] = useForm({
- size: 'large',
- baseColProps: { span: 24 },
- labelWidth: 100,
- showActionButtonGroup: false,
- schemas: formSchema,
- });
- async function handleSubmit() {
- try {
- const values = await validate();
- const { passwordOld, passwordNew } = values;
+ defineOptions({ name: 'ChangePassword' });
- // TODO custom api
- console.log(passwordOld, passwordNew);
- // const { router } = useRouter();
- // router.push(pageEnum.BASE_LOGIN);
- } catch (error) {}
- }
-
- return { register, resetFields, handleSubmit };
- },
+ const [register, { validate, resetFields }] = useForm({
+ size: 'large',
+ baseColProps: { span: 24 },
+ labelWidth: 100,
+ showActionButtonGroup: false,
+ schemas: formSchema,
});
+
+ async function handleSubmit() {
+ try {
+ const values = await validate();
+ const { passwordOld, passwordNew } = values;
+
+ // TODO custom api
+ console.log(passwordOld, passwordNew);
+ // const { router } = useRouter();
+ // router.push(pageEnum.BASE_LOGIN);
+ } catch (error) {
+ console.error(error);
+ }
+ }
</script>
--
Gitblit v1.9.3