Initial commit: X-Server Mobile enterprise tool system

- Frontend: React 18 + TypeScript + Vite + Ant Design Mobile
- Backend: PHP 8.5 + Webman 2.x + MySQL + Redis
- i18n support: Chinese, English, Russian, Spanish, French
- Approval workflow engine
- Docker development environment
- Feishu integration

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/pages/profile/index.tsx

@@ -0,0 +1,113 @@
+import { useNavigate } from 'react-router-dom'
+import { useUserStore } from '@/stores/user'
+import { useTranslation } from 'react-i18next'
+import { showLanguageSwitcher } from '@/components/LanguageSwitcher'
+import styles from './profile.module.css'
+
+interface MenuItem {
+  id: string
+  icon: string
+  label: string
+  path?: string
+  onClick?: () => void
+  badge?: number
+}
+
+export default function Profile() {
+  const navigate = useNavigate()
+  const { user, logout } = useUserStore()
+  const { t } = useTranslation()
+
+  const menuItems: MenuItem[] = [
+    {
+      id: 'messages',
+      icon: '💬',
+      label: t('profile.myMessages'),
+      path: '/messages',
+      badge: 5,
+    },
+    {
+      id: 'language',
+      icon: '🌐',
+      label: t('profile.language'),
+      onClick: () => showLanguageSwitcher(),
+    },
+    {
+      id: 'settings',
+      icon: '⚙️',
+      label: t('profile.settings'),
+      path: '/settings',
+    },
+    {
+      id: 'about',
+      icon: 'ℹ️',
+      label: t('profile.about'),
+      path: '/about',
+    },
+  ]
+
+  const handleMenuClick = (item: MenuItem) => {
+    if (item.path) {
+      navigate(item.path)
+    } else if (item.onClick) {
+      item.onClick()
+    }
+  }
+
+  return (
+    <div className={styles.profile}>
+      {/* 用户信息卡片 */}
+      <div className={styles.userCard}>
+        <div className={styles.avatar}>{user?.name?.[0] || 'U'}</div>
+        <div className={styles.userInfo}>
+          <div className={styles.userName}>{user?.name || t('login.username')}</div>
+          {user?.email && <div className={styles.userEmail}>{user.email}</div>}
+        </div>
+      </div>
+
+      {/* 统计数据 */}
+      <div className={styles.stats}>
+        <div className={styles.statItem}>
+          <div className={styles.statValue}>5</div>
+          <div className={styles.statLabel}>{t('approval.pending')}</div>
+        </div>
+        <div className={styles.statItem}>
+          <div className={styles.statValue}>12</div>
+          <div className={styles.statLabel}>{t('approval.approved')}</div>
+        </div>
+        <div className={styles.statItem}>
+          <div className={styles.statValue}>8</div>
+          <div className={styles.statLabel}>{t('businessTrip.myTrips')}</div>
+        </div>
+      </div>
+
+      {/* 功能菜单 */}
+      <div className={styles.menu}>
+        {menuItems.map((item) => (
+          <div
+            key={item.id}
+            className={styles.menuItem}
+            onClick={() => handleMenuClick(item)}
+          >
+            <div className={styles.menuLeft}>
+              <span className={styles.menuIcon}>{item.icon}</span>
+              <span className={styles.menuLabel}>{item.label}</span>
+              {item.badge && item.badge > 0 && (
+                <span className={styles.badge}>{item.badge > 99 ? '99+' : item.badge}</span>
+              )}
+            </div>
+            {item.path && <span className={styles.menuArrow}>›</span>}
+          </div>
+        ))}
+      </div>
+
+      {/* 退出登录按钮 */}
+      <button className={styles.logoutBtn} onClick={logout}>
+        {t('profile.logout')}
+      </button>
+
+      {/* 底部安全区域 */}
+      <div className={styles.safeArea} />
+    </div>
+  )
+}

frontend/src/pages/profile/profile.module.css

@@ -0,0 +1,154 @@
+.profile {
+  min-height: 100vh;
+  padding: 16px;
+  padding-bottom: calc(16px + env(safe-area-inset-bottom));
+  background: #f5f5f5;
+}
+
+/* 用户信息卡片 */
+.userCard {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 20px;
+  background: linear-gradient(135deg, #1677ff 0%, #0958d9 100%);
+  border-radius: 16px;
+  color: #fff;
+  margin-bottom: 16px;
+}
+
+.avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28px;
+  font-weight: 600;
+}
+
+.userInfo {
+  flex: 1;
+}
+
+.userName {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.userEmail {
+  font-size: 13px;
+  opacity: 0.8;
+}
+
+/* 统计数据 */
+.stats {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.statItem {
+  flex: 1;
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  text-align: center;
+}
+
+.statValue {
+  font-size: 24px;
+  font-weight: 600;
+  color: #1677ff;
+  margin-bottom: 4px;
+}
+
+.statLabel {
+  font-size: 12px;
+  color: #8c8c8c;
+}
+
+/* 功能菜单 */
+.menu {
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+  margin-bottom: 16px;
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  border-bottom: 1px solid #f5f5f5;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.menuItem:last-child {
+  border-bottom: none;
+}
+
+.menuItem:active {
+  background: #f5f5f5;
+}
+
+.menuLeft {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+}
+
+.menuIcon {
+  font-size: 20px;
+  color: #1677ff;
+}
+
+.menuLabel {
+  font-size: 15px;
+  color: #262626;
+}
+
+.badge {
+  margin-left: auto;
+  padding: 2px 8px;
+  background: #ff4d4f;
+  color: #fff;
+  font-size: 11px;
+  border-radius: 10px;
+  min-width: 18px;
+  text-align: center;
+}
+
+.menuArrow {
+  font-size: 14px;
+  color: #bfbfbf;
+}
+
+/* 退出登录按钮 */
+.logoutBtn {
+  width: 100%;
+  padding: 14px;
+  border: none;
+  border-radius: 12px;
+  background: #fff;
+  color: #ff4d4f;
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.logoutBtn:active {
+  background: #f5f5f5;
+}
+
+/* 底部安全区域 */
+.safeArea {
+  height: 16px;
+}