Add dialog close handler and fix personal center routing

components/kl-quick-menu/components/kl-vip.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center>
+  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center @close="handleClose">
     <template #header>
       <div class="vip-modal-title">VIP套餐</div>
     </template>
@@ -133,6 +133,14 @@
     clearInterval(interval.value)
     interval.value = undefined
   }
+
+  /** 关闭弹窗 */
+  const handleClose = () => {
+    visible.value = false
+    // 清空任务
+    clearInterval(interval.value)
+    interval.value = undefined
+  }
 </script>
 
 <style scoped>
@@ -239,7 +247,7 @@
 
   :deep(.el-dialog__header) {
     .el-dialog__close {
-      top: -10px !important
+      top: -10px !important;
     }
   }
 </style>