小改动

src/App.vue

@@ -10,7 +10,7 @@
     :style="$route.path === '/' ? 'min-height: auto; padding-bottom: 0;' : ''"
   >
     <router-view
-      :key="$route.fullPath"
+      :key="$route.path"
       :class="[
         'main-wrapper',
         { 'main-wrapper-fluid': $route.path === '/invite' },

src/pages/my-order/index.vue

@@ -169,6 +169,9 @@ export default defineComponent({
             &:nth-child(2) {
               margin-top: 0;
             }
+            &:last-child {
+              width: 100%;
+            }
             &__label {
               margin-right: 14px;
               &::after {

src/pages/repaire/history.vue

@@ -10,9 +10,9 @@
         <div class="block-title">
           <span class="text">{{ item.pickup_time }} {{ item.shop_name }}</span>
           <span class="ptc-tag" :class="`s${item.audit_status}`">{{
-            item.audit_status === 0
+            item.audit_status == 0
               ? 'Under review'
-              : item.audit_status === 1
+              : item.audit_status == 1
               ? 'Approved'
               : 'Canceled'
           }}</span>
@@ -50,7 +50,7 @@
       </div>
       <div class="button-group">
         <button
-          v-if="item.audit_status === 2"
+          v-if="item.audit_status == 2"
           class="ptc-button ptc-button--stroke"
           @click="deleteRepair(item)"
         >
@@ -59,7 +59,7 @@
         <template v-else>
           <button
             class="ptc-button"
-            @click="$router.push('/appointment?id=' + item.id)"
+            @click="$router.push('/repaire/appointment?id=' + item.id)"
           >
             Reschedule
           </button>

src/pages/repaire/steps/StepFive.vue

@@ -77,9 +77,10 @@ const formattedTime = (() => {
 })()
 
 function reselect() {
-  state.rightId
-    ? router.replace({ path: '', query: { id: state.repairId } })
-    : (state.step = 1)
+  if (state.rightId) {
+    router.replace({ path: '', query: { id: state.repairId } })
+  }
+  state.step = 1
 }
 
 async function applyCancel() {