no message

src/router/routes.ts

@@ -108,6 +108,14 @@ const routes: Array<RouteRecordRaw> = [
     meta: {
       title: "签到签退"
     }
+  },
+  {
+    path: "/signOK",
+    name: "signOK",
+    component: () => import("@/views/signPage/signok.vue"),
+    meta: {
+      title: "签到签退成功"
+    }
   }
 ];
 

src/views/signPage/index.vue

@@ -46,14 +46,23 @@
             label="签到时间"
         />
       </van-cell-group>
-      <div style="margin: 16px;">
-        <van-button :loading="loading" :disabled="disabled" loading-text="签到中..." block type="primary" native-type="submit" v-show="type === '1'">
+      <div class="button-list" style="margin: 16px;">
+        
+        <van-button :loading="loading" loading-text="签到中..." block type="primary" native-type="submit" v-if="type === '1'">
           确定签到
         </van-button>
 
-        <van-button :loading="loading" :disabled="disabled" loading-text="签退中..." block type="danger" native-type="submit" v-show="type === '2'">
+        <van-button block type="default" @click="handleSignCancel" v-if="type === '1'">
+          取消签到
+        </van-button>
+
+        <van-button :loading="loading" loading-text="签退中..." block type="primary" native-type="submit" v-if="type === '2'">
           确定签退
         </van-button>
+
+        <van-button block type="default" @click="handleSignCancel" v-if="type === '2'">
+          取消签退
+        </van-button>
       </div>
     </van-form>
   </div>
@@ -62,13 +71,13 @@
 <script lang="ts" setup name="signPage">
 import {onMounted, ref} from "vue";
 import {validatePhone} from "@/utils/validate";
-import {showSuccessToast} from "vant";
 import { getSignInfo, signEvent } from '@/api/event';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 
 const route = useRoute();
+const router = useRouter()
+
 const loading = ref(false);
-const disabled = ref(false);
 
 const event_id = route.query.event_id as string;
 
@@ -94,12 +103,16 @@ const onSubmit = () => {
   };
   loading.value = true;
   signEvent(data).then((res)=>{
-    showSuccessToast(res.msg);
     loading.value = false;
-    disabled.value = true;
+    router.push("/signOK?type="+submitMethod)
   })
 }
 
+
+const handleSignCancel = () => {
+  router.push("/")
+}
+
 onMounted(() => {
   getSignInfo({event_id: event_id}).then((res)=> {
     const user = res.data;

src/views/signPage/signok.vue

@@ -0,0 +1,26 @@
+<template>
+
+<van-empty
+  image="static/images/signok.png"
+  image-size="140"
+  :description="desc"
+/>
+
+</template>
+
+<script lang="ts" setup>
+import {onMounted, ref} from "vue";
+import { useRoute } from 'vue-router';
+const route = useRoute();
+
+const desc = ref('签到成功');
+const type = route.query.type as string;
+
+onMounted(()=>{
+    desc.value = type === "1" ? "签到成功": "签退成功"
+
+})
+</script>
+
+<style lang="scss" scoped>
+</style>