From 73a5a75f3030c31b875267d85a1757681ad007e0 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Thu, 20 Nov 2025 14:50:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=88=86=E6=9E=90=E7=95=8C=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E6=A0=B7=E5=BC=8F=E7=AD=89=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/calendar/list.vue                   |   5 +-
 .../accounts/accountDealAnalysis/index.vue    | 222 +++++++-------
 .../accounts/accountsBalance/index.vue        | 114 ++++----
 .../accounts/creditCardDealAnalysis/index.vue | 223 +++++++-------
 .../accounts/dailyExpensesAnalysis/index.vue  | 265 +++++++++--------
 .../accounts/dailyLiabilities/index.vue       |   6 +-
 .../accounts/debitCardAnalysis/index.vue      |  42 ++-
 .../accounts/debitDealAnalysis/index.vue      | 223 +++++++-------
 .../accounts/investDealAnalysis/index.vue     | 138 +++++----
 .../accounts/openCardStatics/index.vue        | 148 +++++-----
 .../statistic/accounts/posAnalysis/index.vue  | 187 ++++++------
 .../statistic/accounts/posStatics/index.vue   |  44 ++-
 .../accounts/sleepAccounts/index.vue          |   4 +
 .../bill/creditBillAnalysis/index.vue         | 227 ++++++++-------
 .../bill/creditInstallmentAnalysis/index.vue  | 230 ++++++++-------
 .../index.vue                                 | 273 +++++++++---------
 .../bill/creditRecordAnalysis/index.vue       | 218 +++++++-------
 .../statistic/bill/futuresAnalysis/index.vue  | 191 ++++++------
 .../statistic/bill/investAnalysis/index.vue   | 139 +++++----
 .../bill/onlineLendAnalysis/index.vue         | 231 ++++++++-------
 .../bill/onlineLendSettledAnalysis/index.vue  | 273 +++++++++---------
 .../statistic/bill/stocksAnalysis/index.vue   | 191 ++++++------
 src/pages/statistic/index.vue                 |   3 +-
 .../work/accounts/accountDealRecord/list.vue  |  36 ++-
 .../work/accounts/accounts/commonList.vue     |   4 +
 src/pages/work/accounts/accounts/list.vue     |   7 +-
 .../accounts/creditTransferRecord/list.vue    |  43 +--
 .../accounts/debitTransferRecord/list.vue     |  44 +--
 .../work/accounts/investAccountDeal/list.vue  |  43 +--
 .../accounts/investTransferRecord/list.vue    |  44 +--
 .../work/accounts/lendTransferRecord/list.vue |   5 +-
 .../work/accounts/posTransferRecord/list.vue  |  51 ++--
 src/pages/work/accounts/posadvice/list.vue    |  30 +-
 src/pages/work/base/creditCard/list.vue       |   7 +-
 src/pages/work/base/debitCard/list.vue        |   6 +-
 src/pages/work/base/financials/list.vue       |   7 +-
 src/pages/work/base/futures/list.vue          |   7 +-
 src/pages/work/base/lend/list.vue             |   4 +-
 src/pages/work/base/posmachine/list.vue       |   7 +-
 src/pages/work/base/stocks/list.vue           |   7 +-
 .../work/bill/creditCardBill/addEdit.vue      |   3 +-
 .../work/bill/creditCardBill/details.vue      |   7 +-
 src/pages/work/bill/creditCardBill/list.vue   |   6 +-
 .../bill/creditInstallmentHistory/details.vue |   7 +-
 .../bill/creditInstallmentHistory/list.vue    |   7 +-
 .../work/bill/creditQueryRecord/list.vue      |   7 +-
 src/pages/work/bill/futuresBill/details.vue   |   7 +-
 src/pages/work/bill/futuresBill/list.vue      |   7 +-
 .../work/bill/onlineLendHistory/details.vue   |   7 +-
 .../work/bill/onlineLendHistory/list.vue      |   7 +-
 .../work/bill/peopleLendHistory/list.vue      |   8 +-
 src/pages/work/bill/stocksBill/details.vue    |   8 +-
 src/pages/work/bill/stocksBill/list.vue       |   7 +-
 src/pages/work/heartJourney/list.vue          |  34 ++-
 src/pages/work/product/productInfor/list.vue  |   5 +-
 .../work/product/productPriceRecord/list.vue  |   5 +-
 56 files changed, 2228 insertions(+), 1853 deletions(-)

diff --git a/src/pages/calendar/list.vue b/src/pages/calendar/list.vue
index c9f0ae7..4eb45d8 100644
--- a/src/pages/calendar/list.vue
+++ b/src/pages/calendar/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.time" border="false" disabled placeholder="请输入时间" class="search-input"
           @blur="searchBlur" suffixIcon="calendar" suffixIconStyle="color: #909399">
@@ -231,7 +232,7 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
+  height: 100%;
   overflow: auto;
 }
 
diff --git a/src/pages/statistic/accounts/accountDealAnalysis/index.vue b/src/pages/statistic/accounts/accountDealAnalysis/index.vue
index 1abe809..b599969 100644
--- a/src/pages/statistic/accounts/accountDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/accountDealAnalysis/index.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="container">
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+        <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select"   placeholder="" suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">  
@@ -9,56 +9,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
-      </view>
-      </u-sticky>
+        </view>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -190,6 +141,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -214,7 +214,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -295,54 +295,60 @@
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 50, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      showXAxisLine: true,
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [20, 15, 50, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
+      },
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        showXAxisLine: true,
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          if (val <= -10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
         }
-        if (val <= -10000) {
-          return (val / 10000).toFixed(1) + 'w'
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-        return val.toFixed(0)
-      }
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
@@ -362,6 +368,9 @@
       maxValue = maxValue + range * 0.2
     }
     
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     return {
       color: ['#667eea'],
       padding: [15, 15, 80, 15],
@@ -376,10 +385,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -522,7 +532,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -604,6 +617,7 @@ function searchSubmit() {
   
   .section-title {
     display: flex;
+     margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -665,13 +679,13 @@ function searchSubmit() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 600rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/accountsBalance/index.vue b/src/pages/statistic/accounts/accountsBalance/index.vue
index da5acb5..663d7c2 100644
--- a/src/pages/statistic/accounts/accountsBalance/index.vue
+++ b/src/pages/statistic/accounts/accountsBalance/index.vue
@@ -1,12 +1,11 @@
 <template>
     <view class="container">
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+        <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.dataTypeName" border="false" type="select"  @click="handleAccountType" placeholder="请选择账户类型" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
         </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -112,7 +111,6 @@
 
 
   </div>
-  
   <view class="section-title" v-show="listData.length>0">
     <view class="title-decorator"></view>
     <text class="title-text">余额统计</text>
@@ -150,6 +148,7 @@
       </view>
     </view>
   </view>
+      </u-sticky>
   
   <!-- 图表布局 -->
   <view class="balance-display-container" v-if="listData.length>0 && (viewMode === 'line' || viewMode === 'column')">
@@ -180,7 +179,7 @@
   </view>
   
   <!-- 储蓄账户列表展示 -->
-  <u-list v-show="viewMode === 'list'"  @scrolltolower="loadmore" :spaceHeight="200" lowerThreshold="100">
+  <u-list v-show="viewMode === 'list'"  @scrolltolower="loadmore" :spaceHeight="720" lowerThreshold="100">
     <u-list-item v-for="(item, index) in listData" :key="index">
       <view class="list-item">
         <view class="item-header">
@@ -200,7 +199,7 @@
   </u-list>
   
   <!-- 信用卡余额列表展示 -->
-  <u-list v-show="viewMode === 'credit'" :spaceHeight="200">
+  <u-list v-show="viewMode === 'credit'" :spaceHeight="720" lowerThreshold="100">
     <u-list-item v-for="(item, index) in secondListData" :key="index">
       <view class="list-item">
         <view class="item-header">
@@ -269,47 +268,52 @@
   const { filterPanel, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 50, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disabled: true
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 10, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
@@ -329,16 +333,19 @@
       maxValue = maxValue + range * 0.2
     }
     
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 10, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
         show: false
       },
       xAxis: {
-        disabled: true
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -419,11 +426,14 @@
             accountsBalance.value = { ...res.data }
             secondListData.value=[]
             listData.value=[]
-          // 只保留账户名称中包含"储蓄账户"的数据
+          // 只保留账户名称中包含"储蓄账户"的数据，并移除"储蓄账户-"前缀
           const filteredData = res.data.accountsBalancesList ? 
             res.data.accountsBalancesList.filter(item => 
               item.account && item.account.includes('储蓄账户')
-            ) : []
+            ).map(item => ({
+              ...item,
+              account: item.account.replace('储蓄账户-', '')
+            })) : []
           listData.value = listData.value.concat(filteredData)
           secondListData.value = secondListData.value.concat(res.data.creditBalancesList)
         }).catch(() => {
@@ -486,7 +496,10 @@
   </script>
 
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -573,6 +586,7 @@
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -652,7 +666,7 @@
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
-    height: 850rpx;
+    height: 550rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue b/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
index 9ab9b78..e8d0038 100644
--- a/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
@@ -1,14 +1,11 @@
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
-         
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择信用卡" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -17,56 +14,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -197,6 +145,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -221,7 +218,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -313,54 +310,60 @@
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 60, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: true,
-      axisLineColor: '#CCCCCC',
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      showXAxisLine: true,
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [20, 15, 60, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
+      },
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: true,
+        axisLineColor: '#CCCCCC',
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        showXAxisLine: true,
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          if (val <= -10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
         }
-        if (val <= -10000) {
-          return (val / 10000).toFixed(1) + 'w'
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'none',
+          onShadow: false,
+          animation: true
         }
-        return val.toFixed(0)
-      }
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'none',
-        onShadow: false,
-        animation: true
       }
     }
   })
@@ -380,6 +383,9 @@
       maxValue = maxValue + range * 0.2
     }
     
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     return {
       color: ['#667eea'],
       padding: [15, 15, 80, 15],
@@ -394,10 +400,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -576,7 +583,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -665,6 +675,7 @@ function searchSubmit() {
   
   .section-title {
     display: flex;
+     margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -726,13 +737,13 @@ function searchSubmit() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 20rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 470rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue b/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
index d3961e2..91a18e8 100644
--- a/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
+++ b/src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
@@ -1,14 +1,12 @@
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择记账账户" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -17,56 +15,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
-      </view>
-      </u-sticky>
+        </view>
         <div class="app-container">
           <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -148,7 +97,7 @@
         </div>
       </div>
     </div>
-    <div class="header-con" ref="searchHeightRef" v-show="account.top8Name != null">
+    <!-- <div class="header-con" ref="searchHeightRef" v-show="account.top8Name != null">
       <div class="item" v-show="account.top8Name != null">
         <view class="item-icon" style="background: linear-gradient(135deg, #0369a1 0%, #0e7490 100%);">
           <uni-icons type="book" size="24" color="#ffffff"></uni-icons>
@@ -167,8 +116,8 @@
           <div class="num">{{ account.top9 }}<span>元</span></div>
         </div>
       </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef" v-show="account.top10Name != null">
+    </div> -->
+    <!-- <div class="header-con" ref="searchHeightRef" v-show="account.top10Name != null">
       <div class="item" v-show="account.top10Name != null">
         <view class="item-icon" style="background: linear-gradient(135deg, #4338ca 0%, #3730a3 100%);">
           <uni-icons type="phone" size="24" color="#ffffff"></uni-icons>
@@ -227,20 +176,13 @@
           <div class="num">{{ account.top15 }}<span>元</span></div>
         </div>
       </div>
-    </div>
+    </div> -->
     <div></div>
   </div>
   <view class="section-title" v-show="listData.length>0">
     <view class="title-decorator"></view>
     <text class="title-text">日常支出统计</text>
     <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'date' }]" 
-        @click="viewMode = 'date'; btClassClick()"
-      >
-        <uni-icons type="calendar" size="16" :color="viewMode === 'date' ? '#667eea' : '#999'"></uni-icons>
-        <text>日期</text>
-      </view>
       <view 
         :class="['switch-item', { 'active': viewMode === 'category' }]" 
         @click="viewMode = 'category'; btDayClick()"
@@ -248,6 +190,13 @@
         <uni-icons type="list" size="16" :color="viewMode === 'category' ? '#667eea' : '#999'"></uni-icons>
         <text>分类</text>
       </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'date' }]" 
+        @click="viewMode = 'date'; btClassClick()"
+      >
+        <uni-icons type="calendar" size="16" :color="viewMode === 'date' ? '#667eea' : '#999'"></uni-icons>
+        <text>日期</text>
+      </view>
       <view 
         :class="['switch-item', { 'active': viewMode === 'line' }]" 
         @click="viewMode = 'line'"
@@ -264,6 +213,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -288,7 +286,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list  v-show="viewMode === 'date'"  :spaceHeight="200" lowerThreshold="100">
+      <u-list  v-show="viewMode === 'date'"  :spaceHeight="720" lowerThreshold="100">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -308,13 +306,13 @@
         <view>
         </view>
       </u-list>
-      <u-list  v-show="viewMode === 'category'"  :spaceHeight="200" lowerThreshold="100">
+      <u-list  v-show="viewMode === 'category'"  :spaceHeight="720" lowerThreshold="100">
         <u-list-item v-for="(item, index) in secondListData" :key="index">
           <view class="list-item">
             <view class="item-header">
               <view class="header-left">
                 <view class="time-badge">
-                  <uni-icons type="list" size="16" color="#667eea"></uni-icons>
+                  <uni-icons type="list" size="16" color="#ffffff"></uni-icons>
                   <text>{{ item.time }}</text>
                 </view>
               </view>
@@ -362,7 +360,7 @@
   const tabShow = ref(false)
   const classType = ref("primary")
   const dayType = ref("default")
-  const viewMode = ref('date') // 'date' 或 'category' 或 'line' 或 'column'
+  const viewMode = ref('category') // 'category' 或 'date' 或 'line' 或 'column'
 
   const account = ref({
     amount: '',
@@ -394,56 +392,64 @@
 
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
-  // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  // 曲线图配置 - 根据数据量动态调整X轴显示
+  const lineChartOpts = computed(() => {
+    const currentData = viewMode.value === 'category' ? secondListData.value : listData.value
+    const dataLength = currentData ? currentData.length : 0
+    const showXAxisLabel = dataLength <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 30, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        // 大于10天时隐藏X轴标签
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
@@ -451,6 +457,9 @@
   // 柱状图配置
   const columnChartOpts = computed(() => {
     const currentData = viewMode.value === 'category' ? secondListData.value : listData.value
+    const dataLength = currentData ? currentData.length : 0
+    const showXAxisLabel = dataLength <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -466,7 +475,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -478,10 +487,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -619,7 +629,10 @@ const start = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-
             secondListData.value=[]
             listData.value=[]
           listData.value = listData.value.concat(res.data.tableAccountsDateList)
-          secondListData.value = secondListData.value.concat(res.data.accountsList)
+          // 过滤掉前7项（已在统计卡片中显示），如果数据不足7项则显示全部
+          const accountsList = res.data.accountsList || []
+          const filteredList = accountsList.length > 7 ? accountsList.slice(7) : accountsList
+          secondListData.value = secondListData.value.concat(filteredList)
         }).catch(() => {
         })
       }
@@ -675,7 +688,10 @@ const start = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -756,6 +772,7 @@ const start = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-
   
   .section-title {
     display: flex;
+     margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -817,13 +834,13 @@ const start = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 550rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/dailyLiabilities/index.vue b/src/pages/statistic/accounts/dailyLiabilities/index.vue
index 4c07761..8527c60 100644
--- a/src/pages/statistic/accounts/dailyLiabilities/index.vue
+++ b/src/pages/statistic/accounts/dailyLiabilities/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select"   placeholder="" suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">  
@@ -238,6 +238,10 @@ function getDict() {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .search-view {
   padding: 12rpx 32rpx;
   background-color: #ffffff;
diff --git a/src/pages/statistic/accounts/debitCardAnalysis/index.vue b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
index fde74da..0df3c85 100644
--- a/src/pages/statistic/accounts/debitCardAnalysis/index.vue
+++ b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
@@ -1,7 +1,8 @@
 <template>
     <view class="container">
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
         <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
+    <!-- <div class="header-con" ref="searchHeightRef">
       <div class="item">
         <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
           <uni-icons type="list" size="24" color="#ffffff"></uni-icons>
@@ -20,7 +21,7 @@
           <div class="num">{{ debitCardAnalysis.todayAmount }}<span>元</span></div>
         </div>
       </div>
-    </div>
+    </div> -->
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
         <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
@@ -220,6 +221,7 @@
       </view>
     </view>
   </view>
+      </u-sticky>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -244,7 +246,7 @@
   </view>
   
   <!-- 结算卡列表展示 -->
-      <u-list v-show="viewMode === 'cardList'" @scrolltolower="loadmore" :spaceHeight="200" lowerThreshold="100">
+      <u-list v-show="viewMode === 'cardList'" @scrolltolower="loadmore" :spaceHeight="720" lowerThreshold="100">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -336,7 +338,7 @@
       </u-list>
       
       <!-- 近6月收款金额列表展示 -->
-      <u-list v-show="viewMode === 'amountList'"  @scrolltolower="loadmore" :spaceHeight="200" lowerThreshold="100">
+      <u-list v-show="viewMode === 'amountList'"  @scrolltolower="loadmore" :spaceHeight="720" lowerThreshold="100">
         <u-list-item v-for="(item, index) in secondListData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -395,6 +397,9 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = secondListData.value ? secondListData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -419,7 +424,7 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -433,9 +438,9 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        disabled: true,
-        fontSize: 0,
-        fontColor: '#999999',
+        disabled: !showXAxisLabel,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
         rotateAngle: 30
       },
@@ -476,6 +481,9 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = secondListData.value ? secondListData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -500,7 +508,7 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -512,9 +520,9 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        disabled: true,
-        fontSize: 0,
-        fontColor: '#999999',
+        disabled: !showXAxisLabel,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
         rotateAngle: 30
       },
@@ -640,7 +648,10 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -794,6 +805,7 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
   
   .section-title {
     display: flex;
+    margin-top: -20rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -855,13 +867,13 @@ const viewMode = ref('cardList') // 'cardList' 或 'amountList' 或 'line' 或 '
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 720rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/debitDealAnalysis/index.vue b/src/pages/statistic/accounts/debitDealAnalysis/index.vue
index 2ed5aec..3f2db9b 100644
--- a/src/pages/statistic/accounts/debitDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/debitDealAnalysis/index.vue
@@ -1,14 +1,11 @@
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
-         
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择储蓄账户" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -17,56 +14,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -198,6 +146,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -222,7 +219,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -309,60 +306,69 @@
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 60, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: true,
-      axisLineColor: '#CCCCCC',
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      showXAxisLine: true,
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [20, 15, 60, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
+      },
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: true,
+        axisLineColor: '#CCCCCC',
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        showXAxisLine: true,
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          if (val <= -10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
         }
-        if (val <= -10000) {
-          return (val / 10000).toFixed(1) + 'w'
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'none',
+          onShadow: false,
+          animation: true
         }
-        return val.toFixed(0)
-      }
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'none',
-        onShadow: false,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -390,10 +396,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -572,7 +579,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -661,6 +671,7 @@ function searchSubmit() {
   
   .section-title {
     display: flex;
+     margin-top: -20rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -722,13 +733,13 @@ function searchSubmit() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 30rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 480rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/investDealAnalysis/index.vue b/src/pages/statistic/accounts/investDealAnalysis/index.vue
index 1be7afc..fbe5780 100644
--- a/src/pages/statistic/accounts/investDealAnalysis/index.vue
+++ b/src/pages/statistic/accounts/investDealAnalysis/index.vue
@@ -1,14 +1,12 @@
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择投资账户" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -17,56 +15,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -181,6 +130,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -205,7 +203,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -293,6 +291,9 @@
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -308,7 +309,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -322,10 +323,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -362,6 +364,9 @@
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -390,7 +395,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -402,10 +407,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -593,7 +599,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -675,6 +684,7 @@ function searchSubmit() {
   
   .section-title {
     display: flex;
+    margin-top: -20rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -736,13 +746,13 @@ function searchSubmit() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 650rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/openCardStatics/index.vue b/src/pages/statistic/accounts/openCardStatics/index.vue
index da8305f..e683971 100644
--- a/src/pages/statistic/accounts/openCardStatics/index.vue
+++ b/src/pages/statistic/accounts/openCardStatics/index.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="container">
-        <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u-input v-model="queryParams.time" border="false" type="select"  placeholder="" suffixIcon="calendar"
         suffixIconStyle="color: #909399" class="search-input">  
@@ -9,62 +9,7 @@
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
           <text>筛选</text>
         </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </view>
-            </view>
-            <view class="btn-box">
-              <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>
       </view>
-      </u-sticky>
         <div class="app-container">
         
     <div class="header-con" v-show ="oneCount>0" ref="searchHeightRef">
@@ -147,6 +92,61 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </view>
+            </view>
+            <view class="btn-box">
+              <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -171,7 +171,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list  :spaceHeight="116" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list  :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -261,6 +261,9 @@
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -276,7 +279,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -290,10 +293,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -330,6 +334,9 @@
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -352,7 +359,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -364,10 +371,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -528,7 +536,10 @@ function getList() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -613,6 +624,7 @@ function getList() {
   
   .section-title {
     display: flex;
+    margin-top: -20rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -674,13 +686,13 @@ function getList() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 950rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/accounts/posAnalysis/index.vue b/src/pages/statistic/accounts/posAnalysis/index.vue
index 3cad4e4..266bb16 100644
--- a/src/pages/statistic/accounts/posAnalysis/index.vue
+++ b/src/pages/statistic/accounts/posAnalysis/index.vue
@@ -1,14 +1,11 @@
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
-         
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>  
       </view>
-      </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -17,7 +14,80 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
+      </view>
+        <div class="app-container">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
+          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">刷卡金额</div>
+          <div class="num">{{ pos.amount }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
+          <uni-icons type="star" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">刷卡手续费</div>
+          <div class="num">{{ pos.commission }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
+          <uni-icons type="checkmarkempty" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">入账金额</div>
+          <div class="num">{{ pos.actualAmount }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
+          <uni-icons type="list" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">刷卡次数</div>
+          <div class="num">{{ pos.count }}<span>次</span></div>
+        </div>
+      </div>
+    </div>
+    <div></div>
+  </div>
+  
+  <view class="section-title" v-show="listData.length>0">
+    <view class="title-decorator"></view>
+    <text class="title-text">POS刷卡统计</text>
+    <view class="view-switch">
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'list' }]" 
+        @click="viewMode = 'list'"
+      >
+        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
+        <text>列表</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'line' }]" 
+        @click="viewMode = 'line'"
+      >
+        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
+        <text>曲线图</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'column' }]" 
+        @click="viewMode = 'column'"
+      >
+        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
+        <text>柱状图</text>
+      </view>
+    </view>
+  </view>
+      </u-sticky>
+      <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
@@ -65,79 +135,6 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
-        <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
-          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">刷卡金额</div>
-          <div class="num">{{ pos.amount }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
-          <uni-icons type="star" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">刷卡手续费</div>
-          <div class="num">{{ pos.commission }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
-          <uni-icons type="checkmarkempty" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">入账金额</div>
-          <div class="num">{{ pos.actualAmount }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
-          <uni-icons type="list" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">刷卡次数</div>
-          <div class="num">{{ pos.count }}<span>次</span></div>
-        </div>
-      </div>
-    </div>
-    <div></div>
-  </div>
-  
-  <view class="section-title" v-show="listData.length>0">
-    <view class="title-decorator"></view>
-    <text class="title-text">POS机刷卡统计</text>
-    <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'list' }]" 
-        @click="viewMode = 'list'"
-      >
-        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
-        <text>列表</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'line' }]" 
-        @click="viewMode = 'line'"
-      >
-        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
-        <text>曲线图</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'column' }]" 
-        @click="viewMode = 'column'"
-      >
-        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
-        <text>柱状图</text>
-      </view>
-    </view>
-  </view>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -162,7 +159,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -248,6 +245,9 @@
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -263,7 +263,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -277,10 +277,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -317,6 +318,9 @@
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -339,7 +343,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -351,10 +355,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -537,7 +542,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -618,6 +626,7 @@ function searchSubmit() {
   
   .section-title {
     display: flex;
+    margin-top: -20rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -679,7 +688,7 @@ function searchSubmit() {
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
diff --git a/src/pages/statistic/accounts/posStatics/index.vue b/src/pages/statistic/accounts/posStatics/index.vue
index 827cf96..d25cc73 100644
--- a/src/pages/statistic/accounts/posStatics/index.vue
+++ b/src/pages/statistic/accounts/posStatics/index.vue
@@ -1,7 +1,8 @@
 <template>
   <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <div class="app-container">
-  <div class="header-con" ref="searchHeightRef">
+  <!-- <div class="header-con" ref="searchHeightRef">
     <div class="item">
       <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
         <uni-icons type="list" size="24" color="#ffffff"></uni-icons>
@@ -20,7 +21,7 @@
         <div class="num">{{ debitCardAnalysis.todayAmount }}<span>元</span></div>
       </div>
     </div>
-  </div>
+  </div> -->
   <div class="header-con" ref="searchHeightRef">
     <div class="item">
       <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
@@ -202,7 +203,7 @@
         @click="viewMode = 'amountList'"
       >
         <uni-icons type="wallet" size="16" :color="viewMode === 'amountList' ? '#667eea' : '#999'"></uni-icons>
-        <text>近6月刷卡金额</text>
+        <text>近6月刷卡</text>
       </view>
       <view 
         :class="['switch-item', { 'active': viewMode === 'line' }]" 
@@ -220,6 +221,7 @@
       </view>
     </view>
   </view>
+    </u-sticky>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -244,7 +246,7 @@
   </view>
   
   <!-- POS机列表展示 -->
-    <u-list v-show="viewMode === 'posList'" @scrolltolower="loadmore" :spaceHeight="200" lowerThreshold="100">
+    <u-list v-show="viewMode === 'posList'" @scrolltolower="loadmore" :spaceHeight="720" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item">
           <view class="item-header">
@@ -336,7 +338,7 @@
     </u-list>
     
     <!-- 近6月刷卡金额统计列表展示 -->
-    <u-list v-show="viewMode === 'amountList'" @scrolltolower="loadmore" :spaceHeight="200" lowerThreshold="100">
+    <u-list v-show="viewMode === 'amountList'" @scrolltolower="loadmore" :spaceHeight="720" lowerThreshold="100">
         <u-list-item v-for="(item, index) in secondListData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -395,6 +397,9 @@ const { filterPanel, queryParams} = toRefs(data)
 
 // 曲线图配置
 const lineChartOpts = computed(() => {
+  const dataCount = secondListData.value ? secondListData.value.length : 0
+  const showXAxisLabel = dataCount <= 10
+  
   // 计算数据范围以动态设置Y轴
   let minValue = 0
   let maxValue = 0
@@ -419,7 +424,7 @@ const lineChartOpts = computed(() => {
   
   return {
     color: ['#667eea'],
-    padding: [20, 15, 60, 15],
+    padding: [15, 15, 30, 5],
     enableScroll: false,
     enableMarkLine: true,
     dataLabel: false,
@@ -433,9 +438,9 @@ const lineChartOpts = computed(() => {
       axisLine: false,
       scrollShow: true,
       itemCount: 5,
-      disabled: true,
-      fontSize: 0,
-      fontColor: '#999999',
+      disabled: !showXAxisLabel,
+      fontSize: showXAxisLabel ? 10 : 0,
+      fontColor: showXAxisLabel ? '#999999' : 'transparent',
       rotateLabel: true,
       rotateAngle: 30
     },
@@ -474,6 +479,9 @@ const lineChartOpts = computed(() => {
 
 // 柱状图配置
 const columnChartOpts = computed(() => {
+  const dataCount = secondListData.value ? secondListData.value.length : 0
+  const showXAxisLabel = dataCount <= 10
+  
   // 计算数据范围以动态设置Y轴
   let minValue = 0
   let maxValue = 0
@@ -505,7 +513,7 @@ const columnChartOpts = computed(() => {
   
   return {
     color: ['#667eea'],
-    padding: [15, 15, 80, 15],
+    padding: [15, 15, 30, 5],
     enableScroll: false,
     dataLabel: false,
     legend: {
@@ -517,9 +525,9 @@ const columnChartOpts = computed(() => {
       axisLine: false,
       scrollShow: true,
       itemCount: 5,
-      disabled: true,
-      fontSize: 0,
-      fontColor: '#999999',
+      disabled: !showXAxisLabel,
+      fontSize: showXAxisLabel ? 10 : 0,
+      fontColor: showXAxisLabel ? '#999999' : 'transparent',
       rotateLabel: true,
       rotateAngle: 30
     },
@@ -640,7 +648,10 @@ function settingCancel() {
 </script>
 
 <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -809,6 +820,7 @@ function settingCancel() {
 
 .section-title {
   display: flex;
+  margin-top: -20rpx;
   align-items: center;
   padding: 24rpx 32rpx 16rpx;
   background-color: #f5f7fa;
@@ -870,13 +882,13 @@ function settingCancel() {
 }
 
 .chart-container {
-  margin: 16rpx 24rpx 160rpx;
+  margin: 16rpx 24rpx 60rpx;
   padding: 16rpx;
   background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
   border-radius: 16rpx;
   box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
   width: calc(100% - 48rpx);
-  height: 850rpx;
+  height: 700rpx;
   overflow: visible;
   position: relative;
 }
diff --git a/src/pages/statistic/accounts/sleepAccounts/index.vue b/src/pages/statistic/accounts/sleepAccounts/index.vue
index ce6aa15..7559066 100644
--- a/src/pages/statistic/accounts/sleepAccounts/index.vue
+++ b/src/pages/statistic/accounts/sleepAccounts/index.vue
@@ -250,6 +250,10 @@ function selectType(item) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .search-view {
   padding: 12rpx 32rpx;
   background-color: #ffffff;
diff --git a/src/pages/statistic/bill/creditBillAnalysis/index.vue b/src/pages/statistic/bill/creditBillAnalysis/index.vue
index cf47396..d89d984 100644
--- a/src/pages/statistic/bill/creditBillAnalysis/index.vue
+++ b/src/pages/statistic/bill/creditBillAnalysis/index.vue
@@ -1,15 +1,12 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
-         
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择信用卡" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,55 +15,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
-      </view>
-      </u-sticky>
+        </view>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -168,6 +117,54 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -192,7 +189,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="720" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -275,61 +272,70 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 30, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -352,7 +358,7 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -364,10 +370,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -546,7 +553,10 @@ const start = dayjs(end).add(-11, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -628,6 +638,7 @@ const start = dayjs(end).add(-11, 'months')
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -689,13 +700,13 @@ const start = dayjs(end).add(-11, 'months')
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 650rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/creditInstallmentAnalysis/index.vue b/src/pages/statistic/bill/creditInstallmentAnalysis/index.vue
index b5fb126..c416ffa 100644
--- a/src/pages/statistic/bill/creditInstallmentAnalysis/index.vue
+++ b/src/pages/statistic/bill/creditInstallmentAnalysis/index.vue
@@ -1,15 +1,13 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
-         
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择信用卡" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,56 +16,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
-          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
-            <view class="filter-panel-content">
-             
-              <view class="filter-title">还款日期</view>
-            <view class="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
-      </view>
-      </u-sticky>
+        </view>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -178,6 +127,55 @@
       </view>
     </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="filter-title">还款日期</view>
+            <view class="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -202,7 +200,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -288,61 +286,70 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 30, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -365,7 +372,7 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -377,10 +384,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -562,7 +570,10 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -644,6 +655,7 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -705,13 +717,13 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 650rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue b/src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue
index 91d9e8a..60e6886 100644
--- a/src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue
+++ b/src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue
@@ -1,15 +1,13 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择信用卡" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,7 +16,80 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
+      </view>
+        <div class="app-container">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
+          <uni-icons type="checkbox-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清分期</div>
+          <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
+          <uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清（本息）</div>
+          <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
+          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清（本金）</div>
+          <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
+          <uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清利息</div>
+          <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <view class="section-title" v-show="listData.length>0">
+    <view class="title-decorator"></view>
+    <text class="title-text">信用卡分期已还</text>
+    <view class="view-switch">
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'list' }]" 
+        @click="viewMode = 'list'"
+      >
+        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
+        <text>列表</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'line' }]" 
+        @click="viewMode = 'line'"
+      >
+        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
+        <text>曲线图</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'column' }]" 
+        @click="viewMode = 'column'"
+      >
+        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
+        <text>柱状图</text>
+      </view>
+    </view>
+  </view>
+  </u-sticky>
+  
+  <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
@@ -65,78 +136,6 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
-        <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
-          <uni-icons type="checkbox-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清分期</div>
-          <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
-          <uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清（本息）</div>
-          <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
-          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清（本金）</div>
-          <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
-          <uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清利息</div>
-          <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div></div>
-  </div>
-  <view class="section-title" v-show="listData.length>0">
-    <view class="title-decorator"></view>
-    <text class="title-text">信用卡分期已还</text>
-    <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'list' }]" 
-        @click="viewMode = 'list'"
-      >
-        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
-        <text>列表</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'line' }]" 
-        @click="viewMode = 'line'"
-      >
-        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
-        <text>曲线图</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'column' }]" 
-        @click="viewMode = 'column'"
-      >
-        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
-        <text>柱状图</text>
-      </view>
-    </view>
-  </view>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -161,7 +160,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -245,61 +244,70 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 30, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -322,7 +330,7 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -334,10 +342,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -515,7 +524,10 @@ const start = dayjs(end).add(-24, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -597,6 +609,7 @@ const start = dayjs(end).add(-24, 'months')
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -658,7 +671,7 @@ const start = dayjs(end).add(-24, 'months')
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
diff --git a/src/pages/statistic/bill/creditRecordAnalysis/index.vue b/src/pages/statistic/bill/creditRecordAnalysis/index.vue
index 613d2ea..a87ed29 100644
--- a/src/pages/statistic/bill/creditRecordAnalysis/index.vue
+++ b/src/pages/statistic/bill/creditRecordAnalysis/index.vue
@@ -1,6 +1,7 @@
 <template>
     <view class="container">
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+        <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select"   placeholder="请选择查询日期" suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -9,56 +10,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
-          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
-            <view class="filter-panel-content">
-             
-              <view class="filter-title">查询日期</view>
-            <view class="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -189,6 +141,56 @@
       </view>
     </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="filter-title">查询日期</view>
+            <view class="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -213,7 +215,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -291,58 +293,67 @@
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [15, 15, 30, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -365,7 +376,7 @@
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -377,10 +388,11 @@
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -516,7 +528,10 @@ function searchSubmit() {
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -597,6 +612,7 @@ function searchSubmit() {
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -664,7 +680,7 @@ function searchSubmit() {
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 560rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/futuresAnalysis/index.vue b/src/pages/statistic/bill/futuresAnalysis/index.vue
index f4ce2f1..944f7ed 100644
--- a/src/pages/statistic/bill/futuresAnalysis/index.vue
+++ b/src/pages/statistic/bill/futuresAnalysis/index.vue
@@ -1,15 +1,14 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择期货账户" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,7 +17,80 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
+      </view>
+        <div class="app-container">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
+          <uni-icons type="wallet" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">累计收益</div>
+          <div class="num">{{ futuresStock.accumulateIncome }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
+          <uni-icons type="bars" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">平均收益</div>
+          <div class="num">{{  futuresStock.averageIncome }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
+          <uni-icons type="arrow-up" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">最大收益</div>
+          <div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);">
+          <uni-icons type="arrow-down" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">最大亏损</div>
+          <div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <view class="section-title" v-show="listData.length>0">
+    <view class="title-decorator"></view>
+    <text class="title-text">期货统计分析</text>
+    <view class="view-switch">
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'list' }]" 
+        @click="viewMode = 'list'"
+      >
+        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
+        <text>列表</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'line' }]" 
+        @click="viewMode = 'line'"
+      >
+        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
+        <text>曲线图</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'column' }]" 
+        @click="viewMode = 'column'"
+      >
+        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
+        <text>柱状图</text>
+      </view>
+    </view>
+  </view>
+  </u-sticky>
+  
+  <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
@@ -65,79 +137,6 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
-        <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
-          <uni-icons type="wallet" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">累计收益</div>
-          <div class="num">{{ futuresStock.accumulateIncome }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
-          <uni-icons type="bars" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">平均收益</div>
-          <div class="num">{{  futuresStock.averageIncome }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
-          <uni-icons type="arrow-up" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">最大收益</div>
-          <div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);">
-          <uni-icons type="arrow-down" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">最大亏损</div>
-          <div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div></div>
-  </div>
-  
-  <view class="section-title" v-show="listData.length>0">
-    <view class="title-decorator"></view>
-    <text class="title-text">期货统计分析</text>
-    <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'list' }]" 
-        @click="viewMode = 'list'"
-      >
-        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
-        <text>列表</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'line' }]" 
-        @click="viewMode = 'line'"
-      >
-        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
-        <text>曲线图</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'column' }]" 
-        @click="viewMode = 'column'"
-      >
-        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
-        <text>柱状图</text>
-      </view>
-    </view>
-  </view>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -162,7 +161,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -248,6 +247,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -263,7 +265,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -277,10 +280,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -317,6 +321,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -345,7 +352,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -357,10 +365,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -543,7 +552,10 @@ const start = dayjs(end).add(-12, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -624,6 +636,7 @@ const start = dayjs(end).add(-12, 'months')
   
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -685,13 +698,13 @@ const start = dayjs(end).add(-12, 'months')
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 800rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/investAnalysis/index.vue b/src/pages/statistic/bill/investAnalysis/index.vue
index 09cabc2..6c38526 100644
--- a/src/pages/statistic/bill/investAnalysis/index.vue
+++ b/src/pages/statistic/bill/investAnalysis/index.vue
@@ -1,7 +1,8 @@
 
 <template>
     <view class="container">
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+        <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -10,55 +11,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -111,7 +64,6 @@
         </div>
       </div>
     </div>
-    <div></div>
   </div>
   
   <view class="section-title" v-show="listData.length>0">
@@ -141,6 +93,55 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -165,7 +166,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -250,6 +251,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -265,7 +269,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -279,10 +284,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -319,6 +325,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -347,7 +356,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -359,10 +369,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -539,7 +550,10 @@ const start = dayjs(end).add(-12, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -620,6 +634,7 @@ const start = dayjs(end).add(-12, 'months')
   
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -681,13 +696,13 @@ const start = dayjs(end).add(-12, 'months')
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 750rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/onlineLendAnalysis/index.vue b/src/pages/statistic/bill/onlineLendAnalysis/index.vue
index 97196f7..cd406f3 100644
--- a/src/pages/statistic/bill/onlineLendAnalysis/index.vue
+++ b/src/pages/statistic/bill/onlineLendAnalysis/index.vue
@@ -1,15 +1,14 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择贷款机构" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,56 +17,7 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <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="selcet-content" style="padding: 0 24rpx">
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.startTime"
-                placeholder="请选择开始时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
-                </template>
-              </u-input>
-              <u-input
-                :disabled="true"
-                :disabledColor="'#fff'"
-                class="dateInput"
-                border="surround"
-                v-model="queryParams.endTime"
-                placeholder="请选择结束时间"
-              >
-                <template v-slot:suffix>
-                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
-                </template>
-              </u-input>
-            </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>
-            <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>
       </view>
-      </u-sticky>
         <div class="app-container">
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -149,8 +99,8 @@
         </div>
       </div>
     </div>
-    <div></div>
   </div>
+  
   <view class="section-title" v-show="listData.length>0">
     <view class="title-decorator"></view>
     <text class="title-text">贷款待还统计</text>
@@ -178,6 +128,56 @@
       </view>
     </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="selcet-content" style="padding: 0 24rpx">
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.startTime"
+                placeholder="请选择开始时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(true)"></u-icon>
+                </template>
+              </u-input>
+              <u-input
+                :disabled="true"
+                :disabledColor="'#fff'"
+                class="dateInput"
+                border="surround"
+                v-model="queryParams.endTime"
+                placeholder="请选择结束时间"
+              >
+                <template v-slot:suffix>
+                  <u-icon name="calendar" @click="openOrCloseDate(false)"></u-icon>
+                </template>
+              </u-input>
+            </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>
+            <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>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -202,7 +202,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -289,61 +289,70 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [20, 15, 35, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -366,7 +375,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -378,10 +388,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -562,7 +573,10 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -644,6 +658,7 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
   
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -705,13 +720,13 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 650rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue b/src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue
index 4e38f98..db686d4 100644
--- a/src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue
+++ b/src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue
@@ -1,15 +1,14 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择贷款机构" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,7 +17,80 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
+      </view>
+        <div class="app-container">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
+          <uni-icons type="checkbox-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清贷款</div>
+          <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
+          <uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清（本息）</div>
+          <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
+          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清（本金）</div>
+          <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
+          <uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">已结清利息</div>
+          <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <view class="section-title" v-show="listData.length>0">
+    <view class="title-decorator"></view>
+    <text class="title-text">贷款已还统计</text>
+    <view class="view-switch">
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'list' }]" 
+        @click="viewMode = 'list'"
+      >
+        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
+        <text>列表</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'line' }]" 
+        @click="viewMode = 'line'"
+      >
+        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
+        <text>曲线图</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'column' }]" 
+        @click="viewMode = 'column'"
+      >
+        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
+        <text>柱状图</text>
+      </view>
+    </view>
+  </view>
+  </u-sticky>
+  
+  <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
@@ -65,78 +137,6 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
-        <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
-          <uni-icons type="checkbox-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清贷款</div>
-          <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
-          <uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清（本息）</div>
-          <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
-          <uni-icons type="wallet" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清（本金）</div>
-          <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
-          <uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">已结清利息</div>
-          <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div></div>
-  </div>
-  <view class="section-title" v-show="listData.length>0">
-    <view class="title-decorator"></view>
-    <text class="title-text">贷款已还统计</text>
-    <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'list' }]" 
-        @click="viewMode = 'list'"
-      >
-        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
-        <text>列表</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'line' }]" 
-        @click="viewMode = 'line'"
-      >
-        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
-        <text>曲线图</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'column' }]" 
-        @click="viewMode = 'column'"
-      >
-        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
-        <text>柱状图</text>
-      </view>
-    </view>
-  </view>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -161,7 +161,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -244,61 +244,70 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
   
   // 曲线图配置
-  const lineChartOpts = ref({
-    color: ['#667eea'],
-    padding: [20, 15, 35, 5],
-    enableScroll: false,
-    enableMarkLine: true,
-    dataLabel: false,
-    dataPointShape: true,
-    legend: {
-      show: false
-    },
-    xAxis: {
-      disableGrid: true,
-      boundaryGap: 'justify',
-      axisLine: false,
-      scrollShow: true,
-      itemCount: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      rotateLabel: true,
-      rotateAngle: 30
-    },
-    yAxis: {
-      gridType: 'dash',
-      dashLength: 4,
-      gridColor: '#EEEEEE',
-      splitNumber: 5,
-      fontSize: 10,
-      fontColor: '#999999',
-      format: (val) => {
-        if (val >= 10000) {
-          return (val / 10000).toFixed(1) + 'w'
-        }
-        return val.toFixed(0)
+  const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
+    return {
+      color: ['#667eea'],
+      padding: [20, 15, 35, 5],
+      enableScroll: false,
+      enableMarkLine: true,
+      dataLabel: false,
+      dataPointShape: true,
+      legend: {
+        show: false
       },
-      data: [
-        {
-          min: 0
+      xAxis: {
+        disableGrid: true,
+        boundaryGap: 'justify',
+        axisLine: false,
+        scrollShow: true,
+        itemCount: 5,
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
+        rotateLabel: true,
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
+      },
+      yAxis: {
+        gridType: 'dash',
+        dashLength: 4,
+        gridColor: '#EEEEEE',
+        splitNumber: 5,
+        fontSize: 10,
+        fontColor: '#999999',
+        format: (val) => {
+          if (val >= 10000) {
+            return (val / 10000).toFixed(1) + 'w'
+          }
+          return val.toFixed(0)
+        },
+        data: [
+          {
+            min: 0
+          }
+        ]
+      },
+      extra: {
+        line: {
+          type: 'curve',
+          width: 3,
+          activeType: 'hollow',
+          linearType: 'custom',
+          linearOpacity: 0.2,
+          onShadow: true,
+          animation: true
         }
-      ]
-    },
-    extra: {
-      line: {
-        type: 'curve',
-        width: 3,
-        activeType: 'hollow',
-        linearType: 'custom',
-        linearOpacity: 0.2,
-        onShadow: true,
-        animation: true
       }
     }
   })
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -321,7 +330,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -333,10 +343,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -514,7 +525,10 @@ const start = dayjs(end).add(-24, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 0;
@@ -596,6 +610,7 @@ const start = dayjs(end).add(-24, 'months')
 
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
diff --git a/src/pages/statistic/bill/stocksAnalysis/index.vue b/src/pages/statistic/bill/stocksAnalysis/index.vue
index bf845d0..0924050 100644
--- a/src/pages/statistic/bill/stocksAnalysis/index.vue
+++ b/src/pages/statistic/bill/stocksAnalysis/index.vue
@@ -1,15 +1,14 @@
 
 <template>
     <view class="container">
-      <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
+      <u-sticky offsetTop="0rpx"
+ customNavHeight="0rpx">
          
          <view class="search-view">
           <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择股票账户" suffixIcon="search"
           suffixIconStyle="color: #909399" class="search-input">
           </u-input>
        </view>
-       </u-sticky>
-        <u-sticky offsetTop="8rpx" customNavHeight="8rpx">
         <view class="search-view">
           <u-input v-model="queryParams.time" border="false" type="select" readonly suffixIcon="calendar"
           suffixIconStyle="color: #909399" class="search-input">
@@ -18,7 +17,80 @@
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
             <text>筛选</text>
           </view>
-        <u-transition :show="filterPanel" mode="fade">
+      </view>
+        <div class="app-container">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
+          <uni-icons type="wallet" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">累计收益</div>
+          <div class="num">{{ futuresStock.accumulateIncome }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
+          <uni-icons type="bars" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">平均收益</div>
+          <div class="num">{{  futuresStock.averageIncome }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
+          <uni-icons type="arrow-up" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">最大收益</div>
+          <div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <view class="item-icon" style="background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);">
+          <uni-icons type="arrow-down" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <div class="info-sum">
+          <div class="title">最大亏损</div>
+          <div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <view class="section-title" v-show="listData.length>0">
+    <view class="title-decorator"></view>
+    <text class="title-text">股票统计分析</text>
+    <view class="view-switch">
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'list' }]" 
+        @click="viewMode = 'list'"
+      >
+        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
+        <text>列表</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'line' }]" 
+        @click="viewMode = 'line'"
+      >
+        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
+        <text>曲线图</text>
+      </view>
+      <view 
+        :class="['switch-item', { 'active': viewMode === 'column' }]" 
+        @click="viewMode = 'column'"
+      >
+        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
+        <text>柱状图</text>
+      </view>
+    </view>
+  </view>
+  </u-sticky>
+  
+  <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
             <view class="filter-panel-content">
              
@@ -65,79 +137,6 @@
             ></u-datetime-picker>
           </view>
         </u-transition>
-      </view>
-      </u-sticky>
-        <div class="app-container">
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
-          <uni-icons type="wallet" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">累计收益</div>
-          <div class="num">{{ futuresStock.accumulateIncome }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #c026d3 0%, #dc2626 100%);">
-          <uni-icons type="bars" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">平均收益</div>
-          <div class="num">{{  futuresStock.averageIncome }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);">
-          <uni-icons type="arrow-up" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">最大收益</div>
-          <div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <view class="item-icon" style="background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);">
-          <uni-icons type="arrow-down" size="24" color="#ffffff"></uni-icons>
-        </view>
-        <div class="info-sum">
-          <div class="title">最大亏损</div>
-          <div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
-    <div></div>
-  </div>
-  
-  <view class="section-title" v-show="listData.length>0">
-    <view class="title-decorator"></view>
-    <text class="title-text">股票统计分析</text>
-    <view class="view-switch">
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'list' }]" 
-        @click="viewMode = 'list'"
-      >
-        <uni-icons type="list" size="16" :color="viewMode === 'list' ? '#667eea' : '#999'"></uni-icons>
-        <text>列表</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'line' }]" 
-        @click="viewMode = 'line'"
-      >
-        <uni-icons type="loop" size="16" :color="viewMode === 'line' ? '#667eea' : '#999'"></uni-icons>
-        <text>曲线图</text>
-      </view>
-      <view 
-        :class="['switch-item', { 'active': viewMode === 'column' }]" 
-        @click="viewMode = 'column'"
-      >
-        <uni-icons type="bars" size="16" :color="viewMode === 'column' ? '#667eea' : '#999'"></uni-icons>
-        <text>柱状图</text>
-      </view>
-    </view>
-  </view>
   
   <!-- 曲线图展示 -->
   <view class="chart-container" v-if="listData.length>0 && viewMode === 'line'">
@@ -162,7 +161,7 @@
   </view>
   
   <!-- 列表展示 -->
-      <u-list :spaceHeight="200" lowerThreshold="100" v-show="viewMode === 'list'">
+      <u-list :spaceHeight="700" lowerThreshold="100" v-show="viewMode === 'list'">
         <u-list-item v-for="(item, index) in listData" :key="index">
           <view class="list-item">
             <view class="item-header">
@@ -248,6 +247,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 曲线图配置
   const lineChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -263,7 +265,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [20, 15, 60, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       enableMarkLine: true,
       dataLabel: false,
@@ -277,10 +280,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -317,6 +321,9 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
   
   // 柱状图配置
   const columnChartOpts = computed(() => {
+    const dataCount = listData.value ? listData.value.length : 0
+    const showXAxisLabel = dataCount <= 10
+    
     // 计算数据范围以动态设置Y轴
     let minValue = 0
     let maxValue = 0
@@ -345,7 +352,8 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
     
     return {
       color: ['#667eea'],
-      padding: [15, 15, 80, 15],
+      padding: [15, 15, 30, 5],
+
       enableScroll: false,
       dataLabel: false,
       legend: {
@@ -357,10 +365,11 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
         axisLine: false,
         scrollShow: true,
         itemCount: 5,
-        fontSize: 10,
-        fontColor: '#999999',
+        fontSize: showXAxisLabel ? 10 : 0,
+        fontColor: showXAxisLabel ? '#999999' : 'transparent',
         rotateLabel: true,
-        rotateAngle: 30
+        rotateAngle: 30,
+        disabled: !showXAxisLabel
       },
       yAxis: {
         gridType: 'dash',
@@ -538,7 +547,10 @@ const start = dayjs(end).add(-12, 'months')
   </script>
   
   <style lang="scss" scoped>
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .app-container {
   background-color: #f5f7fa;
   padding: 8rpx 0;
@@ -619,6 +631,7 @@ const start = dayjs(end).add(-12, 'months')
   
   .section-title {
     display: flex;
+    margin-top: -10rpx;
     align-items: center;
     padding: 24rpx 32rpx 16rpx;
     background-color: #f5f7fa;
@@ -680,13 +693,13 @@ const start = dayjs(end).add(-12, 'months')
   }
   
   .chart-container {
-    margin: 16rpx 24rpx 160rpx;
+    margin: 16rpx 24rpx 60rpx;
     padding: 16rpx;
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
     border-radius: 16rpx;
     box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
     width: calc(100% - 48rpx);
-    height: 850rpx;
+    height: 800rpx;
     overflow: visible;
     position: relative;
   }
diff --git a/src/pages/statistic/index.vue b/src/pages/statistic/index.vue
index 954e3eb..c0a61e2 100644
--- a/src/pages/statistic/index.vue
+++ b/src/pages/statistic/index.vue
@@ -81,7 +81,8 @@
         { path: '/pages/statistic/accounts/creditCardDealAnalysis/index', text: '信用卡收支统计', icon: 'vip-filled', color: 'linear-gradient(135deg, #d38cff 0%, #9d50bb 100%)', permission: 'invest:creditCard' },
         { path: '/pages/statistic/accounts/debitDealAnalysis/index', text: '储蓄账户统计', icon: 'paperplane', color: 'linear-gradient(135deg, #00b4db 0%, #0083b0 100%)', permission: 'invest:debitCard'  },
         { path: '/pages/statistic/accounts/debitCardAnalysis/index', text: '结算卡统计', icon: 'star', color: 'linear-gradient(135deg, #fa8231 0%, #f7971e 100%)', permission: 'invest:debitCardAnalysis:list' },
-        { path: '/pages/statistic/accounts/posStatics/index', text: 'POS机统计', icon: 'navigate-filled', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)', permission: 'invest:posStatics:list' },
+        { path: '/pages/statistic/accounts/posStatics/index', text: 'POS机统计', icon: 'navigate-filled', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)', permission: 'invest:posmachine:list' },
+        { path: '/pages/statistic/accounts/posAnalysis/index', text: 'POS刷卡统计', icon: 'scan', color: 'linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%)', permission: 'invest:posStatics:list' },
         { path: '/pages/statistic/accounts/sleepAccounts/index', text: '睡眠账户统计', icon: 'eye-slash-filled', color: 'linear-gradient(135deg, #636e72 0%, #2d3436 100%)', permission: 'invest:debitCard' },
         { path: '/pages/statistic/accounts/openCardStatics/index', text: '储蓄卡开卡统计', icon: 'gift-filled', color: 'linear-gradient(135deg, #fd79a8 0%, #e84393 100%)', permission: 'invest:debitCard' },
         { path: '/pages/statistic/accounts/dailyLiabilities/index', text: '每日净资产统计', icon: 'bars', color: 'linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%)', permission: 'invest:dailyLiabilities:list' },
diff --git a/src/pages/work/accounts/accountDealRecord/list.vue b/src/pages/work/accounts/accountDealRecord/list.vue
index 9073b30..e4a5cb5 100644
--- a/src/pages/work/accounts/accountDealRecord/list.vue
+++ b/src/pages/work/accounts/accountDealRecord/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.accountName" border="false" placeholder="请选择记账账户" class="search-input"
           @click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -79,7 +80,7 @@
         </u-transition>
       </view>
     </u-sticky>
-    <u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -425,8 +426,8 @@ function selectAccountType(item) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+   height: 100%;
+   overflow: auto;
 }
 .btnAdd {
       width: 146rpx;
@@ -569,25 +570,38 @@ page {
         height: 88rpx;
         border-radius: 12rpx;
         font-size: 30rpx;
-        font-weight: 500;
+        font-weight: 600;
         transition: all 0.3s ease;
         
         &:active {
-          transform: scale(0.95);
+          transform: scale(0.98);
+          opacity: 0.9;
+        }
+        
+        text {
+          line-height: 1;
         }
       }
       
       .btn-reset {
         flex: 1;
         background: #f5f7fa;
-        color: #666666;
+        border: 2rpx solid #dcdfe6;
+        
+        text {
+          color: #606266;
+        }
       }
       
       .btn-confirm {
-        flex: 2;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        color: #ffffff;
-        box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+        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/work/accounts/accounts/commonList.vue b/src/pages/work/accounts/accounts/commonList.vue
index f2feec8..6d805df 100644
--- a/src/pages/work/accounts/accounts/commonList.vue
+++ b/src/pages/work/accounts/accounts/commonList.vue
@@ -288,6 +288,10 @@ function selectType(item) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/accounts/accounts/list.vue b/src/pages/work/accounts/accounts/list.vue
index a05fb70..c3d2353 100644
--- a/src/pages/work/accounts/accounts/list.vue
+++ b/src/pages/work/accounts/accounts/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.accountName" border="false" placeholder="请选择记账账户" class="search-input"
           @click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -332,8 +333,8 @@ function selectType(item) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+   height: 100%;
+  overflow: auto;
 }
 .btnAdd {
       width: 146rpx;
diff --git a/src/pages/work/accounts/creditTransferRecord/list.vue b/src/pages/work/accounts/creditTransferRecord/list.vue
index 6486161..a99995f 100644
--- a/src/pages/work/accounts/creditTransferRecord/list.vue
+++ b/src/pages/work/accounts/creditTransferRecord/list.vue
@@ -1,22 +1,24 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="add-btn" @click="handleAdd()">
-        <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
-        <text>新增</text>
-      </view>
-    </view>
-    <view class="search-view">
-      <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择还款时间" suffixIcon="calendar"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="filter-btn" @click="filterPanel = !filterPanel">
-        <uni-icons type="list" size="18" color="#667eea"></uni-icons>
-        <text>筛选</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
       </view>
+      <view class="search-view">
+        <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择还款时间" suffixIcon="calendar"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
          
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
@@ -77,7 +79,8 @@
           </view>
         </u-transition>
       </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -329,7 +332,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
@@ -351,8 +355,7 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/accounts/debitTransferRecord/list.vue b/src/pages/work/accounts/debitTransferRecord/list.vue
index ec510b7..b9f96f8 100644
--- a/src/pages/work/accounts/debitTransferRecord/list.vue
+++ b/src/pages/work/accounts/debitTransferRecord/list.vue
@@ -1,22 +1,24 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u--input v-model="queryParams.accountName" border="false" placeholder="请选择储蓄账户" class="search-input"
-        @click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
-      </u--input>
-      <view class="add-btn" @click="handleAdd()">
-        <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
-        <text>新增</text>
-      </view>
-    </view>
-    <view class="search-view">
-      <u--input v-model="queryParams.time" border="false" readonly placeholder="请选择转账时间" class="search-input"
-        suffixIcon="calendar" suffixIconStyle="color: #909399">
-      </u--input>
-      <view class="filter-btn" @click="filterPanel = !filterPanel">
-        <uni-icons type="list" size="18" color="#667eea"></uni-icons>
-        <text>筛选</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u--input v-model="queryParams.accountName" border="false" placeholder="请选择储蓄账户" class="search-input"
+          @click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
       </view>
+      <view class="search-view">
+        <u--input v-model="queryParams.time" border="false" readonly placeholder="请选择转账时间" class="search-input"
+          suffixIcon="calendar" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
 
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
@@ -72,7 +74,8 @@
           </view>
         </u-transition>
       </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -353,7 +356,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
@@ -375,8 +379,8 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
+
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/accounts/investAccountDeal/list.vue b/src/pages/work/accounts/investAccountDeal/list.vue
index 5443cfe..6a07429 100644
--- a/src/pages/work/accounts/investAccountDeal/list.vue
+++ b/src/pages/work/accounts/investAccountDeal/list.vue
@@ -1,22 +1,24 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
-        @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
-      </u--input>
-      <view class="add-btn" @click="handleAdd()">
-        <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
-        <text>新增</text>
-      </view>
-    </view>
-    <view class="search-view">
-      <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择交易时间" suffixIcon="calendar"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="filter-btn" @click="filterPanel = !filterPanel">
-        <uni-icons type="list" size="18" color="#667eea"></uni-icons>
-        <text>筛选</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
       </view>
+      <view class="search-view">
+        <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择交易时间" suffixIcon="calendar"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
 
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
@@ -76,7 +78,8 @@
           </view>
         </u-transition>
       </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -334,7 +337,8 @@ function selectAccountType(item) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
@@ -356,8 +360,7 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/accounts/investTransferRecord/list.vue b/src/pages/work/accounts/investTransferRecord/list.vue
index 849dc95..1ebc83e 100644
--- a/src/pages/work/accounts/investTransferRecord/list.vue
+++ b/src/pages/work/accounts/investTransferRecord/list.vue
@@ -1,22 +1,24 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
-        @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
-      </u--input>
-      <view class="add-btn" @click="handleAdd()">
-        <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
-        <text>新增</text>
-      </view>
-    </view>
-    <view class="search-view">
-      <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择转账时间"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="filter-btn" @click="filterPanel = !filterPanel">
-        <uni-icons type="list" size="18" color="#667eea"></uni-icons>
-        <text>筛选</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
       </view>
+      <view class="search-view">
+        <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择转账时间"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
 
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
@@ -77,7 +79,8 @@
           </view>
         </u-transition>
       </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -307,7 +310,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
@@ -329,8 +333,8 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
+
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/accounts/lendTransferRecord/list.vue b/src/pages/work/accounts/lendTransferRecord/list.vue
index 0822206..4b412ea 100644
--- a/src/pages/work/accounts/lendTransferRecord/list.vue
+++ b/src/pages/work/accounts/lendTransferRecord/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
          <view class="search-view">
           <u--input v-model="queryParams.name" border="false" placeholder="请输入借贷账户名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -302,7 +303,7 @@ function dictStr(val, arr) {
 <style lang="scss" scoped>
 page {
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
 }
 .btnAdd {
       width: 146rpx;
diff --git a/src/pages/work/accounts/posTransferRecord/list.vue b/src/pages/work/accounts/posTransferRecord/list.vue
index 8f1827b..88513d3 100644
--- a/src/pages/work/accounts/posTransferRecord/list.vue
+++ b/src/pages/work/accounts/posTransferRecord/list.vue
@@ -1,27 +1,29 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-    </view>
-    <view class="search-view">
-      <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="add-btn" @click="handleAdd()">
-        <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
-        <text>新增</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
       </view>
-    </view>
-    <view class="search-view">
-      <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择刷卡时间" suffixIcon="calendar"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="filter-btn" @click="filterPanel = !filterPanel">
-        <uni-icons type="list" size="18" color="#667eea"></uni-icons>
-        <text>筛选</text>
+      <view class="search-view">
+        <u-input v-model="queryParams.accountName" border="false" type="select"  @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
       </view>
+      <view class="search-view">
+        <u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择刷卡时间" suffixIcon="calendar"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
 
       <u-transition :show="filterPanel" mode="fade">
           <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
@@ -77,7 +79,8 @@
           </view>
         </u-transition>
       </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="252" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item" @click="enterDetails(item)">
           <view class="item-header">
@@ -376,7 +379,8 @@ function settingCancel() {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
@@ -398,8 +402,7 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/accounts/posadvice/list.vue b/src/pages/work/accounts/posadvice/list.vue
index 892d530..37db739 100644
--- a/src/pages/work/accounts/posadvice/list.vue
+++ b/src/pages/work/accounts/posadvice/list.vue
@@ -1,15 +1,18 @@
 <template>
   <view class="container">
-    <view class="search-view">
-      <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
-        suffixIconStyle="color: #909399" class="search-input">
-      </u-input>
-      <view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
-        <uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
-        <text>清空</text>
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
+      <view class="search-view">
+        <u-input v-model="queryParams.creditCardName" border="false" type="select"  @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
+          suffixIconStyle="color: #909399" class="search-input">
+        </u-input>
+        <view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
+          <uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
+          <text>清空</text>
+        </view>
       </view>
-    </view>
-    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="80" lowerThreshold="100">
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item">
           <view class="item-header">
@@ -310,15 +313,18 @@ function settingCancel() {
       display:float;
       text-align: center;
     }
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .search-view {
   padding: 12rpx 32rpx;
   background-color: #ffffff;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
+
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/base/creditCard/list.vue b/src/pages/work/base/creditCard/list.vue
index be42fce..86511ec 100644
--- a/src/pages/work/base/creditCard/list.vue
+++ b/src/pages/work/base/creditCard/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入信用卡名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -275,8 +276,8 @@ function formatCardCode(code) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .btnAdd {
diff --git a/src/pages/work/base/debitCard/list.vue b/src/pages/work/base/debitCard/list.vue
index a422da3..0319f1d 100644
--- a/src/pages/work/base/debitCard/list.vue
+++ b/src/pages/work/base/debitCard/list.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入账户名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -282,8 +282,8 @@ function selectStatus(item) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .search-view {
diff --git a/src/pages/work/base/financials/list.vue b/src/pages/work/base/financials/list.vue
index bb84ea4..0baeddd 100644
--- a/src/pages/work/base/financials/list.vue
+++ b/src/pages/work/base/financials/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入理财账户名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -224,8 +225,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/base/futures/list.vue b/src/pages/work/base/futures/list.vue
index 1392465..30850ee 100644
--- a/src/pages/work/base/futures/list.vue
+++ b/src/pages/work/base/futures/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入期货账户名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -224,8 +225,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/base/lend/list.vue b/src/pages/work/base/lend/list.vue
index e5a8c86..c759d5f 100644
--- a/src/pages/work/base/lend/list.vue
+++ b/src/pages/work/base/lend/list.vue
@@ -249,8 +249,8 @@ function selectType(value) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .sticky-container {
diff --git a/src/pages/work/base/posmachine/list.vue b/src/pages/work/base/posmachine/list.vue
index 31c82c2..ebd505a 100644
--- a/src/pages/work/base/posmachine/list.vue
+++ b/src/pages/work/base/posmachine/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入POS机名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -247,8 +248,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/base/stocks/list.vue b/src/pages/work/base/stocks/list.vue
index 73846dc..5082082 100644
--- a/src/pages/work/base/stocks/list.vue
+++ b/src/pages/work/base/stocks/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入股票账户名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -213,8 +214,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  // height: 100%;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/bill/creditCardBill/addEdit.vue b/src/pages/work/bill/creditCardBill/addEdit.vue
index aeb056c..890ea87 100644
--- a/src/pages/work/bill/creditCardBill/addEdit.vue
+++ b/src/pages/work/bill/creditCardBill/addEdit.vue
@@ -218,7 +218,8 @@ onLoad((option) => {
   
   <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 
diff --git a/src/pages/work/bill/creditCardBill/details.vue b/src/pages/work/bill/creditCardBill/details.vue
index 2d69953..09874fa 100644
--- a/src/pages/work/bill/creditCardBill/details.vue
+++ b/src/pages/work/bill/creditCardBill/details.vue
@@ -269,7 +269,8 @@ function dictStr(val, arr) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 
@@ -289,8 +290,8 @@ page {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
-  top: 0;
+  position: relative;
+
   z-index: 100;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
diff --git a/src/pages/work/bill/creditCardBill/list.vue b/src/pages/work/bill/creditCardBill/list.vue
index 9b3b3ef..c5211e8 100644
--- a/src/pages/work/bill/creditCardBill/list.vue
+++ b/src/pages/work/bill/creditCardBill/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
@@ -293,7 +294,8 @@ function selectStatus(value) {
 
 <style lang="scss" scoped>
 page {
-  overflow: hidden;
+  height: 100%;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/bill/creditInstallmentHistory/details.vue b/src/pages/work/bill/creditInstallmentHistory/details.vue
index d227a1a..1d8c0f7 100644
--- a/src/pages/work/bill/creditInstallmentHistory/details.vue
+++ b/src/pages/work/bill/creditInstallmentHistory/details.vue
@@ -7,7 +7,8 @@
     >
     </u-navbar>
     
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u-input v-model="queryParams.name"  border="false" disabled ="false" type="select"  v-show="true" class="search-input">
         </u-input>
@@ -215,6 +216,10 @@ function handleUpdateInterest() {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .search-view {
   padding: 12rpx 32rpx;
   background-color: #ffffff;
diff --git a/src/pages/work/bill/creditInstallmentHistory/list.vue b/src/pages/work/bill/creditInstallmentHistory/list.vue
index 77cc24e..67c0d9b 100644
--- a/src/pages/work/bill/creditInstallmentHistory/list.vue
+++ b/src/pages/work/bill/creditInstallmentHistory/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u-input v-model="queryParams.onlineLendName" border="false" type="select"  @click="handleOnlineLend" placeholder="请选择信用卡" suffixIcon="search"
@@ -276,6 +277,10 @@ function selectStatus(value) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/creditQueryRecord/list.vue b/src/pages/work/bill/creditQueryRecord/list.vue
index 96b8a58..5cb005d 100644
--- a/src/pages/work/bill/creditQueryRecord/list.vue
+++ b/src/pages/work/bill/creditQueryRecord/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.queryInstitution" border="false" placeholder="请输入" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -278,6 +279,10 @@ function selectStatus(item) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .search-view {
   padding: 12rpx 32rpx;
   background-color: #ffffff;
diff --git a/src/pages/work/bill/futuresBill/details.vue b/src/pages/work/bill/futuresBill/details.vue
index ba2c427..093776f 100644
--- a/src/pages/work/bill/futuresBill/details.vue
+++ b/src/pages/work/bill/futuresBill/details.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u--input v-model="queryParams.time" border="false" disabled placeholder="请输入时间" class="search-input"
@@ -199,6 +200,10 @@ function dictStr(val, arr) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .sticky-container {
   background-color: #f5f7fa;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
diff --git a/src/pages/work/bill/futuresBill/list.vue b/src/pages/work/bill/futuresBill/list.vue
index fa4efb3..c2e007d 100644
--- a/src/pages/work/bill/futuresBill/list.vue
+++ b/src/pages/work/bill/futuresBill/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u-input v-model="queryParams.futureStocksName" border="false" type="select"  @click="handleFutureStocks" placeholder="请选择期货账户" suffixIcon="search"
 	    suffixIconStyle="color: #909399" class="search-input">
@@ -244,6 +245,10 @@ function selectStatus(item) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/onlineLendHistory/details.vue b/src/pages/work/bill/onlineLendHistory/details.vue
index 6950cfc..04a01ed 100644
--- a/src/pages/work/bill/onlineLendHistory/details.vue
+++ b/src/pages/work/bill/onlineLendHistory/details.vue
@@ -7,7 +7,8 @@
     >
     </u-navbar>
     
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u-input v-model="queryParams.name"  border="false" disabled ="false" type="select"  v-show="true" class="search-input">
         </u-input>
@@ -216,6 +217,10 @@ function handleUpdateInterest() {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/onlineLendHistory/list.vue b/src/pages/work/bill/onlineLendHistory/list.vue
index b66a8dd..21fa00d 100644
--- a/src/pages/work/bill/onlineLendHistory/list.vue
+++ b/src/pages/work/bill/onlineLendHistory/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u-input v-model="queryParams.onlineLendName" border="false" type="select" @click="handleOnlineLend" placeholder="请选择贷款机构" suffixIcon="search"
@@ -283,6 +284,10 @@ function selectStatus(value) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/peopleLendHistory/list.vue b/src/pages/work/bill/peopleLendHistory/list.vue
index cca625c..f9da383 100644
--- a/src/pages/work/bill/peopleLendHistory/list.vue
+++ b/src/pages/work/bill/peopleLendHistory/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u-input v-model="queryParams.onlineLendName" border="false" type="select"  @click="handleOnlineLend" placeholder="请选择人情借贷" suffixIcon="search"
@@ -269,7 +270,10 @@ function selectStatus(val) {
 .container {
   background-color: #f5f7fa;
 }
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/stocksBill/details.vue b/src/pages/work/bill/stocksBill/details.vue
index 052c551..e0dab44 100644
--- a/src/pages/work/bill/stocksBill/details.vue
+++ b/src/pages/work/bill/stocksBill/details.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="sticky-container">
         <view class="search-view">
           <u--input v-model="queryParams.time" border="false" disabled placeholder="请输入时间" class="search-input"
@@ -203,7 +204,10 @@ function dictStr(val, arr) {
   background-color: #f5f7fa;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 }
-
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/bill/stocksBill/list.vue b/src/pages/work/bill/stocksBill/list.vue
index 29bec26..37058b8 100644
--- a/src/pages/work/bill/stocksBill/list.vue
+++ b/src/pages/work/bill/stocksBill/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u-input v-model="queryParams.futureStocksName" border="false" type="select"  @click="handleFutureStocks" placeholder="请选择股票账户" suffixIcon="search"
 	    suffixIconStyle="color: #909399" class="search-input">
@@ -237,6 +238,10 @@ function selectStatus(item) {
 </script>
 
 <style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
 .btnAdd {
       width: 146rpx;
       height: 56rpx;
diff --git a/src/pages/work/heartJourney/list.vue b/src/pages/work/heartJourney/list.vue
index f7f9a52..03ee73a 100644
--- a/src/pages/work/heartJourney/list.vue
+++ b/src/pages/work/heartJourney/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入标题" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -242,6 +243,10 @@ function selectStatus(item) {
 .container {
   background: #f5f7fa;
 }
+page {
+  height: 100%;
+  overflow: auto;
+}
 
 .btnAdd {
       width: 146rpx;
@@ -384,25 +389,38 @@ function selectStatus(item) {
         height: 88rpx;
         border-radius: 12rpx;
         font-size: 30rpx;
-        font-weight: 500;
+        font-weight: 600;
         transition: all 0.3s ease;
         
         &:active {
-          transform: scale(0.95);
+          transform: scale(0.98);
+          opacity: 0.9;
+        }
+        
+        text {
+          line-height: 1;
         }
       }
       
       .btn-reset {
         flex: 1;
         background: #f5f7fa;
-        color: #666666;
+        border: 2rpx solid #dcdfe6;
+        
+        text {
+          color: #606266;
+        }
       }
       
       .btn-confirm {
-        flex: 2;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        color: #ffffff;
-        box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+        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/work/product/productInfor/list.vue b/src/pages/work/product/productInfor/list.vue
index 6ac1cfc..73d154b 100644
--- a/src/pages/work/product/productInfor/list.vue
+++ b/src/pages/work/product/productInfor/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.name" border="false" placeholder="请输入商品名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -253,7 +254,7 @@ function selectStatus(item) {
 <style lang="scss" scoped>
 page {
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .container {
diff --git a/src/pages/work/product/productPriceRecord/list.vue b/src/pages/work/product/productPriceRecord/list.vue
index b67e6d4..a38c361 100644
--- a/src/pages/work/product/productPriceRecord/list.vue
+++ b/src/pages/work/product/productPriceRecord/list.vue
@@ -1,6 +1,7 @@
 <template>
   <view class="container">
-    <u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+
       <view class="search-view">
         <u--input v-model="queryParams.kind" border="false" placeholder="请输入商品名称" class="search-input"
           @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
@@ -318,7 +319,7 @@ function selectStatus(item) {
 <style lang="scss" scoped>
 page {
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .container {