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