diff --git a/ui/src/api/home-page/home.ts b/ui/src/api/home-page/home.ts
index db7fd710745..dc0c4a34079 100644
--- a/ui/src/api/home-page/home.ts
+++ b/ui/src/api/home-page/home.ts
@@ -95,11 +95,7 @@ const getMonitorAggregation: (params: any, loading?: Ref<boolean>) => Promise<Re
   params,
   loading,
 ) => {
-  return get(
-    `${prefix.value}/monitoring/aggregation`,
-    params,
-    loading,
-  )
+  return get(`${prefix.value}/monitoring/aggregation`, params, loading)
 }
 
 /**
@@ -110,11 +106,7 @@ const getChatRecordAggregation: (params: any, loading?: Ref<boolean>) => Promise
   params,
   loading,
 ) => {
-  return get(
-    `${prefix.value}/chat_record/aggregation`,
-    params,
-    loading,
-  )
+  return get(`${prefix.value}/chat_record/aggregation`, params, loading)
 }
 /**
  * Token总数
@@ -124,11 +116,7 @@ const getTokensAggregation: (params: any, loading?: Ref<boolean>) => Promise<Res
   params,
   loading,
 ) => {
-  return get(
-    `${prefix.value}/tokens/aggregation`,
-    params,
-    loading,
-  )
+  return get(`${prefix.value}/tokens/aggregation`, params, loading)
 }
 
 /**
@@ -139,17 +127,14 @@ const exportTokensRankings: (params: any, loading?: Ref<boolean>) => Promise<Res
   params,
   loading,
 ) => {
-  return get(
-    `${prefix.value}/tokens_ranking/export`,
-    params,
-    loading,
-  )
+  return exportFile('tokens_ranking', `${prefix.value}/tokens_ranking/export`, params, loading)
 }
 const exportQuestionsRankings: (params: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
   params,
   loading,
 ) => {
-  return get(
+  return exportFile(
+    'questions_rankings',
     `${prefix.value}/question_ranking/export`,
     params,
     loading,
@@ -159,7 +144,8 @@ const exportUserTokensRankings: (params: any, loading?: Ref<boolean>) => Promise
   params,
   loading,
 ) => {
-  return get(
+  return exportFile(
+    'user_tokens_rankings',
     `${prefix.value}/user_tokens_ranking/export`,
     params,
     loading,
diff --git a/ui/src/views/home/component/Ranking.vue b/ui/src/views/home/component/Ranking.vue
index 8213072aebf..80a7cdbfac1 100644
--- a/ui/src/views/home/component/Ranking.vue
+++ b/ui/src/views/home/component/Ranking.vue
@@ -59,7 +59,10 @@
                   </div>
                 </div>
                 <div class="text-right" style="width: 100px">
-                  <el-progress :percentage="TokenTotal.value ? (item?.total_tokens / TokenTotal.value) * 100 : 0" :show-text="false" />
+                  <el-progress
+                    :percentage="TokenTotal ? (item?.total_tokens / TokenTotal) * 100 : 0"
+                    :show-text="false"
+                  />
                   <p class="color-secondary mt-4">{{ numberFormat(item?.total_tokens || 0) }}</p>
                 </div>
               </div>
@@ -105,7 +108,12 @@
                   </div>
                 </div>
                 <div class="text-right" style="width: 100px">
-                  <el-progress :percentage="ChatRecordTotal.value ? (item?.chat_record_count / ChatRecordTotal.value) * 100 : 0" :show-text="false" />
+                  <el-progress
+                    :percentage="
+                      ChatRecordTotal ? (item?.chat_record_count / ChatRecordTotal) * 100 : 0
+                    "
+                    :show-text="false"
+                  />
                   <p class="color-secondary mt-4">
                     {{ numberFormat(item?.chat_record_count || 0) }}
                   </p>
@@ -150,7 +158,10 @@
                   </div>
                 </div>
                 <div class="text-right" style="width: 100px">
-                  <el-progress :percentage="TokenTotal.value ? (item?.total_tokens / TokenTotal.value) * 100 : 0" :show-text="false" />
+                  <el-progress
+                    :percentage="TokenTotal ? (item?.total_tokens / TokenTotal) * 100 : 0"
+                    :show-text="false"
+                  />
                   <p class="color-secondary mt-4">
                     {{ numberFormat(item?.total_tokens || 0) }}
                   </p>
diff --git a/ui/src/views/home/component/RankingDrawer.vue b/ui/src/views/home/component/RankingDrawer.vue
index 233dd8086ca..ab2af4d299c 100644
--- a/ui/src/views/home/component/RankingDrawer.vue
+++ b/ui/src/views/home/component/RankingDrawer.vue
@@ -82,9 +82,7 @@
           </el-table-column>
           <el-table-column width="200" :label="$t('layout.home.proportion')">
             <template #default="{ row }">
-              <el-progress
-                :percentage="TokenTotal.value ? (row?.total_tokens / TokenTotal.value) * 100 : 0"
-              />
+              <el-progress :percentage="TokenTotal ? (row?.total_tokens / TokenTotal) * 100 : 0" />
             </template>
           </el-table-column>
           <el-table-column
@@ -156,11 +154,7 @@
           <el-table-column width="200" :label="$t('layout.home.proportion')">
             <template #default="{ row }">
               <el-progress
-                :percentage="
-                  ChatRecordTotal.value
-                    ? (row?.chat_record_count / ChatRecordTotal.value) * 100
-                    : 0
-                "
+                :percentage="ChatRecordTotal ? (row?.chat_record_count / ChatRecordTotal) * 100 : 0"
               />
             </template>
           </el-table-column>
@@ -228,7 +222,7 @@
           <el-table-column width="200" :label="$t('layout.home.proportion')">
             <template #default="{ row }">
               <el-progress
-                :percentage="TokenTotal.value ? (row.total_tokens / TokenTotal.value) * 100 : 0"
+                :percentage="TokenTotal ? (row.total_tokens / TokenTotal) * 100 : 0"
                 :show-text="false"
               />
             </template>
@@ -394,6 +388,7 @@ function handleSizeChange() {
 }
 
 function exportHandle() {
+  console.log('sss')
   if (activeName.value === 'tokens_agent') {
     homeApi
       .exportTokensRankings({ name: search_text.value, ...daterange.value }, loading)