From 3f3817a39238b262155cd5ec76fa351bb344602d Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期三, 01 一月 2025 21:33:57 +0800 Subject: [PATCH] 打印工单流程卡 --- src/views/demo/page/form/basic/index.vue | 89 +++++++++++++++++++++----------------------- 1 files changed, 42 insertions(+), 47 deletions(-) diff --git a/src/views/demo/page/form/basic/index.vue b/src/views/demo/page/form/basic/index.vue index d91a79c..13f88f3 100644 --- a/src/views/demo/page/form/basic/index.vue +++ b/src/views/demo/page/form/basic/index.vue @@ -8,58 +8,53 @@ <BasicForm @register="register" /> </PageWrapper> </template> -<script lang="ts"> - import { BasicForm, useForm } from '/@/components/Form'; - import { defineComponent } from 'vue'; +<script lang="ts" setup> + import { BasicForm, useForm } from '@/components/Form'; import { schemas } from './data'; - import { useMessage } from '/@/hooks/web/useMessage'; - import { PageWrapper } from '/@/components/Page'; + import { useMessage } from '@/hooks/web/useMessage'; + import { PageWrapper } from '@/components/Page'; - export default defineComponent({ - name: 'FormBasicPage', - components: { BasicForm, PageWrapper }, - setup() { - const { createMessage } = useMessage(); - const [register, { validate, setProps }] = useForm({ - labelCol: { - span: 8, - }, - wrapperCol: { - span: 15, - }, - schemas: schemas, - actionColOptions: { - offset: 8, - span: 23, - }, - submitButtonOptions: { - text: '鎻愪氦', - }, - submitFunc: customSubmitFunc, - }); + defineOptions({ name: 'FormBasicPage' }); - async function customSubmitFunc() { - try { - await validate(); - setProps({ - submitButtonOptions: { - loading: true, - }, - }); - setTimeout(() => { - setProps({ - submitButtonOptions: { - loading: false, - }, - }); - createMessage.success('鎻愪氦鎴愬姛锛�'); - }, 2000); - } catch (error) {} - } - - return { register }; + const { createMessage } = useMessage(); + const [register, { validate, setProps }] = useForm({ + labelCol: { + span: 8, }, + wrapperCol: { + span: 15, + }, + schemas: schemas, + actionColOptions: { + offset: 8, + span: 23, + }, + submitButtonOptions: { + text: '鎻愪氦', + }, + submitFunc: customSubmitFunc, }); + + async function customSubmitFunc() { + try { + await validate(); + setProps({ + submitButtonOptions: { + loading: true, + }, + }); + setTimeout(() => { + setProps({ + submitButtonOptions: { + loading: false, + }, + }); + createMessage.success('鎻愪氦鎴愬姛锛�'); + }, 2000); + } catch (error) { + console.error(error); + } + } </script> <style lang="less" scoped> .form-wrap { -- Gitblit v1.9.3