feat(home): 优化首页界面并实现收入统计功能

- 添加欢迎区域背景动效和视觉优化
- 实现今日收入统计及同比数据显示
- 重构待办事项和日程的双栏布局
- 修复路由权限检查并添加无权限提示
- 更新快捷功能入口和统计卡片样式
- 集成财务模块收入查询接口
- 添加数据库配置备份文件

openhis-server-new/openhis-application/src/main/java/com/openhis/web/dto/HomeStatisticsDto.java

@@ -40,6 +40,16 @@ public class HomeStatisticsDto {
      */
     private Double revenueTrend;
 
+    /**
+     * 今日收入金额（数值，单位：元）
+     */
+    private java.math.BigDecimal todayRevenueAmount;
+
+    /**
+     * 昨日收入金额（数值，单位：元）
+     */
+    private java.math.BigDecimal yesterdayRevenueAmount;
+    
     /**
      * 今日预约数量
      */

openhis-server-new/openhis-application/src/main/java/com/openhis/web/service/impl/HomeStatisticsServiceImpl.java

@@ -13,7 +13,14 @@ import com.openhis.administration.service.IPatientService;
 import com.openhis.administration.service.IPractitionerService;
 import com.openhis.common.enums.ParticipantType;
 import com.openhis.web.dto.HomeStatisticsDto;
+import com.openhis.financial.domain.PaymentReconciliation;
+import com.openhis.financial.service.IPaymentReconciliationService;
+import com.openhis.common.enums.PaymentStatus;
 import com.openhis.web.service.IHomeStatisticsService;
+import java.math.BigDecimal;
+import java.text.SimpleDateFormat;
+import java.util.Calendar;
+import java.util.Date;
 import com.openhis.web.patientmanage.mapper.PatientManageMapper;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
@@ -46,6 +53,9 @@ public class HomeStatisticsServiceImpl implements IHomeStatisticsService {
     @Autowired
     private IPatientService patientService;
 
+    @Autowired
+    private IPaymentReconciliationService paymentReconciliationService;
+
     /**
      * 获取首页统计数据
      *
@@ -105,10 +115,17 @@ public class HomeStatisticsServiceImpl implements IHomeStatisticsService {
         double patientTrend = calculateTrend(totalPatients, yesterdayPatients);
         statistics.setPatientTrend(patientTrend);
 
-        // 今日收入和预约等其他统计（暂时设为0，后续从相应表查询）
+        // 查询今日收入
-        statistics.setTodayRevenue("¥ 0");
+        BigDecimal todayRevenue = queryRevenueByDate(new Date());
-        statistics.setYesterdayRevenue("¥ 0");
+        BigDecimal yesterdayRevenue = queryRevenueByDate(getYesterday());
-        statistics.setRevenueTrend(0.0);
+        java.text.DecimalFormat df = new java.text.DecimalFormat("#,##0.00");
+        statistics.setTodayRevenue("¥ " + df.format(todayRevenue));
+        statistics.setYesterdayRevenue("¥ " + df.format(yesterdayRevenue));
+        statistics.setTodayRevenueAmount(todayRevenue);
+        statistics.setYesterdayRevenueAmount(yesterdayRevenue);
+        statistics.setRevenueTrend(calculateTrend(todayRevenue.doubleValue(), yesterdayRevenue.doubleValue()));
+
+        // 今日预约和待审核（暂时设为0，后续实现）
         statistics.setTodayAppointments(0);
         statistics.setYesterdayAppointments(0);
         statistics.setAppointmentTrend(0.0);
@@ -117,6 +134,49 @@ public class HomeStatisticsServiceImpl implements IHomeStatisticsService {
         return statistics;
     }
     
+    /**
+     * 查询指定日期的收款总额（状态为支付成功且未全部退款）
+     *
+     * @param date 日期
+     * @return 收款总额
+     */
+    private BigDecimal queryRevenueByDate(Date date) {
+        Calendar cal = Calendar.getInstance();
+        cal.setTime(date);
+        cal.set(Calendar.HOUR_OF_DAY, 0);
+        cal.set(Calendar.MINUTE, 0);
+        cal.set(Calendar.SECOND, 0);
+        cal.set(Calendar.MILLISECOND, 0);
+        Date dayStart = cal.getTime();
+
+        cal.add(Calendar.DAY_OF_MONTH, 1);
+        Date dayEnd = cal.getTime();
+
+        LambdaQueryWrapper<PaymentReconciliation> query = new LambdaQueryWrapper<>();
+        query.ge(PaymentReconciliation::getBillDate, dayStart)
+             .lt(PaymentReconciliation::getBillDate, dayEnd)
+             .eq(PaymentReconciliation::getStatusEnum, PaymentStatus.SUCCESS.getValue())
+             .eq(PaymentReconciliation::getDeleteFlag, "0")
+             .select(PaymentReconciliation::getDisplayAmount);
+
+        java.util.List<PaymentReconciliation> list = paymentReconciliationService.list(query);
+        if (list == null || list.isEmpty()) {
+            return BigDecimal.ZERO;
+        }
+        return list.stream()
+                .map(p -> p.getDisplayAmount() != null ? p.getDisplayAmount() : BigDecimal.ZERO)
+                .reduce(BigDecimal.ZERO, BigDecimal::add);
+    }
+
+    /**
+     * 获取昨天的日期
+     */
+    private Date getYesterday() {
+        Calendar cal = Calendar.getInstance();
+        cal.add(Calendar.DAY_OF_MONTH, -1);
+        return cal.getTime();
+    }
+
     /**
      * 计算相对前日的百分比变化
      *

openhis-server-new/openhis-application/src/main/resources/application-dev.yml.bak

@@ -0,0 +1,93 @@
+# 数据源配置
+spring:
+  datasource:
+    type: com.alibaba.druid.pool.DruidDataSource
+    driverClassName: org.postgresql.Driver
+    druid:
+      # 主库数据源
+      master:
+        url: jdbc:postgresql://192.168.110.252:15432/postgresql?currentSchema=hisdev&characterEncoding=UTF-8&client_encoding=UTF-8
+        username: postgresql
+        password: Jchl1528  # 请替换为实际的数据库密码
+      # 从库数据源
+      slave:
+        # 从数据源开关/默认关闭
+        enabled: false
+        url:
+        username:
+        password:
+      # 初始连接数
+      initialSize: 5
+      # 最小连接池数量
+      minIdle: 10
+      # 最大连接池数量
+      maxActive: 20
+      # 配置获取连接等待超时的时间
+      maxWait: 60000
+      # 配置连接超时时间
+      connectTimeout: 30000
+      # 配置网络超时时间
+      socketTimeout: 60000
+      # 配置间隔多久才进行一次检测，检测需要关闭的空闲连接，单位是毫秒
+      timeBetweenEvictionRunsMillis: 60000
+      # 配置一个连接在池中最小生存的时间，单位是毫秒
+      minEvictableIdleTimeMillis: 300000
+      # 配置一个连接在池中最大生存的时间，单位是毫秒
+      maxEvictableIdleTimeMillis: 900000
+      # 配置检测连接是否有效
+      validationQuery: SELECT 1
+      testWhileIdle: true
+      testOnBorrow: true  # 改为true以确保连接有效
+      testOnReturn: false
+      # 配置监控统计拦截的filters，去掉后监控界面sql无法统计，'wall'用于防火墙
+      filters: stat,wall,slf4j
+      webStatFilter:
+        enabled: true
+      statViewServlet:
+        enabled: true
+        # 设置白名单，不填则允许所有访问
+        allow:
+        url-pattern: /druid/*
+        # 控制台管理用户名和密码
+        login-username: openhis
+        login-password: 123456
+      filter:
+        stat:
+          enabled: true
+          # 慢SQL记录
+          log-slow-sql: true
+          slow-sql-millis: 1000
+          merge-sql: true
+        wall:
+          config:
+            multi-statement-allow: true
+  # redis 配置
+  redis:
+    # 地址
+    host: 192.168.110.252
+    # 端口，默认为6379
+    port: 6379
+    # 数据库索引
+    database: 1
+    # 密码
+    password: Jchl1528
+    # 连接超时时间
+    timeout: 10s
+    lettuce:
+      pool:
+        # 连接池中的最小空闲连接
+        min-idle: 0
+        # 连接池中的最大空闲连接
+        max-idle: 8
+        # 连接池的最大数据库连接数
+        max-active: 8
+        # #连接池最大阻塞等待时间（使用负值表示没有限制）
+        max-wait: -1ms
+
+# 服务器配置
+server:
+  # 服务器的HTTP端口，默认为18080
+  port: 18080
+  servlet:
+    # 应用的访问路径
+    context-path: /openhis

openhis-ui-vue3/src/views/index.vue

@@ -2,6 +2,10 @@
   <div class="home-container">
     <!-- 顶部欢迎区域 -->
     <div class="welcome-section">
+      <div class="welcome-bg">
+        <div class="welcome-orb orb-1"></div>
+        <div class="welcome-orb orb-2"></div>
+      </div>
       <div class="welcome-content">
         <div class="greeting">
           <h1>{{ getGreeting() }}，{{ userStore.nickName || userStore.name }}</h1>
@@ -14,6 +18,8 @@
           <el-tag
             :type="getRoleTagType(userStore.roles[0])"
             size="large"
+            effect="dark"
+            round
           >
             {{ getRoleName(userStore.roles[0]) }}
           </el-tag>
@@ -32,7 +38,7 @@
       >
         <div class="stat-icon">
           <el-icon
-            :size="36"
+            :size="32"
             :color="stat.iconColor"
           >
             <component :is="stat.icon" />
@@ -50,7 +56,7 @@
             class="stat-trend"
           >
             <span :class="stat.trend > 0 ? 'trend-up' : 'trend-down'">
-              {{ stat.trend > 0 ? '↑' : '↓' }} {{ Math.abs(stat.trend) }}%
+              {{ stat.trend > 0 ? '↑' : '↓' }} {{ Math.abs(stat.trend).toFixed(2) }}%
             </span>
             <span class="trend-label">较昨日</span>
           </div>
@@ -86,7 +92,7 @@
             <div class="quick-icon">
               <svg-icon
                 :icon-class="func.icon"
-                :style="{ fontSize: '28px', color: func.iconColor }"
+                :style="{ fontSize: '26px', color: func.iconColor }"
               />
             </div>
             <div class="quick-label">
@@ -97,6 +103,8 @@
       </div>
     </div>
 
+    <!-- 待办 + 日程 双栏布局 -->
+    <div class="bottom-grid">
       <!-- 待办事项 -->
       <div class="todo-section">
         <div class="section-header">
@@ -123,7 +131,7 @@
             @click="handleTodoClick(todo)"
           >
             <div class="todo-icon">
-            <el-icon :size="20">
+              <el-icon :size="18">
                 <component :is="todo.icon" />
               </el-icon>
             </div>
@@ -184,6 +192,7 @@
             <el-tag
               :type="item.type"
               size="small"
+              round
             >
               {{ item.tag }}
             </el-tag>
@@ -193,15 +202,15 @@
             class="empty-schedule"
           >
             <el-empty
-            description="暂无今日日程"
+              description="暂无日程安排"
               :image-size="60"
             />
           </div>
         </div>
       </div>
     </div>
+  </div>
 </template>
-
 <script setup name="Home">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -212,7 +221,7 @@ import { listTodo } from '@/api/workflow/task.js'
 import { getCurrentUserConfig } from '@/api/system/userConfig'
 import { listMenu, getMenuFullPath } from '@/api/system/menu'
 import { getTodayMySchedule } from '@/api/appointmentmanage/doctorSchedule'
-import { ElDivider } from 'element-plus'
+import { ElDivider, ElMessage } from 'element-plus'
 import {
   User,
   Document,
@@ -583,7 +592,7 @@ const getDefaultQuickAccessConfig = () => {
       return [
         { key: 'outpatient', label: '门诊接诊', icon: 'chat-dot-round', iconColor: '#3B82F6', route: '/doctorstation' },
         { key: 'emr', label: '病历管理', icon: 'document', iconColor: '#10B981', route: '/doctorstation/doctorphrase' },
-        { key: 'prescription', label: '开立处方', icon: 'box', iconColor: '#F59E0B', route: '/clinicmanagement/ePrescribing' },
+        { key: 'prescription', label: '开立处方', icon: 'box', iconColor: '#F59E0B', route: '/ybmanagement/ePrescribing' },
         { key: 'history', label: '历史处方', icon: 'clock', iconColor: '#EF4444', route: '/clinicmanagement/historicalPrescription' },
         { key: 'schedule', label: '排班管理', icon: 'calendar', iconColor: '#64748B', route: '/appoinmentmanage/deptManage' },
         { key: 'inquiry', label: '患者查询', icon: 'search', iconColor: '#3B82F6', route: '/patientmanagement' }
@@ -609,7 +618,7 @@ const getDefaultQuickAccessConfig = () => {
     case 'cashier':
       return [
         { key: 'registration', label: '挂号收费', icon: 'money', iconColor: '#3B82F6', route: '/charge/outpatientregistration' },
-        { key: 'clinicCharge', label: '门诊收费', icon: 'wallet', iconColor: '#10B981', route: '/charge/cliniccharge' },
+        { key: 'clinicCharge', label: '门诊收费', icon: 'wallet', iconColor: '#10B981', route: '/clinic/charge/cliniccharge' },
         { key: 'refund', label: '退费管理', icon: 'document', iconColor: '#F59E0B', route: '/charge/clinicrefund' },
         { key: 'invoice', label: '发票打印', icon: 'files', iconColor: '#EF4444', route: '/basicmanage/InvoiceManagement' },
         { key: 'record', label: '收费记录', icon: 'clock', iconColor: '#64748B', route: '/charge/clinicRecord' },
@@ -618,7 +627,7 @@ const getDefaultQuickAccessConfig = () => {
     default: // admin
       return [
         { key: 'patient', label: '患者管理', icon: 'user', iconColor: '#3B82F6', route: '/patient/patientmgr' },
-        { key: 'appointment', label: '预约管理', icon: 'calendar', iconColor: '#10B981', route: '/appoinmentmanage' },
+        { key: 'appointment', label: '预约管理', icon: 'calendar', iconColor: '#10B981', route: '/appoinmentmanage/outpatientAppointment' },
         { key: 'doctor', label: '医生管理', icon: 'user', iconColor: '#F59E0B', route: '/doctorstation' },
         { key: 'surgery', label: '手术管理', icon: 'operation', iconColor: '#EF4444', route: '/surgerymanage' },
         { key: 'drug', label: '药品管理', icon: 'box', iconColor: '#64748B', route: '/pharmacymanagement' },
@@ -773,25 +782,35 @@ const currentStats = computed(() => {
 // 处理统计卡片点击
 const handleStatClick = (stat) => {
   console.log('Stat clicked:', stat)
-  // 根据不同的统计项跳转到相应的详情页面
+  const routeMap = {
-  if (stat.key === 'totalPatients' || stat.key === 'myPatients' || stat.key === 'wardPatients') {
+    totalPatients: '/patient/patientmgr',
-    // 在院患者/我的患者/病房患者 - 跳转到患者管理页面
+    myPatients: '/patient/patientmgr',
-    router.push('/patient/patientmgr')
+    wardPatients: '/patient/patientmgr',
-  } else if (stat.key === 'todayRevenue' || stat.key === 'todayPayments') {
+    todayRevenue: '/clinic/charge/cliniccharge',
-    // 跳转到收费页面
+    todayPayments: '/clinic/charge/cliniccharge',
-    router.push('/charge/cliniccharge')
+    appointments: '/appoinmentmanage/outpatientAppointment',
-  } else if (stat.key === 'appointments') {
+    todayAppointments: '/doctorstation/today-outpatient',
-    // 跳转到预约管理页面
+    pendingApprovals: '/ybmanagement/ePrescribing',
-    router.push('/appoinmentmanage')
+    pendingReview: '/ybmanagement/ePrescribing',
-  } else if (stat.key === 'todayAppointments') {
+    pendingEmr: '/pending-emr'
-    // 跳转到今日门诊模块
+  }
-    router.push('/doctorstation/today-outpatient')
+  const path = routeMap[stat.key]
-  } else if (stat.key === 'pendingApprovals' || stat.key === 'pendingReview') {
+  if (!path) return
-    // 跳转到待审核页面
+  // 用 resolve 匹配，兼容有无前导斜杠
-    router.push('/clinicmanagement/ePrescribing')
+  const resolved = router.resolve(path)
-  } else if (stat.key === 'pendingEmr') {
+  if (resolved.matched && resolved.matched.length > 0) {
-    // 跳转到待写病历页面
+    router.push(path)
-    router.push('/doctorstation/pending-emr')
+  } else {
+    // 再用 getRoutes 兜底匹配
+    const exists = router.getRoutes().some(r => {
+      const rp = '/' + r.path.replace(/^\//, '')
+      return rp === path
+    })
+    if (exists) {
+      router.push(path)
+    } else {
+      ElMessage.warning('您没有该页面的访问权限，请联系管理员添加菜单')
+    }
   }
 }
 
@@ -1106,438 +1125,413 @@ onUnmounted(() => {
   window.removeEventListener('homeFeaturesConfigUpdated', handleConfigUpdate);
 });
 </script>
-
+<style lang="scss" scoped>
-<style scoped lang="scss">
 .home-container {
   padding: 20px;
-  background: #f5f7fa;
+  background: #f8fafc;
-  min-height: calc(100vh - 120px);
+  min-height: calc(100vh - 84px);
 }
 
-/* 顶部欢迎区域 */
+/* ===== 欢迎区 ===== */
 .welcome-section {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  position: relative;
-  border-radius: 12px;
+  border-radius: 16px;
-  padding: 30px;
+  padding: 32px 36px;
-  margin-bottom: 20px;
+  margin-bottom: 24px;
-  color: white;
+  overflow: hidden;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #0e7490 100%);
+  box-shadow: 0 4px 20px rgba(14, 116, 144, 0.2);
+}
 
-  .welcome-content {
+.welcome-bg {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+.welcome-orb {
+  position: absolute;
+  border-radius: 50%;
+  filter: blur(60px);
+  opacity: 0.3;
+  animation: welcomeFloat 10s ease-in-out infinite;
+}
+
+.orb-1 {
+  width: 200px;
+  height: 200px;
+  background: #22d3ee;
+  top: -60px;
+  right: 40px;
+}
+
+.orb-2 {
+  width: 150px;
+  height: 150px;
+  background: #6366f1;
+  bottom: -40px;
+  left: 30%;
+  animation-delay: -5s;
+}
+
+@keyframes welcomeFloat {
+  0%, 100% { transform: translate(0, 0); }
+  50% { transform: translate(15px, -10px); }
+}
+
+.welcome-content {
+  position: relative;
+  z-index: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
+}
+
+.greeting {
+  color: #fff;
 
-    .greeting {
   h1 {
-        font-size: 28px;
+    font-size: 26px;
-        font-weight: 600;
+    font-weight: 700;
-        margin: 0 0 8px 0;
+    margin: 0 0 6px 0;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   }
 
   p {
-        font-size: 16px;
+    font-size: 15px;
-        opacity: 0.9;
+    opacity: 0.8;
     margin: 0;
-      }
+    letter-spacing: 1px;
-    }
-
-    .role-badge {
-      :deep(.el-tag) {
-        font-size: 16px;
-        padding: 12px 24px;
-        height: auto;
-        background: rgba(255, 255, 255, 0.2);
-        border: 1px solid rgba(255, 255, 255, 0.3);
-        color: white;
-      }
-    }
   }
 }
 
-/* 统计卡片网格 */
+.role-badge {
+  .el-tag {
+    font-size: 13px;
+    padding: 6px 16px;
+  }
+}
+
+/* ===== 统计卡片 ===== */
 .stats-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  grid-template-columns: repeat(4, 1fr);
-  gap: 16px;
+  gap: 20px;
-  margin-bottom: 20px;
+  margin-bottom: 24px;
+}
 
-  .stat-card {
+.stat-card {
-    background: white;
+  background: #fff;
   border-radius: 12px;
   padding: 24px;
   display: flex;
   align-items: center;
-    gap: 16px;
+  gap: 20px;
   cursor: pointer;
   transition: all 0.3s ease;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  border: 1px solid #f1f5f9;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
   border-left: 4px solid transparent;
 
   &:hover {
-      transform: translateY(-4px);
+    transform: translateY(-3px);
-      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
   }
 
-    &.stat-primary {
+  &.stat-primary { border-left-color: #3B82F6; }
-      border-left-color: #3B82F6;
+  &.stat-success { border-left-color: #10B981; }
-    }
+  &.stat-warning { border-left-color: #F59E0B; }
+  &.stat-info { border-left-color: #8B5CF6; }
+}
 
-    &.stat-success {
+.stat-icon {
-      border-left-color: #10B981;
+  width: 56px;
-    }
+  height: 56px;
-
-    &.stat-warning {
-      border-left-color: #F59E0B;
-    }
-
-    &.stat-danger {
-      border-left-color: #EF4444;
-    }
-
-    &.stat-info {
-      border-left-color: #64748B;
-    }
-
-    .stat-icon {
-      width: 60px;
-      height: 60px;
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
-      background: #f5f7fa;
+  background: #f8fafc;
-    }
+  flex-shrink: 0;
+}
 
-    .stat-content {
+.stat-content {
   flex: 1;
+  min-width: 0;
+}
 
-      .stat-value {
+.stat-value {
-        font-size: 24px;
+  font-size: 28px;
-        font-weight: 600;
+  font-weight: 700;
-        color: #303133;
+  color: #0f172a;
-        margin-bottom: 4px;
+  line-height: 1.2;
-      }
+}
 
-      .stat-label {
+.stat-label {
-        font-size: 14px;
+  font-size: 13px;
-        color: #64748B;
+  color: #94a3b8;
-        margin-bottom: 8px;
+  margin-top: 4px;
-      }
+}
 
-      .stat-trend {
+.stat-trend {
+  margin-top: 6px;
   font-size: 12px;
 
   .trend-up {
     color: #10B981;
-          margin-right: 4px;
+    font-weight: 600;
   }
 
   .trend-down {
     color: #EF4444;
-          margin-right: 4px;
+    font-weight: 600;
   }
 
   .trend-label {
-          color: #c0c4cc;
+    color: #cbd5e1;
-        }
+    margin-left: 4px;
-      }
-    }
   }
 }
 
-/* 快捷功能区域 */
+/* ===== 快捷功能 ===== */
 .quick-access-section {
-  background: white;
+  background: #fff;
   border-radius: 12px;
   padding: 24px;
-  margin-bottom: 20px;
+  margin-bottom: 24px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  border: 1px solid #f1f5f9;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
+}
 
-  .section-header {
+.section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
 
   h3 {
-      font-size: 18px;
+    font-size: 17px;
     font-weight: 600;
-      color: #303133;
+    color: #0f172a;
     margin: 0;
   }
+}
 
-    .divider {
+.quick-access-grid {
-      color: #d8d8d8;
-      margin: 0 8px;
-    }
-  }
-
-  .quick-access-grid {
   display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: 16px;
+}
 
-    .quick-access-card {
+.quick-access-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-      padding: 24px 16px;
+  padding: 20px 12px;
-      border-radius: 8px;
+  border-radius: 10px;
-      background: #f5f7fa;
+  background: #f8fafc;
   cursor: pointer;
   transition: all 0.3s ease;
+  border: 1px solid transparent;
 
   &:hover {
-        background: #ecf5ff;
+    background: #fff;
-        transform: translateY(-4px);
+    border-color: #e2e8f0;
+    transform: translateY(-3px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
 
-        .quick-label {
+    .quick-label { color: #3B82F6; }
-          color: #3B82F6;
-        }
   }
 
   .quick-icon {
-        margin-bottom: 12px;
+    margin-bottom: 10px;
+    width: 48px;
+    height: 48px;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .quick-label {
-        font-size: 14px;
+    font-size: 13px;
-        color: #606266;
+    color: #475569;
     text-align: center;
+    font-weight: 500;
     transition: color 0.3s;
   }
-    }
-  }
 }
 
-/* 待办事项区域 */
+/* ===== 底部双栏 ===== */
-.todo-section {
+.bottom-grid {
-  background: white;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+}
+
+.todo-section,
+.schedule-section {
+  background: #fff;
   border-radius: 12px;
   padding: 24px;
-  margin-bottom: 20px;
+  border: 1px solid #f1f5f9;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
+}
 
-  .section-header {
+/* ===== 待办事项 ===== */
-    display: flex;
+.todo-list .todo-item {
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-
-    h3 {
-      font-size: 18px;
-      font-weight: 600;
-      color: #303133;
-      margin: 0;
-    }
-
-    .divider {
-      color: #d8d8d8;
-      margin: 0 8px;
-    }
-  }
-
-  .todo-list {
-    .todo-item {
   display: flex;
   align-items: center;
-      padding: 16px;
+  padding: 14px 16px;
-      border-radius: 8px;
+  border-radius: 10px;
-      margin-bottom: 12px;
+  margin-bottom: 10px;
-      background: #f5f7fa;
+  background: #f8fafc;
   cursor: pointer;
-      transition: all 0.3s ease;
+  transition: all 0.25s ease;
   border-left: 3px solid transparent;
 
   &:hover {
-        background: #ecf5ff;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
-      &.priority-high {
+  &.priority-high { border-left-color: #EF4444; }
-        border-left-color: #EF4444;
+  &.priority-medium { border-left-color: #F59E0B; }
-      }
+  &.priority-low { border-left-color: #10B981; }
 
-      &.priority-medium {
+  &:last-child { margin-bottom: 0; }
-        border-left-color: #F59E0B;
-      }
-
-      &.priority-low {
-        border-left-color: #10B981;
-      }
-
-      &:last-child {
-        margin-bottom: 0;
-      }
 
   .todo-icon {
     margin-right: 12px;
-        color: #64748B;
+    color: #94a3b8;
+    width: 32px;
+    height: 32px;
+    border-radius: 8px;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
   }
 
   .todo-content {
     flex: 1;
+    min-width: 0;
 
     .todo-title {
       font-size: 14px;
-          color: #303133;
+      color: #0f172a;
       font-weight: 500;
-          margin-bottom: 4px;
+      margin-bottom: 2px;
     }
 
     .todo-desc {
       font-size: 12px;
-          color: #64748B;
+      color: #94a3b8;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
 
   .todo-time {
     font-size: 12px;
-        color: #c0c4cc;
+    color: #cbd5e1;
-      }
+    flex-shrink: 0;
-    }
+    margin-left: 12px;
-
-    .empty-todo {
-      padding: 20px 0;
-      text-align: center;
-    }
   }
 }
 
-/* 日程区域 */
+.empty-todo {
-.schedule-section {
+  padding: 20px 0;
-  background: white;
+  text-align: center;
-  border-radius: 12px;
+}
-  padding: 24px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 
-  .section-header {
+/* ===== 日程 ===== */
-    display: flex;
+.schedule-list .schedule-item {
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-
-    h3 {
-      font-size: 18px;
-      font-weight: 600;
-      color: #303133;
-      margin: 0;
-    }
-
-    .divider {
-      color: #d8d8d8;
-      margin: 0 8px;
-    }
-  }
-
-  .schedule-list {
-    .schedule-item {
   display: flex;
   align-items: center;
-      padding: 16px;
+  padding: 14px 16px;
-      border-radius: 8px;
+  border-radius: 10px;
-      margin-bottom: 12px;
+  margin-bottom: 10px;
-      background: #f5f7fa;
+  background: #f8fafc;
-      transition: all 0.3s ease;
+  transition: all 0.25s ease;
 
   &:hover {
-        background: #ecf5ff;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
-      &:last-child {
+  &:last-child { margin-bottom: 0; }
-        margin-bottom: 0;
-      }
 
   .schedule-time {
-        width: 80px;
+    width: 72px;
-        font-size: 18px;
+    font-size: 16px;
     font-weight: 600;
     color: #3B82F6;
-      }
+    flex-shrink: 0;
-
-      .empty-schedule {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 40px 20px;
-        min-height: 200px;
   }
 
   .schedule-content {
     flex: 1;
     margin: 0 16px;
+    min-width: 0;
 
     .schedule-title {
       font-size: 14px;
-          color: #303133;
+      color: #0f172a;
       font-weight: 500;
-          margin-bottom: 4px;
+      margin-bottom: 3px;
     }
 
     .schedule-location {
       display: flex;
       align-items: center;
       font-size: 12px;
-          color: #64748B;
+      color: #94a3b8;
 
-          .el-icon {
+      .el-icon { margin-right: 4px; }
-            margin-right: 4px;
-          }
-        }
-      }
     }
   }
 }
 
-/* 响应式设计 */
+.empty-schedule {
-@media (max-width: 1200px) {
+  display: flex;
-  .stats-grid {
+  justify-content: center;
-    grid-template-columns: repeat(2, 1fr);
+  align-items: center;
-  }
+  padding: 40px 20px;
+}
 
-  .quick-access-grid {
+/* ===== 响应式 ===== */
-    grid-template-columns: repeat(4, 1fr);
+@media (max-width: 1200px) {
-  }
+  .stats-grid { grid-template-columns: repeat(2, 1fr); }
+  .quick-access-grid { grid-template-columns: repeat(4, 1fr); }
 }
 
 @media (max-width: 768px) {
-  .home-container {
+  .home-container { padding: 12px; }
-    padding: 12px;
-  }
 
   .welcome-section {
-    padding: 20px;
+    padding: 24px 20px;
 
     .welcome-content {
       flex-direction: column;
       align-items: flex-start;
-      gap: 16px;
+      gap: 12px;
 
-      .greeting {
+      .greeting h1 { font-size: 20px; }
-        h1 {
-          font-size: 22px;
-        }
-
-        p {
-          font-size: 14px;
-        }
-      }
     }
   }
 
-  .stats-grid {
+  .stats-grid { grid-template-columns: 1fr; }
-    grid-template-columns: 1fr;
+  .quick-access-grid { grid-template-columns: repeat(3, 1fr); }
-  }
+  .bottom-grid { grid-template-columns: 1fr; }
-
-  .quick-access-grid {
-    grid-template-columns: repeat(3, 1fr);
-  }
 }
 
 @media (max-width: 480px) {
-  .quick-access-grid {
+  .quick-access-grid { grid-template-columns: repeat(2, 1fr); }
-    grid-template-columns: repeat(2, 1fr);
-  }
 }
 </style>