更改了取消订单的逻辑

src/router/index.js

@@ -267,7 +267,7 @@ const routes = [
      path: '/payfailed',
      name: 'PayFailed',
      component: () => import('../views/PayFailed.vue'),
-     meta: { title: '确认支付' },
+     meta: { title: '支付失败' },
      props: route => ({ cartId: route.query.cartId })
    },
   {

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') {