From af10c85c8f71ccdf2f60989a067804dd8b3aa667 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 26 六月 2024 19:21:13 +0800
Subject: [PATCH] 产品工艺路线更新

---
 src/views/demo/comp/verify/index.vue |   64 +++++++++++--------------------
 1 files changed, 23 insertions(+), 41 deletions(-)

diff --git a/src/views/demo/comp/verify/index.vue b/src/views/demo/comp/verify/index.vue
index aa93473..ba74903 100644
--- a/src/views/demo/comp/verify/index.vue
+++ b/src/views/demo/comp/verify/index.vue
@@ -50,48 +50,30 @@
     </div>
   </PageWrapper>
 </template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { BasicDragVerify, DragVerifyActionType, PassingData } from '/@/components/Verify/index';
-  import { useMessage } from '/@/hooks/web/useMessage';
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { BasicDragVerify, DragVerifyActionType, PassingData } from '@/components/Verify';
+  import { useMessage } from '@/hooks/web/useMessage';
   import { BugOutlined, RightOutlined } from '@ant-design/icons-vue';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
+  import { type Nullable } from '@vben/types';
 
-  export default defineComponent({
-    components: { BasicDragVerify, BugOutlined, RightOutlined, PageWrapper },
-    setup() {
-      const { createMessage } = useMessage();
-      const el1 = ref<Nullable<DragVerifyActionType>>(null);
-      const el2 = ref<Nullable<DragVerifyActionType>>(null);
-      const el3 = ref<Nullable<DragVerifyActionType>>(null);
-      const el4 = ref<Nullable<DragVerifyActionType>>(null);
-      const el5 = ref<Nullable<DragVerifyActionType>>(null);
+  const { createMessage } = useMessage();
+  const el1 = ref<Nullable<DragVerifyActionType>>(null);
+  const el2 = ref<Nullable<DragVerifyActionType>>(null);
+  const el3 = ref<Nullable<DragVerifyActionType>>(null);
+  const el4 = ref<Nullable<DragVerifyActionType>>(null);
+  const el5 = ref<Nullable<DragVerifyActionType>>(null);
 
-      function handleSuccess(data: PassingData) {
-        const { time } = data;
-        createMessage.success(`鏍¢獙鎴愬姛,鑰楁椂${time}绉抈);
-      }
-
-      function handleBtnClick(elRef: Nullable<DragVerifyActionType>) {
-        if (!elRef) {
-          return;
-        }
-        elRef.resume();
-      }
-      return {
-        handleSuccess,
-        el1,
-        el2,
-        el3,
-        el4,
-        el5,
-        handleBtnClick,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .bg-gray-700 {
-    background-color: #4a5568;
+  function handleSuccess(data: PassingData) {
+    const { time } = data;
+    createMessage.success(`鏍¢獙鎴愬姛,鑰楁椂${time}绉抈);
   }
-</style>
+
+  function handleBtnClick(elRef: Nullable<DragVerifyActionType>) {
+    if (!elRef) {
+      return;
+    }
+    elRef.resume();
+  }
+</script>

--
Gitblit v1.9.3