fix: 统计分析，账单统计页面界面问题修复。

src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue

@@ -123,20 +123,28 @@
             </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="year-month"
-              @close="openOrCloseDate"
-              @cancel="openOrCloseDate"
-              @confirm="confirm"
-            ></u-datetime-picker>
           </view>
         </u-transition>
+        
+        <!-- 日期选择器 -->
+        <u-datetime-picker
+          :closeOnClickOverlay="true"
+          :show="timeShow"
+          v-model="time"
+          mode="year-month"
+          @close="openOrCloseDate"
+          @cancel="openOrCloseDate"
+          @confirm="confirm"
+        ></u-datetime-picker>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -727,17 +735,20 @@ page {
         line-height: 1;
       }
     }
-  
-    .filter-panel {
+  }
+
+  .filter-panel {
       width: 100%;
       position: absolute;
       left: 0;
-      top: 96rpx;
+      top: 180rpx;
       background-color: rgba(0, 0, 0, 0.5);
+      z-index: 999;
   
       .filter-panel-content {
-        background-color: #ffff;
+        background-color: #ffffff;
         padding: 0 30rpx 30rpx;
+        border-radius: 16rpx 16rpx 0 0;
   
         .filter-title {
           color: #2c3e50;
@@ -785,12 +796,53 @@ page {
   
       .btn-box {
         display: flex;
+        gap: 20rpx;
         padding: 24rpx 30rpx;
         background-color: #fff;
         box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+        
+        .btn-reset,
+        .btn-confirm {
+          flex: 1;
+          height: 80rpx;
+          border-radius: 12rpx;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 8rpx;
+          transition: all 0.3s ease;
+          
+          text {
+            font-size: 28rpx;
+            font-weight: 500;
+            line-height: 1;
+          }
+          
+          &:active {
+            transform: scale(0.98);
+            opacity: 0.8;
+          }
+        }
+        
+        .btn-reset {
+          background: #f5f7fa;
+          border: 2rpx solid #dcdfe6;
+          
+          text {
+            color: #606266;
+          }
+        }
+        
+        .btn-confirm {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
+          
+          text {
+            color: #ffffff;
+          }
+        }
       }
     }
-  }
   
   .list-item {
     margin: 0 24rpx 16rpx;