feat: 首页添加待办事项和最新动态

- 待办事项：显示待审批的申请（最多显示3条）
- 最新动态：显示已审批/已提交的动态（最多显示3条）
- 支持点击跳转到详情页
- 显示相对时间（刚刚、X分钟前、X小时前等）
- 空状态提示暂无动态

优化首页布局，提供更丰富的信息展示

frontend/src/pages/dashboard/dashboard.module.css

@@ -89,6 +89,15 @@
   margin-bottom: 12px;
 }
 
+.badge {
+  padding: 2px 8px;
+  background: #ff4d4f;
+  color: white;
+  border-radius: 10px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
 .more {
   font-size: 13px;
   color: #999;
@@ -181,6 +190,15 @@
   color: #bfbfbf;
 }
 
+.todoMore {
+  padding: 12px 16px;
+  text-align: center;
+  color: #1677ff;
+  font-size: 13px;
+  cursor: pointer;
+  border-top: 1px solid #f5f5f5;
+}
+
 .empty {
   padding: 40px 20px;
   text-align: center;
@@ -252,6 +270,18 @@
   background: #f0f0f0;
 }
 
+.activityIcon {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
 .activityDot {
   width: 12px;
   height: 12px;

frontend/src/pages/dashboard/index.tsx

@@ -3,6 +3,7 @@ import { useUserStore } from '@/stores/user'
 import { useTranslation } from 'react-i18next'
 import { Toast } from 'antd-mobile'
 import { showLanguageSwitcher } from '@/components/LanguageSwitcher'
+import { useEffect, useState } from 'react'
 import styles from './dashboard.module.css'
 
 interface QuickAction {
@@ -14,35 +15,80 @@ interface QuickAction {
   description?: string
 }
 
+interface TodoItem {
+  id: number
+  title: string
+  type: string
+  time: string
+}
+
+interface ActivityItem {
+  id: number
+  content: string
+  time: string
+  type: 'approval' | 'submit' | 'other'
+}
+
 // 从应用页面迁移的完整应用列表
 const quickActions: QuickAction[] = [
   { id: '1', icon: '✈️', label: '出差申请', path: '/business-trip/apply', color: '#1677ff', description: '提交出差申请' },
-  { id: '2', icon: '📝', label: '采购申请', path: '/purchase/apply', color: '#52c41a', description: '物品采购审批' },
-  { id: '3', icon: '📦', label: '备货录入', path: '/stock/entry', color: '#faad14', description: '备货信息录入' },
-  { id: '4', icon: '📅', label: '日程管理', path: '/schedule', color: '#722ed1', description: '个人日程安排' },
-  { id: '5', icon: '💰', label: '报销申请', path: '/expense/apply', color: '#eb2f96', description: '费用报销审批' },
-  { id: '6', icon: '📋', label: '请假申请', path: '/leave/apply', color: '#13c2c2', description: '请假审批' },
-  { id: '7', icon: '🚗', label: '用车申请', path: '/car/apply', color: '#f759ab', description: '公车使用申请' },
-  { id: '8', icon: '🎁', label: '礼品申请', path: '/gift/apply', color: '#ff7a45', description: '礼品采购申请' },
-  { id: '9', icon: '📊', label: '数据报表', path: '/reports', color: '#1890ff', description: '业务数据统计' },
-  { id: '10', icon: '👥', label: '通讯录', path: '/contacts', color: '#096dd9', description: '内部通讯录' },
-  { id: '11', icon: '📁', label: '文件中心', path: '/files', color: '#595959', description: '文件共享管理' },
-  { id: '12', icon: '⚙️', label: '系统设置', path: '/settings', color: '#8c8c8c', description: '系统偏好设置' },
+  { id: '2', icon: '✍️', label: '审批', path: '/approval', color: '#52c41a', description: '待办事项审批' },
 ]
 
 export default function Dashboard() {
   const navigate = useNavigate()
   const { user } = useUserStore()
   const { t } = useTranslation()
+  const [todos, setTodos] = useState<TodoItem[]>([])
+  const [activities, setActivities] = useState<ActivityItem[]>([])
+  const [pendingCount, setPendingCount] = useState(0)
+
+  // 获取待办事项
+  useEffect(() => {
+    const fetchTodos = async () => {
+      try {
+        const response = await fetch('/api/v1/approval/list?type=pending&page=1&page_size=5')
+        const result = await response.json()
+        if (result.code === 0 && result.data?.list) {
+          const list = result.data.list.map((item: any) => ({
+            id: item.id,
+            title: item.title,
+            type: item.type || 'business_trip',
+            time: item.created_at
+          }))
+          setTodos(list)
+          setPendingCount(result.data.total || 0)
+        }
+      } catch (error) {
+        console.error('获取待办事项失败:', error)
+      }
+    }
+
+    const fetchActivities = async () => {
+      try {
+        // 获取我发起的和已审批的
+        const response = await fetch('/api/v1/approval/list?type=approved&page=1&page_size=5')
+        const result = await response.json()
+        if (result.code === 0 && result.data?.list) {
+          const list = result.data.list.map((item: any) => ({
+            id: item.id,
+            content: `${item.applicant_name || '您'} ${item.status === 'approved' ? '通过了' : '拒绝了'} ${item.title}`,
+            time: item.updated_at,
+            type: 'approval' as const
+          }))
+          setActivities(list)
+        }
+      } catch (error) {
+        console.error('获取动态失败:', error)
+      }
+    }
+
+    fetchTodos()
+    fetchActivities()
+  }, [])
 
   const handleQuickAction = (action: QuickAction) => {
-    // 允许的应用：出差申请、审批、系统设置
-    const allowedPaths = ['/business-trip/apply', '/business-trip', '/settings']
-    if (allowedPaths.includes(action.path)) {
-      navigate(action.path)
-    } else {
-      Toast.show({ content: '功能开发中...', duration: 1500 })
-    }
+    navigate(action.path)
   }
 
   const getCurrentLanguage = () => {
@@ -57,6 +103,21 @@ export default function Dashboard() {
     return langMap[lang] || '🇨🇳'
   }
 
+  const formatTime = (time: string) => {
+    const date = new Date(time)
+    const now = new Date()
+    const diff = now.getTime() - date.getTime()
+    const minutes = Math.floor(diff / 60000)
+    const hours = Math.floor(diff / 3600000)
+    const days = Math.floor(diff / 86400000)
+
+    if (minutes < 1) return '刚刚'
+    if (minutes < 60) return `${minutes}分钟前`
+    if (hours < 24) return `${hours}小时前`
+    if (days < 7) return `${days}天前`
+    return date.toLocaleDateString('zh-CN')
+  }
+
   return (
     <div className={styles.dashboard}>
       {/* 顶部欢迎区 */}
@@ -73,11 +134,61 @@ export default function Dashboard() {
         </button>
       </div>
 
+      {/* 待办事项 */}
+      {pendingCount > 0 && (
+        <div className={styles.section}>
+          <div className={styles.sectionHeader}>
+            <h3 className={styles.sectionTitle}>待办事项</h3>
+            <span className={styles.badge}>{pendingCount}</span>
+          </div>
+          <div className={styles.todoList}>
+            {todos.slice(0, 3).map((todo) => (
+              <div key={todo.id} className={styles.todoItem} onClick={() => navigate(`/approval/${todo.id}`)}>
+                <div className={styles.todoIcon}>
+                  {todo.type === 'business_trip' ? '✈️' : '📋'}
+                </div>
+                <div className={styles.todoContent}>
+                  <div className={styles.todoTitle}>{todo.title}</div>
+                  <div className={styles.todoTime}>{formatTime(todo.time)}</div>
+                </div>
+                <div className={styles.todoArrow}>›</div>
+              </div>
+            ))}
+            {pendingCount > 3 && (
+              <div className={styles.todoMore} onClick={() => navigate('/approval')}>
+                查看全部 {pendingCount} 个待办 ›
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+
+      {/* 最新动态 */}
+      {activities.length > 0 && (
+        <div className={styles.section}>
+          <h3 className={styles.sectionTitle}>最新动态</h3>
+          <div className={styles.activityList}>
+            {activities.slice(0, 3).map((activity) => (
+              <div key={activity.id} className={styles.activityItem}>
+                <div className={styles.activityIcon}>{activity.type === 'approval' ? '✅' : '📝'}</div>
+                <div className={styles.activityContent}>
+                  <div className={styles.activityText}>{activity.content}</div>
+                  <div className={styles.activityTime}>{formatTime(activity.time)}</div>
+                </div>
+              </div>
+            ))}
+            {activities.length === 0 && (
+              <div className={styles.empty}>暂无动态</div>
+            )}
+          </div>
+        </div>
+      )}
+
       {/* 快捷入口 */}
       <div className={styles.section}>
         <h3 className={styles.sectionTitle}>快捷入口</h3>
         <div className={styles.actionGrid}>
-          {quickActions.slice(0, 3).map((action) => (
+          {quickActions.map((action) => (
             <div
               key={action.id}
               className={styles.actionCard}
@@ -92,31 +203,6 @@ export default function Dashboard() {
         </div>
       </div>
 
-      {/* 所有应用 */}
-      <div className={styles.section}>
-        <h3 className={styles.sectionTitle}>所有应用</h3>
-        <div className={styles.actionGrid}>
-          <div className={styles.actionCard} onClick={() => navigate('/approval')}>
-            <div className={styles.actionIcon} style={{ backgroundColor: '#1677ff15' }}>
-              <span style={{ fontSize: 32 }}>✍️</span>
-            </div>
-            <span className={styles.actionLabel}>审批</span>
-          </div>
-          <div className={styles.actionCard} onClick={() => handleQuickAction(quickActions[8])}>
-            <div className={styles.actionIcon} style={{ backgroundColor: `${quickActions[8].color}15` }}>
-              <span style={{ fontSize: 32 }}>{quickActions[8].icon}</span>
-            </div>
-            <span className={styles.actionLabel}>{quickActions[8].label}</span>
-          </div>
-          <div className={styles.actionCard} onClick={() => handleQuickAction(quickActions[11])}>
-            <div className={styles.actionIcon} style={{ backgroundColor: `${quickActions[11].color}15` }}>
-              <span style={{ fontSize: 32 }}>{quickActions[11].icon}</span>
-            </div>
-            <span className={styles.actionLabel}>{quickActions[11].label}</span>
-          </div>
-        </div>
-      </div>
-
       {/* 底部安全区域 */}
       <div className={styles.safeArea} />
     </div>