diff --git a/src/pages/statistic/accounts/accountDealAnalysis/index.vue b/src/pages/statistic/accounts/accountDealAnalysis/index.vue
index b599969..af5067f 100644
--- a/src/pages/statistic/accounts/accountDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/accountDealAnalysis/index.vue
@@ -145,8 +145,7 @@
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
-             
-              <view class="select-header">交易日期</view>
+              <view class="filter-title">交易日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -175,21 +174,29 @@
             </view>
             </view>
             <view class="btn-box">
-              <u-button text="重置" style="margin-right:20rpx" @click="resetQuery()"></u-button>
-              <u-button type="primary" text="确定" @click="searchSubmit()"></u-button>
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
             </view>
-            <u-datetime-picker
-              :closeOnClickOverlay="true"
-              :show="timeShow"
-              v-model="time"
-              mode="date"
-              :minDate="-2209017600000"
-              @close="openOrCloseDate"
-              @cancel="openOrCloseDate"
-              @confirm="confirm"
-            ></u-datetime-picker>
           </view>
         </u-transition>
+        
+        <!-- 日期选择器 -->
+        <u-datetime-picker
+          :closeOnClickOverlay="true"
+          :show="timeShow"
+          v-model="time"
+          mode="date"
+          :minDate="-2209017600000"
+          @close="openOrCloseDate"
+          @cancel="openOrCloseDate"
+          @confirm="confirm"
+        ></u-datetime-picker>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -738,69 +745,123 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 90rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
+        display: flex;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
         }
       }
-  
-      .btn-box {
+
+      .state-list {
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 34rpx;
+          text-align: center;
+          line-height: 68rpx;
+          font-size: 28rpx;
+          color: #666666;
+          transition: all 0.3s ease;
+          background: #ffffff;
+          box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+          
+          &:active {
+            transform: scale(0.95);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border: 2rpx solid transparent;
+          color: #ffffff;
+          box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+      
+      .btn-reset,
+      .btn-confirm {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8rpx;
+        height: 88rpx;
+        border-radius: 12rpx;
+        font-size: 30rpx;
+        font-weight: 600;
+        transition: all 0.3s ease;
+        
+        &:active {
+          transform: scale(0.98);
+          opacity: 0.9;
+        }
+        
+        text {
+          line-height: 1;
+        }
+      }
+      
+      .btn-reset {
+        flex: 1;
+        background: #f5f7fa;
+        border: 2rpx solid #dcdfe6;
+        
+        text {
+          color: #606266;
+        }
+      }
+      
+      .btn-confirm {
+        flex: 1;
+        background: #667eea;
+        box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
+        border: none;
+        
+        text {
+          color: #ffffff;
+        }
       }
     }
   }
diff --git a/src/pages/statistic/accounts/accountsBalance/index.vue b/src/pages/statistic/accounts/accountsBalance/index.vue
index 663d7c2..bf9c12a 100644
--- a/src/pages/statistic/accounts/accountsBalance/index.vue
+++ b/src/pages/statistic/accounts/accountsBalance/index.vue
@@ -693,12 +693,13 @@ page {
       align-items: center;
     }
 
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 90rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
 
       .filter-panel-content {
         background-color: #ffffff;
diff --git a/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue b/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
index e8d0038..143c152 100644
--- a/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
@@ -149,8 +149,7 @@
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
-             
-              <view class="select-header">交易日期</view>
+              <view class="filter-title">交易日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -179,21 +178,29 @@
             </view>
             </view>
             <view class="btn-box">
-              <u-button text="重置" style="margin-right:20rpx" @click="resetQuery()"></u-button>
-              <u-button type="primary" text="确定" @click="searchSubmit()"></u-button>
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
             </view>
-            <u-datetime-picker
-              :closeOnClickOverlay="true"
-              :show="timeShow"
-              v-model="time"
-              mode="date"
-              :minDate="-2209017600000"
-              @close="openOrCloseDate"
-              @cancel="openOrCloseDate"
-              @confirm="confirm"
-            ></u-datetime-picker>
           </view>
         </u-transition>
+        
+        <!-- 日期选择器 -->
+        <u-datetime-picker
+          :closeOnClickOverlay="true"
+          :show="timeShow"
+          v-model="time"
+          mode="date"
+          :minDate="-2209017600000"
+          @close="openOrCloseDate"
+          @cancel="openOrCloseDate"
+          @confirm="confirm"
+        ></u-datetime-picker>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -796,69 +803,123 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 180rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
+        display: flex;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
         }
       }
-  
-      .btn-box {
+
+      .state-list {
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 34rpx;
+          text-align: center;
+          line-height: 68rpx;
+          font-size: 28rpx;
+          color: #666666;
+          transition: all 0.3s ease;
+          background: #ffffff;
+          box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+          
+          &:active {
+            transform: scale(0.95);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border: 2rpx solid transparent;
+          color: #ffffff;
+          box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+      
+      .btn-reset,
+      .btn-confirm {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8rpx;
+        height: 88rpx;
+        border-radius: 12rpx;
+        font-size: 30rpx;
+        font-weight: 600;
+        transition: all 0.3s ease;
+        
+        &:active {
+          transform: scale(0.98);
+          opacity: 0.9;
+        }
+        
+        text {
+          line-height: 1;
+        }
+      }
+      
+      .btn-reset {
+        flex: 1;
+        background: #f5f7fa;
+        border: 2rpx solid #dcdfe6;
+        
+        text {
+          color: #606266;
+        }
+      }
+      
+      .btn-confirm {
+        flex: 1;
+        background: #667eea;
+        box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
+        border: none;
+        
+        text {
+          color: #ffffff;
+        }
       }
     }
   }
diff --git a/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue b/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
index 91a18e8..f1798af 100644
--- a/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
+++ b/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
@@ -218,7 +218,7 @@
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">交易日期</view>
+              <view class="filter-title">交易日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -893,70 +893,79 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
-        }
-      }
-  
-      .btn-box {
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 180rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
+        }
       }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.96);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
     }
   }
   
diff --git a/src/pages/statistic/accounts/dailyLiabilities/index.vue b/src/pages/statistic/accounts/dailyLiabilities/index.vue
index 8527c60..2673b4e 100644
--- a/src/pages/statistic/accounts/dailyLiabilities/index.vue
+++ b/src/pages/statistic/accounts/dailyLiabilities/index.vue
@@ -9,11 +9,14 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
+      </view>
+      </u-sticky>
+      
         <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">记录日期</view>
+              <view class="filter-title">记录日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -63,8 +66,7 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
+        
     <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item">
@@ -290,112 +292,120 @@ page {
       color: #667eea;
     }
   }
+}
 
-  .filter-panel {
-    width: 100%;
-    position: absolute;
-    left: 0;
-    top: 96rpx;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: 999;
+.filter-panel {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 96rpx;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 999;
 
-    .filter-panel-content {
-      background-color: #ffffff;
-      padding: 0 30rpx 30rpx;
-      border-radius: 16rpx 16rpx 0 0;
+  .filter-panel-content {
+    background-color: #ffffff;
+    padding: 0 30rpx 30rpx;
+    border-radius: 16rpx 16rpx 0 0;
 
-      .filter-title {
-        color: #2c3e50;
-        font-size: 32rpx;
-        font-weight: 600;
-        padding: 32rpx 0 24rpx 20rpx;
-        position: relative;
-        display: flex;
-        align-items: center;
-        
-        &::before {
-          content: '';
-          width: 6rpx;
-          height: 32rpx;
-          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-          border-radius: 3rpx;
-          margin-right: 12rpx;
-          flex-shrink: 0;
-        }
-      }
-
-      .state-list {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: flex-start;
-
-        .state-item {
-          width: 210rpx;
-          height: 72rpx;
-          border: 1rpx solid rgba(0, 0, 0, 0.25);
-          border-radius: 72rpx;
-          text-align: center;
-          line-height: 72rpx;
-          margin: 0 20rpx 20rpx 0;
-          font-size: 28rpx;
-          color: #000000;
-        }
-
-        .active {
-          background-color: rgba(222, 241, 255, 1);
-          border: 1rpx solid rgba(22, 119, 255, 1);
-        }
+    .filter-title {
+      color: #2c3e50;
+      font-size: 32rpx;
+      font-weight: 600;
+      padding: 32rpx 0 24rpx 20rpx;
+      position: relative;
+      display: flex;
+      align-items: center;
+      
+      &::before {
+        content: '';
+        width: 6rpx;
+        height: 32rpx;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        border-radius: 3rpx;
+        margin-right: 12rpx;
+        flex-shrink: 0;
       }
     }
 
-    .btn-box {
+    .state-list {
       display: flex;
-      gap: 20rpx;
-      padding: 24rpx 30rpx;
-      background-color: #fff;
-      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
-      
-      .btn-reset,
-      .btn-confirm {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8rpx;
-        height: 88rpx;
-        border-radius: 12rpx;
-        font-size: 30rpx;
-        font-weight: 600;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      gap: 16rpx;
+
+      .state-item {
+        padding: 0 32rpx;
+        height: 68rpx;
+        line-height: 68rpx;
+        border: 2rpx solid #e8edf3;
+        border-radius: 68rpx;
+        text-align: center;
+        font-size: 28rpx;
+        color: #2c3e50;
+        background: #ffffff;
         transition: all 0.3s ease;
         
         &:active {
-          transform: scale(0.98);
-          opacity: 0.9;
-        }
-        
-        text {
-          line-height: 1;
+          transform: scale(0.96);
         }
       }
+
+      .active {
+        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+        border: 2rpx solid #667eea;
+        color: #667eea;
+        font-weight: 600;
+      }
+    }
+  }
+
+  .btn-box {
+    display: flex;
+    gap: 20rpx;
+    padding: 24rpx 30rpx;
+    background-color: #fff;
+    box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+    
+    .btn-reset,
+    .btn-confirm {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8rpx;
+      height: 88rpx;
+      border-radius: 12rpx;
+      font-size: 30rpx;
+      font-weight: 600;
+      transition: all 0.3s ease;
       
-      .btn-reset {
-        flex: 1;
-        background: #f5f7fa;
-        border: 2rpx solid #dcdfe6;
-        
-        text {
-          color: #606266;
-        }
+      &:active {
+        transform: scale(0.98);
+        opacity: 0.9;
       }
       
-      .btn-confirm {
-        flex: 1;
-        background: #667eea;
-        box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
-        border: none;
-        
-        text {
-          color: #ffffff;
-        }
+      text {
+        line-height: 1;
+      }
+    }
+    
+    .btn-reset {
+      flex: 1;
+      background: #f5f7fa;
+      border: 2rpx solid #dcdfe6;
+      
+      text {
+        color: #606266;
+      }
+    }
+    
+    .btn-confirm {
+      flex: 1;
+      background: #667eea;
+      box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
+      border: none;
+      
+      text {
+        color: #ffffff;
       }
     }
   }
diff --git a/src/pages/statistic/accounts/debitCardAnalysis/index.vue b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
index 0df3c85..5e31897 100644
--- a/src/pages/statistic/accounts/debitCardAnalysis/index.vue
+++ b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
@@ -203,7 +203,7 @@
         @click="viewMode = 'amountList'; btSecondClick()"
       >
         <uni-icons type="star" size="16" :color="viewMode === 'amountList' ? '#667eea' : '#999'"></uni-icons>
-        <text>收款</text>
+        <text>近6月收款</text>
       </view>
       <view 
         :class="['switch-item', { 'active': viewMode === 'line' }]" 
@@ -745,61 +745,86 @@ page {
     justify-content: space-between;
     align-items: center;
     position: relative;
-  
+    z-index: 100;
+
     .search-input {
       background: #F5F5F5;
       color: #333333;
       margin-right: 36rpx;
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffff;
-        padding: 0 30rpx 30rpx;
-  
-        .filter-title {
-          color: #000000;
-          font-size: 30rpx;
-          font-weight: 500;
-          padding: 30rpx 0;
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
-        }
-      }
-  
-      .btn-box {
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 180rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
         display: flex;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
+        }
       }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.96);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
     }
   }
   
diff --git a/src/pages/statistic/accounts/debitDealAnalysis/index.vue b/src/pages/statistic/accounts/debitDealAnalysis/index.vue
index 3f2db9b..4c186e1 100644
--- a/src/pages/statistic/accounts/debitDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/debitDealAnalysis/index.vue
@@ -151,7 +151,7 @@
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">交易日期</view>
+              <view class="filter-title">交易日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -792,70 +792,79 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
-        }
-      }
-  
-      .btn-box {
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 180rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
+        }
       }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.96);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
     }
   }
   
diff --git a/src/pages/statistic/accounts/investDealAnalysis/index.vue b/src/pages/statistic/accounts/investDealAnalysis/index.vue
index fbe5780..1ac7c83 100644
--- a/src/pages/statistic/accounts/investDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/investDealAnalysis/index.vue
@@ -135,7 +135,7 @@
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">交易日期</view>
+              <view class="filter-title">交易日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -805,70 +805,79 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
-        }
-      }
-  
-      .btn-box {
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 96rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
+        }
       }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.96);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
     }
   }
   
diff --git a/src/pages/statistic/accounts/openCardStatics/index.vue b/src/pages/statistic/accounts/openCardStatics/index.vue
index e683971..c9f218f 100644
--- a/src/pages/statistic/accounts/openCardStatics/index.vue
+++ b/src/pages/statistic/accounts/openCardStatics/index.vue
@@ -97,7 +97,7 @@
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">开户日期</view>
+              <view class="filter-title">开户日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -745,112 +745,120 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-      z-index: 999;
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 96rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
+        display: flex;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
         }
       }
-  
-      .btn-box {
+
+      .state-list {
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
-        
-        .btn-reset,
-        .btn-confirm {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          gap: 8rpx;
-          height: 88rpx;
-          border-radius: 12rpx;
-          font-size: 30rpx;
-          font-weight: 600;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
           transition: all 0.3s ease;
           
           &:active {
-            transform: scale(0.98);
-            opacity: 0.9;
-          }
-          
-          text {
-            line-height: 1;
+            transform: scale(0.96);
           }
         }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+      
+      .btn-reset,
+      .btn-confirm {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8rpx;
+        height: 88rpx;
+        border-radius: 12rpx;
+        font-size: 30rpx;
+        font-weight: 600;
+        transition: all 0.3s ease;
         
-        .btn-reset {
-          flex: 1;
-          background: #f5f7fa;
-          border: 2rpx solid #dcdfe6;
-          
-          text {
-            color: #606266;
-          }
+        &:active {
+          transform: scale(0.98);
+          opacity: 0.9;
         }
         
-        .btn-confirm {
-          flex: 1;
-          background: #667eea;
-          box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
-          border: none;
-          
-          text {
-            color: #ffffff;
-          }
+        text {
+          line-height: 1;
+        }
+      }
+      
+      .btn-reset {
+        flex: 1;
+        background: #f5f7fa;
+        border: 2rpx solid #dcdfe6;
+        
+        text {
+          color: #606266;
+        }
+      }
+      
+      .btn-confirm {
+        flex: 1;
+        background: #667eea;
+        box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
+        border: none;
+        
+        text {
+          color: #ffffff;
         }
       }
     }
diff --git a/src/pages/statistic/accounts/posAnalysis/index.vue b/src/pages/statistic/accounts/posAnalysis/index.vue
index 266bb16..67efa4a 100644
--- a/src/pages/statistic/accounts/posAnalysis/index.vue
+++ b/src/pages/statistic/accounts/posAnalysis/index.vue
@@ -91,7 +91,7 @@
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
-              <view class="select-header">刷卡日期</view>
+              <view class="filter-title">刷卡日期</view>
             <view class="selcet-content" style="padding: 0 24rpx">
               <u-input
                 :disabled="true"
@@ -746,70 +746,79 @@ page {
         color: #667eea;
       }
     }
+  }
   
-    .filter-panel {
-      width: 100%;
-      position: absolute;
-      left: 0;
-      top: 96rpx;
-      background-color: rgba(0, 0, 0, 0.5);
-  
-      .filter-panel-content {
-        background-color: #ffffff;
-        padding: 0 30rpx 30rpx;
-        border-radius: 16rpx 16rpx 0 0;
-  
-        .filter-title {
-          color: #2c3e50;
-          font-size: 32rpx;
-          font-weight: 600;
-          padding: 32rpx 0 24rpx 20rpx;
-          position: relative;
-          display: flex;
-          align-items: center;
-          
-          &::before {
-            content: '';
-            width: 6rpx;
-            height: 32rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 3rpx;
-            margin-right: 12rpx;
-            flex-shrink: 0;
-          }
-        }
-  
-        .state-list {
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-  
-          .state-item {
-            width: 210rpx;
-            height: 72rpx;
-            border: 1rpx solid rgba(0, 0, 0, 0.25);
-            border-radius: 72rpx;
-            text-align: center;
-            line-height: 72rpx;
-            margin: 0 20rpx 20rpx 0;
-            font-size: 28rpx;
-            color: #000000;
-          }
-  
-          .active {
-            background-color: rgba(222, 241, 255, 1);
-            border: 1rpx solid rgba(22, 119, 255, 1);
-          }
-        }
-      }
-  
-      .btn-box {
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 180rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+
+    .filter-panel-content {
+      background-color: #ffffff;
+      padding: 0 30rpx 30rpx;
+      border-radius: 16rpx 16rpx 0 0;
+
+      .filter-title {
+        color: #2c3e50;
+        font-size: 32rpx;
+        font-weight: 600;
+        padding: 32rpx 0 24rpx 20rpx;
+        position: relative;
         display: flex;
-        gap: 20rpx;
-        padding: 24rpx 30rpx;
-        background-color: #fff;
-        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        align-items: center;
+        
+        &::before {
+          content: '';
+          width: 6rpx;
+          height: 32rpx;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          border-radius: 3rpx;
+          margin-right: 12rpx;
+          flex-shrink: 0;
+        }
       }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 0 32rpx;
+          height: 68rpx;
+          line-height: 68rpx;
+          border: 2rpx solid #e8edf3;
+          border-radius: 68rpx;
+          text-align: center;
+          font-size: 28rpx;
+          color: #2c3e50;
+          background: #ffffff;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.96);
+          }
+        }
+
+        .active {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 2rpx solid #667eea;
+          color: #667eea;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      gap: 20rpx;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
     }
   }