更改了取消订单的逻辑

src/views/PayFailed.vue

@@ -90,7 +90,7 @@
     </div>
 
     <!-- 底部操作按钮 -->
-    <div class="bottom-actions">
+    <div class="bottom-actions" v-if="!orderExpired">
       <el-button 
         size="large"
         class="cancel-btn"
@@ -298,13 +298,13 @@ const cancelOrder = async () => {
       const response = await api.post(`/order/cancel/${cartId}`)
       if (response.data.success) {
         ElMessage.success('订单已取消')
-        router.push('/shop')
+        orderExpired.value = true
       } else {
         throw new Error(response.data.message || '取消订单失败')
       }
     } else {
       ElMessage.success('订单已取消')
-      router.push('/shop')
+      orderExpired.value = true
     }
   } catch (error) {
     if (error !== 'cancel') {