finish

frontend/src/components/Layout.jsx

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Layout as AntLayout, Menu, ConfigProvider, theme, Drawer, Button } from 'antd';
-import { RobotOutlined, MenuOutlined, AppstoreOutlined, EyeOutlined } from '@ant-design/icons';
-import { useNavigate, useLocation } from 'react-router-dom';
+import { RobotOutlined, MenuOutlined, AppstoreOutlined, EyeOutlined, SearchOutlined } from '@ant-design/icons';
+import { useNavigate, useLocation, useSearchParams } from 'react-router-dom';
 import ParticleBackground from './ParticleBackground';
 import { motion, AnimatePresence } from 'framer-motion';
 
@@ -10,8 +10,18 @@ const { Header, Content, Footer } = AntLayout;
 const Layout = ({ children }) => {
   const navigate = useNavigate();
   const location = useLocation();
+  const [searchParams] = useSearchParams();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
+  // 全局监听并持久化 ref 参数
+  useEffect(() => {
+    const ref = searchParams.get('ref');
+    if (ref) {
+      console.log('[Layout] Capturing sales ref code:', ref);
+      localStorage.setItem('ref_code', ref);
+    }
+  }, [searchParams]);
+
   const items = [
     {
       key: '/',
@@ -28,6 +38,11 @@ const Layout = ({ children }) => {
       icon: <EyeOutlined />,
       label: 'AR 体验',
     },
+    {
+      key: '/my-orders',
+      icon: <SearchOutlined />,
+      label: '我的订单',
+    },
     {
       key: 'more',
       label: '...',