个人中心

src/pages/UserCenter/index.vue

@@ -37,14 +37,7 @@
       </div>-->
       <div class="hidden flex-1 items-center justify-center md:flex md:pb-[50px]">
         <div class="container mx-auto">
-          <DesktopLayout
-            :selected-plan-id="selectedPlanId"
-            :is-paying="isPaying"
-            :is-user-loading="isUserLoading"
-            :is-plans-loading="isPlansLoading"
-            :is-payments-loading="isPaymentsLoading"
-            @show-order-details="orderDetailsModalRef?.show()"
-          />
+          <DesktopLayout />
         </div>
       </div>
     </div>
@@ -53,17 +46,10 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
 import DesktopLayout from './DesktopLayout/index.vue'
-import OrderStatusDialog from '@/components/user-center/OrderStatusDialog.vue'
-import OrderDetailsModal from './components/OrderDetails/index.vue'
 import Logo from '@/pages/Home/logo.svg?component'
-import request from '@/utils/request'
-import { toast } from 'vue-sonner'
 import { useLocalStorage } from '@vueuse/core'
 
-const route = useRoute()
-const router = useRouter()
 const token = useLocalStorage('Authorization', '')
 const userEmail = useLocalStorage('UserEmail', '')
 
@@ -72,14 +58,6 @@ const userLetter = computed(() => {
   if (!userEmail.value) return '?'
   return userEmail.value.charAt(0).toUpperCase()
 })
-// --- State ---
-const selectedPlanId = ref('p2')
-const isPaying = ref(false)
-const isUserLoading = ref(true)
-const isPlansLoading = ref(true)
-const isPaymentsLoading = ref(true)
-const orderStatusDialogRef = ref<InstanceType<typeof OrderStatusDialog> | null>(null)
-const orderDetailsModalRef = ref<InstanceType<typeof OrderDetailsModal> | null>(null)
 </script>
 
 <style scoped></style>