diff --git a/antis-ncc-admin/src/api/extend/financialReport.js b/antis-ncc-admin/src/api/extend/financialReport.js
new file mode 100644
index 0000000..31f578f
--- /dev/null
+++ b/antis-ncc-admin/src/api/extend/financialReport.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+/**
+ * 获取门店收款渠道收入统计
+ */
+export function getStorePaymentChannelIncome(data) {
+  return request({
+    url: '/api/Extend/LqFinancialReport/get-store-payment-channel-income',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取门店合作机构应付统计
+ */
+export function getStoreCooperationPayable(data) {
+  return request({
+    url: '/api/Extend/LqFinancialReport/get-store-cooperation-payable',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取门店付款医院应收统计
+ */
+export function getStorePaymentHospitalReceivable(data) {
+  return request({
+    url: '/api/Extend/LqFinancialReport/get-store-payment-hospital-receivable',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取门店总收入统计
+ */
+export function getStoreTotalIncome(data) {
+  return request({
+    url: '/api/Extend/LqFinancialReport/get-store-total-income',
+    method: 'post',
+    data
+  })
+}
diff --git a/antis-ncc-admin/src/components/member-portrait-dialog.vue b/antis-ncc-admin/src/components/member-portrait-dialog.vue
index 5941dd7..7e7cc26 100644
--- a/antis-ncc-admin/src/components/member-portrait-dialog.vue
+++ b/antis-ncc-admin/src/components/member-portrait-dialog.vue
@@ -729,39 +729,56 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-   ::v-deep .el-dialog {
-    border-radius: 14px;
-  }
+::v-deep .el-dialog {
+  border-radius: 20px;
+  overflow: hidden;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.1);
+}
+
 .member-portrait-dialog {
   .el-dialog {
-    border-radius: 16px;
+    border-radius: 20px;
     overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.2);
   }
 
   .el-dialog__header {
-    padding: 20px 24px;
+    padding: 18px 24px;
     border-bottom: 1px solid #e4e7ed;
-    background: #409EFF;
+    background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
     color: #fff;
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: linear-gradient(90deg, #409EFF 0%, #66b1ff 100%);
+    }
 
     .el-dialog__title {
       color: #fff;
       font-size: 18px;
       font-weight: 600;
+      letter-spacing: 0;
     }
 
     .el-dialog__close {
-      color: #fff;
+      color: rgba(255, 255, 255, 0.8);
       font-size: 20px;
+      transition: all 0.2s ease;
 
       &:hover {
-        color: rgba(255, 255, 255, 0.8);
+        color: #fff;
       }
     }
   }
 
   .el-dialog__body {
-    padding: 24px;
+    padding: 20px;
     background: #f5f7fa;
     color: #303133;
     overflow-y: auto;
@@ -772,30 +789,42 @@ export default {
 .portrait-wrapper {
   // 顶部会员信息卡片
   .portrait-header {
-    background: #fff;
-    border-radius: 12px;
-    padding: 24px;
-    margin-bottom: 20px;
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 20px;
+    margin-bottom: 16px;
     display: flex;
     align-items: flex-start;
-    gap: 24px;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+    gap: 20px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     border: 1px solid #e4e7ed;
+    transition: all 0.2s ease;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
 
     .header-avatar {
       flex-shrink: 0;
 
       .avatar-circle {
-        width: 80px;
-        height: 80px;
-        border-radius: 50%;
-        background: #409EFF;
+        width: 72px;
+        height: 72px;
+        border-radius: 8px;
+        background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
-        font-size: 36px;
-        box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
+        font-size: 32px;
+        box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+        &:hover {
+          transform: scale(1.05) rotate(5deg);
+          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
+          background: linear-gradient(135deg, #66b1ff 0%, #409EFF 100%);
+        }
       }
     }
 
@@ -811,7 +840,7 @@ export default {
 
         .member-name {
           font-size: 24px;
-          font-weight: 700;
+          font-weight: 600;
           color: #303133;
           margin: 0;
           line-height: 1.2;
@@ -846,32 +875,33 @@ export default {
       }
     }
 
-    .header-right {
+      .header-right {
       display: flex;
       flex-direction: column;
       align-items: flex-end;
-      gap: 16px;
+      gap: 12px;
       flex-shrink: 0;
 
       .header-stats {
         display: flex;
-        gap: 16px;
+        gap: 12px;
         flex-shrink: 0;
 
         .stat-card {
-          min-width: 100px;
-          padding: 6px 12px;
+          min-width: 110px;
+          padding: 12px 16px;
           border-radius: 6px;
           border: 1px solid #e4e7ed;
           display: flex;
-          align-items: center;
-          gap: 8px;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 6px;
           transition: all 0.2s ease;
+          background: #ffffff;
 
           &:hover {
-            opacity: 0.9;
-            transform: translateY(-1px);
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+            border-color: #c0c4cc;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
           }
 
           .stat-label-tag {
@@ -883,53 +913,36 @@ export default {
           }
 
           .stat-value {
-            font-size: 13px;
+            font-size: 16px;
             font-weight: 600;
             color: #303133;
             white-space: nowrap;
             line-height: 1.2;
-            flex: 1;
-            min-width: 0;
           }
 
           &.stat-primary {
-            background: #409EFF;
-
-            .stat-value {
-              color: #fff;
-            }
+            border-left: 3px solid #409EFF;
+            background: linear-gradient(135deg, rgba(64, 158, 255, 0.08) 0%, rgba(102, 177, 255, 0.05) 100%);
           }
 
           &.stat-success {
-            background: #67C23A;
-
-            .stat-value {
-              color: #fff;
-            }
+            border-left: 3px solid #67C23A;
+            background: linear-gradient(135deg, rgba(103, 194, 58, 0.08) 0%, rgba(133, 206, 97, 0.05) 100%);
           }
 
           &.stat-info {
-            background: #909399;
-
-            .stat-value {
-              color: #fff;
-            }
+            border-left: 3px solid #909399;
+            background: linear-gradient(135deg, rgba(144, 147, 153, 0.08) 0%, rgba(169, 172, 178, 0.05) 100%);
           }
 
           &.stat-warning {
-            background: #E6A23C;
-
-            .stat-value {
-              color: #fff;
-            }
+            border-left: 3px solid #E6A23C;
+            background: linear-gradient(135deg, rgba(230, 162, 60, 0.08) 0%, rgba(240, 180, 90, 0.05) 100%);
           }
 
           &.stat-default {
-            background: #606266;
-
-            .stat-value {
-              color: #fff;
-            }
+            border-left: 3px solid #409EFF;
+            background: linear-gradient(135deg, rgba(64, 158, 255, 0.08) 0%, rgba(102, 177, 255, 0.05) 100%);
           }
         }
       }
@@ -959,19 +972,19 @@ export default {
           flex-wrap: wrap;
           gap: 12px;
 
-          .member-type-badge {
+            .member-type-badge {
             display: flex;
             align-items: center;
             gap: 8px;
             padding: 6px 12px;
-            background: #f8f9fa;
+            background: #f5f7fa;
             border-radius: 6px;
             border: 1px solid #e4e7ed;
             transition: all 0.2s ease;
 
             &:hover {
               background: #f0f2f5;
-              border-color: #409EFF;
+              border-color: #c0c4cc;
             }
 
             .member-type-tag {
@@ -1001,10 +1014,10 @@ export default {
   // 选项卡样式
   .portrait-tabs {
     ::v-deep .el-tabs__header {
-      margin-bottom: 20px;
-      background: #fff;
+      margin-bottom: 16px;
+      background: #ffffff;
       padding: 0 20px;
-      border-radius: 12px;
+      border-radius: 8px;
       border: 1px solid #e4e7ed;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     }
@@ -1017,8 +1030,14 @@ export default {
       font-size: 14px;
       font-weight: 500;
       padding: 0 24px;
-      height: 50px;
-      line-height: 50px;
+      height: 48px;
+      line-height: 48px;
+      color: #606266;
+      transition: all 0.2s ease;
+
+      &:hover {
+        color: #409EFF;
+      }
 
       &.is-active {
         color: #409EFF;
@@ -1027,7 +1046,7 @@ export default {
     }
 
     ::v-deep .el-tabs__active-bar {
-      background-color: #409EFF;
+      background: linear-gradient(90deg, #409EFF 0%, #66b1ff 100%);
       height: 3px;
     }
 
@@ -1035,15 +1054,20 @@ export default {
       height: 40vh;
       overflow-y: scroll;
       .content-card {
-        background: #fff;
-        border-radius: 12px;
+        background: #ffffff;
+        border-radius: 8px;
         border: 1px solid #e4e7ed;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-        margin-bottom: 20px;
+        margin-bottom: 16px;
         overflow: hidden;
+        transition: all 0.2s ease;
+
+        &:hover {
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
 
         .card-header {
-          padding: 18px 20px;
+          padding: 14px 18px;
           background: #f8f9fa;
           border-bottom: 1px solid #e4e7ed;
           display: flex;
@@ -1051,8 +1075,14 @@ export default {
           gap: 8px;
 
           i {
-            font-size: 18px;
+            font-size: 16px;
             color: #409EFF;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+          }
+
+          &:hover i {
+            transform: scale(1.1) rotate(5deg);
+            color: #66b1ff;
           }
 
           .card-title {
@@ -1063,7 +1093,7 @@ export default {
         }
 
         .card-body {
-          padding: 20px;
+          padding: 18px;
         }
       }
     }
@@ -1073,35 +1103,43 @@ export default {
   .behavior-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 16px;
+    gap: 14px;
 
     .behavior-item {
       background: #f8f9fa;
-      border-radius: 10px;
+      border-radius: 8px;
       border: 1px solid #e4e7ed;
-      padding: 16px;
+      padding: 14px;
       display: flex;
       align-items: center;
       gap: 12px;
-      transition: all 0.3s ease;
+      transition: all 0.2s ease;
 
       &:hover {
-        background: #fff;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-        transform: translateY(-2px);
+        background: #ffffff;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+        border-color: #c0c4cc;
       }
 
       .behavior-icon {
         width: 40px;
         height: 40px;
-        border-radius: 8px;
-        background: #409EFF;
+        border-radius: 6px;
+        background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
-        font-size: 18px;
+        font-size: 16px;
         flex-shrink: 0;
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+      }
+
+      &:hover .behavior-icon {
+        transform: scale(1.1) rotate(5deg);
+        background: linear-gradient(135deg, #66b1ff 0%, #409EFF 100%);
+        box-shadow: 0 4px 10px rgba(64, 158, 255, 0.4);
       }
 
       .behavior-content {
@@ -1109,13 +1147,14 @@ export default {
         min-width: 0;
 
         .behavior-label {
-          font-size: 12px;
+          font-size: 13px;
           color: #909399;
-          margin-bottom: 6px;
+          margin-bottom: 8px;
+          font-weight: 500;
         }
 
         .behavior-value {
-          font-size: 15px;
+          font-size: 16px;
           color: #303133;
           font-weight: 600;
           white-space: nowrap;
@@ -1129,38 +1168,46 @@ export default {
   // 消费分析布局
   .analysis-layout {
     display: flex;
-    gap: 20px;
+    gap: 16px;
     flex-wrap: wrap;
 
     .analysis-item {
       flex: 1;
       min-width: 200px;
       background: #f8f9fa;
-      border-radius: 10px;
+      border-radius: 8px;
       border: 1px solid #e4e7ed;
-      padding: 16px;
+      padding: 14px;
       display: flex;
       align-items: center;
       gap: 12px;
-      transition: all 0.3s ease;
+      transition: all 0.2s ease;
 
       &:hover {
-        background: #fff;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-        transform: translateY(-2px);
+        background: #ffffff;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+        border-color: #c0c4cc;
       }
 
       .analysis-icon {
         width: 40px;
         height: 40px;
-        border-radius: 8px;
-        background: #67C23A;
+        border-radius: 6px;
+        background: linear-gradient(135deg, #67C23A 0%, #85ce61 100%);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
-        font-size: 18px;
+        font-size: 16px;
         flex-shrink: 0;
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
+      }
+
+      &:hover .analysis-icon {
+        transform: scale(1.1) rotate(5deg);
+        background: linear-gradient(135deg, #85ce61 0%, #67C23A 100%);
+        box-shadow: 0 4px 10px rgba(103, 194, 58, 0.4);
       }
 
       .analysis-content {
@@ -1168,13 +1215,14 @@ export default {
         min-width: 0;
 
         .analysis-label {
-          font-size: 12px;
+          font-size: 13px;
           color: #909399;
-          margin-bottom: 6px;
+          margin-bottom: 8px;
+          font-weight: 500;
         }
 
         .analysis-value {
-          font-size: 15px;
+          font-size: 16px;
           color: #303133;
           font-weight: 600;
         }
@@ -1185,18 +1233,82 @@ export default {
   // 趋势图
   .trend-chart {
     width: 100%;
-    height: 400px;
+    height: 360px;
+    border-radius: 6px;
+    background: #fafbfc;
+    padding: 8px;
   }
 
   // 分页
   .pagination-bar {
     display: flex;
     justify-content: flex-end;
-    padding: 16px 0 0 0;
-    margin-top: 16px;
+    padding: 14px 0 0 0;
+    margin-top: 14px;
     border-top: 1px solid #e4e7ed;
   }
 
+  // 表格样式优化
+  ::v-deep .el-table {
+    border-radius: 6px;
+    overflow: hidden;
+
+    .el-table__header {
+      background: linear-gradient(135deg, rgba(64, 158, 255, 0.08) 0%, rgba(102, 177, 255, 0.05) 100%);
+
+      th {
+        background: transparent !important;
+        border-bottom: 1px solid rgba(64, 158, 255, 0.2);
+        color: #303133;
+        font-weight: 600;
+        font-size: 13px;
+        padding: 12px 0;
+      }
+    }
+
+    .el-table__body {
+      tr {
+        transition: all 0.2s ease;
+
+        &:hover {
+          background: linear-gradient(90deg, rgba(64, 158, 255, 0.06) 0%, rgba(102, 177, 255, 0.04) 100%) !important;
+        }
+
+        td {
+          border-bottom: 1px solid #f0f2f5;
+          padding: 12px 0;
+          color: #606266;
+          font-size: 13px;
+        }
+      }
+
+      tr.el-table__row--striped {
+        background: #fafbfc;
+      }
+    }
+  }
+
+  // 滚动条美化
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: rgba(240, 242, 245, 0.5);
+    border-radius: 4px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #c0c4cc 0%, #909399 100%);
+    border-radius: 4px;
+    transition: background 0.3s;
+
+    &:hover {
+      background: linear-gradient(135deg, #909399 0%, #606266 100%);
+    }
+  }
+
   .text-muted {
     color: #909399;
     font-size: 13px;
diff --git a/antis-ncc-admin/src/views/extend/financialReport/index.vue b/antis-ncc-admin/src/views/extend/financialReport/index.vue
new file mode 100644
index 0000000..bb7211d
--- /dev/null
+++ b/antis-ncc-admin/src/views/extend/financialReport/index.vue
@@ -0,0 +1,1295 @@
+<template>
+    <div class="financial-report-container">
+        <!-- 筛选区域 -->
+        <el-card class="search-card" shadow="never">
+            <el-form :inline="true" :model="queryParams" size="small" class="search-form">
+                <el-form-item label="时间范围">
+                    <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 240px"
+                        @change="handleDateRangeChange" />
+                </el-form-item>
+                <el-form-item label="统计周期">
+                    <el-radio-group v-model="queryParams.periodType" size="small">
+                        <el-radio-button label="day">按日</el-radio-button>
+                        <el-radio-button label="month">按月</el-radio-button>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="门店">
+                    <el-select v-model="queryParams.storeIds" multiple placeholder="请选择门店（可多选）" clearable filterable
+                        style="width: 300px" :loading="loading">
+                        <el-option v-for="store in storeOptions" :key="store.id || store.F_Id"
+                            :label="store.fullName || store.dm || store.name" :value="store.id || store.F_Id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
+                    <el-button icon="el-icon-refresh-right" @click="handleReset">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+
+        <!-- 统计卡片区域 -->
+        <el-row :gutter="20" class="stat-cards-section">
+            <el-col :xs="24" :sm="12" :md="6">
+                <div class="stat-card income-card">
+                    <div class="stat-icon">
+                        <i class="el-icon-coin"></i>
+                    </div>
+                    <div class="stat-content">
+                        <div class="stat-label">总收入</div>
+                        <div class="stat-value">{{ formatCurrency(totalIncome) }}</div>
+                        <div class="stat-meta">
+                            <span>{{ totalBillingCount }} 笔订单</span>
+                        </div>
+                    </div>
+                </div>
+            </el-col>
+            <el-col :xs="24" :sm="12" :md="6">
+                <div class="stat-card channel-card">
+                    <div class="stat-icon">
+                        <i class="el-icon-credit-card"></i>
+                    </div>
+                    <div class="stat-content">
+                        <div class="stat-label">收款渠道收入</div>
+                        <div class="stat-value">{{ formatCurrency(channelIncome) }}</div>
+                        <div class="stat-meta">
+                            <span>{{ channelCount }} 个渠道</span>
+                        </div>
+                    </div>
+                </div>
+            </el-col>
+            <el-col :xs="24" :sm="12" :md="6">
+                <div class="stat-card payable-card">
+                    <div class="stat-icon">
+                        <i class="el-icon-shopping-cart-2"></i>
+                    </div>
+                    <div class="stat-content">
+                        <div class="stat-label">合作机构应付</div>
+                        <div class="stat-value">{{ formatCurrency(cooperationPayable) }}</div>
+                        <div class="stat-meta">
+                            <span>{{ cooperationCount }} 个机构</span>
+                        </div>
+                    </div>
+                </div>
+            </el-col>
+            <el-col :xs="24" :sm="12" :md="6">
+                <div class="stat-card receivable-card">
+                    <div class="stat-icon">
+                        <i class="el-icon-bank-card"></i>
+                    </div>
+                    <div class="stat-content">
+                        <div class="stat-label">付款医院应收</div>
+                        <div class="stat-value">{{ formatCurrency(hospitalReceivable) }}</div>
+                        <div class="stat-meta">
+                            <span>{{ hospitalCount }} 个医院</span>
+                        </div>
+                    </div>
+                </div>
+            </el-col>
+        </el-row>
+
+        <!-- 图表区域 -->
+        <el-row :gutter="20" class="charts-section">
+            <!-- 总收入趋势图 -->
+            <el-col :xs="24" :lg="16">
+                <el-card class="chart-card" shadow="hover">
+                    <div slot="header" class="chart-header">
+                        <span class="chart-title">
+                            <i class="el-icon-data-line"></i>
+                            门店总收入趋势
+                        </span>
+                    </div>
+                    <div ref="totalIncomeChart" class="chart-container"></div>
+                </el-card>
+            </el-col>
+            <!-- 收款渠道分布饼图 -->
+            <el-col :xs="24" :lg="8">
+                <el-card class="chart-card" shadow="hover">
+                    <div slot="header" class="chart-header">
+                        <span class="chart-title">
+                            <i class="el-icon-pie-chart"></i>
+                            收款渠道分布
+                        </span>
+                    </div>
+                    <div ref="channelPieChart" class="chart-container"></div>
+                </el-card>
+            </el-col>
+        </el-row>
+
+        <el-row :gutter="20" class="charts-section">
+            <!-- 合作机构应付趋势 -->
+            <el-col :xs="24" :lg="12">
+                <el-card class="chart-card" shadow="hover">
+                    <div slot="header" class="chart-header">
+                        <span class="chart-title">
+                            <i class="el-icon-shopping-bag-1"></i>
+                            合作机构应付趋势
+                        </span>
+                    </div>
+                    <div ref="payableChart" class="chart-container"></div>
+                </el-card>
+            </el-col>
+            <!-- 付款医院应收趋势 -->
+            <el-col :xs="24" :lg="12">
+                <el-card class="chart-card" shadow="hover">
+                    <div slot="header" class="chart-header">
+                        <span class="chart-title">
+                            <i class="el-icon-wallet"></i>
+                            付款医院应收趋势
+                        </span>
+                    </div>
+                    <div ref="receivableChart" class="chart-container"></div>
+                </el-card>
+            </el-col>
+        </el-row>
+
+        <!-- 数据表格区域 -->
+        <el-card class="table-card" shadow="hover">
+            <div slot="header" class="table-header">
+                <span class="table-title">
+                    <i class="el-icon-s-grid"></i>
+                    详细数据
+                </span>
+                <el-tabs v-model="activeTab" @tab-click="handleTabClick" class="table-tabs">
+                    <el-tab-pane label="总收入" name="totalIncome"></el-tab-pane>
+                    <el-tab-pane label="收款渠道" name="channel"></el-tab-pane>
+                    <el-tab-pane label="合作机构应付" name="payable"></el-tab-pane>
+                    <el-tab-pane label="付款医院应收" name="receivable"></el-tab-pane>
+                </el-tabs>
+            </div>
+            <el-table :data="tableData" v-loading="tableLoading" stripe border height="400" class="data-table">
+                <el-table-column v-for="column in tableColumns" :key="column.prop" :prop="column.prop"
+                    :label="column.label" :width="column.width" :formatter="column.formatter"
+                    :sortable="column.sortable" />
+            </el-table>
+        </el-card>
+    </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import {
+    getStorePaymentChannelIncome,
+    getStoreCooperationPayable,
+    getStorePaymentHospitalReceivable,
+    getStoreTotalIncome
+} from '@/api/extend/financialReport'
+import { getStoreSelector } from '@/api/extend/store'
+
+export default {
+    name: 'FinancialReport',
+    data() {
+        return {
+            // 查询参数
+            queryParams: {
+                startTime: null,
+                endTime: null,
+                periodType: 'day',
+                storeIds: []
+            },
+            dateRange: [],
+            // 门店选项
+            storeOptions: [],
+            // 数据加载状态
+            loading: false,
+            tableLoading: false,
+            // 统计数据
+            totalIncome: 0,
+            totalBillingCount: 0,
+            channelIncome: 0,
+            channelCount: 0,
+            cooperationPayable: 0,
+            cooperationCount: 0,
+            hospitalReceivable: 0,
+            hospitalCount: 0,
+            // 原始数据
+            totalIncomeData: [],
+            channelData: [],
+            payableData: [],
+            receivableData: [],
+            // 图表实例
+            totalIncomeChart: null,
+            channelPieChart: null,
+            payableChart: null,
+            receivableChart: null,
+            // 表格数据
+            activeTab: 'totalIncome',
+            tableData: [],
+            tableColumns: []
+        }
+    },
+    async mounted() {
+        // 初始化默认时间范围
+        this.initDefaultDateRange()
+        // 加载门店选项
+        await this.loadStoreOptions()
+        // 初始化图表
+        this.$nextTick(() => {
+            this.initCharts()
+            // 自动加载数据（延迟一下确保图表容器已渲染）
+            setTimeout(() => {
+                this.handleSearch()
+            }, 300)
+        })
+    },
+    beforeDestroy() {
+        this.disposeCharts()
+    },
+    methods: {
+        // 初始化默认时间范围（最近30天）
+        initDefaultDateRange() {
+            const end = new Date()
+            const start = new Date()
+            start.setDate(start.getDate() - 30)
+            this.dateRange = [
+                this.formatDate(start),
+                this.formatDate(end)
+            ]
+            this.handleDateRangeChange(this.dateRange)
+        },
+        // 格式化日期
+        formatDate(date) {
+            const year = date.getFullYear()
+            const month = String(date.getMonth() + 1).padStart(2, '0')
+            const day = String(date.getDate()).padStart(2, '0')
+            return `${year}-${month}-${day}`
+        },
+        // 日期范围变化
+        handleDateRangeChange(val) {
+            if (val && val.length === 2) {
+                this.queryParams.startTime = val[0] + 'T00:00:00'
+                this.queryParams.endTime = val[1] + 'T23:59:59'
+            } else {
+                this.queryParams.startTime = null
+                this.queryParams.endTime = null
+            }
+        },
+        // 加载门店选项
+        async loadStoreOptions() {
+            try {
+                const res = await getStoreSelector()
+                console.log('门店接口返回:', res)
+                if (res.code === 200) {
+                    // 门店接口返回格式：{ list: [...] }
+                    const data = (res.data && res.data.list) ? res.data.list : (res.data || [])
+                    this.storeOptions = Array.isArray(data) ? data : []
+                    console.log('门店选项数量:', this.storeOptions.length)
+                    if (this.storeOptions.length === 0) {
+                        this.$message.warning('暂无门店数据')
+                    }
+                } else {
+                    this.$message.warning('加载门店列表失败: ' + (res.msg || '未知错误'))
+                }
+            } catch (error) {
+                console.error('加载门店选项失败:', error)
+                this.$message.error('加载门店列表失败: ' + (error.message || '未知错误'))
+            }
+        },
+        // 查询
+        async handleSearch() {
+            if (!this.queryParams.startTime || !this.queryParams.endTime) {
+                this.$message.warning('请选择时间范围')
+                return
+            }
+            this.loading = true
+            this.tableLoading = true
+            try {
+                await Promise.all([
+                    this.loadTotalIncomeData(),
+                    this.loadChannelData(),
+                    this.loadPayableData(),
+                    this.loadReceivableData()
+                ])
+                this.$nextTick(() => {
+                    this.updateCharts()
+                    this.updateTable()
+                })
+            } catch (error) {
+                console.error('加载数据失败:', error)
+                this.$message.error('加载数据失败: ' + (error.message || '未知错误'))
+            } finally {
+                this.loading = false
+                this.tableLoading = false
+            }
+        },
+        // 重置
+        handleReset() {
+            this.initDefaultDateRange()
+            this.queryParams.periodType = 'day'
+            this.queryParams.storeIds = []
+            this.$nextTick(() => {
+                this.handleSearch()
+            })
+        },
+        // 加载总收入数据
+        async loadTotalIncomeData() {
+            try {
+                const res = await getStoreTotalIncome(this.queryParams)
+                console.log('总收入接口返回:', res)
+                if (res.code === 200) {
+                    // 后端接口返回的是 List，直接就是数组
+                    const data = Array.isArray(res.data) ? res.data : []
+                    console.log('总收入数据:', data)
+                    this.totalIncome = data.reduce((sum, item) => sum + (item.totalIncome || 0), 0)
+                    this.totalBillingCount = data.reduce((sum, item) => sum + (item.billingCount || 0), 0)
+                    this.totalIncomeData = data
+                    console.log('总收入汇总:', this.totalIncome, '笔数:', this.totalBillingCount)
+                } else {
+                    console.error('总收入接口返回错误:', res.msg)
+                    this.totalIncomeData = []
+                }
+            } catch (error) {
+                console.error('加载总收入数据失败:', error)
+                this.totalIncomeData = []
+            }
+        },
+        // 加载收款渠道数据
+        async loadChannelData() {
+            try {
+                const res = await getStorePaymentChannelIncome(this.queryParams)
+                console.log('收款渠道接口返回:', res)
+                if (res.code === 200) {
+                    const data = Array.isArray(res.data) ? res.data : []
+                    console.log('收款渠道数据:', data)
+                    let totalChannelIncome = 0
+                    const channelSet = new Set()
+                    data.forEach(store => {
+                        totalChannelIncome += store.totalIncome || 0
+                        if (store.paymentChannels && Array.isArray(store.paymentChannels)) {
+                            store.paymentChannels.forEach(ch => {
+                                channelSet.add(ch.paymentMethod)
+                            })
+                        }
+                    })
+                    this.channelIncome = totalChannelIncome
+                    this.channelCount = channelSet.size
+                    this.channelData = data
+                    console.log('收款渠道汇总:', this.channelIncome, '渠道数:', this.channelCount)
+                } else {
+                    console.error('收款渠道接口返回错误:', res.msg)
+                    this.channelData = []
+                }
+            } catch (error) {
+                console.error('加载收款渠道数据失败:', error)
+                this.channelData = []
+            }
+        },
+        // 加载合作机构应付数据
+        async loadPayableData() {
+            try {
+                const res = await getStoreCooperationPayable(this.queryParams)
+                console.log('合作机构应付接口返回:', res)
+                if (res.code === 200) {
+                    const data = Array.isArray(res.data) ? res.data : []
+                    console.log('合作机构应付数据:', data)
+                    let totalPayable = 0
+                    const cooperationSet = new Set()
+                    data.forEach(store => {
+                        totalPayable += store.totalPayable || 0
+                        if (store.cooperationItems && Array.isArray(store.cooperationItems)) {
+                            store.cooperationItems.forEach(item => {
+                                cooperationSet.add(item.cooperationId)
+                            })
+                        }
+                    })
+                    this.cooperationPayable = totalPayable
+                    this.cooperationCount = cooperationSet.size
+                    this.payableData = data
+                    console.log('合作机构应付汇总:', this.cooperationPayable, '机构数:', this.cooperationCount)
+                } else {
+                    console.error('合作机构应付接口返回错误:', res.msg)
+                    this.payableData = []
+                }
+            } catch (error) {
+                console.error('加载合作机构应付数据失败:', error)
+                this.payableData = []
+            }
+        },
+        // 加载付款医院应收数据
+        async loadReceivableData() {
+            try {
+                const res = await getStorePaymentHospitalReceivable(this.queryParams)
+                console.log('付款医院应收接口返回:', res)
+                if (res.code === 200) {
+                    const data = Array.isArray(res.data) ? res.data : []
+                    console.log('付款医院应收数据:', data)
+                    let totalReceivable = 0
+                    const hospitalSet = new Set()
+                    data.forEach(store => {
+                        totalReceivable += store.totalReceivable || 0
+                        if (store.hospitalItems && Array.isArray(store.hospitalItems)) {
+                            store.hospitalItems.forEach(item => {
+                                hospitalSet.add(item.hospitalId)
+                            })
+                        }
+                    })
+                    this.hospitalReceivable = totalReceivable
+                    this.hospitalCount = hospitalSet.size
+                    this.receivableData = data
+                    console.log('付款医院应收汇总:', this.hospitalReceivable, '医院数:', this.hospitalCount)
+                } else {
+                    console.error('付款医院应收接口返回错误:', res.msg)
+                    this.receivableData = []
+                }
+            } catch (error) {
+                console.error('加载付款医院应收数据失败:', error)
+                this.receivableData = []
+            }
+        },
+        // 初始化图表
+        initCharts() {
+            this.initTotalIncomeChart()
+            this.initChannelPieChart()
+            this.initPayableChart()
+            this.initReceivableChart()
+        },
+        // 初始化总收入趋势图
+        initTotalIncomeChart() {
+            if (!this.$refs.totalIncomeChart) return
+            if (this.totalIncomeChart) {
+                this.totalIncomeChart.dispose()
+            }
+            this.totalIncomeChart = echarts.init(this.$refs.totalIncomeChart)
+            window.addEventListener('resize', () => {
+                if (this.totalIncomeChart) {
+                    this.totalIncomeChart.resize()
+                }
+            })
+        },
+        // 初始化收款渠道饼图
+        initChannelPieChart() {
+            if (!this.$refs.channelPieChart) return
+            if (this.channelPieChart) {
+                this.channelPieChart.dispose()
+            }
+            this.channelPieChart = echarts.init(this.$refs.channelPieChart)
+            window.addEventListener('resize', () => {
+                if (this.channelPieChart) {
+                    this.channelPieChart.resize()
+                }
+            })
+        },
+        // 初始化应付趋势图
+        initPayableChart() {
+            if (!this.$refs.payableChart) return
+            if (this.payableChart) {
+                this.payableChart.dispose()
+            }
+            this.payableChart = echarts.init(this.$refs.payableChart)
+            window.addEventListener('resize', () => {
+                if (this.payableChart) {
+                    this.payableChart.resize()
+                }
+            })
+        },
+        // 初始化应收趋势图
+        initReceivableChart() {
+            if (!this.$refs.receivableChart) return
+            if (this.receivableChart) {
+                this.receivableChart.dispose()
+            }
+            this.receivableChart = echarts.init(this.$refs.receivableChart)
+            window.addEventListener('resize', () => {
+                if (this.receivableChart) {
+                    this.receivableChart.resize()
+                }
+            })
+        },
+        // 更新所有图表
+        updateCharts() {
+            this.$nextTick(() => {
+                this.updateTotalIncomeChart()
+                this.updateChannelPieChart()
+                this.updatePayableChart()
+                this.updateReceivableChart()
+            })
+        },
+        // 更新总收入趋势图
+        updateTotalIncomeChart() {
+            if (!this.totalIncomeChart) {
+                console.warn('总收入图表实例不存在')
+                return
+            }
+            if (!this.totalIncomeData || this.totalIncomeData.length === 0) {
+                console.warn('总收入数据为空')
+                this.totalIncomeChart.setOption({
+                    title: {
+                        text: '暂无数据',
+                        left: 'center',
+                        top: 'middle',
+                        textStyle: {
+                            color: '#999',
+                            fontSize: 16
+                        }
+                    }
+                })
+                return
+            }
+
+            // 按日期聚合数据
+            const dateMap = new Map()
+            this.totalIncomeData.forEach(item => {
+                const date = item.periodDate
+                const income = item.totalIncome || 0
+                if (dateMap.has(date)) {
+                    dateMap.set(date, dateMap.get(date) + income)
+                } else {
+                    dateMap.set(date, income)
+                }
+            })
+
+            const dates = Array.from(dateMap.keys()).sort()
+            const values = dates.map(date => dateMap.get(date))
+
+            console.log('总收入图表数据 - 日期:', dates, '金额:', values)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: (params) => {
+                        const param = params[0]
+                        return `${param.axisValue}<br/>${param.seriesName}: ${this.formatCurrency(param.value)}`
+                    }
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: { color: '#666', rotate: 45 }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: {
+                        color: '#666',
+                        formatter: (value) => {
+                            if (value >= 10000) {
+                                return (value / 10000).toFixed(1) + '万'
+                            }
+                            return value
+                        }
+                    },
+                    splitLine: { lineStyle: { color: '#F0F0F0' } }
+                },
+                series: [{
+                    name: '总收入',
+                    type: 'line',
+                    smooth: true,
+                    data: values,
+                    itemStyle: { color: '#409EFF' },
+                    areaStyle: {
+                        color: {
+                            type: 'linear',
+                            x: 0, y: 0, x2: 0, y2: 1,
+                            colorStops: [
+                                { offset: 0, color: 'rgba(64,158,255,0.3)' },
+                                { offset: 1, color: 'rgba(64,158,255,0.1)' }
+                            ]
+                        }
+                    }
+                }]
+            }
+            this.totalIncomeChart.setOption(option, true)
+            // 确保图表大小正确
+            setTimeout(() => {
+                if (this.totalIncomeChart) {
+                    this.totalIncomeChart.resize()
+                }
+            }, 100)
+        },
+        // 更新收款渠道饼图
+        updateChannelPieChart() {
+            if (!this.channelPieChart) {
+                console.warn('收款渠道图表实例不存在')
+                return
+            }
+            if (!this.channelData || this.channelData.length === 0) {
+                console.warn('收款渠道数据为空')
+                this.channelPieChart.setOption({
+                    title: {
+                        text: '暂无数据',
+                        left: 'center',
+                        top: 'middle',
+                        textStyle: {
+                            color: '#999',
+                            fontSize: 16
+                        }
+                    }
+                })
+                return
+            }
+
+            // 按渠道聚合数据
+            const channelMap = new Map()
+            this.channelData.forEach(store => {
+                if (store.paymentChannels && Array.isArray(store.paymentChannels)) {
+                    store.paymentChannels.forEach(ch => {
+                        const method = ch.paymentMethod || '未填写'
+                        const amount = ch.amount || 0
+                        if (channelMap.has(method)) {
+                            channelMap.set(method, channelMap.get(method) + amount)
+                        } else {
+                            channelMap.set(method, amount)
+                        }
+                    })
+                }
+            })
+
+            const data = Array.from(channelMap.entries()).map(([name, value]) => ({
+                name,
+                value
+            }))
+
+            console.log('收款渠道图表数据:', data)
+
+            if (data.length === 0) {
+                this.channelPieChart.setOption({
+                    title: {
+                        text: '暂无数据',
+                        left: 'center',
+                        top: 'middle',
+                        textStyle: {
+                            color: '#999',
+                            fontSize: 16
+                        }
+                    }
+                })
+                return
+            }
+
+            const option = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b}: {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    top: 'middle'
+                },
+                series: [{
+                    name: '收款渠道',
+                    type: 'pie',
+                    radius: ['40%', '70%'],
+                    avoidLabelOverlap: false,
+                    itemStyle: {
+                        borderRadius: 10,
+                        borderColor: '#fff',
+                        borderWidth: 2
+                    },
+                    label: {
+                        show: true,
+                        formatter: '{b}: {d}%'
+                    },
+                    emphasis: {
+                        label: {
+                            show: true,
+                            fontSize: '16',
+                            fontWeight: 'bold'
+                        }
+                    },
+                    data: data
+                }]
+            }
+            this.channelPieChart.setOption(option, true)
+            setTimeout(() => {
+                if (this.channelPieChart) {
+                    this.channelPieChart.resize()
+                }
+            }, 100)
+        },
+        // 更新应付趋势图
+        updatePayableChart() {
+            if (!this.payableChart) {
+                console.warn('应付图表实例不存在')
+                return
+            }
+            if (!this.payableData || this.payableData.length === 0) {
+                console.warn('应付数据为空')
+                this.payableChart.setOption({
+                    title: {
+                        text: '暂无数据',
+                        left: 'center',
+                        top: 'middle',
+                        textStyle: {
+                            color: '#999',
+                            fontSize: 16
+                        }
+                    }
+                })
+                return
+            }
+
+            const dateMap = new Map()
+            this.payableData.forEach(item => {
+                const date = item.periodDate
+                const amount = item.totalPayable || 0
+                if (dateMap.has(date)) {
+                    dateMap.set(date, dateMap.get(date) + amount)
+                } else {
+                    dateMap.set(date, amount)
+                }
+            })
+
+            const dates = Array.from(dateMap.keys()).sort()
+            const values = dates.map(date => dateMap.get(date))
+
+            console.log('应付图表数据 - 日期:', dates, '金额:', values)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: (params) => {
+                        const param = params[0]
+                        return `${param.axisValue}<br/>${param.seriesName}: ${this.formatCurrency(param.value)}`
+                    }
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: { color: '#666', rotate: 45 }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: {
+                        color: '#666',
+                        formatter: (value) => {
+                            if (value >= 10000) {
+                                return (value / 10000).toFixed(1) + '万'
+                            }
+                            return value
+                        }
+                    },
+                    splitLine: { lineStyle: { color: '#F0F0F0' } }
+                },
+                series: [{
+                    name: '应付金额',
+                    type: 'bar',
+                    data: values,
+                    itemStyle: { color: '#E6A23C' }
+                }]
+            }
+            this.payableChart.setOption(option, true)
+            setTimeout(() => {
+                if (this.payableChart) {
+                    this.payableChart.resize()
+                }
+            }, 100)
+        },
+        // 更新应收趋势图
+        updateReceivableChart() {
+            if (!this.receivableChart) {
+                console.warn('应收图表实例不存在')
+                return
+            }
+            if (!this.receivableData || this.receivableData.length === 0) {
+                console.warn('应收数据为空')
+                this.receivableChart.setOption({
+                    title: {
+                        text: '暂无数据',
+                        left: 'center',
+                        top: 'middle',
+                        textStyle: {
+                            color: '#999',
+                            fontSize: 16
+                        }
+                    }
+                })
+                return
+            }
+
+            const dateMap = new Map()
+            this.receivableData.forEach(item => {
+                const date = item.periodDate
+                const amount = item.totalReceivable || 0
+                if (dateMap.has(date)) {
+                    dateMap.set(date, dateMap.get(date) + amount)
+                } else {
+                    dateMap.set(date, amount)
+                }
+            })
+
+            const dates = Array.from(dateMap.keys()).sort()
+            const values = dates.map(date => dateMap.get(date))
+
+            console.log('应收图表数据 - 日期:', dates, '金额:', values)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: (params) => {
+                        const param = params[0]
+                        return `${param.axisValue}<br/>${param.seriesName}: ${this.formatCurrency(param.value)}`
+                    }
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: { color: '#666', rotate: 45 }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine: { lineStyle: { color: '#E0E6F1' } },
+                    axisLabel: {
+                        color: '#666',
+                        formatter: (value) => {
+                            if (value >= 10000) {
+                                return (value / 10000).toFixed(1) + '万'
+                            }
+                            return value
+                        }
+                    },
+                    splitLine: { lineStyle: { color: '#F0F0F0' } }
+                },
+                series: [{
+                    name: '应收金额',
+                    type: 'bar',
+                    data: values,
+                    itemStyle: { color: '#67C23A' }
+                }]
+            }
+            this.receivableChart.setOption(option, true)
+            setTimeout(() => {
+                if (this.receivableChart) {
+                    this.receivableChart.resize()
+                }
+            }, 100)
+        },
+        // 销毁图表
+        disposeCharts() {
+            if (this.totalIncomeChart) {
+                this.totalIncomeChart.dispose()
+                this.totalIncomeChart = null
+            }
+            if (this.channelPieChart) {
+                this.channelPieChart.dispose()
+                this.channelPieChart = null
+            }
+            if (this.payableChart) {
+                this.payableChart.dispose()
+                this.payableChart = null
+            }
+            if (this.receivableChart) {
+                this.receivableChart.dispose()
+                this.receivableChart = null
+            }
+        },
+        // 切换表格Tab
+        handleTabClick(tab) {
+            this.updateTable()
+        },
+        // 更新表格数据
+        updateTable() {
+            this.tableLoading = true
+            setTimeout(() => {
+                switch (this.activeTab) {
+                    case 'totalIncome':
+                        this.updateTotalIncomeTable()
+                        break
+                    case 'channel':
+                        this.updateChannelTable()
+                        break
+                    case 'payable':
+                        this.updatePayableTable()
+                        break
+                    case 'receivable':
+                        this.updateReceivableTable()
+                        break
+                }
+                this.tableLoading = false
+            }, 100)
+        },
+        // 更新总收入表格
+        updateTotalIncomeTable() {
+            if (!this.totalIncomeData) {
+                this.tableData = []
+                return
+            }
+            this.tableColumns = [
+                { prop: 'storeName', label: '门店名称', width: 150 },
+                { prop: 'periodDate', label: '统计日期', width: 120 },
+                {
+                    prop: 'totalIncome',
+                    label: '总收入',
+                    width: 150,
+                    formatter: (row) => this.formatCurrency(row.totalIncome)
+                },
+                { prop: 'billingCount', label: '开单笔数', width: 120 },
+                {
+                    prop: 'averageAmount',
+                    label: '平均单笔',
+                    width: 150,
+                    formatter: (row) => this.formatCurrency(row.averageAmount)
+                }
+            ]
+            this.tableData = this.totalIncomeData.map(item => ({
+                ...item,
+                averageAmount: item.billingCount > 0 ? item.totalIncome / item.billingCount : 0
+            }))
+        },
+        // 更新收款渠道表格
+        updateChannelTable() {
+            if (!this.channelData) {
+                this.tableData = []
+                return
+            }
+            this.tableColumns = [
+                { prop: 'storeName', label: '门店名称', width: 150 },
+                { prop: 'periodDate', label: '统计日期', width: 120 },
+                { prop: 'paymentMethod', label: '付款方式', width: 120 },
+                {
+                    prop: 'amount',
+                    label: '收款金额',
+                    width: 150,
+                    formatter: (row) => this.formatCurrency(row.amount)
+                },
+                { prop: 'count', label: '笔数', width: 100 },
+                {
+                    prop: 'percentage',
+                    label: '占比',
+                    width: 100,
+                    formatter: (row) => (row.percentage || 0) + '%'
+                }
+            ]
+            const list = []
+            this.channelData.forEach(store => {
+                if (store.paymentChannels) {
+                    store.paymentChannels.forEach(ch => {
+                        list.push({
+                            storeName: store.storeName,
+                            periodDate: store.periodDate,
+                            paymentMethod: ch.paymentMethod,
+                            amount: ch.amount,
+                            count: ch.count,
+                            percentage: ch.percentage
+                        })
+                    })
+                }
+            })
+            this.tableData = list
+        },
+        // 更新应付表格
+        updatePayableTable() {
+            if (!this.payableData) {
+                this.tableData = []
+                return
+            }
+            this.tableColumns = [
+                { prop: 'storeName', label: '门店名称', width: 150 },
+                { prop: 'periodDate', label: '统计日期', width: 120 },
+                { prop: 'cooperationName', label: '合作机构', width: 200 },
+                {
+                    prop: 'payableAmount',
+                    label: '应付金额',
+                    width: 150,
+                    formatter: (row) => this.formatCurrency(row.payableAmount)
+                },
+                { prop: 'billingCount', label: '开单笔数', width: 120 }
+            ]
+            const list = []
+            this.payableData.forEach(store => {
+                if (store.cooperationItems) {
+                    store.cooperationItems.forEach(item => {
+                        list.push({
+                            storeName: store.storeName,
+                            periodDate: store.periodDate,
+                            cooperationName: item.cooperationName,
+                            payableAmount: item.payableAmount,
+                            billingCount: item.billingCount
+                        })
+                    })
+                }
+            })
+            this.tableData = list
+        },
+        // 更新应收表格
+        updateReceivableTable() {
+            if (!this.receivableData) {
+                this.tableData = []
+                return
+            }
+            this.tableColumns = [
+                { prop: 'storeName', label: '门店名称', width: 150 },
+                { prop: 'periodDate', label: '统计日期', width: 120 },
+                { prop: 'hospitalName', label: '付款医院', width: 200 },
+                {
+                    prop: 'receivableAmount',
+                    label: '应收金额',
+                    width: 150,
+                    formatter: (row) => this.formatCurrency(row.receivableAmount)
+                },
+                { prop: 'billingCount', label: '开单笔数', width: 120 }
+            ]
+            const list = []
+            this.receivableData.forEach(store => {
+                if (store.hospitalItems) {
+                    store.hospitalItems.forEach(item => {
+                        list.push({
+                            storeName: store.storeName,
+                            periodDate: store.periodDate,
+                            hospitalName: item.hospitalName,
+                            receivableAmount: item.receivableAmount,
+                            billingCount: item.billingCount
+                        })
+                    })
+                }
+            })
+            this.tableData = list
+        },
+        // 格式化货币
+        formatCurrency(value) {
+            if (value === null || value === undefined) return '¥0.00'
+            const num = Number(value)
+            if (isNaN(num)) return '¥0.00'
+            return '¥' + num.toLocaleString('zh-CN', {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.financial-report-container {
+    padding: 20px;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    min-height: calc(100vh - 84px);
+
+    // 筛选卡片
+    .search-card {
+        margin-bottom: 20px;
+        border-radius: 12px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(10px);
+
+        .search-form {
+            ::v-deep .el-form-item {
+                margin-bottom: 0;
+            }
+        }
+    }
+
+    // 统计卡片区域
+    .stat-cards-section {
+        margin-bottom: 20px;
+
+        .stat-card {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            border-radius: 16px;
+            padding: 24px;
+            display: flex;
+            align-items: center;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            cursor: pointer;
+            border: 1px solid rgba(255, 255, 255, 0.8);
+
+            &:hover {
+                transform: translateY(-4px);
+                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
+            }
+
+            .stat-icon {
+                width: 64px;
+                height: 64px;
+                border-radius: 12px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 20px;
+                font-size: 32px;
+                flex-shrink: 0;
+            }
+
+            .stat-content {
+                flex: 1;
+                min-width: 0;
+
+                .stat-label {
+                    font-size: 14px;
+                    color: #666;
+                    margin-bottom: 8px;
+                    font-weight: 500;
+                }
+
+                .stat-value {
+                    font-size: 24px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    margin-bottom: 4px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                .stat-meta {
+                    font-size: 12px;
+                    color: #999;
+                }
+            }
+
+            &.income-card .stat-icon {
+                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+                color: #fff;
+            }
+
+            &.channel-card .stat-icon {
+                background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+                color: #fff;
+            }
+
+            &.payable-card .stat-icon {
+                background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+                color: #fff;
+            }
+
+            &.receivable-card .stat-icon {
+                background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+                color: #fff;
+            }
+        }
+    }
+
+    // 图表区域
+    .charts-section {
+        margin-bottom: 20px;
+
+        .chart-card {
+            border-radius: 12px;
+            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            transition: all 0.3s ease;
+
+            &:hover {
+                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
+            }
+
+            .chart-header {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+
+                .chart-title {
+                    font-size: 16px;
+                    font-weight: 600;
+                    color: #0f172a;
+                    display: flex;
+                    align-items: center;
+                    gap: 8px;
+
+                    i {
+                        font-size: 18px;
+                        color: #409EFF;
+                    }
+                }
+            }
+
+            .chart-container {
+                width: 100%;
+                height: 350px;
+                min-height: 350px;
+            }
+        }
+    }
+
+    // 表格卡片
+    .table-card {
+        border-radius: 12px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(10px);
+
+        .table-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .table-title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #0f172a;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+
+                i {
+                    font-size: 18px;
+                    color: #409EFF;
+                }
+            }
+
+            .table-tabs {
+                ::v-deep .el-tabs__header {
+                    margin: 0;
+                }
+
+                ::v-deep .el-tabs__item {
+                    font-weight: 500;
+                }
+            }
+        }
+
+        .data-table {
+            margin-top: 20px;
+        }
+    }
+}
+
+// 响应式适配
+@media (max-width: 768px) {
+    .financial-report-container {
+        padding: 12px;
+
+        .stat-cards-section {
+            .stat-card {
+                padding: 16px;
+
+                .stat-icon {
+                    width: 48px;
+                    height: 48px;
+                    font-size: 24px;
+                    margin-right: 12px;
+                }
+
+                .stat-content {
+                    .stat-value {
+                        font-size: 20px;
+                    }
+                }
+            }
+        }
+
+        .chart-card {
+            .chart-container {
+                height: 280px;
+                min-height: 280px;
+            }
+        }
+    }
+}
+</style>
diff --git a/antis-ncc-admin/src/views/lqKhxx/index.vue b/antis-ncc-admin/src/views/lqKhxx/index.vue
index 9d00cbc..63e82a4 100644
--- a/antis-ncc-admin/src/views/lqKhxx/index.vue
+++ b/antis-ncc-admin/src/views/lqKhxx/index.vue
@@ -1,238 +1,271 @@
 <template>
 	<div class="NCC-common-layout">
 		<div class="NCC-common-layout-center">
-			<el-row class="NCC-common-search-box" :gutter="16">
-				<el-form @submit.native.prevent>
-					<el-col :span="6">
-						<el-form-item label="客户名称">
-							<el-input v-model="query.khmc" placeholder="客户名称" clearable />
-						</el-form-item>
-					</el-col>
-					<el-col :span="6">
-						<el-form-item label="手机号">
-							<el-input v-model="query.sjh" placeholder="手机号" clearable />
-						</el-form-item>
-					</el-col>
-					<template v-if="showAll">
-						<el-col :span="6">
-							<el-form-item label="性别">
-								<el-select v-model="query.xb" placeholder="性别" clearable>
-									<el-option v-for="(item, index) in xbOptions" :key="index" :label="item.fullName"
-										:value="item.id" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-						<el-col :span="6">
-							<el-form-item label="归属门店">
-								<el-select v-model="query.gsmd" placeholder="请选择门店" clearable filterable>
-									<el-option v-for="(item, index) in gsmdOptions" :key="index" :label="item.fullName"
-										:value="item.id" />
-								</el-select>
+			<!-- 现代化筛选卡片 -->
+			<el-card class="search-card" :class="{ 'search-card-animated': searchCardMounted }" shadow="never">
+				<el-form @submit.native.prevent label-width="80px" size="small">
+					<!-- 第一行：基础筛选 -->
+					<el-row :gutter="16" class="search-row search-row-1">
+						<el-col :span="5">
+							<el-form-item label="客户名称">
+								<el-input v-model="query.khmc" placeholder="请输入客户名称" clearable
+									prefix-icon="el-icon-user" />
 							</el-form-item>
 						</el-col>
-
-						<el-col :span="6">
-							<el-form-item label="客户类型">
-								<el-select v-model="query.khlx" placeholder="客户类型" clearable>
-									<el-option v-for="(item, index) in khlxOptions" :key="index" :label="item.fullName"
-										:value="item.id" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-						<el-col :span="6">
-							<el-form-item label="健康师">
-								<el-input v-model="query.mainHealthUser" placeholder="健康师" clearable />
-							</el-form-item>
-						</el-col>
-						<el-col :span="6">
-							<el-form-item label="负责顾问">
-								<el-input v-model="query.subHealthUser" placeholder="负责顾问" clearable />
+						<el-col :span="5">
+							<el-form-item label="手机号">
+								<el-input v-model="query.sjh" placeholder="请输入手机号" clearable
+									prefix-icon="el-icon-mobile-phone" />
 							</el-form-item>
 						</el-col>
-						<el-col :span="6">
-							<el-form-item label="进店渠道">
-								<el-select v-model="query.jdqd" placeholder="请选择进店渠道" clearable filterable>
-									<el-option v-for="(item, index) in jdqdOptions" :key="index" :label="item.fullName"
+						<el-col :span="5">
+							<el-form-item label="归属门店">
+								<el-select v-model="query.gsmd" placeholder="请选择门店" clearable filterable
+									style="width: 100%">
+									<el-option v-for="(item, index) in gsmdOptions" :key="index" :label="item.fullName"
 										:value="item.id" />
 								</el-select>
 							</el-form-item>
 						</el-col>
-						<el-col :span="6">
-							<el-form-item label="推荐人">
-								<el-select v-model="query.tjr" filterable remote reserve-keyword placeholder="请输入关键词搜索"
-									:remote-method="remoteMethod" :loading="kdhyLoading" clearable>
-									<el-option v-for="item in kdhyOptions" :key="item.value" :label="item.label"
-										:value="item.value">
-									</el-option>
+						<el-col :span="4">
+							<el-form-item label="消费等级">
+								<el-select v-model="query.consumeLevel" placeholder="请选择等级" clearable
+									style="width: 100%">
+									<el-option v-for="(item, index) in consumeLevelOptions" :key="index"
+										:label="item.fullName" :value="item.id" />
 								</el-select>
 							</el-form-item>
 						</el-col>
-						<el-col :span="6">
-							<el-form-item label="出生日期">
-								<el-date-picker v-model="query.yanglsr" type="daterange" value-format="timestamp"
-									format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
-								</el-date-picker>
-							</el-form-item>
-						</el-col>
-						<el-col :span="6">
-							<el-form-item label="注册时间">
-								<el-date-picker v-model="query.zcsj" type="daterange" value-format="timestamp"
-									format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
-								</el-date-picker>
-							</el-form-item>
+						<el-col :span="5">
+							<div class="search-actions-inline">
+								<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
+								<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
+								<el-button type="text" :icon="showAll ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
+									@click="showAll = !showAll">
+									{{ showAll ? '收起' : '展开' }}
+								</el-button>
+							</div>
 						</el-col>
-					</template>
-					<el-col :span="6">
-						<el-form-item>
-							<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
-							<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
-							<el-button type="text" icon="el-icon-arrow-down" @click="showAll = true"
-								v-if="!showAll">展开</el-button>
-							<el-button type="text" icon="el-icon-arrow-up" @click="showAll = false"
-								v-else>收起</el-button>
-						</el-form-item>
-					</el-col>
+					</el-row>
+
+					<!-- 高级筛选区域（可展开） -->
+					<div class="filter-expand-panel" :class="{ 'is-expanded': showAll }">
+						<!-- 第二行：高级筛选 -->
+						<el-row :gutter="16" class="search-row search-row-2">
+							<el-col :span="5">
+								<el-form-item label="性别">
+									<el-select v-model="query.xb" placeholder="请选择性别" clearable style="width: 100%">
+										<el-option v-for="(item, index) in xbOptions" :key="index"
+											:label="item.fullName" :value="item.id" />
+									</el-select>
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="客户类型">
+									<el-select v-model="query.khlx" placeholder="请选择类型" clearable style="width: 100%">
+										<el-option v-for="(item, index) in khlxOptions" :key="index"
+											:label="item.fullName" :value="item.id" />
+									</el-select>
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="健康师">
+									<el-input v-model="query.mainHealthUser" placeholder="请输入健康师" clearable />
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="负责顾问">
+									<el-input v-model="query.subHealthUser" placeholder="请输入负责顾问" clearable />
+								</el-form-item>
+							</el-col>
+						</el-row>
+						<el-row :gutter="16" class="search-row search-row-3">
+							<el-col :span="5">
+								<el-form-item label="进店渠道">
+									<el-select v-model="query.jdqd" placeholder="请选择渠道" clearable filterable
+										style="width: 100%">
+										<el-option v-for="(item, index) in jdqdOptions" :key="index"
+											:label="item.fullName" :value="item.id" />
+									</el-select>
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="沉睡天数">
+									<el-select v-model="query.sleepDaysRange" placeholder="请选择天数范围" clearable
+										style="width: 100%">
+										<el-option v-for="(item, index) in sleepDaysRangeOptions" :key="index"
+											:label="item.label" :value="item.value" />
+									</el-select>
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="注册时间">
+									<el-date-picker v-model="query.zcsj" type="daterange" value-format="timestamp"
+										format="yyyy-MM-dd" start-placeholder="开始" end-placeholder="结束"
+										style="width: 100%">
+									</el-date-picker>
+								</el-form-item>
+							</el-col>
+							<el-col :span="5">
+								<el-form-item label="出生日期">
+									<el-date-picker v-model="query.yanglsr" type="daterange" value-format="timestamp"
+										format="yyyy-MM-dd" start-placeholder="开始" end-placeholder="结束"
+										style="width: 100%">
+									</el-date-picker>
+								</el-form-item>
+							</el-col>
+						</el-row>
+					</div>
 				</el-form>
-			</el-row>
+			</el-card>
 			<div class="NCC-common-layout-main NCC-flex-main">
-				<div class="NCC-common-head">
-					<div>
-						<el-button type="primary" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button>
-						<!-- <el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button> -->
-						<el-button type="text" icon="el-icon-download" :loading="exportLoading"
-							@click="exportMemberItems()">导出</el-button>
-						<el-button v-has="'btn_remove'" type="text" icon="el-icon-delete"
-							@click="handleBatchRemoveDel()">批量删除</el-button>
-					</div>
-					<div class="NCC-common-head-right">
-						<div style="display: inline-block; margin-right: 15px;">
-							<el-button size="mini" :type="viewMode === 'list' ? 'primary' : ''" icon="el-icon-s-data"
-								@click="switchView('list')">列表</el-button>
-							<el-button size="mini" :type="viewMode === 'card' ? 'primary' : ''" icon="el-icon-menu"
-								@click="switchView('card')">卡片</el-button>
+				<!-- 现代化操作栏 -->
+				<el-card class="toolbar-card" shadow="never">
+					<div class="toolbar-container">
+						<div class="toolbar-left">
+							<el-button-group>
+								<el-button type="primary" icon="el-icon-plus"
+									@click="addOrUpdateHandle()">新增会员</el-button>
+								<el-button icon="el-icon-download" :loading="exportLoading"
+									@click="exportMemberItems()">导出数据</el-button>
+								<el-button v-has="'btn_remove'" type="danger" icon="el-icon-delete" plain
+									@click="handleBatchRemoveDel()">批量删除</el-button>
+							</el-button-group>
+						</div>
+						<div class="toolbar-right">
+							<el-radio-group v-model="viewMode" size="small" @change="switchView">
+								<el-radio-button label="list">
+									<i class="el-icon-s-grid"></i> 列表
+								</el-radio-button>
+								<el-radio-button label="card">
+									<i class="el-icon-menu"></i> 卡片
+								</el-radio-button>
+							</el-radio-group>
+							<el-divider direction="vertical"></el-divider>
+							<el-button size="small" icon="el-icon-refresh" circle @click="reset()"
+								title="刷新"></el-button>
+							<screenfull isContainer />
 						</div>
-						<el-tooltip effect="dark" content="刷新" placement="top">
-							<el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false"
-								@click="reset()" />
-						</el-tooltip>
-						<screenfull isContainer />
 					</div>
-				</div>
+				</el-card>
 				<div v-if="viewMode === 'card'" v-loading="listLoading" class="member-card-wrapper">
 					<div class="member-card-scroll-container">
-					<el-row :gutter="16" type="flex" style="flex-wrap: wrap;" class="member-card-row">
-						<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" v-for="item in list" :key="item.id">
+						<el-row :gutter="16" type="flex" style="flex-wrap: wrap;" class="member-card-row">
+							<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" v-for="item in list" :key="item.id">
 								<el-card shadow="hover" class="member-card" :class="`level-card-${item.consumeLevel}`">
-								<div class="card-header-wrapper">
-									<div class="header-top">
-										<div class="info-left">
-											<span class="member-name">{{ item.khmc || '无名氏' }}</span>
-											<i class="el-icon-user gender-icon" :class="getGenderClass(item.xb)"></i>
+									<div class="card-header-wrapper">
+										<div class="header-top">
+											<div class="info-left">
+												<span class="member-name">{{ item.khmc || '无名氏' }}</span>
+												<i class="el-icon-user gender-icon"
+													:class="getGenderClass(item.xb)"></i>
+											</div>
+											<el-tag :type="getConsumeLevelType(item.consumeLevel)" size="small"
+												class="level-tag" effect="dark">
+												{{ getConsumeLevelName(item.consumeLevel) }}
+											</el-tag>
 										</div>
-										<el-tag :type="getConsumeLevelType(item.consumeLevel)" size="small"
-											class="level-tag" effect="dark">
-											{{ getConsumeLevelName(item.consumeLevel) }}
-										</el-tag>
-									</div>
-									<div class="header-tags">
-										<el-tag v-if="item.isBeautyMember === 1" type="success" size="mini"
-											effect="plain" class="mini-tag">生美</el-tag>
-										<el-tag v-if="item.isMedicalMember === 1" type="warning" size="mini"
-											effect="plain" class="mini-tag">医美</el-tag>
-										<el-tag v-if="item.isTechMember === 1" type="info" size="mini" effect="plain"
-											class="mini-tag">科技</el-tag>
-										<el-tag v-if="item.isEducationMember === 1" type="primary" size="mini"
-											effect="plain" class="mini-tag">教育</el-tag>
-									</div>
-								</div>
-
-								<div class="card-content">
-									<div class="data-grid">
-										<div class="data-item">
-											<span class="label">
-												<i class="el-icon-phone icon-inline"></i>手机号
-											</span>
-											<span class="value">{{ item.sjh || '-' }}</span>
+										<div class="header-tags">
+											<el-tag v-if="item.isBeautyMember === 1" type="success" size="mini"
+												effect="plain" class="mini-tag">生美</el-tag>
+											<el-tag v-if="item.isMedicalMember === 1" type="warning" size="mini"
+												effect="plain" class="mini-tag">医美</el-tag>
+											<el-tag v-if="item.isTechMember === 1" type="info" size="mini"
+												effect="plain" class="mini-tag">科技</el-tag>
+											<el-tag v-if="item.isEducationMember === 1" type="primary" size="mini"
+												effect="plain" class="mini-tag">教育</el-tag>
 										</div>
-										<div class="data-item">
-											<span class="label">
-												<i class="el-icon-shop icon-inline"></i>归属门店
-											</span>
-											<span class="value text-truncate" :title="item.gsmdName">{{ item.gsmdName ||
-												'-'
+									</div>
+
+									<div class="card-content">
+										<div class="data-grid">
+											<div class="data-item">
+												<span class="label">
+													<i class="el-icon-phone icon-inline"></i>手机号
+												</span>
+												<span class="value">{{ item.sjh || '-' }}</span>
+											</div>
+											<div class="data-item">
+												<span class="label">
+													<i class="el-icon-shop icon-inline"></i>归属门店
+												</span>
+												<span class="value text-truncate" :title="item.gsmdName">{{
+													item.gsmdName ||
+													'-'
 												}}</span>
-										</div>
-										<div class="data-item">
-											<span class="label">
-												<i class="el-icon-user icon-inline"></i>客户类型
-											</span>
-											<span class="value">{{ item.khlxName || '-' }}</span>
-										</div>
-										<div class="data-item">
-											<span class="label">
-												<i class="el-icon-time icon-inline" :class="{ 'icon-warning': item.sleepDays > 0 }"></i>沉睡天数
-											</span>
-											<span class="value" :class="{ 'text-danger': item.sleepDays > 0 }">{{
-												item.sleepDays || 0
+											</div>
+											<div class="data-item">
+												<span class="label">
+													<i class="el-icon-user icon-inline"></i>客户类型
+												</span>
+												<span class="value">{{ item.khlxName || '-' }}</span>
+											</div>
+											<div class="data-item">
+												<span class="label">
+													<i class="el-icon-time icon-inline"
+														:class="{ 'icon-warning': item.sleepDays > 0 }"></i>沉睡天数
+												</span>
+												<span class="value" :class="{ 'text-danger': item.sleepDays > 0 }">{{
+													item.sleepDays || 0
 												}}天</span>
+											</div>
+											<div class="data-item full-width">
+												<span class="label">
+													<i class="el-icon-calendar icon-inline"></i>最后到店
+												</span>
+												<span class="value">{{ formatDate(item.lastVisitTime) }}</span>
+											</div>
 										</div>
-										<div class="data-item full-width">
-											<span class="label">
-												<i class="el-icon-calendar icon-inline"></i>最后到店
-											</span>
-											<span class="value">{{ formatDate(item.lastVisitTime) }}</span>
-										</div>
-									</div>
 
-									<div class="amount-section">
-										<div class="amount-box">
-											<span class="sub-label">
-												<i class="el-icon-wallet icon-inline"></i>开卡金额
-											</span>
-											<span class="sub-value primary-color">{{
-												formatMoney(item.totalBillingAmount) }}</span>
-										</div>
-										<div class="divider"></div>
-										<div class="amount-box">
-											<span class="sub-label">
-												<i class="el-icon-coin icon-inline"></i>剩余权益
-											</span>
-											<span class="sub-value warning-color">{{
-												formatMoney(item.remainingRightsAmount)
+										<div class="amount-section">
+											<div class="amount-box">
+												<span class="sub-label">
+													<i class="el-icon-wallet icon-inline"></i>开卡金额
+												</span>
+												<span class="sub-value primary-color">{{
+													formatMoney(item.totalBillingAmount) }}</span>
+											</div>
+											<div class="divider"></div>
+											<div class="amount-box">
+												<span class="sub-label">
+													<i class="el-icon-coin icon-inline"></i>剩余权益
+												</span>
+												<span class="sub-value warning-color">{{
+													formatMoney(item.remainingRightsAmount)
 												}}</span>
+											</div>
 										</div>
 									</div>
-								</div>
-
-								<div class="card-footer">
-									<el-tooltip content="详情" placement="top">
-										<el-button type="text" icon="el-icon-view" class="action-btn view-btn"
-											@click="openMemberPortrait(item.id)">
-											详情
-										</el-button>
-									</el-tooltip>
-									<el-tooltip content="权益" placement="top">
-										<el-button type="text" icon="el-icon-folder-opened"
-											class="action-btn rights-btn" @click="showMemberRights(item.id)">
-											权益
-										</el-button>
-									</el-tooltip>
-									<div class="more-actions">
-										<el-dropdown trigger="click" @command="handleCommand($event, item)">
-											<span class="el-dropdown-link">
-												更多<i class="el-icon-arrow-down el-icon--right"></i>
-											</span>
-											<el-dropdown-menu slot="dropdown">
-												<el-dropdown-item command="edit" icon="el-icon-edit"
-													v-if="has('btn_edit')">编辑</el-dropdown-item>
-												<el-dropdown-item command="delete" icon="el-icon-delete"
-													v-if="has('btn_remove')"
-													style="color: #F56C6C;">删除</el-dropdown-item>
-											</el-dropdown-menu>
-										</el-dropdown>
+
+									<div class="card-footer">
+										<el-tooltip content="详情" placement="top">
+											<el-button type="text" icon="el-icon-view" class="action-btn view-btn"
+												@click="openMemberPortrait(item.id)">
+												详情
+											</el-button>
+										</el-tooltip>
+										<el-tooltip content="权益" placement="top">
+											<el-button type="text" icon="el-icon-folder-opened"
+												class="action-btn rights-btn" @click="showMemberRights(item.id)">
+												权益
+											</el-button>
+										</el-tooltip>
+										<div class="more-actions">
+											<el-dropdown trigger="click" @command="handleCommand($event, item)">
+												<span class="el-dropdown-link">
+													更多<i class="el-icon-arrow-down el-icon--right"></i>
+												</span>
+												<el-dropdown-menu slot="dropdown">
+													<el-dropdown-item command="edit" icon="el-icon-edit"
+														v-if="has('btn_edit')">编辑</el-dropdown-item>
+													<el-dropdown-item command="delete" icon="el-icon-delete"
+														v-if="has('btn_remove')"
+														style="color: #F56C6C;">删除</el-dropdown-item>
+												</el-dropdown-menu>
+											</el-dropdown>
+										</div>
 									</div>
-								</div>
-							</el-card>
+								</el-card>
 							</el-col>
 						</el-row>
 						<div v-if="list.length === 0" class="empty-data">
@@ -240,217 +273,175 @@
 						</div>
 					</div>
 				</div>
-				<NCC-table v-if="viewMode === 'list'" v-loading="listLoading" :data="list" has-c
+				<NCC-table v-if="viewMode === 'list'" v-loading="listLoading" :data="list"
 					@selection-change="handleSelectionChange"
-					:header-cell-style="{ background: '#f5f7fa', color: '#606266' }">
-					<!-- 客户名称 -->
-					<el-table-column label="客户名称" align="center" width="120px" fixed="left">
+					:header-cell-style="{ background: '#fafafa', color: '#262626', fontWeight: '600' }">
+					<!-- 客户id -->
+					<el-table-column label="客户ID" align="left" width="150px" fixed="left">
 						<template slot-scope="scope">
-							<div class="customer-name-info">
-								<i class="el-icon-user-solid customer-name-icon"></i>
-								<span class="text-nowrap">{{ scope.row.khmc || '无' }}</span>
-							</div>
+							<span class="cell-text-plain muted">{{ scope.row.id || '无' }}</span>
 						</template>
 					</el-table-column>
-
-					<!-- 手机号 -->
-					<el-table-column label="手机号" align="center" width="120px" fixed="left">
+					<!-- 客户名称 -->
+					<el-table-column label="客户名称" align="left" width="100px" fixed="left">
 						<template slot-scope="scope">
-							<div class="phone-info">
-								<i class="el-icon-phone phone-icon"></i>
-								<span class="text-nowrap">{{ scope.row.sjh || '无' }}</span>
+							<div class="table-cell-with-icon">
+								<i class="el-icon-user-solid cell-icon primary"></i>
+								<span class="cell-text">{{ scope.row.khmc || '无' }}</span>
 							</div>
 						</template>
 					</el-table-column>
-					<!-- 客户id -->
-					<el-table-column label="客户id" align="center" width="180px">
+
+					<!-- 手机号 -->
+					<el-table-column label="手机号" align="left" width="130px" fixed="left">
 						<template slot-scope="scope">
-							<div class="customer-code-info">
-								<i class="el-icon-postcard customer-code-icon"></i>
-								<span class="text-nowrap">{{ scope.row.id || '无' }}</span>
+							<div class="table-cell-with-icon">
+								<i class="el-icon-mobile-phone cell-icon success"></i>
+								<span class="cell-text">{{ scope.row.sjh || '无' }}</span>
 							</div>
 						</template>
 					</el-table-column>
+
 					<!-- 档案号 -->
-					<el-table-column label="档案号" align="center" width="180px">
+					<el-table-column label="档案号" align="left" width="150px">
 						<template slot-scope="scope">
-							<div class="customer-code-info">
-								<i class="el-icon-postcard customer-code-icon"></i>
-								<span class="text-nowrap">{{ scope.row.dah || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.dah || '无' }}</span>
 						</template>
 					</el-table-column>
 
 
 					<!-- 性别 -->
-					<el-table-column label="性别" align="center">
+					<el-table-column label="性别" align="center" width="70px">
 						<template slot-scope="scope">
-							<div class="gender-info">
-								<i class="el-icon-user gender-icon" :class="getGenderClass(scope.row.xb)"></i>
-								<span class="text-nowrap">{{ scope.row.xb | dynamicText(xbOptions) || '无' }}</span>
-							</div>
+							<el-tag :type="scope.row.xb === '男' ? 'primary' : scope.row.xb === '女' ? 'danger' : 'info'"
+								size="small" effect="plain">
+								{{ scope.row.xb | dynamicText(xbOptions) || '未知' }}
+							</el-tag>
 						</template>
 					</el-table-column>
 
 					<!-- 归属门店 -->
-					<el-table-column label="归属门店" align="center" width="140px">
+					<el-table-column label="归属门店" align="left" width="120px">
 						<template slot-scope="scope">
-							<div class="store-info">
-								<i class="el-icon-office-building store-icon"></i>
-								<span class="text-nowrap">{{ scope.row.gsmdName || '无' }}</span>
+							<div class="table-cell-with-icon">
+								<i class="el-icon-office-building cell-icon info"></i>
+								<span class="cell-text">{{ scope.row.gsmdName || '无' }}</span>
 							</div>
 						</template>
 					</el-table-column>
 
 					<!-- 客户类型 -->
-					<el-table-column label="客户类型" align="center">
+					<el-table-column label="客户类型" align="center" width="100px">
 						<template slot-scope="scope">
-							<div class="customer-type-info">
-								<i class="el-icon-user customer-type-icon"></i>
-								<span class="text-nowrap">{{ scope.row.khlxName }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.khlxName || '无' }}</span>
 						</template>
 					</el-table-column>
 					<!-- 健康师 -->
-					<el-table-column label="健康师" align="center">
+					<el-table-column label="健康师" align="left" width="70px">
 						<template slot-scope="scope">
-							<div class="beautician-info">
-								<i class="el-icon-user beautician-icon"></i>
-								<span class="text-nowrap">{{ scope.row.mainHealthUserName || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.mainHealthUserName || '无' }}</span>
 						</template>
 					</el-table-column>
 					<!-- 负责顾问 -->
-					<el-table-column label="负责顾问" align="center">
+					<el-table-column label="负责顾问" align="left" width="80px">
 						<template slot-scope="scope">
-							<div class="advisor-info">
-								<i class="el-icon-service advisor-icon"></i>
-								<span class="text-nowrap">{{ scope.row.subHealthUserName || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.subHealthUserName || '无' }}</span>
 						</template>
 					</el-table-column>
 					<!-- 进店渠道 -->
-					<el-table-column label="进店渠道" align="center">
+					<el-table-column label="进店渠道" align="left" width="100px">
 						<template slot-scope="scope">
-							<div class="channel-info">
-								<i class="el-icon-connection channel-icon"></i>
-								<span class="text-nowrap">{{ scope.row.jdqd || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.jdqd || '无' }}</span>
 						</template>
 					</el-table-column>
 					<!-- 推荐人 -->
-					<el-table-column label="推荐人" align="center">
+					<el-table-column label="推荐人" align="left" width="80px">
 						<template slot-scope="scope">
-							<div class="referrer-info">
-								<i class="el-icon-user referrer-icon"></i>
-								<span class="text-nowrap">{{ scope.row.tjrName || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.tjrName || '无' }}</span>
 						</template>
 					</el-table-column>
 					<!-- 拓客人员 -->
-					<el-table-column label="拓客人员" align="center">
+					<el-table-column label="拓客人员" align="left" width="80px">
 						<template slot-scope="scope">
-							<div class="referrer-info">
-								<i class="el-icon-user referrer-icon"></i>
-								<span class="text-nowrap">{{ scope.row.expandUserName || '无' }}</span>
-							</div>
+							<span class="cell-text-plain">{{ scope.row.expandUserName || '无' }}</span>
 						</template>
 					</el-table-column>
 
 					<!-- 会员类型 -->
-					<el-table-column label="会员类型" align="center" min-width="120">
+					<el-table-column label="会员类型" align="center" min-width="130">
 						<template slot-scope="scope">
-							<div class="member-type-info">
+							<div class="member-tags">
 								<el-tag v-if="scope.row.isBeautyMember === 1" type="success" size="mini"
-									style="margin-right: 4px;">生美</el-tag>
+									effect="plain">生美</el-tag>
 								<el-tag v-if="scope.row.isMedicalMember === 1" type="warning" size="mini"
-									style="margin-right: 4px;">医美</el-tag>
+									effect="plain">医美</el-tag>
 								<el-tag v-if="scope.row.isTechMember === 1" type="info" size="mini"
-									style="margin-right: 4px;">科技部</el-tag>
-								<el-tag v-if="scope.row.isEducationMember === 1" type="primary" size="mini">教育部</el-tag>
+									effect="plain">科技</el-tag>
+								<el-tag v-if="scope.row.isEducationMember === 1" type="primary" size="mini"
+									effect="plain">教育</el-tag>
 								<span
 									v-if="scope.row.isBeautyMember !== 1 && scope.row.isMedicalMember !== 1 && scope.row.isTechMember !== 1 && scope.row.isEducationMember !== 1"
-									class="text-nowrap">无</span>
+									class="cell-text-plain muted">无</span>
 							</div>
 						</template>
 					</el-table-column>
 
 					<!-- 消费等级 -->
-					<el-table-column label="消费等级" align="center">
+					<el-table-column label="消费等级" align="center" width="90px">
 						<template slot-scope="scope">
-							<div class="consume-level-info">
-								<i class="el-icon-trophy consume-level-icon"></i>
-								<el-tag :type="getConsumeLevelType(scope.row.consumeLevel)" size="mini">
-									{{ getConsumeLevelName(scope.row.consumeLevel) }}
-								</el-tag>
-							</div>
+							<el-tag :type="getConsumeLevelType(scope.row.consumeLevel)" size="small" effect="dark">
+								{{ getConsumeLevelName(scope.row.consumeLevel) }}
+							</el-tag>
 						</template>
 					</el-table-column>
 
 					<!-- 开卡总金额 -->
-					<el-table-column label="开卡总金额" align="center" width="150">
+					<el-table-column label="开卡总金额" align="right" width="120">
 						<template slot-scope="scope">
-							<div class="amount-info">
-								<i class="el-icon-wallet amount-icon"></i>
-								<span class="text-nowrap amount-value">{{ formatMoney(scope.row.totalBillingAmount)
-								}}</span>
-							</div>
+							<span class="amount-text primary">{{ formatMoney(scope.row.totalBillingAmount) }}</span>
 						</template>
 					</el-table-column>
 
 					<!-- 剩余权益总金额 -->
-					<el-table-column label="剩余权益总金额" align="center" width="150">
+					<el-table-column label="剩余权益" align="right" width="120">
 						<template slot-scope="scope">
-							<div class="amount-info">
-								<i class="el-icon-coin amount-icon"></i>
-								<span class="text-nowrap amount-value">{{ formatMoney(scope.row.remainingRightsAmount)
-								}}</span>
-							</div>
+							<span class="amount-text success">{{ formatMoney(scope.row.remainingRightsAmount) }}</span>
 						</template>
 					</el-table-column>
 
 					<!-- 首次到店时间 -->
-					<el-table-column label="首次到店时间" align="center" width="140">
+					<el-table-column label="首次到店" align="left" width="110">
 						<template slot-scope="scope">
-							<div class="time-info">
-								<i class="el-icon-time time-icon"></i>
-								<span class="text-nowrap">{{ formatDateTime(scope.row.firstVisitTime) || '无' }}</span>
-							</div>
+							<span class="cell-text-plain muted">{{ formatDate(scope.row.firstVisitTime) || '无' }}</span>
 						</template>
 					</el-table-column>
 
 					<!-- 最后到店时间 -->
-					<el-table-column label="最后到店时间" align="center" width="140">
+					<el-table-column label="最后到店" align="left" width="110">
 						<template slot-scope="scope">
-							<div class="time-info">
-								<i class="el-icon-time time-icon"></i>
-								<span class="text-nowrap">{{ formatDateTime(scope.row.lastVisitTime) || '无' }}</span>
-							</div>
+							<span class="cell-text-plain muted">{{ formatDate(scope.row.lastVisitTime) || '无' }}</span>
 						</template>
 					</el-table-column>
 
 					<!-- 到店天数 -->
-					<el-table-column label="到店天数" align="center">
+					<el-table-column label="到店天数" align="center" width="90px">
 						<template slot-scope="scope">
-							<div class="days-info">
-								<i class="el-icon-calendar days-icon"></i>
-								<span class="text-nowrap">{{ scope.row.visitDays || 0 }}天</span>
-							</div>
+							<el-tag size="small" type="info" effect="plain">{{ scope.row.visitDays || 0 }}天</el-tag>
 						</template>
 					</el-table-column>
 
 					<!-- 沉睡天数 -->
-					<el-table-column label="沉睡天数" align="center">
+					<el-table-column label="沉睡天数" align="center" width="90px">
 						<template slot-scope="scope">
-							<div class="sleep-days-info" :class="{ 'sleep-warning': scope.row.sleepDays > 0 }">
-								<i class="el-icon-moon sleep-icon"></i>
-								<span class="text-nowrap">{{ scope.row.sleepDays || 0 }}天</span>
-							</div>
+							<el-tag size="small" :type="scope.row.sleepDays > 30 ? 'warning' : 'success'"
+								effect="plain">
+								{{ scope.row.sleepDays || 0 }}天
+							</el-tag>
 						</template>
 					</el-table-column>
 
 					<!-- 操作 -->
-					<el-table-column label="操作" width="280" align="left" fixed="right">
+					<el-table-column label="操作" width="320" align="left" fixed="right">
 						<template slot-scope="scope">
 							<div class="action-buttons">
 								<el-button type="text" class="detail-btn" icon="el-icon-view"
@@ -472,12 +463,8 @@
 						</template>
 					</el-table-column>
 				</NCC-table>
-				<pagination 
-					:total="total" 
-					:page.sync="listQuery.currentPage" 
-					:limit.sync="listQuery.pageSize"
-					@pagination="initData"
-					:class="{ 'pagination-card-mode': viewMode === 'card' }" />
+				<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
+					@pagination="initData" :class="{ 'pagination-card-mode': viewMode === 'card' }" />
 			</div>
 		</div>
 		<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
@@ -503,6 +490,7 @@ export default {
 		return {
 			viewMode: 'list', // list or card
 			showAll: false,
+			searchCardMounted: false, // 控制筛选卡片动画
 			kdhyLoading: false,
 			memberRightsDialogVisible: false,
 			detailDialogVisible: false,
@@ -536,6 +524,8 @@ export default {
 				yanglsr: undefined,
 				yinlsr: undefined,
 				ml: undefined,
+				consumeLevel: undefined, // 消费等级
+				sleepDaysRange: undefined, // 沉睡天数范围
 			},
 			list: [],
 			listLoading: true,
@@ -600,6 +590,21 @@ export default {
 			khmqgsOptions: [{ "fullName": "会员", "id": "会员" }, { "fullName": "线索池", "id": "线索池" }, { "fullName": "会员-归档", "id": "会员-归档" }],
 			khlxOptions: [],
 			khjdOptions: [{ "fullName": "体验", "id": "体验" }, { "fullName": "有效", "id": "有效" }, { "fullName": "沉睡", "id": "沉睡" }, { "fullName": "流失", "id": "流失" }],
+			consumeLevelOptions: [
+				{ "fullName": "D", "id": 0 },
+				{ "fullName": "C", "id": 1 },
+				{ "fullName": "B", "id": 2 },
+				{ "fullName": "A", "id": 3 },
+				{ "fullName": "A+", "id": 4 },
+				{ "fullName": "A++", "id": 5 }
+			],
+			sleepDaysRangeOptions: [
+				{ label: "0-30天", value: "0-30天", range: "0,30" },
+				{ label: "30-60天", value: "30-60天", range: "30,60" },
+				{ label: "60-90天", value: "60-90天", range: "60,90" },
+				{ label: "90-180天", value: "90-180天", range: "90,180" },
+				{ label: "180天以上", value: "180天以上", range: "180,9999" }
+			],
 			khxfOptions: [{ "fullName": "D客", "id": "D客" }, { "fullName": "有效", "id": "有效" }],
 			xfpcOptions: [{ "fullName": "高频", "id": "高频" }, { "fullName": "低频", "id": "低频" }],
 			jdqdOptions: [{ "fullName": "19.9卡", "id": "19.9卡" }, { "fullName": "自然到店", "id": "自然到店" }, { "fullName": "嘉宾", "id": "嘉宾" }, { "fullName": "售后", "id": "售后" }, { "fullName": "直播间", "id": "直播间" }, { "fullName": "转店顾客", "id": "转店顾客" }, { "fullName": "联联", "id": "联联" }, { "fullName": "美团", "id": "美团" }, { "fullName": "三方拓客", "id": "三方拓客" }, { "fullName": "其他", "id": "其他" }],
@@ -616,6 +621,14 @@ export default {
 		this.getkhlxOptions();
 		this.getkdhyOptions();
 	},
+	mounted() {
+		// 触发筛选卡片的滑动展开动画
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.searchCardMounted = true;
+			}, 50);
+		});
+	},
 	methods: {
 		// 权限检查方法
 		has(enCode) {
@@ -720,6 +733,15 @@ export default {
 				...this.listQuery,
 				...this.query
 			};
+
+			// 转换沉睡天数选项值为范围格式
+			if (_query.sleepDaysRange) {
+				const option = this.sleepDaysRangeOptions.find(opt => opt.value === _query.sleepDaysRange);
+				if (option) {
+					_query.sleepDaysRange = option.range;
+				}
+			}
+
 			let query = {}
 			for (let key in _query) {
 				if (Array.isArray(_query[key])) {
@@ -803,6 +825,15 @@ export default {
 		},
 		download(data) {
 			let query = { ...data, ...this.listQuery, ...this.query }
+
+			// 转换沉睡天数选项值为范围格式
+			if (query.sleepDaysRange) {
+				const option = this.sleepDaysRangeOptions.find(opt => opt.value === query.sleepDaysRange);
+				if (option) {
+					query.sleepDaysRange = option.range;
+				}
+			}
+
 			request({
 				url: `/api/Extend/LqKhxx/Actions/Export`,
 				method: 'GET',
@@ -817,6 +848,15 @@ export default {
 		// 导出会员品项
 		exportMemberItems() {
 			let query = { ...this.listQuery, ...this.query }
+
+			// 转换沉睡天数选项值为范围格式
+			if (query.sleepDaysRange) {
+				const option = this.sleepDaysRangeOptions.find(opt => opt.value === query.sleepDaysRange);
+				if (option) {
+					query.sleepDaysRange = option.range;
+				}
+			}
+
 			// 处理数组参数
 			let exportQuery = {}
 			for (let key in query) {
@@ -1578,22 +1618,22 @@ export default {
 	min-height: 0; // 重要：允许 flex 子元素收缩
 	// 使用渐变背景（为毛玻璃效果提供视觉基础）
 	background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 50%, #E2E8F0 100%);
-	
+
 	// 自定义滚动条样式
 	&::-webkit-scrollbar {
 		width: 8px;
 	}
-	
+
 	&::-webkit-scrollbar-track {
 		background: rgba(0, 0, 0, 0.05);
 		border-radius: 4px;
 	}
-	
+
 	&::-webkit-scrollbar-thumb {
 		background: rgba(0, 0, 0, 0.2);
 		border-radius: 4px;
 		transition: background 0.2s ease;
-		
+
 		&:hover {
 			background: rgba(0, 0, 0, 0.3);
 		}
@@ -1605,7 +1645,7 @@ export default {
 			display: flex;
 		}
 	}
-	
+
 	.empty-data {
 		display: flex;
 		justify-content: center;
@@ -1622,16 +1662,14 @@ export default {
 		// 精致的毛玻璃效果边框（双层边框）
 		border: 1px solid rgba(255, 255, 255, 0.4);
 		// 增强的毛玻璃背景
-		background: linear-gradient(
-			135deg,
-			rgba(255, 255, 255, 0.9) 0%,
-			rgba(255, 255, 255, 0.8) 50%,
-			rgba(255, 255, 255, 0.85) 100%
-		);
+		background: linear-gradient(135deg,
+				rgba(255, 255, 255, 0.9) 0%,
+				rgba(255, 255, 255, 0.8) 50%,
+				rgba(255, 255, 255, 0.85) 100%);
 		backdrop-filter: blur(24px) saturate(190%);
 		-webkit-backdrop-filter: blur(24px) saturate(190%);
 		// 精致的多层次阴影系统（5层阴影，创造更强的深度）
-		box-shadow: 
+		box-shadow:
 			0 2px 4px rgba(0, 0, 0, 0.04),
 			0 4px 8px rgba(0, 0, 0, 0.03),
 			0 8px 16px rgba(0, 0, 0, 0.02),
@@ -1641,6 +1679,7 @@ export default {
 		overflow: hidden;
 		position: relative;
 		cursor: pointer;
+
 		// 添加微妙的渐变遮罩层
 		&::after {
 			content: '';
@@ -1649,12 +1688,10 @@ export default {
 			left: 0;
 			right: 0;
 			bottom: 0;
-			background: linear-gradient(
-				135deg,
-				rgba(255, 255, 255, 0.1) 0%,
-				transparent 50%,
-				rgba(0, 0, 0, 0.02) 100%
-			);
+			background: linear-gradient(135deg,
+					rgba(255, 255, 255, 0.1) 0%,
+					transparent 50%,
+					rgba(0, 0, 0, 0.02) 100%);
 			pointer-events: none;
 			opacity: 0;
 			transition: opacity 0.3s ease;
@@ -1668,12 +1705,10 @@ export default {
 			left: 0;
 			right: 0;
 			height: 4px;
-			background: linear-gradient(
-				90deg,
-				#2563EB 0%,
-				#3B82F6 50%,
-				#60A5FA 100%
-			);
+			background: linear-gradient(90deg,
+					#2563EB 0%,
+					#3B82F6 50%,
+					#60A5FA 100%);
 			opacity: 1;
 			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 			box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3); // 添加发光效果
@@ -1722,16 +1757,14 @@ export default {
 		&:hover {
 			transform: translateY(-8px) scale(1.02);
 			// 增强毛玻璃效果
-			background: linear-gradient(
-				135deg,
-				rgba(255, 255, 255, 0.95) 0%,
-				rgba(255, 255, 255, 0.9) 50%,
-				rgba(255, 255, 255, 0.92) 100%
-			);
+			background: linear-gradient(135deg,
+					rgba(255, 255, 255, 0.95) 0%,
+					rgba(255, 255, 255, 0.9) 50%,
+					rgba(255, 255, 255, 0.92) 100%);
 			backdrop-filter: blur(30px) saturate(200%);
 			-webkit-backdrop-filter: blur(30px) saturate(200%);
 			// 增强的悬浮阴影（创造浮动感）
-			box-shadow: 
+			box-shadow:
 				0 8px 16px rgba(0, 0, 0, 0.08),
 				0 16px 32px rgba(0, 0, 0, 0.06),
 				0 32px 64px rgba(0, 0, 0, 0.04),
@@ -1745,7 +1778,7 @@ export default {
 				height: 6px;
 				box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4);
 			}
-			
+
 			&::after {
 				opacity: 1; // 显示渐变遮罩
 			}
@@ -1754,7 +1787,7 @@ export default {
 		// 响应减少动画偏好
 		@media (prefers-reduced-motion: reduce) {
 			transition: none;
-			
+
 			&:hover {
 				transform: none;
 			}
@@ -1770,13 +1803,12 @@ export default {
 		.card-header-wrapper {
 			padding: 10px 12px 8px; // 缩小卡片头部内边距
 			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-			background: linear-gradient(
-				180deg,
-				rgba(255, 255, 255, 0.4) 0%,
-				rgba(255, 255, 255, 0.2) 50%,
-				rgba(255, 255, 255, 0) 100%
-			);
+			background: linear-gradient(180deg,
+					rgba(255, 255, 255, 0.4) 0%,
+					rgba(255, 255, 255, 0.2) 50%,
+					rgba(255, 255, 255, 0) 100%);
 			position: relative;
+
 			// 添加微妙的光影效果
 			&::after {
 				content: '';
@@ -1785,12 +1817,10 @@ export default {
 				left: 16px;
 				right: 16px;
 				height: 1px;
-				background: linear-gradient(
-					90deg,
-					transparent 0%,
-					rgba(255, 255, 255, 0.5) 50%,
-					transparent 100%
-				);
+				background: linear-gradient(90deg,
+						transparent 0%,
+						rgba(255, 255, 255, 0.5) 50%,
+						transparent 100%);
 			}
 
 			.header-top {
@@ -1840,44 +1870,40 @@ export default {
 			.header-tags {
 				display: flex;
 				flex-wrap: wrap;
-				gap: 4px; // 缩小标签间距
+				gap: 6px;
 				min-height: 24px;
 
 				.mini-tag {
-					border-radius: 6px;
-					padding: 3px 8px;
-					height: 22px;
-					line-height: 18px;
-					font-size: 13px; // 增大标签字体
+					border-radius: 10px;
+					padding: 4px 8px;
+					height: 20px;
+					line-height: 12px;
+					font-size: 11px;
 					font-weight: 600;
-					transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-					backdrop-filter: blur(4px);
-					-webkit-backdrop-filter: blur(4px);
-					border: 0.5px solid rgba(255, 255, 255, 0.3);
-					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+					transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+					box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+					will-change: box-shadow;
+					transform: translateZ(0); // 启用硬件加速
 
 					&:hover {
-						transform: translateY(-1px) scale(1.05);
-						box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+						box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 					}
 				}
 			}
 
 			.level-tag {
 				font-weight: 700;
-				border-radius: 8px;
+				border-radius: 12px;
 				padding: 5px 12px;
-				font-size: 13px; // 增大等级标签字体
+				font-size: 13px;
 				letter-spacing: 0.03em;
-				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-				backdrop-filter: blur(4px);
-				-webkit-backdrop-filter: blur(4px);
-				border: 0.5px solid rgba(255, 255, 255, 0.3);
-				transition: all 0.25s ease;
+				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+				transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+				will-change: box-shadow;
+				transform: translateZ(0); // 启用硬件加速
 
 				&:hover {
-					transform: translateY(-1px);
-					box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+					box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 				}
 			}
 		}
@@ -1962,7 +1988,7 @@ export default {
 							color: #EF4444;
 							font-weight: 700;
 							position: relative;
-							
+
 							&::after {
 								content: '';
 								position: absolute;
@@ -1980,12 +2006,10 @@ export default {
 			.amount-section {
 				margin-top: auto;
 				// 更精致的渐变背景
-				background: linear-gradient(
-					135deg,
-					rgba(37, 99, 235, 0.12) 0%,
-					rgba(59, 130, 246, 0.08) 50%,
-					rgba(96, 165, 250, 0.06) 100%
-				);
+				background: linear-gradient(135deg,
+						rgba(37, 99, 235, 0.12) 0%,
+						rgba(59, 130, 246, 0.08) 50%,
+						rgba(96, 165, 250, 0.06) 100%);
 				backdrop-filter: blur(12px) saturate(150%);
 				-webkit-backdrop-filter: blur(12px) saturate(150%);
 				border: 1px solid rgba(255, 255, 255, 0.5);
@@ -1997,7 +2021,7 @@ export default {
 				margin-top: 6px; // 缩小上边距
 				position: relative;
 				overflow: hidden;
-				box-shadow: 
+				box-shadow:
 					inset 0 1px 2px rgba(255, 255, 255, 0.6),
 					inset 0 -1px 1px rgba(37, 99, 235, 0.1),
 					0 2px 8px rgba(37, 99, 235, 0.1);
@@ -2009,12 +2033,10 @@ export default {
 					left: 0;
 					right: 0;
 					height: 2px;
-					background: linear-gradient(
-						90deg,
-						transparent 0%,
-						rgba(37, 99, 235, 0.4) 50%,
-						transparent 100%
-					);
+					background: linear-gradient(90deg,
+							transparent 0%,
+							rgba(37, 99, 235, 0.4) 50%,
+							transparent 100%);
 					box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
 				}
 
@@ -2042,7 +2064,7 @@ export default {
 							opacity: 0.8;
 							transition: all 0.2s ease;
 						}
-						
+
 						&:hover .icon-inline {
 							opacity: 1;
 							transform: scale(1.1);
@@ -2091,15 +2113,13 @@ export default {
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-			background: linear-gradient(
-				180deg,
-				rgba(255, 255, 255, 0) 0%,
-				rgba(255, 255, 255, 0.2) 50%,
-				rgba(248, 250, 252, 0.4) 100%
-			);
+			background: linear-gradient(180deg,
+					rgba(255, 255, 255, 0) 0%,
+					rgba(255, 255, 255, 0.2) 50%,
+					rgba(248, 250, 252, 0.4) 100%);
 			gap: 8px; // 合理的间距
 			position: relative;
-			
+
 			// 顶部高光线条
 			&::before {
 				content: '';
@@ -2108,12 +2128,10 @@ export default {
 				left: 16px;
 				right: 16px;
 				height: 1px;
-				background: linear-gradient(
-					90deg,
-					transparent 0%,
-					rgba(255, 255, 255, 0.6) 50%,
-					transparent 100%
-				);
+				background: linear-gradient(90deg,
+						transparent 0%,
+						rgba(255, 255, 255, 0.6) 50%,
+						transparent 100%);
 			}
 
 			.action-btn {
@@ -2196,16 +2214,935 @@ export default {
 
 // 分页组件样式（卡片模式）
 ::v-deep .pagination-card-mode {
-	flex-shrink: 0; // 防止分页被压缩
+	flex-shrink: 0;
 	position: relative;
-	z-index: 20; // 确保在卡片之上
+	z-index: 20;
 	margin-top: 16px;
 	padding: 12px 0;
 	background: transparent;
-	// 毛玻璃效果的分页背景（可选）
-	// background: rgba(255, 255, 255, 0.85);
-	// backdrop-filter: blur(10px);
-	// border-radius: 8px;
-	// border-top: 1px solid rgba(226, 232, 240, 0.5);
+}
+
+/* ============================================
+   现代化筛选卡片样式
+   ============================================ */
+.search-card {
+	margin-bottom: 16px;
+	border-radius: 12px;
+	border: 1px solid #e8e8e8;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	/* 初始状态：隐藏在上方 */
+	opacity: 0;
+	transform: translateY(-20px);
+	max-height: 0;
+	overflow: hidden;
+
+	&.search-card-animated {
+		/* 动画状态：显示并滑入 */
+		opacity: 1;
+		transform: translateY(0);
+		max-height: 2000px;
+		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+			transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
+			max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	&:hover {
+		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+	}
+
+	::v-deep .el-card__body {
+		padding: 16px 24px;
+	}
+
+	.search-row {
+		margin-bottom: 0;
+		transition: margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+		.el-col {
+			display: flex;
+			align-items: stretch;
+		}
+
+		.el-form-item {
+			margin-bottom: 0;
+			width: 100%;
+			display: flex;
+			align-items: center;
+			min-height: 32px;
+
+			::v-deep .el-form-item__label {
+				height: 32px;
+				line-height: 32px;
+				padding-bottom: 0;
+				padding-top: 0;
+				margin-bottom: 0;
+				display: flex;
+				align-items: center;
+				flex-shrink: 0;
+			}
+
+			::v-deep .el-form-item__content {
+				line-height: 32px;
+				display: flex;
+				align-items: center;
+				flex: 1;
+				min-height: 32px;
+			}
+		}
+	}
+
+	/* 第一行默认显示，有页面加载动画 */
+	.search-row-1 {
+		margin-bottom: 0;
+		opacity: 0;
+		transform: translate3d(0, -10px, 0);
+		transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
+			transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+		will-change: opacity, transform;
+		backface-visibility: hidden;
+		perspective: 1000px;
+	}
+
+	/* 卡片动画完成后，第一行滑入 */
+	&.search-card-animated {
+		.search-row-1 {
+			opacity: 1;
+			transform: translate3d(0, 0, 0);
+		}
+	}
+
+	/* 展开面板滑动动画 */
+	.filter-expand-panel {
+		max-height: 0;
+		overflow: hidden;
+		opacity: 0;
+		transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+			opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.05s,
+			padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+			margin-top 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+		padding-top: 0;
+		margin-top: 0;
+		will-change: max-height, opacity;
+		backface-visibility: hidden;
+
+		&.is-expanded {
+			max-height: 1000px;
+			opacity: 1;
+			padding-top: 16px;
+			margin-top: 0;
+			transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+				opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.05s,
+				padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+				margin-top 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+		}
+
+		.search-row {
+			opacity: 1;
+			transform: translateY(0);
+			margin-bottom: 16px;
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			.el-col {
+				display: flex;
+				align-items: stretch;
+			}
+
+			.el-form-item {
+				margin-bottom: 0;
+				width: 100%;
+				display: flex;
+				align-items: center;
+				min-height: 32px;
+
+				::v-deep .el-form-item__label {
+					height: 32px;
+					line-height: 32px;
+					padding-bottom: 0;
+					padding-top: 0;
+					margin-bottom: 0;
+					display: flex;
+					align-items: center;
+					flex-shrink: 0;
+				}
+
+				::v-deep .el-form-item__content {
+					line-height: 32px;
+					display: flex;
+					align-items: center;
+					flex: 1;
+					min-height: 32px;
+				}
+			}
+		}
+	}
+
+	.el-form {
+		::v-deep .el-row {
+			display: flex;
+			flex-wrap: wrap;
+		}
+
+		::v-deep .el-col {
+			display: flex;
+			align-items: stretch;
+		}
+
+		.el-form-item {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			margin-bottom: 0;
+
+			::v-deep .el-form-item__label {
+				color: #595959;
+				font-weight: 500;
+				height: 32px;
+				line-height: 32px;
+				padding-bottom: 0;
+				padding-top: 0;
+				margin-bottom: 0;
+				display: flex;
+				align-items: center;
+				flex-shrink: 0;
+			}
+
+			::v-deep .el-form-item__content {
+				line-height: 32px;
+				display: flex;
+				align-items: center;
+				flex: 1;
+				min-height: 32px;
+			}
+
+			::v-deep .el-input,
+			::v-deep .el-select,
+			::v-deep .el-date-editor {
+				width: 100%;
+				display: flex;
+				align-items: center;
+				vertical-align: middle;
+			}
+
+			::v-deep .el-input__inner,
+			::v-deep .el-select .el-input__inner,
+			::v-deep .el-date-editor.el-input__inner {
+				height: 32px;
+				line-height: 32px;
+				border-radius: 6px;
+				border-color: #d9d9d9;
+				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+				vertical-align: middle;
+				box-sizing: border-box;
+
+				&:hover {
+					border-color: #40a9ff;
+				}
+
+				&:focus {
+					border-color: #1890ff;
+					box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
+				}
+			}
+
+			::v-deep .el-input__prefix,
+			::v-deep .el-input__suffix {
+				.el-input__icon {
+					line-height: 32px;
+				}
+			}
+
+			::v-deep .el-select__caret {
+				line-height: 32px;
+			}
+
+			::v-deep .el-date-editor {
+				width: 100%;
+				display: flex;
+				align-items: center;
+
+				&.el-input {
+					width: 100%;
+					display: flex;
+					align-items: center;
+
+					.el-input__inner {
+						height: 32px;
+						line-height: 32px;
+						width: 100%;
+					}
+				}
+
+				&.el-input__inner {
+					height: 32px;
+					line-height: 32px;
+					width: 100%;
+				}
+			}
+
+			// 日期范围选择器特殊处理
+			::v-deep .el-range-editor {
+				&.el-input__inner {
+					height: 32px;
+					line-height: 32px;
+					display: flex;
+					align-items: center;
+					padding: 0 10px;
+
+					.el-range-input {
+						height: 30px;
+						line-height: 30px;
+						flex: 1;
+					}
+
+					.el-range-separator {
+						line-height: 30px;
+						padding: 0 8px;
+						flex-shrink: 0;
+					}
+				}
+			}
+
+			// 输入框组（如沉睡天数的范围输入）
+			::v-deep .el-input-group {
+				display: flex;
+				align-items: center;
+				width: 100%;
+
+				.el-input__inner {
+					height: 32px;
+					line-height: 32px;
+					flex: 1;
+				}
+
+				.el-input-group__prepend {
+					height: 32px;
+					line-height: 30px;
+					display: flex;
+					align-items: center;
+					padding: 0 12px;
+					flex-shrink: 0;
+				}
+			}
+		}
+	}
+
+	.search-actions {
+		display: flex;
+		align-items: flex-end;
+		height: 100%;
+		gap: 8px;
+		justify-content: flex-start;
+		padding-top: 2px;
+
+		.el-button {
+			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+		}
+	}
+
+	.search-actions-inline {
+		display: flex;
+		align-items: center;
+		height: 32px;
+		gap: 8px;
+		justify-content: flex-end;
+		padding-top: 0;
+		width: 100%;
+
+		.el-button {
+			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+			height: 32px;
+			line-height: 32px;
+			padding: 0 15px;
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			vertical-align: middle;
+
+			&[type="text"] {
+				padding: 0 15px;
+				height: 32px;
+				line-height: 32px;
+			}
+
+			&.el-button--small {
+				height: 28px;
+				line-height: 28px;
+				padding: 0 12px;
+			}
+		}
+	}
+}
+
+/* 滑动展开筛选面板 - 流畅的向下展开动画 */
+
+.toolbar-card {
+	margin-bottom: 16px;
+	border-radius: 12px;
+	border: 1px solid #e8e8e8;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+
+	::v-deep .el-card__body {
+		padding: 16px 24px;
+	}
+
+	.toolbar-container {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		.toolbar-left {
+			.el-button-group {
+				.el-button {
+					border-radius: 6px;
+
+					&:first-child {
+						border-top-right-radius: 0;
+						border-bottom-right-radius: 0;
+					}
+
+					&:last-child {
+						border-top-left-radius: 0;
+						border-bottom-left-radius: 0;
+					}
+
+					&:not(:first-child):not(:last-child) {
+						border-radius: 0;
+					}
+				}
+			}
+		}
+
+		.toolbar-right {
+			display: flex;
+			align-items: center;
+			gap: 12px;
+
+			.el-radio-group {
+				border-radius: 6px;
+				overflow: hidden;
+			}
+
+			.el-divider--vertical {
+				height: 1.5em;
+				margin: 0 8px;
+			}
+		}
+	}
+}
+
+/* ============================================
+   现代化表格样式
+   ============================================ */
+::v-deep .el-table {
+	font-size: 14px;
+	border-radius: 12px;
+	overflow: hidden;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+
+	th {
+		background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%) !important;
+		color: #262626 !important;
+		font-weight: 600;
+		font-size: 14px;
+		border-bottom: 2px solid #e8e8e8;
+		padding: 14px 0;
+	}
+
+	td {
+		border-bottom: 1px solid #f0f0f0;
+		padding: 14px 0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		transform: translateZ(0); // 启用硬件加速，防止闪烁
+		backface-visibility: hidden;
+	}
+
+	tr {
+		transition: background-color 0.15s ease;
+		will-change: background-color;
+
+		&:hover>td {
+			background: #f7f9fc !important;
+		}
+	}
+
+	.el-table__body-wrapper {
+		scrollbar-width: thin;
+		scrollbar-color: #d9d9d9 transparent;
+
+		&::-webkit-scrollbar {
+			height: 10px;
+			width: 10px;
+		}
+
+		&::-webkit-scrollbar-track {
+			background: #f5f5f5;
+			border-radius: 5px;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: linear-gradient(180deg, #d9d9d9 0%, #bfbfbf 100%);
+			border-radius: 5px;
+			border: 2px solid #f5f5f5;
+
+			&:hover {
+				background: linear-gradient(180deg, #bfbfbf 0%, #999 100%);
+			}
+		}
+	}
+
+	.el-table__fixed,
+	.el-table__fixed-right {
+		box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
+	}
+}
+
+// 表格单元格样式
+.table-cell-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	white-space: nowrap;
+	overflow: hidden;
+
+	.cell-icon {
+		font-size: 16px;
+		flex-shrink: 0;
+
+		&.primary {
+			color: #1890ff;
+		}
+
+		&.success {
+			color: #52c41a;
+		}
+
+		&.warning {
+			color: #faad14;
+		}
+
+		&.danger {
+			color: #ff4d4f;
+		}
+
+		&.info {
+			color: #8c8c8c;
+		}
+	}
+
+	.cell-text {
+		color: #262626;
+		font-weight: 500;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+}
+
+.cell-text-plain {
+	color: #595959;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: inline-block;
+	max-width: 100%;
+
+	&.muted {
+		color: #8c8c8c;
+	}
+}
+
+// 金额样式
+.amount-text {
+	font-weight: 600;
+	font-family: 'Helvetica Neue', -apple-system, sans-serif;
+
+	&.primary {
+		color: #1890ff;
+	}
+
+	&.success {
+		color: #52c41a;
+	}
+
+	&.warning {
+		color: #faad14;
+	}
+
+	&.danger {
+		color: #ff4d4f;
+	}
+}
+
+// 会员标签组
+.member-tags {
+	display: flex;
+	gap: 4px;
+	flex-wrap: wrap;
+	justify-content: center;
+
+	.el-tag {
+		margin: 0;
+	}
+}
+
+// 操作按钮组
+::v-deep .action-buttons {
+	display: flex;
+	gap: 8px;
+	flex-wrap: wrap;
+
+	.el-button {
+		padding: 0;
+		font-size: 14px;
+		transition: all 0.2s;
+
+		&.detail-btn {
+			color: #1890ff;
+
+			&:hover {
+				color: #40a9ff;
+				transform: translateY(-1px);
+			}
+		}
+
+		&.edit-btn {
+			color: #52c41a;
+
+			&:hover {
+				color: #73d13d;
+				transform: translateY(-1px);
+			}
+		}
+
+		&.delete-btn {
+			color: #ff4d4f;
+
+			&:hover {
+				color: #ff7875;
+				transform: translateY(-1px);
+			}
+		}
+	}
+}
+
+/* ============================================
+   页面整体现代化样式
+   ============================================ */
+.NCC-common-layout {
+	background: #f5f7fa;
+	min-height: 100vh;
+}
+
+.NCC-common-layout-center {
+	padding: 16px;
+}
+
+.NCC-common-layout-main {
+	background: transparent;
+}
+
+/* ============================================
+   现代化标签样式系统
+   ============================================ */
+::v-deep .el-tag {
+	border-radius: 12px;
+	padding: 4px 12px;
+	font-weight: 600;
+	font-size: 12px;
+	border: none;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+		box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+	position: relative;
+	overflow: hidden;
+	will-change: transform, box-shadow;
+	transform: translateZ(0); // 启用硬件加速
+
+	&.el-tag--small {
+		height: 24px;
+		line-height: 16px;
+		padding: 4px 10px;
+		font-size: 12px;
+		border-radius: 12px;
+	}
+
+	&.el-tag--mini {
+		height: 20px;
+		line-height: 12px;
+		padding: 4px 8px;
+		font-size: 11px;
+		border-radius: 10px;
+		font-weight: 500;
+	}
+
+	/* Plain风格 - 现代化半透明背景 */
+	&.el-tag--plain {
+		background: rgba(0, 0, 0, 0.05);
+		color: #595959;
+		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+
+		&.el-tag--success {
+			background: linear-gradient(135deg, rgba(82, 196, 26, 0.15) 0%, rgba(82, 196, 26, 0.1) 100%);
+			color: #389e0d;
+			border: 1px solid rgba(82, 196, 26, 0.2);
+			box-shadow: 0 2px 6px rgba(82, 196, 26, 0.15);
+
+			&:hover {
+				background: linear-gradient(135deg, rgba(82, 196, 26, 0.2) 0%, rgba(82, 196, 26, 0.15) 100%);
+				box-shadow: 0 4px 8px rgba(82, 196, 26, 0.2);
+			}
+		}
+
+		&.el-tag--warning {
+			background: linear-gradient(135deg, rgba(250, 173, 20, 0.15) 0%, rgba(250, 173, 20, 0.1) 100%);
+			color: #d48806;
+			border: 1px solid rgba(250, 173, 20, 0.2);
+			box-shadow: 0 2px 6px rgba(250, 173, 20, 0.15);
+
+			&:hover {
+				background: linear-gradient(135deg, rgba(250, 173, 20, 0.2) 0%, rgba(250, 173, 20, 0.15) 100%);
+				box-shadow: 0 4px 8px rgba(250, 173, 20, 0.2);
+			}
+		}
+
+		&.el-tag--danger {
+			background: linear-gradient(135deg, rgba(255, 77, 79, 0.15) 0%, rgba(255, 77, 79, 0.1) 100%);
+			color: #cf1322;
+			border: 1px solid rgba(255, 77, 79, 0.2);
+			box-shadow: 0 2px 6px rgba(255, 77, 79, 0.15);
+
+			&:hover {
+				background: linear-gradient(135deg, rgba(255, 77, 79, 0.2) 0%, rgba(255, 77, 79, 0.15) 100%);
+				box-shadow: 0 4px 8px rgba(255, 77, 79, 0.2);
+			}
+		}
+
+		&.el-tag--info {
+			background: linear-gradient(135deg, rgba(140, 140, 140, 0.12) 0%, rgba(140, 140, 140, 0.08) 100%);
+			color: #595959;
+			border: 1px solid rgba(140, 140, 140, 0.15);
+			box-shadow: 0 2px 6px rgba(140, 140, 140, 0.1);
+
+			&:hover {
+				background: linear-gradient(135deg, rgba(140, 140, 140, 0.18) 0%, rgba(140, 140, 140, 0.12) 100%);
+				box-shadow: 0 4px 8px rgba(140, 140, 140, 0.15);
+			}
+		}
+
+		&.el-tag--primary {
+			background: linear-gradient(135deg, rgba(24, 144, 255, 0.15) 0%, rgba(24, 144, 255, 0.1) 100%);
+			color: #0958d9;
+			border: 1px solid rgba(24, 144, 255, 0.2);
+			box-shadow: 0 2px 6px rgba(24, 144, 255, 0.15);
+
+			&:hover {
+				background: linear-gradient(135deg, rgba(24, 144, 255, 0.2) 0%, rgba(24, 144, 255, 0.15) 100%);
+				box-shadow: 0 4px 8px rgba(24, 144, 255, 0.2);
+			}
+		}
+	}
+
+	/* Dark风格 - 现代化渐变背景 */
+	&.el-tag--dark {
+		font-weight: 600;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+
+		&.el-tag--primary {
+			background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
+			color: #ffffff;
+			box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+
+			&:hover {
+				background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
+				box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
+				transform: translateY(-1px);
+			}
+		}
+
+		&.el-tag--success {
+			background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
+			color: #ffffff;
+			box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
+
+			&:hover {
+				background: linear-gradient(135deg, #73d13d 0%, #52c41a 100%);
+				box-shadow: 0 4px 12px rgba(82, 196, 26, 0.4);
+				transform: translateY(-1px);
+			}
+		}
+
+		&.el-tag--warning {
+			background: linear-gradient(135deg, #faad14 0%, #d48806 100%);
+			color: #ffffff;
+			box-shadow: 0 2px 8px rgba(250, 173, 20, 0.3);
+
+			&:hover {
+				background: linear-gradient(135deg, #ffc53d 0%, #faad14 100%);
+				box-shadow: 0 4px 12px rgba(250, 173, 20, 0.4);
+				transform: translateY(-1px);
+			}
+		}
+
+		&.el-tag--danger {
+			background: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);
+			color: #ffffff;
+			box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+
+			&:hover {
+				background: linear-gradient(135deg, #ff7875 0%, #ff4d4f 100%);
+				box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);
+				transform: translateY(-1px);
+			}
+		}
+
+		&.el-tag--info {
+			background: linear-gradient(135deg, #8c8c8c 0%, #595959 100%);
+			color: #ffffff;
+			box-shadow: 0 2px 8px rgba(140, 140, 140, 0.3);
+
+			&:hover {
+				background: linear-gradient(135deg, #bfbfbf 0%, #8c8c8c 100%);
+				box-shadow: 0 4px 12px rgba(140, 140, 140, 0.4);
+				transform: translateY(-1px);
+			}
+		}
+	}
+}
+
+/* 标签组样式 */
+.member-tags {
+	display: flex;
+	gap: 6px;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+
+	.el-tag {
+		margin: 0;
+	}
+}
+
+/* 按钮现代化 */
+::v-deep .el-button {
+	border-radius: 6px;
+	transition: all 0.3s;
+	font-weight: 500;
+
+	&.el-button--primary {
+		background: #1890ff;
+		border-color: #1890ff;
+
+		&:hover {
+			background: #40a9ff;
+			border-color: #40a9ff;
+			transform: translateY(-2px);
+			box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+		}
+
+		&:active {
+			transform: translateY(0);
+		}
+	}
+
+	&.el-button--danger {
+		&:hover {
+			transform: translateY(-2px);
+			box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3);
+		}
+
+		&:active {
+			transform: translateY(0);
+		}
+	}
+
+	&.el-button--default {
+		&:hover {
+			color: #1890ff;
+			border-color: #1890ff;
+		}
+	}
+
+	&.is-circle {
+		transition: all 0.3s;
+
+		&:hover {
+			transform: rotate(180deg);
+		}
+	}
+}
+
+/* 输入框现代化 */
+::v-deep .el-input__inner {
+	transition: all 0.3s;
+
+	&:hover {
+		border-color: #40a9ff;
+	}
+
+	&:focus {
+		border-color: #1890ff;
+		box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
+	}
+}
+
+/* 下拉框现代化 */
+::v-deep .el-select {
+	.el-input__inner {
+		&:hover {
+			border-color: #40a9ff;
+		}
+	}
+
+	&.is-focus .el-input__inner {
+		border-color: #1890ff;
+	}
+}
+
+/* 日期选择器现代化 */
+::v-deep .el-date-editor {
+	.el-input__inner {
+		&:hover {
+			border-color: #40a9ff;
+		}
+	}
+
+	&.is-active .el-input__inner {
+		border-color: #1890ff;
+	}
+}
+
+/* 分页现代化 */
+::v-deep .el-pagination {
+
+	.el-pagination__total,
+	.el-pagination__jump {
+		color: #595959;
+		font-weight: 500;
+	}
+
+	.btn-prev,
+	.btn-next,
+	.el-pager li {
+		border-radius: 6px;
+		font-weight: 500;
+		transition: all 0.3s;
+
+		&:hover {
+			color: #1890ff;
+			transform: translateY(-2px);
+		}
+
+		&.active {
+			background: #1890ff;
+			transform: translateY(-2px);
+			box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/antis-ncc-admin/src/views/lqKhxxBirthday/index.vue b/antis-ncc-admin/src/views/lqKhxxBirthday/index.vue
new file mode 100644
index 0000000..34cb2c5
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqKhxxBirthday/index.vue
@@ -0,0 +1,868 @@
+<template>
+    <div class="birthday-calendar-container">
+        <!-- 头部筛选区域 -->
+        <div class="filter-section">
+            <el-card class="filter-card" shadow="hover">
+                <div class="filter-content">
+                    <div class="filter-item">
+                        <label class="filter-label">选择门店：</label>
+                        <el-select v-model="selectedStore" placeholder="请选择门店" clearable filterable
+                            @change="handleStoreChange" style="width: 300px">
+                            <el-option label="全部门店" value=""></el-option>
+                            <el-option v-for="store in storeList" :key="store.id" :label="store.fullName"
+                                :value="store.id"></el-option>
+                        </el-select>
+                    </div>
+                    <div class="filter-item">
+                        <el-button type="primary" icon="el-icon-refresh" @click="loadBirthdayData">刷新</el-button>
+                    </div>
+
+                    <!-- 等级说明 -->
+                    <div class="level-legend">
+                        <label class="filter-label" style="margin-right: 15px;">等级说明：</label>
+                        <div class="legend-item">
+                            <span class="legend-dot level-0"></span>
+                            <span>D</span>
+                        </div>
+                        <div class="legend-item">
+                            <span class="legend-dot level-1"></span>
+                            <span>C</span>
+                        </div>
+                        <div class="legend-item">
+                            <span class="legend-dot level-2"></span>
+                            <span>B</span>
+                        </div>
+                        <div class="legend-item">
+                            <span class="legend-dot level-3"></span>
+                            <span>A</span>
+                        </div>
+                        <div class="legend-item">
+                            <span class="legend-dot level-4"></span>
+                            <span>A+</span>
+                        </div>
+                        <div class="legend-item">
+                            <span class="legend-dot level-5"></span>
+                            <span>A++</span>
+                        </div>
+                    </div>
+                </div>
+            </el-card>
+        </div>
+
+        <!-- 日历区域 -->
+        <div class="calendar-section">
+            <el-card shadow="hover">
+                <el-calendar ref="calendar" v-model="currentDate">
+                    <template slot="dateCell" slot-scope="{date, data}">
+                        <div class="calendar-day">
+                            <div class="day-number">{{ data.day.split('-')[2] }}</div>
+                            <div class="birthday-list">
+                                <el-tooltip v-for="member in getBirthdaysByDate(data.day)" :key="member.id"
+                                    :content="`${member.khmc} (${member.consumeLevelName})`" placement="top">
+                                    <span class="birthday-member" :class="`level-${member.consumeLevel}`"
+                                        @click.stop="showMemberDetail(member)">
+                                        <i class="el-icon-user"></i>{{ member.khmc }}
+                                    </span>
+                                </el-tooltip>
+                            </div>
+                        </div>
+                    </template>
+                </el-calendar>
+            </el-card>
+        </div>
+
+        <!-- 会员详情弹窗 -->
+        <el-dialog :visible.sync="detailDialogVisible" width="750px" :close-on-click-modal="false"
+            :append-to-body="true" :custom-class="'birthday-detail-dialog'">
+            <div slot="title" class="dialog-header">
+                <div class="member-avatar">
+                    <i class="el-icon-user"></i>
+                </div>
+                <div class="member-title-info">
+                    <h3 class="member-name">{{ selectedMember ? selectedMember.khmc : '' }}</h3>
+                    <p class="member-subtitle">会员生日详情</p>
+                </div>
+                <div v-if="selectedMember" class="member-level-badge" :class="`level-${selectedMember.consumeLevel}`">
+                    <i class="el-icon-star-on"></i>
+                    <span>{{ selectedMember.consumeLevelName }}</span>
+                </div>
+            </div>
+
+            <div v-if="selectedMember" class="member-detail-content">
+                <div class="info-list">
+                    <div class="info-row">
+                        <label>会员姓名</label>
+                        <span class="value">{{ selectedMember.khmc }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>档案号</label>
+                        <span class="value">{{ selectedMember.dah || '无' }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>手机号</label>
+                        <span class="value">{{ selectedMember.sjh || '无' }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>性别</label>
+                        <span class="value">{{ selectedMember.xb || '无' }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>归属门店</label>
+                        <span class="value">{{ selectedMember.gsmdName || '无' }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>生日日期</label>
+                        <span class="value">{{ formatBirthday(selectedMember.yanglsr) }}</span>
+                    </div>
+                    <div class="info-row">
+                        <label>年龄</label>
+                        <span class="value">{{ selectedMember.age }}岁</span>
+                    </div>
+                    <div class="info-row">
+                        <label>剩余权益</label>
+                        <span class="value amount">¥{{ selectedMember.remainingRightsAmount.toFixed(2) }}</span>
+                    </div>
+                    <div v-if="selectedMember.bz" class="info-row">
+                        <label>备注</label>
+                        <span class="value">{{ selectedMember.bz }}</span>
+                    </div>
+                </div>
+            </div>
+
+            <span slot="footer" class="dialog-footer-custom">
+                <el-button class="close-btn" @click="detailDialogVisible = false">
+                    <i class="el-icon-close"></i>
+                    关闭
+                </el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+    name: 'MemberBirthdayCalendar',
+    data() {
+        return {
+            currentDate: new Date(),
+            savedCalendarDate: null, // 保存日历的日期状态
+            selectedStore: '',
+            storeList: [],
+            birthdayData: [],
+            birthdayMap: {}, // 日期到会员的映射
+            detailDialogVisible: false,
+            selectedMember: null,
+            loading: false
+        }
+    },
+    watch: {
+        detailDialogVisible(newVal, oldVal) {
+            if (newVal === true) {
+                // 弹窗打开时，保存当前日历日期
+                this.savedCalendarDate = new Date(this.currentDate)
+            } else if (newVal === false && oldVal === true) {
+                // 弹窗关闭时，恢复日历日期
+                if (this.savedCalendarDate) {
+                    this.$nextTick(() => {
+                        this.currentDate = new Date(this.savedCalendarDate)
+                    })
+                }
+            }
+        }
+    },
+    created() {
+        this.loadStoreList()
+        this.loadBirthdayData()
+    },
+    methods: {
+        /**
+         * 加载门店列表
+         */
+        async loadStoreList() {
+            try {
+                // 获取所有门店（使用Selector接口）
+                const res = await request({
+                    url: '/api/Extend/LqMdxx/Selector',
+                    method: 'get'
+                })
+                if (res.code === 200 && res.data) {
+                    this.storeList = res.data.list || []
+                }
+            } catch (error) {
+                console.error('加载门店列表失败', error)
+            }
+        },
+
+        /**
+         * 加载生日数据
+         */
+        async loadBirthdayData() {
+            this.loading = true
+            try {
+                const res = await request({
+                    url: '/api/Extend/LqKhxx/GetUpcomingBirthdays',
+                    method: 'get',
+                    data: {
+                        storeId: this.selectedStore
+                    }
+                })
+
+                if (res.code === 200 && res.data && res.data.code === 200) {
+                    this.birthdayData = res.data.data || []
+                    this.buildBirthdayMap()
+                    // this.$message.success(`成功加载 ${this.birthdayData.length} 位会员的生日信息`)
+                } else {
+                    this.$message.error(res.msg || '加载失败')
+                }
+            } catch (error) {
+                console.error('加载生日数据失败', error)
+                this.$message.error('加载生日数据失败')
+            } finally {
+                this.loading = false
+            }
+        },
+
+        /**
+         * 构建日期到会员的映射
+         */
+        buildBirthdayMap() {
+            this.birthdayMap = {}
+            this.birthdayData.forEach(member => {
+                const date = new Date(member.birthdayFullDate)
+                const dateStr = this.formatDate(date)
+                if (!this.birthdayMap[dateStr]) {
+                    this.birthdayMap[dateStr] = []
+                }
+                this.birthdayMap[dateStr].push(member)
+            })
+        },
+
+        /**
+         * 格式化日期
+         */
+        formatDate(date) {
+            const d = new Date(date)
+            const year = d.getFullYear()
+            const month = String(d.getMonth() + 1).padStart(2, '0')
+            const day = String(d.getDate()).padStart(2, '0')
+            return `${year}-${month}-${day}`
+        },
+
+        /**
+         * 根据日期获取过生日的会员
+         */
+        getBirthdaysByDate(dateStr) {
+            return this.birthdayMap[dateStr] || []
+        },
+
+        /**
+         * 门店变化
+         */
+        handleStoreChange() {
+            this.loadBirthdayData()
+        },
+
+        /**
+         * 显示会员详情
+         */
+        showMemberDetail(member) {
+            this.selectedMember = member
+            this.detailDialogVisible = true
+        },
+
+        /**
+         * 格式化生日
+         */
+        formatBirthday(timestamp) {
+            if (!timestamp) return '无'
+            const date = new Date(timestamp)
+            return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`
+        },
+
+        /**
+         * 获取等级标签类型
+         */
+        getLevelTagType(level) {
+            const types = {
+                0: 'info',
+                1: 'success',
+                2: '',
+                3: 'warning',
+                4: 'danger',
+                5: 'danger'
+            }
+            return types[level] || 'info'
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.birthday-calendar-container {
+    padding: 24px;
+    background: linear-gradient(135deg, #f8fafc 0%, #e8f3ff 100%);
+    min-height: calc(100vh - 84px);
+    position: relative;
+
+    // 背景装饰
+    &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 500px;
+        height: 500px;
+        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
+        pointer-events: none;
+        z-index: 0;
+    }
+
+    >* {
+        position: relative;
+        z-index: 1;
+    }
+
+    .filter-section {
+        margin-bottom: 24px;
+
+        .filter-card {
+            border-radius: 16px;
+            border: 1px solid rgba(226, 232, 240, 0.8);
+            background: rgba(255, 255, 255, 0.9);
+            backdrop-filter: blur(12px);
+            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+            &:hover {
+                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+                transform: translateY(-2px);
+            }
+
+            ::v-deep .el-card__body {
+                padding: 24px;
+            }
+
+            .filter-content {
+                display: flex;
+                align-items: center;
+                gap: 20px;
+
+                .filter-item {
+                    display: flex;
+                    align-items: center;
+
+                    .filter-label {
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: #1e293b;
+                        margin-right: 12px;
+                        white-space: nowrap;
+                        letter-spacing: -0.01em;
+                    }
+
+                    .el-select {
+                        ::v-deep .el-input__inner {
+                            border-radius: 10px;
+                            border: 1.5px solid #e2e8f0;
+                            transition: all 0.3s;
+
+                            &:hover {
+                                border-color: #3b82f6;
+                            }
+
+                            &:focus {
+                                border-color: #3b82f6;
+                                box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+                            }
+                        }
+                    }
+
+                    .el-button {
+                        border-radius: 10px;
+                        font-weight: 500;
+                        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+                        &:hover {
+                            transform: translateY(-2px);
+                            box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);
+                        }
+                    }
+                }
+
+                .level-legend {
+                    display: flex;
+                    align-items: center;
+                    gap: 16px;
+                    margin-left: auto;
+                    padding: 8px 16px;
+                    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(96, 165, 250, 0.05) 100%);
+                    border-radius: 12px;
+                    border: 1px solid rgba(59, 130, 246, 0.1);
+
+                    .legend-item {
+                        display: flex;
+                        align-items: center;
+                        gap: 6px;
+                        font-size: 13px;
+                        font-weight: 500;
+                        color: #475569;
+                        transition: all 0.2s;
+                        cursor: default;
+
+                        &:hover {
+                            color: #1e293b;
+                        }
+
+                        .legend-dot {
+                            width: 16px;
+                            height: 16px;
+                            border-radius: 4px;
+                            flex-shrink: 0;
+                            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+                            transition: all 0.2s;
+
+                            &.level-0 {
+                                background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
+                            }
+
+                            &.level-1 {
+                                background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
+                            }
+
+                            &.level-2 {
+                                background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
+                            }
+
+                            &.level-3 {
+                                background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
+                            }
+
+                            &.level-4 {
+                                background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
+                            }
+
+                            &.level-5 {
+                                background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
+                            }
+                        }
+
+                        &:hover .legend-dot {
+                            transform: scale(1.1);
+                            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .calendar-section {
+        .el-card {
+            border-radius: 16px;
+            border: 1px solid rgba(226, 232, 240, 0.8);
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(16px);
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+            overflow: hidden;
+        }
+
+        ::v-deep .el-calendar {
+            .el-calendar__header {
+                padding: 24px 28px;
+                border-bottom: 2px solid #f1f5f9;
+                background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(96, 165, 250, 0.02) 100%);
+
+                .el-calendar__title {
+                    font-size: 20px;
+                    font-weight: 700;
+                    color: #1e293b;
+                    letter-spacing: -0.02em;
+                    background: linear-gradient(135deg, #1e293b 0%, #3b82f6 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                    background-clip: text;
+                }
+
+                .el-calendar__button-group {
+                    button {
+                        border-radius: 10px;
+                        border: 1.5px solid #e2e8f0;
+                        font-weight: 500;
+                        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                        padding: 8px 16px;
+
+                        &:hover {
+                            border-color: #3b82f6;
+                            background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(96, 165, 250, 0.05) 100%);
+                            transform: translateY(-1px);
+                            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
+                        }
+
+                        &:active {
+                            transform: translateY(0);
+                        }
+                    }
+                }
+            }
+
+            .el-calendar__body {
+                padding: 20px;
+            }
+
+            .el-calendar-table {
+                .el-calendar-day {
+                    height: 140px;
+                    padding: 8px;
+                    border-radius: 12px;
+                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                    position: relative;
+
+                    &:hover {
+                        background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(96, 165, 250, 0.04) 100%);
+                        transform: translateY(-2px);
+                        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
+                    }
+                }
+
+                thead th {
+                    padding: 16px 0;
+                    font-weight: 700;
+                    font-size: 13px;
+                    color: #64748b;
+                    text-transform: uppercase;
+                    letter-spacing: 0.05em;
+                    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+                    border-bottom: 2px solid #e2e8f0;
+                }
+
+                td {
+                    border: 1px solid #f1f5f9;
+                    transition: all 0.2s;
+                }
+
+                .is-today {
+                    .calendar-day .day-number {
+                        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+                        color: #fff;
+                        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
+                        font-weight: 700;
+                    }
+                }
+
+                .is-selected {
+                    td {
+                        border-color: #3b82f6;
+                    }
+                }
+            }
+        }
+
+        .calendar-day {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding: 4px;
+
+            .day-number {
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+                width: 32px;
+                height: 32px;
+                border-radius: 8px;
+                font-size: 14px;
+                font-weight: 600;
+                color: #475569;
+                margin-bottom: 6px;
+                flex-shrink: 0;
+                transition: all 0.2s;
+                background: rgba(248, 250, 252, 0.5);
+                border: 1px solid rgba(226, 232, 240, 0.5);
+            }
+
+            .birthday-list {
+                flex: 1;
+                overflow-y: auto;
+                display: flex;
+                flex-wrap: wrap;
+                gap: 5px;
+                align-content: flex-start;
+
+                /* 自定义滚动条 */
+                &::-webkit-scrollbar {
+                    width: 4px;
+                }
+
+                &::-webkit-scrollbar-track {
+                    background: transparent;
+                }
+
+                &::-webkit-scrollbar-thumb {
+                    background: rgba(203, 213, 225, 0.5);
+                    border-radius: 2px;
+
+                    &:hover {
+                        background: rgba(148, 163, 184, 0.7);
+                    }
+                }
+
+                .birthday-member {
+                    display: inline-flex;
+                    align-items: center;
+                    gap: 5px;
+                    cursor: pointer;
+                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                    border-radius: 6px;
+                    padding: 4px 10px;
+                    font-size: 13px;
+                    color: #fff;
+                    white-space: nowrap;
+                    font-weight: 600;
+                    position: relative;
+                    overflow: hidden;
+
+                    /* 添加微妙的光泽效果 */
+                    &::before {
+                        content: '';
+                        position: absolute;
+                        top: 0;
+                        left: -100%;
+                        width: 100%;
+                        height: 100%;
+                        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+                        transition: left 0.5s;
+                    }
+
+                    &:hover::before {
+                        left: 100%;
+                    }
+
+                    &.level-0 {
+                        background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
+                        box-shadow: 0 2px 8px rgba(148, 163, 184, 0.3);
+                    }
+
+                    &.level-1 {
+                        background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
+                        box-shadow: 0 2px 8px rgba(74, 222, 128, 0.3);
+                    }
+
+                    &.level-2 {
+                        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
+                        box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
+                    }
+
+                    &.level-3 {
+                        background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
+                        box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3);
+                    }
+
+                    &.level-4 {
+                        background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
+                        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.3);
+                    }
+
+                    &.level-5 {
+                        background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
+                        box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
+                    }
+
+                    &:hover {
+                        transform: translateY(-2px) scale(1.02);
+                        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+                        z-index: 10;
+                    }
+
+                    &:active {
+                        transform: translateY(0) scale(0.98);
+                    }
+
+                    i {
+                        font-size: 13px;
+                        opacity: 0.9;
+                    }
+                }
+            }
+        }
+    }
+
+}
+</style>
+
+<!-- 非 scoped 样式用于弹窗（append-to-body） -->
+<style lang="scss">
+/* 弹窗全局样式 */
+.birthday-detail-dialog {
+    border-radius: 8px !important;
+    overflow: hidden !important;
+
+    .el-dialog__header {
+        padding: 0 !important;
+    }
+
+    .el-dialog__headerbtn {
+        top: 16px !important;
+        right: 16px !important;
+
+        .el-dialog__close {
+            color: #64748b !important;
+
+            &:hover {
+                color: #ef4444 !important;
+            }
+        }
+    }
+
+    .el-dialog__body {
+        padding: 0 !important;
+    }
+
+    .el-dialog__footer {
+        padding: 16px 24px !important;
+        background: #f8fafc !important;
+        border-top: 1px solid #e2e8f0 !important;
+    }
+}
+
+/* 弹窗头部 */
+.dialog-header {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 24px 32px;
+    background: #f8fafc;
+    border-bottom: 1px solid #e2e8f0;
+
+    .member-avatar {
+        width: 48px;
+        height: 48px;
+        border-radius: 8px;
+        background: #3b82f6;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+
+        i {
+            font-size: 24px;
+            color: #ffffff;
+        }
+    }
+
+    .member-title-info {
+        flex: 1;
+
+        .member-name {
+            margin: 0 0 4px 0;
+            font-size: 18px;
+            font-weight: 700;
+            color: #1e293b;
+        }
+
+        .member-subtitle {
+            margin: 0;
+            font-size: 13px;
+            color: #64748b;
+            font-weight: 500;
+        }
+    }
+
+    .member-level-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 6px 12px;
+        border-radius: 6px;
+        font-weight: 600;
+        font-size: 13px;
+        color: #ffffff;
+
+        i {
+            font-size: 14px;
+        }
+
+        &.level-0 {
+            background: #94a3b8;
+        }
+
+        &.level-1 {
+            background: #22c55e;
+        }
+
+        &.level-2 {
+            background: #3b82f6;
+        }
+
+        &.level-3 {
+            background: #f59e0b;
+        }
+
+        &.level-4 {
+            background: #ef4444;
+        }
+
+        &.level-5 {
+            background: #ec4899;
+        }
+    }
+}
+
+/* 会员详情内容 */
+.member-detail-content {
+    padding: 20px 32px;
+    background: #ffffff;
+
+    .info-list {
+        .info-row {
+            display: flex;
+            align-items: center;
+            padding: 12px 0;
+            border-bottom: 1px solid #f1f5f9;
+
+            &:last-child {
+                border-bottom: none;
+            }
+
+            label {
+                width: 100px;
+                font-size: 14px;
+                font-weight: 600;
+                color: #64748b;
+                flex-shrink: 0;
+            }
+
+            .value {
+                flex: 1;
+                font-size: 14px;
+                color: #1e293b;
+                font-weight: 500;
+
+                &.amount {
+                    color: #ef4444;
+                    font-weight: 700;
+                    font-size: 16px;
+                }
+            }
+        }
+    }
+}
+
+/* 自定义底部 */
+.dialog-footer-custom {
+    display: flex;
+    justify-content: center;
+
+    .close-btn {
+        border-radius: 4px;
+        padding: 8px 24px;
+        font-size: 14px;
+
+        &:hover {
+            border-color: #3b82f6;
+            color: #3b82f6;
+        }
+    }
+}
+</style>
diff --git a/docs/开单表财务报表梳理.md b/docs/开单表财务报表梳理.md
new file mode 100644
index 0000000..b871428
--- /dev/null
+++ b/docs/开单表财务报表梳理.md
@@ -0,0 +1,511 @@
+# 开单表财务报表梳理
+
+## 概述
+基于 `lq_kd_kdjlb`（开单记录表）及相关关联表，梳理可以生成的财务报表类型和统计维度。
+
+---
+
+## 一、开单表核心字段
+
+### 1.1 金额相关字段
+- **`zdyj`** (整单业绩) - 订单总金额
+- **`sfyj`** (实付业绩) - 实际收款金额（预收款）
+- **`F_DeductAmount`** (储扣总金额) - 使用会员权益抵扣的金额
+- **`qk`** (欠款) - 未付清金额
+- **`F_PaidDebt`** (已缴欠款) - 已补缴的欠款金额
+- **`F_SupplementAmount`** (补缴金额) - 补缴开单的金额
+
+### 1.2 分类相关字段
+- **`gjlx`** (顾客类型) - 新客/老客/会员等
+- **`hgjg`** (合作机构) - 合作医院/机构ID
+- **`fkfs`** (付款方式) - 现金/微信/支付宝/银行卡等
+- **`fkyy`** (付款医院) - 付款医院ID（用于合作医院付款）
+- **`fkpd`** (付款判断) - 付款状态判断
+- **`khly`** (客户来源) - 客户获取渠道
+- **`tjr`** (推荐人) - 推荐人ID
+
+### 1.3 时间相关字段
+- **`kdrq`** (开单日期) - 开单日期时间
+- **`F_CreateTime`** (创建时间) - 记录创建时间
+
+### 1.4 业务相关字段
+- **`djmd`** (单据门店) - 开单门店ID
+- **`jsj`** (金三角) - 金三角ID
+- **`kdhy`** (开单会员) - 会员ID
+- **`F_ActivityId`** (营销活动ID) - 关联的营销活动
+- **`F_AppointmentId`** (预约记录ID) - 关联的预约记录
+- **`sfskdd`** (是否首开订单) - 是否首次开单
+- **`F_IsEffective`** (是否有效) - 是否有效记录
+- **`F_UpgradeLifeBeauty`** (升生美) - 是否升级生美
+- **`F_UpgradeTechBeauty`** (升科美) - 是否升级科美
+- **`F_UpgradeMedicalBeauty`** (升医美) - 是否升级医美
+
+### 1.5 关联表
+- **`lq_kd_pxmx`** (开单品项明细表) - 品项详情、品项分类（生美/科美/医美/产品）、项目次数
+- **`lq_kd_deductinfo`** (开单扣减信息表) - 储扣明细、扣减类型
+- **`lq_kd_jksyj`** (健康师业绩表) - 健康师业绩分配
+- **`lq_kd_kjbsyj`** (科技部业绩表) - 科技部老师业绩分配
+- **`lq_hytk_hytk`** (退卡表) - 退款金额、实退金额
+
+---
+
+## 二、可生成的财务报表类型
+
+### 2.1 收入类报表
+
+#### 2.1.1 开单收入统计表
+**统计维度**：按时间、门店、品项分类
+- 整单业绩总额 (`zdyj`)
+- 实付业绩总额 (`sfyj`) - **预收款**
+- 储扣金额总额 (`F_DeductAmount`)
+- 补缴金额总额 (`F_SupplementAmount`)
+- 已缴欠款总额 (`F_PaidDebt`)
+- 欠款总额 (`qk`)
+
+**关联分析**：
+- 按品项分类统计（生美/科美/医美/产品）
+- 按门店统计
+- 按时间周期统计（日/周/月/年）
+- 按顾客类型统计
+- 按付款方式统计
+
+#### 2.1.2 应收款报表（合作医院）
+**统计维度**：按合作机构、门店、时间
+- 应收金额 = 实付业绩（`hgjg` 不为空 或 `fkyy` 不为空的开单）
+- 已收金额 = 合作医院已支付的金额
+- 未收金额 = 应收金额 - 已收金额
+
+**数据来源**：
+- `hgjg` (合作机构) - 标识合作机构
+- `fkyy` (付款医院) - 标识付款医院
+- `sfyj` (实付业绩) - 应收金额
+
+#### 2.1.3 预收款报表（银行存款）
+**统计维度**：按门店、时间
+- 预收款总额 = 所有开单的实付业绩 (`sfyj`)
+- 银行存款 = 预收款 - 应收（合作医院）
+- 按付款方式分类（现金/微信/支付宝/银行卡等）
+
+**计算公式**：
+```
+银行存款 = SUM(sfyj) - SUM(应收金额)
+```
+
+#### 2.1.4 品项分类收入报表
+**统计维度**：按品项分类、门店、时间
+- 生美收入（`ItemCategory = '生美'`）
+- 科美收入（`ItemCategory = '科美'`）
+- 医美收入（`ItemCategory = '医美'`）
+- 产品收入（`ItemCategory = '产品'`）
+- 其他收入
+
+**数据来源**：`lq_kd_pxmx.F_ItemCategory` 关联 `lq_kd_kdjlb`
+
+---
+
+### 2.2 成本类报表
+
+#### 2.2.1 储扣成本报表
+**统计维度**：按门店、品项、时间
+- 储扣金额统计（`F_DeductAmount`）
+- 储扣明细分析（`lq_kd_deductinfo`）
+- 按扣减类型分类
+- 按品项分类统计储扣成本
+
+**数据来源**：
+- `lq_kd_kdjlb.F_DeductAmount` (储扣总金额)
+- `lq_kd_deductinfo` (储扣明细表)
+
+#### 2.2.2 欠款成本报表
+**统计维度**：按门店、会员、时间
+- 欠款总额 (`qk`)
+- 已缴欠款 (`F_PaidDebt`)
+- 未缴欠款 = 欠款总额 - 已缴欠款
+- 欠款账龄分析
+- 大额欠款客户清单
+
+---
+
+### 2.3 现金流报表
+
+#### 2.3.1 现金流日报/月报
+**统计维度**：按时间、门店
+- **期初余额**：上期期末余额
+- **本期收入**：
+  - 实付业绩 (`sfyj`)
+  - 补缴金额 (`F_SupplementAmount`)
+  - 已缴欠款 (`F_PaidDebt`)
+- **本期支出**：
+  - 退款金额（关联 `lq_hytk_hytk.F_ActualRefundAmount`）
+- **期末余额**：期初余额 + 本期收入 - 本期支出
+
+#### 2.3.2 付款方式统计报表
+**统计维度**：按付款方式、门店、时间
+- 现金收款 (`fkfs = '现金'`)
+- 微信收款 (`fkfs = '微信'`)
+- 支付宝收款 (`fkfs = '支付宝'`)
+- 银行卡收款 (`fkfs = '银行卡'`)
+- 其他方式收款
+
+---
+
+### 2.4 应收应付报表
+
+#### 2.4.1 应收账款明细表
+**统计维度**：按合作机构、门店、时间
+- 合作机构名称（关联 `hgjg`）
+- 应收金额（该合作机构的开单实付业绩）
+- 已收金额
+- 未收金额
+- 账龄分析
+
+**数据来源**：
+- `lq_kd_kdjlb.hgjg` (合作机构ID)
+- `lq_kd_kdjlb.sfyj` (实付业绩)
+- 关联合作机构表获取机构名称
+
+#### 2.4.2 付款医院应收报表
+**统计维度**：按付款医院、门店、时间
+- 付款医院名称（关联 `fkyy`）
+- 应收金额
+- 已收金额
+- 未收金额
+
+---
+
+### 2.5 利润分析报表
+
+#### 2.5.1 开单利润分析表
+**统计维度**：按门店、时间、品项分类
+- **收入**：实付业绩 (`sfyj`)
+- **成本**：
+  - 储扣成本 (`F_DeductAmount`)
+  - 退款成本（关联退款表）
+  - 合作成本（科美业绩的30%，参考门店股份统计）
+  - 管理费（业绩的9%，参考门店股份统计）
+- **利润** = 收入 - 成本
+
+**注意**：完整的利润计算需要关联其他成本表（人工工资、房租、库存成本等）
+
+#### 2.5.2 净收益报表
+**统计维度**：按门店、时间
+- 实付业绩 (`sfyj`)
+- 退款金额（`lq_hytk_hytk.F_ActualRefundAmount`）
+- 净收益 = 实付业绩 - 退款金额
+
+---
+
+### 2.6 业务分析报表
+
+#### 2.6.1 首单分析报表
+**统计维度**：按门店、时间、顾客类型
+- 首单订单数 (`sfskdd = '是'`)
+- 首单金额
+- 首单转化率
+- 首单客户后续消费分析
+
+#### 2.6.2 升单分析报表
+**统计维度**：按门店、时间
+- 升生美订单数 (`F_UpgradeLifeBeauty`)
+- 升科美订单数 (`F_UpgradeTechBeauty`)
+- 升医美订单数 (`F_UpgradeMedicalBeauty`)
+- 升单金额
+- 升单率分析
+
+#### 2.6.3 客户来源分析报表
+**统计维度**：按客户来源 (`khly`)、门店、时间
+- 不同来源的开单数量
+- 不同来源的开单金额
+- 来源转化效果分析
+
+#### 2.6.4 推荐人业绩报表
+**统计维度**：按推荐人 (`tjr`)、门店、时间
+- 推荐人推荐的开单数量
+- 推荐人推荐的开单金额
+- 推荐人排名
+- 推荐转化率
+
+#### 2.6.5 营销活动效果报表
+**统计维度**：按营销活动 (`F_ActivityId`)、门店、时间
+- 活动参与订单数
+- 活动订单金额
+- 活动ROI分析
+- 活动转化率
+
+---
+
+### 2.7 分类统计报表
+
+#### 2.7.1 品项分类统计报表
+**统计维度**：按品项分类、门店、时间
+- 生美/科美/医美/产品各分类的开单数量
+- 各分类的开单金额
+- 各分类的占比分析
+- 各分类的趋势分析
+
+**数据来源**：`lq_kd_pxmx.F_ItemCategory`
+
+#### 2.7.2 顾客类型统计报表
+**统计维度**：按顾客类型 (`gjlx`)、门店、时间
+- 新客/老客/会员等类型的开单统计
+- 各类型客户的平均订单金额
+- 客户类型转化分析
+
+#### 2.7.3 金三角业绩报表
+**统计维度**：按金三角 (`jsj`)、门店、时间
+- 各金三角的开单数量
+- 各金三角的开单金额
+- 金三角业绩排名
+- 金三角转化率
+
+---
+
+### 2.8 趋势分析报表
+
+#### 2.8.1 开单趋势报表
+**统计维度**：按时间（日/周/月/年）、门店
+- 开单数量趋势
+- 开单金额趋势（整单业绩/实付业绩）
+- 日均/月均开单分析
+- 同比增长率
+
+#### 2.8.2 欠款趋势报表
+**统计维度**：按时间、门店
+- 欠款总额趋势
+- 已缴欠款趋势
+- 未缴欠款趋势
+- 欠款回收率
+
+#### 2.8.3 储扣趋势报表
+**统计维度**：按时间、门店
+- 储扣金额趋势
+- 储扣占比趋势（储扣/实付业绩）
+- 储扣使用率
+
+---
+
+### 2.9 对比分析报表
+
+#### 2.9.1 门店对比报表
+**统计维度**：多门店对比、时间
+- 各门店开单数量对比
+- 各门店开单金额对比
+- 各门店平均订单金额对比
+- 各门店增长率对比
+
+#### 2.9.2 时间周期对比报表
+**统计维度**：同比/环比
+- 去年同期对比
+- 上月对比
+- 环比增长率
+- 同比增长率
+
+---
+
+### 2.10 明细报表
+
+#### 2.10.1 开单明细报表
+**统计维度**：按筛选条件
+- 开单编号
+- 开单日期
+- 门店
+- 会员信息
+- 品项明细（关联 `lq_kd_pxmx`）
+- 金额明细（整单业绩/实付业绩/储扣/欠款）
+- 付款方式
+- 合作机构
+- 推荐人
+- 营销活动
+
+#### 2.10.2 储扣明细报表
+**统计维度**：按门店、时间、品项
+- 储扣记录明细（关联 `lq_kd_deductinfo`）
+- 扣减类型
+- 扣减金额
+- 关联的开单信息
+
+#### 2.10.3 补缴明细报表
+**统计维度**：按门店、时间、会员
+- 补缴开单记录（`F_SupplementBillingId` 不为空）
+- 补缴金额 (`F_SupplementAmount`)
+- 关联的原始开单
+- 补缴时间
+
+---
+
+## 三、报表所需关联数据
+
+### 3.1 必须关联的表
+1. **`lq_kd_pxmx`** - 获取品项分类、品项明细
+2. **`lq_mdxx`** - 获取门店名称
+3. **`lq_khxx`** - 获取会员信息
+4. **`BASE_USER`** - 获取推荐人姓名、健康师姓名
+5. **`lq_hytk_hytk`** - 获取退款信息（计算净收益）
+6. **`BASE_ORGANIZE`** - 获取合作机构名称
+
+### 3.2 可选关联的表
+1. **`lq_kd_deductinfo`** - 储扣明细
+2. **`lq_kd_jksyj`** - 健康师业绩分配（用于成本分析）
+3. **`lq_kd_kjbsyj`** - 科技部业绩分配（用于成本分析）
+4. **`lq_event`** - 营销活动信息
+5. **`lq_yyjl`** - 预约记录（用于转化率分析）
+6. **`lq_jsj_user`** - 金三角信息
+
+---
+
+## 四、财务报表优先级建议
+
+### 4.1 高优先级（核心财务报表）
+1. **开单收入统计表** - 基础收入数据
+2. **现金流报表** - 资金流动情况
+3. **净收益报表** - 扣除退款后的净收入
+4. **品项分类收入报表** - 业务结构分析
+5. **门店对比报表** - 门店经营对比
+
+### 4.2 中优先级（重要分析报表）
+1. **应收款报表（合作医院）** - 应收账款管理
+2. **欠款成本报表** - 资金风险管控
+3. **首单/升单分析报表** - 业务增长分析
+4. **营销活动效果报表** - 营销投入产出分析
+5. **开单趋势报表** - 经营趋势分析
+
+### 4.3 低优先级（辅助分析报表）
+1. **付款方式统计报表** - 收款渠道分析
+2. **客户来源分析报表** - 获客渠道分析
+3. **推荐人业绩报表** - 推荐激励机制分析
+4. **储扣成本报表** - 成本结构分析
+
+---
+
+## 五、报表统计规则
+
+### 5.1 时间范围
+- **日统计**：按 `kdrq` 日期
+- **周统计**：按 `kdrq` 所在周
+- **月统计**：按 `kdrq` 所在月份
+- **年统计**：按 `kdrq` 所在年份
+- **自定义周期**：按指定的开始和结束日期
+
+### 5.2 数据过滤条件
+- **有效记录**：`F_IsEffective = 1`
+- **有金额记录**：`sfyj > 0` 或 `zdyj > 0`
+- **门店筛选**：`djmd IN (门店ID列表)`
+- **时间筛选**：`kdrq BETWEEN startTime AND endTime`
+
+### 5.3 去重规则
+- **开单数量**：COUNT(DISTINCT `F_Id`)
+- **客户数量**：COUNT(DISTINCT `kdhy`)
+- **品项数量**：COUNT(DISTINCT `lq_kd_pxmx.px`)
+
+### 5.4 金额汇总规则
+- **整单业绩**：SUM(`zdyj`) WHERE `F_IsEffective = 1`
+- **实付业绩**：SUM(`sfyj`) WHERE `F_IsEffective = 1` AND `sfyj > 0`
+- **储扣金额**：SUM(`F_DeductAmount`) WHERE `F_IsEffective = 1`
+- **欠款金额**：SUM(`qk`) WHERE `F_IsEffective = 1` AND `qk > 0`
+- **净收益**：SUM(`sfyj`) - SUM(退款金额)
+
+---
+
+## 六、注意事项
+
+### 6.1 数据一致性
+- 确保 `F_IsEffective = 1` 的记录才是有效开单
+- 退款数据需要关联 `lq_hytk_hytk` 表，使用 `F_ActualRefundAmount`（实退金额）
+- 储扣金额可以从主表 `F_DeductAmount` 获取，或从明细表 `lq_kd_deductinfo` 汇总
+
+### 6.2 时间字段使用
+- 统计时间以 `kdrq`（开单日期）为准
+- `F_CreateTime` 仅作为记录创建时间，不用于业务统计
+
+### 6.3 金额字段使用
+- **预收款**：使用 `sfyj`（实付业绩）
+- **订单总额**：使用 `zdyj`（整单业绩）
+- **实际收款**：`sfyj`（已扣除储扣的金额）
+- **储扣金额**：`F_DeductAmount`（会员权益抵扣）
+
+### 6.4 关联数据获取
+- 门店名称：关联 `lq_mdxx.dm`
+- 会员信息：关联 `lq_khxx`
+- 品项分类：关联 `lq_kd_pxmx.F_ItemCategory`
+- 合作机构：关联合作机构表（通过 `hgjg`）
+
+---
+
+## 七、报表接口建议
+
+### 7.1 统一查询参数
+```csharp
+public class FinancialReportQueryInput
+{
+    /// <summary>
+    /// 开始时间
+    /// </summary>
+    public DateTime? StartTime { get; set; }
+    
+    /// <summary>
+    /// 结束时间
+    /// </summary>
+    public DateTime? EndTime { get; set; }
+    
+    /// <summary>
+    /// 门店ID列表
+    /// </summary>
+    public List<string> StoreIds { get; set; }
+    
+    /// <summary>
+    /// 报表类型
+    /// </summary>
+    public string ReportType { get; set; }
+    
+    /// <summary>
+    /// 统计维度（日/周/月/年）
+    /// </summary>
+    public string PeriodType { get; set; }
+}
+```
+
+### 7.2 统一输出格式
+- 包含统计周期信息
+- 包含筛选条件信息
+- 包含汇总数据
+- 包含明细数据（如需）
+- 包含同比/环比数据（如需）
+
+---
+
+## 八、扩展建议
+
+### 8.1 报表缓存
+- 对于历史月份的数据，可以预计算并缓存
+- 减少实时查询压力
+
+### 8.2 报表导出
+- 支持 Excel 导出
+- 支持 PDF 导出（可选）
+- 支持自定义报表格式
+
+### 8.3 报表权限
+- 不同角色查看不同维度的报表
+- 门店只能查看自己门店的报表
+- 总部可以查看所有门店报表
+
+---
+
+## 九、总结
+
+基于 `lq_kd_kdjlb` 开单表，可以生成以下类型的财务报表：
+
+1. **收入类报表**（5种）：开单收入、应收款、预收款、品项分类收入等
+2. **成本类报表**（2种）：储扣成本、欠款成本
+3. **现金流报表**（2种）：现金流日报/月报、付款方式统计
+4. **应收应付报表**（2种）：应收账款明细、付款医院应收
+5. **利润分析报表**（2种）：开单利润分析、净收益
+6. **业务分析报表**（5种）：首单分析、升单分析、客户来源、推荐人、营销活动
+7. **分类统计报表**（3种）：品项分类、顾客类型、金三角
+8. **趋势分析报表**（3种）：开单趋势、欠款趋势、储扣趋势
+9. **对比分析报表**（2种）：门店对比、时间周期对比
+10. **明细报表**（3种）：开单明细、储扣明细、补缴明细
+
+**总计：约29种不同类型的财务报表**
+
+这些报表可以满足财务分析、业务分析、经营决策等多种需求。
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreCooperationPayableOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreCooperationPayableOutput.cs
new file mode 100644
index 0000000..5b763ee
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreCooperationPayableOutput.cs
@@ -0,0 +1,62 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqFinancialReport
+{
+    /// <summary>
+    /// 门店合作机构应付统计输出
+    /// </summary>
+    public class StoreCooperationPayableOutput
+    {
+        /// <summary>
+        /// 门店ID
+        /// </summary>
+        public string StoreId { get; set; }
+
+        /// <summary>
+        /// 门店名称
+        /// </summary>
+        public string StoreName { get; set; }
+
+        /// <summary>
+        /// 统计日期（格式：yyyy-MM-dd 或 yyyy-MM）
+        /// </summary>
+        public string PeriodDate { get; set; }
+
+        /// <summary>
+        /// 合作机构应付明细
+        /// </summary>
+        public List<CooperationPayableItem> CooperationItems { get; set; }
+
+        /// <summary>
+        /// 应付总额（所有合作机构合计）
+        /// </summary>
+        public decimal TotalPayable { get; set; }
+    }
+
+    /// <summary>
+    /// 合作机构应付明细项
+    /// </summary>
+    public class CooperationPayableItem
+    {
+        /// <summary>
+        /// 合作机构ID
+        /// </summary>
+        public string CooperationId { get; set; }
+
+        /// <summary>
+        /// 合作机构名称
+        /// </summary>
+        public string CooperationName { get; set; }
+
+        /// <summary>
+        /// 应付金额（开单金额）
+        /// </summary>
+        public decimal PayableAmount { get; set; }
+
+        /// <summary>
+        /// 开单笔数
+        /// </summary>
+        public int BillingCount { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreFinancialReportQueryInput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreFinancialReportQueryInput.cs
new file mode 100644
index 0000000..a272e4b
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreFinancialReportQueryInput.cs
@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqFinancialReport
+{
+    /// <summary>
+    /// 门店财务报表查询输入
+    /// </summary>
+    public class StoreFinancialReportQueryInput
+    {
+        /// <summary>
+        /// 开始时间（必填）
+        /// </summary>
+        public DateTime? StartTime { get; set; }
+
+        /// <summary>
+        /// 结束时间（必填）
+        /// </summary>
+        public DateTime? EndTime { get; set; }
+
+        /// <summary>
+        /// 门店ID列表（可选，为空则查询所有门店）
+        /// </summary>
+        public List<string> StoreIds { get; set; }
+
+        /// <summary>
+        /// 统计周期类型：day-按日统计，month-按月统计
+        /// </summary>
+        public string PeriodType { get; set; } = "day";
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentChannelIncomeOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentChannelIncomeOutput.cs
new file mode 100644
index 0000000..0665500
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentChannelIncomeOutput.cs
@@ -0,0 +1,62 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqFinancialReport
+{
+    /// <summary>
+    /// 门店收款渠道收入统计输出
+    /// </summary>
+    public class StorePaymentChannelIncomeOutput
+    {
+        /// <summary>
+        /// 门店ID
+        /// </summary>
+        public string StoreId { get; set; }
+
+        /// <summary>
+        /// 门店名称
+        /// </summary>
+        public string StoreName { get; set; }
+
+        /// <summary>
+        /// 统计日期（格式：yyyy-MM-dd 或 yyyy-MM）
+        /// </summary>
+        public string PeriodDate { get; set; }
+
+        /// <summary>
+        /// 收款渠道收入明细
+        /// </summary>
+        public List<PaymentChannelItem> PaymentChannels { get; set; }
+
+        /// <summary>
+        /// 总收入（所有渠道合计）
+        /// </summary>
+        public decimal TotalIncome { get; set; }
+    }
+
+    /// <summary>
+    /// 收款渠道明细项
+    /// </summary>
+    public class PaymentChannelItem
+    {
+        /// <summary>
+        /// 付款方式（现金/微信/支付宝/银行卡等）
+        /// </summary>
+        public string PaymentMethod { get; set; }
+
+        /// <summary>
+        /// 收款金额
+        /// </summary>
+        public decimal Amount { get; set; }
+
+        /// <summary>
+        /// 收款笔数
+        /// </summary>
+        public int Count { get; set; }
+
+        /// <summary>
+        /// 占比（百分比）
+        /// </summary>
+        public decimal Percentage { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentHospitalReceivableOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentHospitalReceivableOutput.cs
new file mode 100644
index 0000000..eb26c64
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StorePaymentHospitalReceivableOutput.cs
@@ -0,0 +1,62 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqFinancialReport
+{
+    /// <summary>
+    /// 门店付款医院应收统计输出
+    /// </summary>
+    public class StorePaymentHospitalReceivableOutput
+    {
+        /// <summary>
+        /// 门店ID
+        /// </summary>
+        public string StoreId { get; set; }
+
+        /// <summary>
+        /// 门店名称
+        /// </summary>
+        public string StoreName { get; set; }
+
+        /// <summary>
+        /// 统计日期（格式：yyyy-MM-dd 或 yyyy-MM）
+        /// </summary>
+        public string PeriodDate { get; set; }
+
+        /// <summary>
+        /// 付款医院应收明细
+        /// </summary>
+        public List<PaymentHospitalReceivableItem> HospitalItems { get; set; }
+
+        /// <summary>
+        /// 应收总额（所有付款医院合计）
+        /// </summary>
+        public decimal TotalReceivable { get; set; }
+    }
+
+    /// <summary>
+    /// 付款医院应收明细项
+    /// </summary>
+    public class PaymentHospitalReceivableItem
+    {
+        /// <summary>
+        /// 付款医院ID
+        /// </summary>
+        public string HospitalId { get; set; }
+
+        /// <summary>
+        /// 付款医院名称
+        /// </summary>
+        public string HospitalName { get; set; }
+
+        /// <summary>
+        /// 应收金额（开单金额）
+        /// </summary>
+        public decimal ReceivableAmount { get; set; }
+
+        /// <summary>
+        /// 开单笔数
+        /// </summary>
+        public int BillingCount { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreTotalIncomeOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreTotalIncomeOutput.cs
new file mode 100644
index 0000000..37abbb7
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqFinancialReport/StoreTotalIncomeOutput.cs
@@ -0,0 +1,41 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqFinancialReport
+{
+    /// <summary>
+    /// 门店总收入统计输出
+    /// </summary>
+    public class StoreTotalIncomeOutput
+    {
+        /// <summary>
+        /// 门店ID
+        /// </summary>
+        public string StoreId { get; set; }
+
+        /// <summary>
+        /// 门店名称
+        /// </summary>
+        public string StoreName { get; set; }
+
+        /// <summary>
+        /// 统计日期（格式：yyyy-MM-dd 或 yyyy-MM）
+        /// </summary>
+        public string PeriodDate { get; set; }
+
+        /// <summary>
+        /// 总收入（所有开单的实付业绩汇总）
+        /// </summary>
+        public decimal TotalIncome { get; set; }
+
+        /// <summary>
+        /// 开单笔数
+        /// </summary>
+        public int BillingCount { get; set; }
+
+        /// <summary>
+        /// 平均单笔金额
+        /// </summary>
+        public decimal AverageAmount { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxBirthdayOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxBirthdayOutput.cs
new file mode 100644
index 0000000..6e03212
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxBirthdayOutput.cs
@@ -0,0 +1,90 @@
+using System;
+
+namespace NCC.Extend.Entitys.Dto.LqKhxx
+{
+    /// <summary>
+    /// 会员生日信息输出DTO
+    /// </summary>
+    public class LqKhxxBirthdayOutput
+    {
+        /// <summary>
+        /// 会员ID
+        /// </summary>
+        public string id { get; set; }
+
+        /// <summary>
+        /// 会员名称
+        /// </summary>
+        public string khmc { get; set; }
+
+        /// <summary>
+        /// 手机号
+        /// </summary>
+        public string sjh { get; set; }
+
+        /// <summary>
+        /// 档案号
+        /// </summary>
+        public string dah { get; set; }
+
+        /// <summary>
+        /// 性别
+        /// </summary>
+        public string xb { get; set; }
+
+        /// <summary>
+        /// 归属门店ID
+        /// </summary>
+        public string gsmd { get; set; }
+
+        /// <summary>
+        /// 归属门店名称
+        /// </summary>
+        public string gsmdName { get; set; }
+
+        /// <summary>
+        /// 阳历生日
+        /// </summary>
+        public DateTime? yanglsr { get; set; }
+
+        /// <summary>
+        /// 阴历生日
+        /// </summary>
+        public DateTime? yinlsr { get; set; }
+
+        /// <summary>
+        /// 生日日期(用于日历显示,格式:MM-DD)
+        /// </summary>
+        public string birthdayDate { get; set; }
+
+        /// <summary>
+        /// 生日完整日期(用于日历显示,格式:YYYY-MM-DD)
+        /// </summary>
+        public DateTime birthdayFullDate { get; set; }
+
+        /// <summary>
+        /// 消费等级(0=D,1=C,2=B,3=A,4=A+,5=A++)
+        /// </summary>
+        public int consumeLevel { get; set; }
+
+        /// <summary>
+        /// 消费等级名称
+        /// </summary>
+        public string consumeLevelName { get; set; }
+
+        /// <summary>
+        /// 剩余权益总金额
+        /// </summary>
+        public decimal remainingRightsAmount { get; set; }
+
+        /// <summary>
+        /// 备注
+        /// </summary>
+        public string bz { get; set; }
+
+        /// <summary>
+        /// 年龄
+        /// </summary>
+        public int? age { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxListQueryInput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxListQueryInput.cs
index 3e8df55..670c4b1 100644
--- a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxListQueryInput.cs
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxListQueryInput.cs
@@ -117,5 +117,25 @@ namespace NCC.Extend.Entitys.Dto.LqKhxx
         /// 阴历生日
         /// </summary>
         public string yinlsr { get; set; }
+
+        /// <summary>
+        /// 消费等级(0=D,1=C,2=B,3=A,4=A+,5=A++)
+        /// </summary>
+        public int? ConsumeLevel { get; set; }
+
+        /// <summary>
+        /// 沉睡天数范围(格式: "最小值,最大值")
+        /// </summary>
+        public string SleepDaysRange { get; set; }
+
+        /// <summary>
+        /// 主健康师
+        /// </summary>
+        public string mainHealthUser { get; set; }
+
+        /// <summary>
+        /// 副健康师
+        /// </summary>
+        public string subHealthUser { get; set; }
     }
 }
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsInput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsInput.cs
new file mode 100644
index 0000000..7d2d635
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsInput.cs
@@ -0,0 +1,30 @@
+using System;
+
+namespace NCC.Extend.Entitys.Dto.LqTkjlb
+{
+    /// <summary>
+    /// 拓客部员工统计报表输入
+    /// </summary>
+    public class ExpansionEmployeeStatisticsInput
+    {
+        /// <summary>
+        /// 开始时间（必填）
+        /// </summary>
+        public DateTime? StartTime { get; set; }
+
+        /// <summary>
+        /// 结束时间（必填）
+        /// </summary>
+        public DateTime? EndTime { get; set; }
+
+        /// <summary>
+        /// 活动ID（可选）
+        /// </summary>
+        public string EventId { get; set; }
+
+        /// <summary>
+        /// 门店ID数组（可选）
+        /// </summary>
+        public string[] StoreId { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsOutput.cs
new file mode 100644
index 0000000..a3ac1ee
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqTkjlb/ExpansionEmployeeStatisticsOutput.cs
@@ -0,0 +1,77 @@
+using System;
+using System.Collections.Generic;
+
+namespace NCC.Extend.Entitys.Dto.LqTkjlb
+{
+    /// <summary>
+    /// 拓客部员工统计报表输出
+    /// </summary>
+    public class ExpansionEmployeeStatisticsOutput
+    {
+        /// <summary>
+        /// 周期开始时间
+        /// </summary>
+        public DateTime? StartTime { get; set; }
+
+        /// <summary>
+        /// 周期结束时间
+        /// </summary>
+        public DateTime? EndTime { get; set; }
+
+        /// <summary>
+        /// 员工列表
+        /// </summary>
+        public List<ExpansionEmployeeStatisticsItem> Employees { get; set; }
+    }
+
+    /// <summary>
+    /// 拓客部员工统计数据项
+    /// </summary>
+    public class ExpansionEmployeeStatisticsItem
+    {
+        /// <summary>
+        /// 员工ID
+        /// </summary>
+        public string EmployeeId { get; set; }
+
+        /// <summary>
+        /// 员工姓名
+        /// </summary>
+        public string EmployeeName { get; set; }
+
+        /// <summary>
+        /// 部门ID
+        /// </summary>
+        public string DepartmentId { get; set; }
+
+        /// <summary>
+        /// 部门名称
+        /// </summary>
+        public string DepartmentName { get; set; }
+
+        /// <summary>
+        /// 岗位
+        /// </summary>
+        public string Position { get; set; }
+
+        /// <summary>
+        /// 拓客人数（去重会员数）
+        /// </summary>
+        public int ExpansionCount { get; set; }
+
+        /// <summary>
+        /// 到店人数（去重会员数）
+        /// </summary>
+        public int VisitCount { get; set; }
+
+        /// <summary>
+        /// 开单人数（去重会员数）
+        /// </summary>
+        public int BillingCount { get; set; }
+
+        /// <summary>
+        /// 开单金额
+        /// </summary>
+        public decimal BillingAmount { get; set; }
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend/LqFinancialReportService.cs b/netcore/src/Modularity/Extend/NCC.Extend/LqFinancialReportService.cs
new file mode 100644
index 0000000..26090d2
--- /dev/null
+++ b/netcore/src/Modularity/Extend/NCC.Extend/LqFinancialReportService.cs
@@ -0,0 +1,514 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Logging;
+using NCC.Common.Core.Manager;
+using NCC.Common.Enum;
+using NCC.Dependency;
+using NCC.DynamicApiController;
+using NCC.FriendlyException;
+using NCC.Extend.Entitys.Dto.LqFinancialReport;
+using NCC.Extend.Entitys.Enum;
+using NCC.Extend.Entitys.lq_kd_kdjlb;
+using NCC.Extend.Entitys.lq_mdxx;
+using NCC.Extend.Entitys.lq_hzf;
+using SqlSugar;
+
+namespace NCC.Extend
+{
+    /// <summary>
+    /// 财务报表服务
+    /// </summary>
+    [ApiDescriptionSettings(Tag = "绿纤财务报表服务", Name = "LqFinancialReport", Order = 201)]
+    [Route("api/Extend/[controller]")]
+    public class LqFinancialReportService : IDynamicApiController, ITransient
+    {
+        private readonly ISqlSugarClient _db;
+        private readonly IUserManager _userManager;
+        private readonly ILogger<LqFinancialReportService> _logger;
+
+        /// <summary>
+        /// 构造函数
+        /// </summary>
+        public LqFinancialReportService(ISqlSugarClient db, IUserManager userManager, ILogger<LqFinancialReportService> logger)
+        {
+            _db = db;
+            _userManager = userManager;
+            _logger = logger;
+        }
+
+        #region 门店收款渠道收入统计
+
+        /// <summary>
+        /// 获取门店收款渠道收入统计
+        /// </summary>
+        /// <remarks>
+        /// 统计每个门店不同收款渠道的收入（按日或按月）
+        /// 
+        /// 示例请求：
+        /// ```json
+        /// {
+        ///   "startTime": "2025-01-01T00:00:00",
+        ///   "endTime": "2025-01-31T23:59:59",
+        ///   "periodType": "day",
+        ///   "storeIds": ["门店ID1", "门店ID2"]
+        /// }
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - startTime: 开始时间（必填）
+        /// - endTime: 结束时间（必填）
+        /// - periodType: 统计周期类型，day-按日统计，month-按月统计（默认day）
+        /// - storeIds: 门店ID列表（可选，为空则查询所有门店）
+        /// 
+        /// 返回字段说明：
+        /// - StoreId: 门店ID
+        /// - StoreName: 门店名称
+        /// - PeriodDate: 统计日期（yyyy-MM-dd 或 yyyy-MM）
+        /// - PaymentChannels: 收款渠道明细列表
+        /// - TotalIncome: 总收入
+        /// </remarks>
+        /// <param name="input">查询参数</param>
+        /// <returns>门店收款渠道收入统计数据</returns>
+        /// <response code="200">成功返回统计数据</response>
+        /// <response code="400">参数错误</response>
+        /// <response code="500">服务器内部错误</response>
+        [HttpPost("get-store-payment-channel-income")]
+        public async Task<List<StorePaymentChannelIncomeOutput>> GetStorePaymentChannelIncome(StoreFinancialReportQueryInput input)
+        {
+            try
+            {
+                if (input == null || !input.StartTime.HasValue || !input.EndTime.HasValue)
+                {
+                    throw NCCException.Oh("开始时间和结束时间不能为空");
+                }
+
+                var startTime = input.StartTime.Value;
+                var endTime = input.EndTime.Value;
+                var periodType = string.IsNullOrEmpty(input.PeriodType) ? "day" : input.PeriodType.ToLower();
+
+                // 构建门店过滤条件
+                string storeFilter = "";
+                if (input.StoreIds != null && input.StoreIds.Any() && input.StoreIds.Any(s => !string.IsNullOrWhiteSpace(s)))
+                {
+                    var storeIdsStr = string.Join("','", input.StoreIds.Where(s => !string.IsNullOrWhiteSpace(s)));
+                    storeFilter = $"AND kd.djmd IN ('{storeIdsStr}')";
+                }
+
+                // 根据统计周期类型构建SQL
+                string dateFormat = periodType == "month" ? "%Y-%m" : "%Y-%m-%d";
+                string dateGroupBy = periodType == "month" ? "DATE_FORMAT(kd.kdrq, '%Y-%m')" : "DATE_FORMAT(kd.kdrq, '%Y-%m-%d')";
+
+                var sql = $@"
+                    SELECT 
+                        kd.djmd AS StoreId,
+                        md.dm AS StoreName,
+                        {dateGroupBy} AS PeriodDate,
+                        COALESCE(kd.fkfs, '未填写') AS PaymentMethod,
+                        COUNT(DISTINCT kd.F_Id) AS Count,
+                        SUM(kd.sfyj) AS Amount
+                    FROM lq_kd_kdjlb kd
+                    INNER JOIN lq_mdxx md ON kd.djmd = md.F_Id
+                    WHERE kd.F_IsEffective = 1
+                        AND kd.sfyj > 0
+                        AND kd.kdrq >= '{startTime:yyyy-MM-dd 00:00:00}'
+                        AND kd.kdrq <= '{endTime:yyyy-MM-dd 23:59:59}'
+                        {storeFilter}
+                    GROUP BY kd.djmd, md.dm, {dateGroupBy}, kd.fkfs
+                    ORDER BY kd.djmd, PeriodDate, Amount DESC";
+
+                var rawData = await _db.Ado.SqlQueryAsync<dynamic>(sql);
+
+                // 按门店和日期分组处理数据
+                var result = new List<StorePaymentChannelIncomeOutput>();
+                var groupedData = rawData
+                    .GroupBy(x => new { StoreId = x.StoreId?.ToString(), StoreName = x.StoreName?.ToString(), PeriodDate = x.PeriodDate?.ToString() });
+
+                foreach (var group in groupedData)
+                {
+                    var channelItems = group.Select(item => new PaymentChannelItem
+                    {
+                        PaymentMethod = item.PaymentMethod?.ToString() ?? "未填写",
+                        Amount = Convert.ToDecimal(item.Amount ?? 0),
+                        Count = Convert.ToInt32(item.Count ?? 0)
+                    }).ToList();
+
+                    var totalIncome = channelItems.Sum(x => x.Amount);
+                    foreach (var item in channelItems)
+                    {
+                        item.Percentage = totalIncome > 0 ? Math.Round(item.Amount / totalIncome * 100, 2) : 0;
+                    }
+
+                    result.Add(new StorePaymentChannelIncomeOutput
+                    {
+                        StoreId = group.Key.StoreId ?? "",
+                        StoreName = group.Key.StoreName ?? "",
+                        PeriodDate = group.Key.PeriodDate ?? "",
+                        PaymentChannels = channelItems,
+                        TotalIncome = totalIncome
+                    });
+                }
+
+                return result;
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "获取门店收款渠道收入统计失败");
+                throw NCCException.Oh($"获取门店收款渠道收入统计失败: {ex.Message}");
+            }
+        }
+
+        #endregion
+
+        #region 门店合作机构应付统计
+
+        /// <summary>
+        /// 获取门店合作机构应付统计
+        /// </summary>
+        /// <remarks>
+        /// 统计每个门店合作机构的应付金额（按日或按月）
+        /// 合作机构是指选择了合作机构的开单，需要付款给合作机构的金额
+        /// 
+        /// 示例请求：
+        /// ```json
+        /// {
+        ///   "startTime": "2025-01-01T00:00:00",
+        ///   "endTime": "2025-01-31T23:59:59",
+        ///   "periodType": "month",
+        ///   "storeIds": ["门店ID1"]
+        /// }
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - startTime: 开始时间（必填）
+        /// - endTime: 结束时间（必填）
+        /// - periodType: 统计周期类型，day-按日统计，month-按月统计（默认day）
+        /// - storeIds: 门店ID列表（可选）
+        /// 
+        /// 返回字段说明：
+        /// - StoreId: 门店ID
+        /// - StoreName: 门店名称
+        /// - PeriodDate: 统计日期
+        /// - CooperationItems: 合作机构应付明细列表
+        /// - TotalPayable: 应付总额
+        /// </remarks>
+        /// <param name="input">查询参数</param>
+        /// <returns>门店合作机构应付统计数据</returns>
+        /// <response code="200">成功返回统计数据</response>
+        /// <response code="400">参数错误</response>
+        /// <response code="500">服务器内部错误</response>
+        [HttpPost("get-store-cooperation-payable")]
+        public async Task<List<StoreCooperationPayableOutput>> GetStoreCooperationPayable(StoreFinancialReportQueryInput input)
+        {
+            try
+            {
+                if (input == null || !input.StartTime.HasValue || !input.EndTime.HasValue)
+                {
+                    throw NCCException.Oh("开始时间和结束时间不能为空");
+                }
+
+                var startTime = input.StartTime.Value;
+                var endTime = input.EndTime.Value;
+                var periodType = string.IsNullOrEmpty(input.PeriodType) ? "day" : input.PeriodType.ToLower();
+
+                // 构建门店过滤条件
+                string storeFilter = "";
+                if (input.StoreIds != null && input.StoreIds.Any() && input.StoreIds.Any(s => !string.IsNullOrWhiteSpace(s)))
+                {
+                    var storeIdsStr = string.Join("','", input.StoreIds.Where(s => !string.IsNullOrWhiteSpace(s)));
+                    storeFilter = $"AND kd.djmd IN ('{storeIdsStr}')";
+                }
+
+                // 根据统计周期类型构建SQL
+                string dateGroupBy = periodType == "month" ? "DATE_FORMAT(kd.kdrq, '%Y-%m')" : "DATE_FORMAT(kd.kdrq, '%Y-%m-%d')";
+
+                var sql = $@"
+                    SELECT 
+                        kd.djmd AS StoreId,
+                        md.dm AS StoreName,
+                        {dateGroupBy} AS PeriodDate,
+                        kd.hgjg AS CooperationId,
+                        COALESCE(hz.hzmc, '未知合作机构') AS CooperationName,
+                        COUNT(DISTINCT kd.F_Id) AS BillingCount,
+                        SUM(kd.sfyj) AS PayableAmount
+                    FROM lq_kd_kdjlb kd
+                    INNER JOIN lq_mdxx md ON kd.djmd = md.F_Id
+                    LEFT JOIN lq_hzf hz ON kd.hgjg = hz.F_Id
+                    WHERE kd.F_IsEffective = 1
+                        AND kd.sfyj > 0
+                        AND kd.hgjg IS NOT NULL
+                        AND kd.hgjg != ''
+                        AND kd.kdrq >= '{startTime:yyyy-MM-dd 00:00:00}'
+                        AND kd.kdrq <= '{endTime:yyyy-MM-dd 23:59:59}'
+                        {storeFilter}
+                    GROUP BY kd.djmd, md.dm, {dateGroupBy}, kd.hgjg, hz.hzmc
+                    ORDER BY kd.djmd, PeriodDate, PayableAmount DESC";
+
+                var rawData = await _db.Ado.SqlQueryAsync<dynamic>(sql);
+
+                // 按门店和日期分组处理数据
+                var result = new List<StoreCooperationPayableOutput>();
+                var groupedData = rawData
+                    .GroupBy(x => new { StoreId = x.StoreId?.ToString(), StoreName = x.StoreName?.ToString(), PeriodDate = x.PeriodDate?.ToString() });
+
+                foreach (var group in groupedData)
+                {
+                    var cooperationItems = group.Select(item => new CooperationPayableItem
+                    {
+                        CooperationId = item.CooperationId?.ToString() ?? "",
+                        CooperationName = item.CooperationName?.ToString() ?? "未知合作机构",
+                        PayableAmount = Convert.ToDecimal(item.PayableAmount ?? 0),
+                        BillingCount = Convert.ToInt32(item.BillingCount ?? 0)
+                    }).ToList();
+
+                    result.Add(new StoreCooperationPayableOutput
+                    {
+                        StoreId = group.Key.StoreId ?? "",
+                        StoreName = group.Key.StoreName ?? "",
+                        PeriodDate = group.Key.PeriodDate ?? "",
+                        CooperationItems = cooperationItems,
+                        TotalPayable = cooperationItems.Sum(x => x.PayableAmount)
+                    });
+                }
+
+                return result;
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "获取门店合作机构应付统计失败");
+                throw NCCException.Oh($"获取门店合作机构应付统计失败: {ex.Message}");
+            }
+        }
+
+        #endregion
+
+        #region 门店付款医院应收统计
+
+        /// <summary>
+        /// 获取门店付款医院应收统计
+        /// </summary>
+        /// <remarks>
+        /// 统计每个门店付款医院的应收金额（按日或按月）
+        /// 付款医院是指选择了付款医院的开单，需要从医院收款的金额
+        /// 
+        /// 示例请求：
+        /// ```json
+        /// {
+        ///   "startTime": "2025-01-01T00:00:00",
+        ///   "endTime": "2025-01-31T23:59:59",
+        ///   "periodType": "month",
+        ///   "storeIds": ["门店ID1"]
+        /// }
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - startTime: 开始时间（必填）
+        /// - endTime: 结束时间（必填）
+        /// - periodType: 统计周期类型，day-按日统计，month-按月统计（默认day）
+        /// - storeIds: 门店ID列表（可选）
+        /// 
+        /// 返回字段说明：
+        /// - StoreId: 门店ID
+        /// - StoreName: 门店名称
+        /// - PeriodDate: 统计日期
+        /// - HospitalItems: 付款医院应收明细列表
+        /// - TotalReceivable: 应收总额
+        /// </remarks>
+        /// <param name="input">查询参数</param>
+        /// <returns>门店付款医院应收统计数据</returns>
+        /// <response code="200">成功返回统计数据</response>
+        /// <response code="400">参数错误</response>
+        /// <response code="500">服务器内部错误</response>
+        [HttpPost("get-store-payment-hospital-receivable")]
+        public async Task<List<StorePaymentHospitalReceivableOutput>> GetStorePaymentHospitalReceivable(StoreFinancialReportQueryInput input)
+        {
+            try
+            {
+                if (input == null || !input.StartTime.HasValue || !input.EndTime.HasValue)
+                {
+                    throw NCCException.Oh("开始时间和结束时间不能为空");
+                }
+
+                var startTime = input.StartTime.Value;
+                var endTime = input.EndTime.Value;
+                var periodType = string.IsNullOrEmpty(input.PeriodType) ? "day" : input.PeriodType.ToLower();
+
+                // 构建门店过滤条件
+                string storeFilter = "";
+                if (input.StoreIds != null && input.StoreIds.Any() && input.StoreIds.Any(s => !string.IsNullOrWhiteSpace(s)))
+                {
+                    var storeIdsStr = string.Join("','", input.StoreIds.Where(s => !string.IsNullOrWhiteSpace(s)));
+                    storeFilter = $"AND kd.djmd IN ('{storeIdsStr}')";
+                }
+
+                // 根据统计周期类型构建SQL
+                string dateGroupBy = periodType == "month" ? "DATE_FORMAT(kd.kdrq, '%Y-%m')" : "DATE_FORMAT(kd.kdrq, '%Y-%m-%d')";
+
+                var sql = $@"
+                    SELECT 
+                        kd.djmd AS StoreId,
+                        md.dm AS StoreName,
+                        {dateGroupBy} AS PeriodDate,
+                        kd.fkyy AS HospitalId,
+                        COALESCE(hz.hzmc, '未知付款医院') AS HospitalName,
+                        COUNT(DISTINCT kd.F_Id) AS BillingCount,
+                        SUM(kd.sfyj) AS ReceivableAmount
+                    FROM lq_kd_kdjlb kd
+                    INNER JOIN lq_mdxx md ON kd.djmd = md.F_Id
+                    LEFT JOIN lq_hzf hz ON kd.fkyy = hz.F_Id
+                    WHERE kd.F_IsEffective = 1
+                        AND kd.sfyj > 0
+                        AND kd.fkyy IS NOT NULL
+                        AND kd.fkyy != ''
+                        AND kd.kdrq >= '{startTime:yyyy-MM-dd 00:00:00}'
+                        AND kd.kdrq <= '{endTime:yyyy-MM-dd 23:59:59}'
+                        {storeFilter}
+                    GROUP BY kd.djmd, md.dm, {dateGroupBy}, kd.fkyy, hz.hzmc
+                    ORDER BY kd.djmd, PeriodDate, ReceivableAmount DESC";
+
+                var rawData = await _db.Ado.SqlQueryAsync<dynamic>(sql);
+
+                // 按门店和日期分组处理数据
+                var result = new List<StorePaymentHospitalReceivableOutput>();
+                var groupedData = rawData
+                    .GroupBy(x => new { StoreId = x.StoreId?.ToString(), StoreName = x.StoreName?.ToString(), PeriodDate = x.PeriodDate?.ToString() });
+
+                foreach (var group in groupedData)
+                {
+                    var hospitalItems = group.Select(item => new PaymentHospitalReceivableItem
+                    {
+                        HospitalId = item.HospitalId?.ToString() ?? "",
+                        HospitalName = item.HospitalName?.ToString() ?? "未知付款医院",
+                        ReceivableAmount = Convert.ToDecimal(item.ReceivableAmount ?? 0),
+                        BillingCount = Convert.ToInt32(item.BillingCount ?? 0)
+                    }).ToList();
+
+                    result.Add(new StorePaymentHospitalReceivableOutput
+                    {
+                        StoreId = group.Key.StoreId ?? "",
+                        StoreName = group.Key.StoreName ?? "",
+                        PeriodDate = group.Key.PeriodDate ?? "",
+                        HospitalItems = hospitalItems,
+                        TotalReceivable = hospitalItems.Sum(x => x.ReceivableAmount)
+                    });
+                }
+
+                return result;
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "获取门店付款医院应收统计失败");
+                throw NCCException.Oh($"获取门店付款医院应收统计失败: {ex.Message}");
+            }
+        }
+
+        #endregion
+
+        #region 门店总收入统计
+
+        /// <summary>
+        /// 获取门店总收入统计
+        /// </summary>
+        /// <remarks>
+        /// 统计每个门店的总收入（按日或按月）
+        /// 总收入 = 所有开单的实付业绩（sfyj）汇总
+        /// 
+        /// 示例请求：
+        /// ```json
+        /// {
+        ///   "startTime": "2025-01-01T00:00:00",
+        ///   "endTime": "2025-01-31T23:59:59",
+        ///   "periodType": "month",
+        ///   "storeIds": ["门店ID1", "门店ID2"]
+        /// }
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - startTime: 开始时间（必填）
+        /// - endTime: 结束时间（必填）
+        /// - periodType: 统计周期类型，day-按日统计，month-按月统计（默认day）
+        /// - storeIds: 门店ID列表（可选，为空则查询所有门店）
+        /// 
+        /// 返回字段说明：
+        /// - StoreId: 门店ID
+        /// - StoreName: 门店名称
+        /// - PeriodDate: 统计日期（yyyy-MM-dd 或 yyyy-MM）
+        /// - TotalIncome: 总收入
+        /// - BillingCount: 开单笔数
+        /// - AverageAmount: 平均单笔金额
+        /// </remarks>
+        /// <param name="input">查询参数</param>
+        /// <returns>门店总收入统计数据</returns>
+        /// <response code="200">成功返回统计数据</response>
+        /// <response code="400">参数错误</response>
+        /// <response code="500">服务器内部错误</response>
+        [HttpPost("get-store-total-income")]
+        public async Task<List<StoreTotalIncomeOutput>> GetStoreTotalIncome(StoreFinancialReportQueryInput input)
+        {
+            try
+            {
+                if (input == null || !input.StartTime.HasValue || !input.EndTime.HasValue)
+                {
+                    throw NCCException.Oh("开始时间和结束时间不能为空");
+                }
+
+                var startTime = input.StartTime.Value;
+                var endTime = input.EndTime.Value;
+                var periodType = string.IsNullOrEmpty(input.PeriodType) ? "day" : input.PeriodType.ToLower();
+
+                // 构建门店过滤条件
+                string storeFilter = "";
+                if (input.StoreIds != null && input.StoreIds.Any() && input.StoreIds.Any(s => !string.IsNullOrWhiteSpace(s)))
+                {
+                    var storeIdsStr = string.Join("','", input.StoreIds.Where(s => !string.IsNullOrWhiteSpace(s)));
+                    storeFilter = $"AND kd.djmd IN ('{storeIdsStr}')";
+                }
+
+                // 根据统计周期类型构建SQL
+                string dateGroupBy = periodType == "month" ? "DATE_FORMAT(kd.kdrq, '%Y-%m')" : "DATE_FORMAT(kd.kdrq, '%Y-%m-%d')";
+
+                var sql = $@"
+                    SELECT 
+                        kd.djmd AS StoreId,
+                        md.dm AS StoreName,
+                        {dateGroupBy} AS PeriodDate,
+                        COUNT(DISTINCT kd.F_Id) AS BillingCount,
+                        SUM(kd.sfyj) AS TotalIncome
+                    FROM lq_kd_kdjlb kd
+                    INNER JOIN lq_mdxx md ON kd.djmd = md.F_Id
+                    WHERE kd.F_IsEffective = 1
+                        AND kd.sfyj > 0
+                        AND kd.kdrq >= '{startTime:yyyy-MM-dd 00:00:00}'
+                        AND kd.kdrq <= '{endTime:yyyy-MM-dd 23:59:59}'
+                        {storeFilter}
+                    GROUP BY kd.djmd, md.dm, {dateGroupBy}
+                    ORDER BY kd.djmd, PeriodDate";
+
+                var rawData = await _db.Ado.SqlQueryAsync<dynamic>(sql);
+
+                var result = rawData.Select(item => new StoreTotalIncomeOutput
+                {
+                    StoreId = item.StoreId?.ToString() ?? "",
+                    StoreName = item.StoreName?.ToString() ?? "",
+                    PeriodDate = item.PeriodDate?.ToString() ?? "",
+                    TotalIncome = Convert.ToDecimal(item.TotalIncome ?? 0),
+                    BillingCount = Convert.ToInt32(item.BillingCount ?? 0),
+                    AverageAmount = Convert.ToInt32(item.BillingCount ?? 0) > 0
+                        ? Math.Round(Convert.ToDecimal(item.TotalIncome ?? 0) / Convert.ToInt32(item.BillingCount ?? 0), 2)
+                        : 0
+                }).ToList();
+
+                return result;
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "获取门店总收入统计失败");
+                throw NCCException.Oh($"获取门店总收入统计失败: {ex.Message}");
+            }
+        }
+
+        #endregion
+    }
+}
diff --git a/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs b/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
index 3951230..de878e8 100644
--- a/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
+++ b/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
@@ -124,6 +124,19 @@ namespace NCC.Extend.LqKhxx
             List<string> queryZcsj = input.zcsj != null ? input.zcsj.Split(',').ToObeject<List<string>>() : null;
             DateTime? startZcsj = queryZcsj != null ? Ext.GetDateTime(queryZcsj.First()) : null;
             DateTime? endZcsj = queryZcsj != null ? Ext.GetDateTime(queryZcsj.Last()) : null;
+            
+            // 处理沉睡天数范围
+            List<string> querySleepDaysRange = input.SleepDaysRange != null ? input.SleepDaysRange.Split(',').ToObeject<List<string>>() : null;
+            int? minSleepDays = null;
+            int? maxSleepDays = null;
+            if (querySleepDaysRange != null && querySleepDaysRange.Count >= 2)
+            {
+                int.TryParse(querySleepDaysRange[0], out int min);
+                int.TryParse(querySleepDaysRange[1], out int max);
+                minSleepDays = min;
+                maxSleepDays = max;
+            }
+            
             var data = await _db.Queryable<LqKhxxEntity>()
                 .WhereIF(!string.IsNullOrEmpty(input.keyWord), p => p.Khmc.Contains(input.keyWord) || p.Sjh.Contains(input.keyWord) || p.Dah.Contains(input.keyWord))
                 .WhereIF(input.IsTechMemberbh.HasValue, p => p.IsTechMember == input.IsTechMemberbh)
@@ -134,6 +147,8 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.dah), p => p.Dah.Contains(input.dah))
                 .WhereIF(!string.IsNullOrEmpty(input.xb), p => p.Xb.Equals(input.xb))
                 .WhereIF(!string.IsNullOrEmpty(input.gsmd), p => p.Gsmd.Contains(input.gsmd))
+                .WhereIF(!string.IsNullOrEmpty(input.mainHealthUser), p => p.MainHealthUser.Contains(input.mainHealthUser))
+                .WhereIF(!string.IsNullOrEmpty(input.subHealthUser), p => p.SubHealthUser.Contains(input.subHealthUser))
                 .WhereIF(!string.IsNullOrEmpty(input.khlx), p => p.Khlx.Equals(input.khlx))
                 .WhereIF(!string.IsNullOrEmpty(input.khjd), p => p.Khjd.Equals(input.khjd))
                 .WhereIF(!string.IsNullOrEmpty(input.khxf), p => p.Khxf.Contains(input.khxf))
@@ -142,6 +157,9 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.jdqd), p => p.Jdqd.Contains(input.jdqd))
                 .WhereIF(!string.IsNullOrEmpty(input.lxdz), p => p.Lxdz.Contains(input.lxdz))
                 .WhereIF(!string.IsNullOrEmpty(input.bz), p => p.Bz.Contains(input.bz))
+                .WhereIF(input.ConsumeLevel.HasValue, p => p.ConsumeLevel == input.ConsumeLevel.Value)
+                .WhereIF(minSleepDays.HasValue, p => p.SleepDays >= minSleepDays.Value)
+                .WhereIF(maxSleepDays.HasValue, p => p.SleepDays <= maxSleepDays.Value)
                 .WhereIF(queryZcsj != null, p => p.CreateTime >= new DateTime(startZcsj.ToDate().Year, startZcsj.ToDate().Month, startZcsj.ToDate().Day, 0, 0, 0))
                 .WhereIF(queryZcsj != null, p => p.CreateTime <= new DateTime(endZcsj.ToDate().Year, endZcsj.ToDate().Month, endZcsj.ToDate().Day, 23, 59, 59))
                 .Select(it => new LqKhxxListOutput
@@ -251,6 +269,19 @@ namespace NCC.Extend.LqKhxx
             List<string> queryYinlsr = input.yinlsr != null ? input.yinlsr.Split(',').ToObeject<List<string>>() : null;
             DateTime? startYinlsr = queryYinlsr != null ? Ext.GetDateTime(queryYinlsr.First()) : null;
             DateTime? endYinlsr = queryYinlsr != null ? Ext.GetDateTime(queryYinlsr.Last()) : null;
+            
+            // 处理沉睡天数范围
+            List<string> querySleepDaysRange = input.SleepDaysRange != null ? input.SleepDaysRange.Split(',').ToObeject<List<string>>() : null;
+            int? minSleepDays = null;
+            int? maxSleepDays = null;
+            if (querySleepDaysRange != null && querySleepDaysRange.Count >= 2)
+            {
+                int.TryParse(querySleepDaysRange[0], out int min);
+                int.TryParse(querySleepDaysRange[1], out int max);
+                minSleepDays = min;
+                maxSleepDays = max;
+            }
+            
             var data = await _db.Queryable<LqKhxxEntity>()
                 .WhereIF(!string.IsNullOrEmpty(input.id), p => p.Id.Contains(input.id))
                 .WhereIF(!string.IsNullOrEmpty(input.khmc), p => p.Khmc.Contains(input.khmc))
@@ -258,6 +289,8 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.dah), p => p.Dah.Contains(input.dah))
                 .WhereIF(!string.IsNullOrEmpty(input.xb), p => p.Xb.Equals(input.xb))
                 .WhereIF(!string.IsNullOrEmpty(input.gsmd), p => p.Gsmd.Contains(input.gsmd))
+                .WhereIF(!string.IsNullOrEmpty(input.mainHealthUser), p => p.MainHealthUser.Contains(input.mainHealthUser))
+                .WhereIF(!string.IsNullOrEmpty(input.subHealthUser), p => p.SubHealthUser.Contains(input.subHealthUser))
                 .WhereIF(queryZcsj != null, p => p.Zcsj >= new DateTime(startZcsj.ToDate().Year, startZcsj.ToDate().Month, startZcsj.ToDate().Day, 0, 0, 0))
                 .WhereIF(queryZcsj != null, p => p.Zcsj <= new DateTime(endZcsj.ToDate().Year, endZcsj.ToDate().Month, endZcsj.ToDate().Day, 23, 59, 59))
                 .WhereIF(!string.IsNullOrEmpty(input.khlx), p => p.Khlx.Equals(input.khlx))
@@ -268,6 +301,9 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.jdqd), p => p.Jdqd.Contains(input.jdqd))
                 .WhereIF(!string.IsNullOrEmpty(input.lxdz), p => p.Lxdz.Contains(input.lxdz))
                 .WhereIF(!string.IsNullOrEmpty(input.bz), p => p.Bz.Contains(input.bz))
+                .WhereIF(input.ConsumeLevel.HasValue, p => p.ConsumeLevel == input.ConsumeLevel.Value)
+                .WhereIF(minSleepDays.HasValue, p => p.SleepDays >= minSleepDays.Value)
+                .WhereIF(maxSleepDays.HasValue, p => p.SleepDays <= maxSleepDays.Value)
                 .WhereIF(queryYanglsr != null, p => p.Yanglsr >= new DateTime(startYanglsr.ToDate().Year, startYanglsr.ToDate().Month, startYanglsr.ToDate().Day, 0, 0, 0))
                 .WhereIF(queryYanglsr != null, p => p.Yanglsr <= new DateTime(endYanglsr.ToDate().Year, endYanglsr.ToDate().Month, endYanglsr.ToDate().Day, 23, 59, 59))
                 .WhereIF(queryYinlsr != null, p => p.Yinlsr >= new DateTime(startYinlsr.ToDate().Year, startYinlsr.ToDate().Month, startYinlsr.ToDate().Day, 0, 0, 0))
@@ -629,6 +665,18 @@ namespace NCC.Extend.LqKhxx
             List<string> queryYanglsr = input.yanglsr != null ? input.yanglsr.Split(',').ToObeject<List<string>>() : null;
             DateTime? startYanglsr = queryYanglsr != null ? Ext.GetDateTime(queryYanglsr.First()) : null;
             DateTime? endYanglsr = queryYanglsr != null ? Ext.GetDateTime(queryYanglsr.Last()) : null;
+            
+            // 处理沉睡天数范围
+            List<string> querySleepDaysRange = input.SleepDaysRange != null ? input.SleepDaysRange.Split(',').ToObeject<List<string>>() : null;
+            int? minSleepDays = null;
+            int? maxSleepDays = null;
+            if (querySleepDaysRange != null && querySleepDaysRange.Count >= 2)
+            {
+                int.TryParse(querySleepDaysRange[0], out int min);
+                int.TryParse(querySleepDaysRange[1], out int max);
+                minSleepDays = min;
+                maxSleepDays = max;
+            }
 
             // 先查询客户基础数据（使用子查询方式，类似GetNoPagingList，但优化为批量查询关联数据）
             var customerList = await _db.Queryable<LqKhxxEntity>()
@@ -638,6 +686,8 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.dah), p => p.Dah.Contains(input.dah))
                 .WhereIF(!string.IsNullOrEmpty(input.xb), p => p.Xb.Equals(input.xb))
                 .WhereIF(!string.IsNullOrEmpty(input.gsmd), p => p.Gsmd.Contains(input.gsmd))
+                .WhereIF(!string.IsNullOrEmpty(input.mainHealthUser), p => p.MainHealthUser.Contains(input.mainHealthUser))
+                .WhereIF(!string.IsNullOrEmpty(input.subHealthUser), p => p.SubHealthUser.Contains(input.subHealthUser))
                 .WhereIF(queryZcsj != null, p => p.Zcsj >= new DateTime(startZcsj.ToDate().Year, startZcsj.ToDate().Month, startZcsj.ToDate().Day, 0, 0, 0))
                 .WhereIF(queryZcsj != null, p => p.Zcsj <= new DateTime(endZcsj.ToDate().Year, endZcsj.ToDate().Month, endZcsj.ToDate().Day, 23, 59, 59))
                 .WhereIF(!string.IsNullOrEmpty(input.khlx), p => p.Khlx.Equals(input.khlx))
@@ -647,6 +697,9 @@ namespace NCC.Extend.LqKhxx
                 .WhereIF(!string.IsNullOrEmpty(input.tjr), p => p.Tjr.Contains(input.tjr))
                 .WhereIF(!string.IsNullOrEmpty(input.jdqd), p => p.Jdqd.Contains(input.jdqd))
                 .WhereIF(!string.IsNullOrEmpty(input.lxdz), p => p.Lxdz.Contains(input.lxdz))
+                .WhereIF(input.ConsumeLevel.HasValue, p => p.ConsumeLevel == input.ConsumeLevel.Value)
+                .WhereIF(minSleepDays.HasValue, p => p.SleepDays >= minSleepDays.Value)
+                .WhereIF(maxSleepDays.HasValue, p => p.SleepDays <= maxSleepDays.Value)
                 .WhereIF(!string.IsNullOrEmpty(input.bz), p => p.Bz.Contains(input.bz))
                 .WhereIF(queryYanglsr != null, p => p.Yanglsr >= new DateTime(startYanglsr.ToDate().Year, startYanglsr.ToDate().Month, startYanglsr.ToDate().Day, 0, 0, 0))
                 .WhereIF(queryYanglsr != null, p => p.Yanglsr <= new DateTime(endYanglsr.ToDate().Year, endYanglsr.ToDate().Month, endYanglsr.ToDate().Day, 23, 59, 59))
@@ -2486,5 +2539,163 @@ WHERE kh.F_IsEffective = 1";
         }
         #endregion
 
+        #region 会员生日管理
+
+        /// <summary>
+        /// 获取门店未来30天过生日的会员列表
+        /// </summary>
+        /// <remarks>
+        /// 根据门店ID获取未来30天内过生日的会员信息，支持按阳历生日查询
+        /// 
+        /// 会员等级说明：0=D，1=C，2=B，3=A，4=A+，5=A++
+        /// 
+        /// 示例请求：
+        /// ```http
+        /// GET /api/Extend/LqKhxx/GetUpcomingBirthdays?storeId=门店ID
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - storeId: 门店ID（可选，不传则查询所有门店）
+        /// </remarks>
+        /// <param name="storeId">门店ID（可选）</param>
+        /// <returns>会员生日信息列表，包含会员等级、生日日期、剩余权益等信息</returns>
+        /// <response code="200">成功返回会员生日列表</response>
+        /// <response code="500">服务器错误</response>
+        [HttpGet("GetUpcomingBirthdays")]
+        public async Task<dynamic> GetUpcomingBirthdays(string storeId = null)
+        {
+            try
+            {
+                var now = DateTime.Now;
+                var endDate = now.AddDays(30);
+                
+                // 构建查询
+                var query = _db.Queryable<LqKhxxEntity>()
+                    .Where(x => x.IsEffective == StatusEnum.有效.GetHashCode())
+                    .Where(x => x.Yanglsr != null); // 必须有阳历生日
+
+                // 门店过滤
+                if (!string.IsNullOrEmpty(storeId))
+                {
+                    query = query.Where(x => x.Gsmd == storeId);
+                }
+
+                // 获取所有会员数据
+                var members = await query.ToListAsync();
+
+                // 在内存中筛选未来30天过生日的会员
+                var upcomingBirthdays = new List<LqKhxxBirthdayOutput>();
+                
+                foreach (var member in members)
+                {
+                    if (!member.Yanglsr.HasValue) continue;
+
+                    var birthday = member.Yanglsr.Value;
+                    
+                    // 计算今年和明年的生日
+                    var thisYearBirthday = new DateTime(now.Year, birthday.Month, birthday.Day);
+                    var nextYearBirthday = new DateTime(now.Year + 1, birthday.Month, birthday.Day);
+
+                    DateTime upcomingBirthday;
+                    
+                    // 判断生日是今年还是明年
+                    if (thisYearBirthday >= now.Date && thisYearBirthday <= endDate.Date)
+                    {
+                        upcomingBirthday = thisYearBirthday;
+                    }
+                    else if (nextYearBirthday >= now.Date && nextYearBirthday <= endDate.Date)
+                    {
+                        upcomingBirthday = nextYearBirthday;
+                    }
+                    else
+                    {
+                        continue; // 不在未来30天内
+                    }
+
+                    // 计算年龄
+                    var age = now.Year - birthday.Year;
+                    if (now.Month < birthday.Month || (now.Month == birthday.Month && now.Day < birthday.Day))
+                    {
+                        age--;
+                    }
+
+                    var output = new LqKhxxBirthdayOutput
+                    {
+                        id = member.Id,
+                        khmc = member.Khmc,
+                        sjh = member.Sjh,
+                        dah = member.Dah,
+                        xb = member.Xb,
+                        gsmd = member.Gsmd,
+                        yanglsr = member.Yanglsr,
+                        yinlsr = member.Yinlsr,
+                        birthdayDate = birthday.ToString("MM-dd"),
+                        birthdayFullDate = upcomingBirthday,
+                        consumeLevel = member.ConsumeLevel,
+                        consumeLevelName = GetConsumeLevelName(member.ConsumeLevel),
+                        remainingRightsAmount = member.RemainingRightsAmount,
+                        bz = member.Bz,
+                        age = age
+                    };
+
+                    upcomingBirthdays.Add(output);
+                }
+
+                // 获取门店名称
+                if (upcomingBirthdays.Any())
+                {
+                    var storeIds = upcomingBirthdays.Select(x => x.gsmd).Distinct().Where(x => !string.IsNullOrEmpty(x)).ToList();
+                    var stores = await _db.Queryable<LqMdxxEntity>().Where(s => storeIds.Contains(s.Id)).ToListAsync();
+                    
+                    foreach (var item in upcomingBirthdays)
+                    {
+                        if (!string.IsNullOrEmpty(item.gsmd))
+                        {
+                            var store = stores.FirstOrDefault(s => s.Id == item.gsmd);
+                            item.gsmdName = store?.Dm ?? "";
+                        }
+                    }
+                }
+
+                // 按生日日期排序
+                upcomingBirthdays = upcomingBirthdays.OrderBy(x => x.birthdayFullDate).ToList();
+
+                return new
+                {
+                    code = 200,
+                    msg = "获取成功",
+                    data = upcomingBirthdays
+                };
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError(ex, "获取会员生日列表失败");
+                return new
+                {
+                    code = 500,
+                    msg = $"获取失败：{ex.Message}"
+                };
+            }
+        }
+
+        /// <summary>
+        /// 获取消费等级名称
+        /// </summary>
+        private string GetConsumeLevelName(int level)
+        {
+            return level switch
+            {
+                0 => "D级会员",
+                1 => "C级会员",
+                2 => "B级会员",
+                3 => "A级会员",
+                4 => "A+级会员",
+                5 => "A++级会员",
+                _ => "D级会员"
+            };
+        }
+
+        #endregion
+
     }
 }
diff --git a/netcore/src/Modularity/Extend/NCC.Extend/LqTkjlbService.cs b/netcore/src/Modularity/Extend/NCC.Extend/LqTkjlbService.cs
index e038a52..dc579bb 100644
--- a/netcore/src/Modularity/Extend/NCC.Extend/LqTkjlbService.cs
+++ b/netcore/src/Modularity/Extend/NCC.Extend/LqTkjlbService.cs
@@ -1304,5 +1304,185 @@ namespace NCC.Extend.LqTkjlb
         }
         #endregion
 
+        #region 拓客部员工统计报表
+        /// <summary>
+        /// 获取拓客部员工统计报表
+        /// </summary>
+        /// <remarks>
+        /// 统计指定时间周期内参与拓客的所有员工的统计数据
+        /// 包括：拓客人数、到店人数、开单人数、开单金额
+        /// 
+        /// 示例请求：
+        /// ```json
+        /// {
+        ///   "startTime": "2025-01-01",
+        ///   "endTime": "2025-01-31",
+        ///   "eventId": "活动ID",
+        ///   "storeId": ["门店ID1", "门店ID2"]
+        /// }
+        /// ```
+        /// 
+        /// 参数说明：
+        /// - startTime: 开始时间（必填）
+        /// - endTime: 结束时间（必填）
+        /// - eventId: 活动ID（可选）
+        /// - storeId: 门店ID数组（可选）
+        /// 
+        /// 返回字段说明：
+        /// - EmployeeId: 员工ID
+        /// - EmployeeName: 员工姓名
+        /// - DepartmentId: 部门ID
+        /// - DepartmentName: 部门名称
+        /// - Position: 岗位
+        /// - ExpansionCount: 拓客人数（去重会员数）
+        /// - VisitCount: 到店人数（去重会员数，状态为已确认）
+        /// - BillingCount: 开单人数（去重会员数）
+        /// - BillingAmount: 开单金额
+        /// </remarks>
+        /// <param name="input">查询参数</param>
+        /// <returns>拓客部员工统计数据</returns>
+        /// <response code="200">成功返回统计数据</response>
+        /// <response code="400">参数错误</response>
+        /// <response code="500">服务器内部错误</response>
+        [HttpPost("get-expansion-employee-statistics")]
+        public async Task<ExpansionEmployeeStatisticsOutput> GetExpansionEmployeeStatistics(ExpansionEmployeeStatisticsInput input)
+        {
+            try
+            {
+                if (input == null)
+                {
+                    throw NCCException.Oh("查询参数不能为空");
+                }
+
+                if (!input.StartTime.HasValue || !input.EndTime.HasValue)
+                {
+                    throw NCCException.Oh("开始时间和结束时间不能为空");
+                }
+
+                // 构建时间过滤条件
+                var timeFilter = $"AND tk.F_ExpansionTime >= '{input.StartTime.Value:yyyy-MM-dd 00:00:00}' AND tk.F_ExpansionTime <= '{input.EndTime.Value:yyyy-MM-dd 23:59:59}'";
+
+                // 构建活动过滤条件
+                string eventFilter = "";
+                if (!string.IsNullOrWhiteSpace(input.EventId))
+                {
+                    eventFilter = $"AND tk.F_EventId = '{input.EventId}'";
+                }
+
+                // 构建门店过滤条件
+                string storeFilter = "";
+                if (input.StoreId != null && input.StoreId.Any() && input.StoreId.Any(s => !string.IsNullOrWhiteSpace(s)))
+                {
+                    var storeIdsStr = string.Join("','", input.StoreId.Where(s => !string.IsNullOrWhiteSpace(s)));
+                    storeFilter = $"AND tk.F_StoreId IN ('{storeIdsStr}')";
+                }
+
+                // 构建完整的SQL查询，按员工分组统计各项指标
+                // 使用子查询避免JOIN导致的数据重复问题
+                var sql = $@"
+                    SELECT 
+                        emp.EmployeeId,
+                        emp.EmployeeName,
+                        emp.DepartmentId,
+                        emp.DepartmentName,
+                        emp.Position,
+                        emp.ExpansionCount,
+                        COALESCE(visit.VisitCount, 0) AS VisitCount,
+                        COALESCE(billing.BillingCount, 0) AS BillingCount,
+                        COALESCE(billing.BillingAmount, 0) AS BillingAmount
+                    FROM (
+                        -- 基础数据：按员工统计拓客人数
+                        SELECT 
+                            u.F_Id AS EmployeeId,
+                            u.F_REALNAME AS EmployeeName,
+                            COALESCE(u.F_OrganizeId, '') AS DepartmentId,
+                            COALESCE(org.F_FullName, '') AS DepartmentName,
+                            COALESCE(u.F_GW, '') AS Position,
+                            COUNT(DISTINCT tk.F_MemberId) AS ExpansionCount
+                        FROM lq_tkjlb tk
+                        INNER JOIN BASE_USER u ON tk.F_ExpansionUserId = u.F_Id
+                        LEFT JOIN BASE_ORGANIZE org ON u.F_OrganizeId = org.F_Id
+                        WHERE 1=1 
+                            {timeFilter} 
+                            {eventFilter} 
+                            {storeFilter}
+                            AND u.F_EnabledMark = 1
+                            AND u.F_DeleteMark IS NULL
+                            AND (org.F_DeleteMark IS NULL OR org.F_DeleteMark = 0)
+                        GROUP BY 
+                            u.F_Id, 
+                            u.F_REALNAME, 
+                            u.F_OrganizeId, 
+                            org.F_FullName, 
+                            u.F_GW
+                    ) emp
+                    LEFT JOIN (
+                        -- 到店人数统计（预约状态为已确认）
+                        SELECT 
+                            tk.F_ExpansionUserId AS EmployeeId,
+                            COUNT(DISTINCT tk.F_MemberId) AS VisitCount
+                        FROM lq_tkjlb tk
+                        INNER JOIN BASE_USER u ON tk.F_ExpansionUserId = u.F_Id
+                        INNER JOIN lq_yyjl yyjl ON tk.F_MemberId = yyjl.gk 
+                            AND yyjl.F_Status = '已确认'
+                        WHERE 1=1 
+                            {timeFilter} 
+                            {eventFilter} 
+                            {storeFilter}
+                            AND u.F_EnabledMark = 1
+                            AND u.F_DeleteMark IS NULL
+                        GROUP BY tk.F_ExpansionUserId
+                    ) visit ON emp.EmployeeId = visit.EmployeeId
+                    LEFT JOIN (
+                        -- 开单人数和金额统计（开单时间在拓客时间之后）
+                        SELECT 
+                            tk.F_ExpansionUserId AS EmployeeId,
+                            COUNT(DISTINCT tk.F_MemberId) AS BillingCount,
+                            SUM(kd.sfyj) AS BillingAmount
+                        FROM lq_tkjlb tk
+                        INNER JOIN BASE_USER u ON tk.F_ExpansionUserId = u.F_Id
+                        INNER JOIN lq_kd_kdjlb kd ON tk.F_MemberId = kd.kdhy 
+                            AND kd.F_IsEffective = 1
+                            AND kd.sfyj > 0
+                            AND DATE_FORMAT(kd.kdrq, '%Y-%m-%d') >= DATE_FORMAT(tk.F_ExpansionTime, '%Y-%m-%d')
+                        WHERE 1=1 
+                            {timeFilter} 
+                            {eventFilter} 
+                            {storeFilter}
+                            AND u.F_EnabledMark = 1
+                            AND u.F_DeleteMark IS NULL
+                        GROUP BY tk.F_ExpansionUserId
+                    ) billing ON emp.EmployeeId = billing.EmployeeId
+                    ORDER BY emp.ExpansionCount DESC, billing.BillingAmount DESC";
+
+                var result = await _db.Ado.SqlQueryAsync<dynamic>(sql);
+
+                var employeeList = result.Select(item => new ExpansionEmployeeStatisticsItem
+                {
+                    EmployeeId = item.EmployeeId?.ToString() ?? "",
+                    EmployeeName = item.EmployeeName?.ToString() ?? "",
+                    DepartmentId = item.DepartmentId?.ToString() ?? "",
+                    DepartmentName = item.DepartmentName?.ToString() ?? "",
+                    Position = item.Position?.ToString() ?? "",
+                    ExpansionCount = Convert.ToInt32(item.ExpansionCount ?? 0),
+                    VisitCount = Convert.ToInt32(item.VisitCount ?? 0),
+                    BillingCount = Convert.ToInt32(item.BillingCount ?? 0),
+                    BillingAmount = Convert.ToDecimal(item.BillingAmount ?? 0)
+                }).ToList();
+
+                return new ExpansionEmployeeStatisticsOutput
+                {
+                    StartTime = input.StartTime,
+                    EndTime = input.EndTime,
+                    Employees = employeeList
+                };
+            }
+            catch (Exception ex)
+            {
+                throw NCCException.Oh($"获取拓客部员工统计数据失败: {ex.Message}");
+            }
+        }
+        #endregion
+
     }
 }
diff --git a/sql/会员生日日历菜单配置.sql b/sql/会员生日日历菜单配置.sql
new file mode 100644
index 0000000..3e5c1dc
--- /dev/null
+++ b/sql/会员生日日历菜单配置.sql
@@ -0,0 +1,241 @@
+-- =============================================
+-- 会员生日日历功能菜单配置SQL
+-- 功能说明：为系统添加"会员生日日历"菜单，支持查看未来30天过生日的会员
+-- 创建时间：2026-01-08
+-- =============================================
+
+-- 说明：
+-- 1. 请根据实际情况修改 F_ParentId（父菜单ID）
+-- 2. 请根据实际情况修改 F_SortCode（排序码）
+-- 3. 菜单ID使用固定值，如需修改请同步修改按钮配置中的 F_ParentId
+
+-- =============================================
+-- 1. 添加菜单
+-- =============================================
+-- 假设父菜单ID为客户管理模块的ID，请根据实际情况修改
+-- 查询客户管理模块ID的SQL：SELECT F_Id, F_FullName FROM base_module WHERE F_FullName LIKE '%客户%' OR F_EnCode LIKE '%khxx%';
+
+INSERT INTO `base_module` (
+    `F_Id`,
+    `F_ParentId`,
+    `F_Layers`,
+    `F_EnCode`,
+    `F_FullName`,
+    `F_Icon`,
+    `F_UrlAddress`,
+    `F_Target`,
+    `F_IsMenu`,
+    `F_AllowExpand`,
+    `F_IsPublic`,
+    `F_AllowEdit`,
+    `F_AllowDelete`,
+    `F_SortCode`,
+    `F_DeleteMark`,
+    `F_EnabledMark`,
+    `F_CreateTime`,
+    `F_CreateUserId`,
+    `F_Type`,
+    `F_Category`,
+    `F_Description`
+) VALUES (
+    '1876543210987654321',  -- 菜单ID（固定值）
+    'YOUR_PARENT_MODULE_ID',  -- 父菜单ID，请修改为实际的客户管理模块ID
+    2,  -- 层级，根据实际父菜单层级+1
+    'lqKhxxBirthday',  -- 编码
+    '会员生日日历',  -- 菜单名称
+    'el-icon-date',  -- 图标
+    '/lqKhxxBirthday',  -- 路由地址
+    'iframe',  -- 目标
+    1,  -- 是否菜单（1=是）
+    1,  -- 允许展开
+    0,  -- 是否公开
+    0,  -- 允许编辑
+    0,  -- 允许删除
+    999,  -- 排序码，请根据实际情况修改
+    NULL,  -- 删除标记
+    1,  -- 启用标记（1=启用）
+    NOW(),  -- 创建时间
+    'admin',  -- 创建用户ID
+    1,  -- 类型
+    1,  -- 分类
+    '查看未来30天过生日的会员，支持按门店筛选，按会员等级显示不同颜色(0=D,1=C,2=B,3=A,4=A+,5=A++)'  -- 描述
+);
+
+-- =============================================
+-- 2. 添加功能按钮（可选）
+-- =============================================
+-- 查看按钮
+INSERT INTO `base_module` (
+    `F_Id`,
+    `F_ParentId`,
+    `F_Layers`,
+    `F_EnCode`,
+    `F_FullName`,
+    `F_Icon`,
+    `F_UrlAddress`,
+    `F_Target`,
+    `F_IsMenu`,
+    `F_AllowExpand`,
+    `F_IsPublic`,
+    `F_AllowEdit`,
+    `F_AllowDelete`,
+    `F_SortCode`,
+    `F_DeleteMark`,
+    `F_EnabledMark`,
+    `F_CreateTime`,
+    `F_CreateUserId`,
+    `F_Type`,
+    `F_Category`,
+    `F_Description`
+) VALUES (
+    '1876543210987654322',  -- 按钮ID
+    '1876543210987654321',  -- 父菜单ID（会员生日日历）
+    3,  -- 层级
+    'btn_detail',  -- 编码
+    '查看详情',  -- 按钮名称
+    'el-icon-view',  -- 图标
+    NULL,  -- 路由地址
+    NULL,  -- 目标
+    0,  -- 是否菜单（0=否，按钮）
+    NULL,  -- 允许展开
+    0,  -- 是否公开
+    0,  -- 允许编辑
+    0,  -- 允许删除
+    1,  -- 排序码
+    NULL,  -- 删除标记
+    1,  -- 启用标记（1=启用）
+    NOW(),  -- 创建时间
+    'admin',  -- 创建用户ID
+    2,  -- 类型（2=按钮）
+    1,  -- 分类
+    '查看会员生日详细信息'  -- 描述
+);
+
+-- 刷新按钮
+INSERT INTO `base_module` (
+    `F_Id`,
+    `F_ParentId`,
+    `F_Layers`,
+    `F_EnCode`,
+    `F_FullName`,
+    `F_Icon`,
+    `F_UrlAddress`,
+    `F_Target`,
+    `F_IsMenu`,
+    `F_AllowExpand`,
+    `F_IsPublic`,
+    `F_AllowEdit`,
+    `F_AllowDelete`,
+    `F_SortCode`,
+    `F_DeleteMark`,
+    `F_EnabledMark`,
+    `F_CreateTime`,
+    `F_CreateUserId`,
+    `F_Type`,
+    `F_Category`,
+    `F_Description`
+) VALUES (
+    '1876543210987654323',  -- 按钮ID
+    '1876543210987654321',  -- 父菜单ID（会员生日日历）
+    3,  -- 层级
+    'btn_refresh',  -- 编码
+    '刷新',  -- 按钮名称
+    'el-icon-refresh',  -- 图标
+    NULL,  -- 路由地址
+    NULL,  -- 目标
+    0,  -- 是否菜单（0=否，按钮）
+    NULL,  -- 允许展开
+    0,  -- 是否公开
+    0,  -- 允许编辑
+    0,  -- 允许删除
+    2,  -- 排序码
+    NULL,  -- 删除标记
+    1,  -- 启用标记（1=启用）
+    NOW(),  -- 创建时间
+    'admin',  -- 创建用户ID
+    2,  -- 类型（2=按钮）
+    1,  -- 分类
+    '刷新会员生日数据'  -- 描述
+);
+
+-- =============================================
+-- 3. 授权给管理员角色（可选）
+-- =============================================
+-- 查询管理员角色ID：SELECT F_Id, F_FullName FROM base_role WHERE F_FullName LIKE '%管理员%';
+
+-- 为管理员角色授权菜单
+INSERT INTO `base_authorize` (
+    `F_Id`,
+    `F_ItemType`,
+    `F_ItemId`,
+    `F_ObjectType`,
+    `F_ObjectId`,
+    `F_SortCode`,
+    `F_CreateTime`,
+    `F_CreateUserId`
+) VALUES (
+    REPLACE(UUID(), '-', ''),  -- 授权ID
+    1,  -- 项目类型（1=菜单）
+    '1876543210987654321',  -- 菜单ID
+    1,  -- 对象类型（1=角色）
+    'YOUR_ADMIN_ROLE_ID',  -- 角色ID，请修改为实际的管理员角色ID
+    0,  -- 排序码
+    NOW(),  -- 创建时间
+    'admin'  -- 创建用户ID
+);
+
+-- 为管理员角色授权查看详情按钮
+INSERT INTO `base_authorize` (
+    `F_Id`,
+    `F_ItemType`,
+    `F_ItemId`,
+    `F_ObjectType`,
+    `F_ObjectId`,
+    `F_SortCode`,
+    `F_CreateTime`,
+    `F_CreateUserId`
+) VALUES (
+    REPLACE(UUID(), '-', ''),  -- 授权ID
+    2,  -- 项目类型（2=按钮）
+    '1876543210987654322',  -- 按钮ID
+    1,  -- 对象类型（1=角色）
+    'YOUR_ADMIN_ROLE_ID',  -- 角色ID，请修改为实际的管理员角色ID
+    0,  -- 排序码
+    NOW(),  -- 创建时间
+    'admin'  -- 创建用户ID
+);
+
+-- 为管理员角色授权刷新按钮
+INSERT INTO `base_authorize` (
+    `F_Id`,
+    `F_ItemType`,
+    `F_ItemId`,
+    `F_ObjectType`,
+    `F_ObjectId`,
+    `F_SortCode`,
+    `F_CreateTime`,
+    `F_CreateUserId`
+) VALUES (
+    REPLACE(UUID(), '-', ''),  -- 授权ID
+    2,  -- 项目类型（2=按钮）
+    '1876543210987654323',  -- 按钮ID
+    1,  -- 对象类型（1=角色）
+    'YOUR_ADMIN_ROLE_ID',  -- 角色ID，请修改为实际的管理员角色ID
+    0,  -- 排序码
+    NOW(),  -- 创建时间
+    'admin'  -- 创建用户ID
+);
+
+-- =============================================
+-- 使用说明
+-- =============================================
+-- 1. 执行前请先备份数据库
+-- 2. 根据实际情况修改以下内容：
+--    - YOUR_PARENT_MODULE_ID：父菜单ID（客户管理模块）
+--    - YOUR_ADMIN_ROLE_ID：管理员角色ID
+--    - F_SortCode：排序码
+--    - F_Layers：层级
+-- 3. 执行完成后，清除缓存或重新登录系统以查看新菜单
+-- 4. 如需删除菜单，执行：
+--    DELETE FROM base_module WHERE F_Id IN ('1876543210987654321', '1876543210987654322', '1876543210987654323');
+--    DELETE FROM base_authorize WHERE F_ItemId IN ('1876543210987654321', '1876543210987654322', '1876543210987654323');