解决报名支付

frontend/src/pages/MyOrders.jsx

@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { Form, Input, Button, Card, List, Tag, Typography, message, Space, Statistic, Divider, Modal, Descriptions, Tabs } from 'antd';
 import { MobileOutlined, LockOutlined, SearchOutlined, CarOutlined, InboxOutlined, SafetyCertificateOutlined, CheckCircleOutlined, ClockCircleOutlined, CloseCircleOutlined, UserOutlined, EnvironmentOutlined, PhoneOutlined, CalendarOutlined } from '@ant-design/icons';
-import api, { getMySignups } from '../api';
+import { queryMyOrders, getMySignups } from '../api';
+import { motion } from 'framer-motion';
 import LoginModal from '../components/LoginModal';
 import { useAuth } from '../context/AuthContext';
 import { useNavigate } from 'react-router-dom';
@@ -40,6 +41,8 @@ const MyOrders = () => {
   const handleQueryData = async () => {
     setLoading(true);
     try {
+      const { default: api } = await import('../api');
+      
       // Parallel fetch
       const [ordersRes, activitiesRes] = await Promise.allSettled([
           api.get('/orders/'),
@@ -341,7 +344,7 @@ const MyOrders = () => {
           onLoginSuccess={(userData) => {
             login(userData);
             if (userData.phone_number) {
-               handleQueryData();
+               handleQueryOrders(userData.phone_number);
             }
           }}
         />