diff --git a/apps/web-antd/src/views/pay/cashier/index.vue b/apps/web-antd/src/views/pay/cashier/index.vue
index d7fc41003..31662f438 100644
--- a/apps/web-antd/src/views/pay/cashier/index.vue
+++ b/apps/web-antd/src/views/pay/cashier/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { PayOrderApi } from '#/api/pay/order';
 
-import { onMounted, ref } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { Page, useVbenModal } from '@vben/common-ui';
@@ -294,6 +294,10 @@ function goReturnUrl(payResult: string) {
 onMounted(async () => {
   await getDetail();
 });
+
+onBeforeUnmount(() => {
+  clearQueryInterval();
+});
 </script>
 <template>
   <Page auto-content-height>
diff --git a/apps/web-ele/src/views/pay/cashier/index.vue b/apps/web-ele/src/views/pay/cashier/index.vue
index 5daaf0186..7a338652f 100644
--- a/apps/web-ele/src/views/pay/cashier/index.vue
+++ b/apps/web-ele/src/views/pay/cashier/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { PayOrderApi } from '#/api/pay/order';
 
-import { onMounted, ref } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { Page, useVbenModal } from '@vben/common-ui';
@@ -294,6 +294,10 @@ function goReturnUrl(payResult: string) {
 onMounted(async () => {
   await getDetail();
 });
+
+onBeforeUnmount(() => {
+  clearQueryInterval();
+});
 </script>
 <template>
   <Page auto-content-height>