feat: 员工门户UI优化 - PortalLayout/Logo组件/QR扫码登录/合同与政策页面重构

frontend/src/components/layout/TopNav.tsx

@@ -1,17 +1,19 @@
 import { Link, useNavigate } from 'react-router-dom'
-import { ChevronDown, Settings as SettingsIcon, Bell, Menu, HelpCircle } from 'lucide-react'
+import { ChevronDown, Settings as SettingsIcon, Bell, Menu, HelpCircle, Smartphone } from 'lucide-react'
 import { useState } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import { useAuthStore } from '../../store/authStore'
 import api from '../../lib/api'
 import Breadcrumb from './Breadcrumb'
 import HelpModal from '../HelpModal'
+import PortalQRModal from '../PortalQRModal'
 
 export default function TopNav({ onMenuClick }: { onMenuClick?: () => void }) {
   const navigate = useNavigate()
   const { user, logout } = useAuthStore()
   const [menuOpen, setMenuOpen] = useState(false)
   const [helpOpen, setHelpOpen] = useState(false)
+  const [portalQROpen, setPortalQROpen] = useState(false)
 
   const { data: dashboardData } = useQuery<any>({
     queryKey: ['dashboard'],
@@ -38,8 +40,16 @@ export default function TopNav({ onMenuClick }: { onMenuClick?: () => void }) {
           <Breadcrumb />
         </div>
 
-        {/* 右侧：帮助 + 通知 + 设置 + 用户菜单 */}
+        {/* 右侧：员工端 + 帮助 + 通知 + 设置 + 用户菜单 */}
         <div className="flex items-center gap-2 shrink-0">
+          <button
+            onClick={() => setPortalQROpen(true)}
+            className="p-1.5 rounded-md hover:bg-gray-100"
+            aria-label="员工端入口"
+          >
+            <Smartphone className="w-4 h-4 text-gray-600" />
+          </button>
+          <PortalQRModal open={portalQROpen} onClose={() => setPortalQROpen(false)} />
           <button
             onClick={() => setHelpOpen(true)}
             className="p-1.5 rounded-md hover:bg-gray-100"