From 0707bcd353b8f13a2d8f158ef9def09c201e619c Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Thu, 12 Feb 2026 10:31:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=A1=A8=E6=A0=BC-=E7=8E=B0=E9=87=91?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=AE=8C=E6=88=90):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=95=B0=E6=8D=AE=E5=88=B7=E6=96=B0=E5=90=8E?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E4=BD=8D=E7=BD=AE=E6=9C=AA=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在三个资金管理页面的表格组件中添加 ref 引用，并在数据加载完成后自动滚动到顶部
---
 src/views/moneyManage/executor/executor.vue                    | 10 ++++++++--
 src/views/moneyManage/financialAccount/cashFlow.vue            | 10 ++++++++--
 .../moneyManage/financialAccount/performanceAttribution.vue    | 10 ++++++++--
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/views/moneyManage/executor/executor.vue b/src/views/moneyManage/executor/executor.vue
index e66a025..4df0f1b 100644
--- a/src/views/moneyManage/executor/executor.vue
+++ b/src/views/moneyManage/executor/executor.vue
@@ -53,7 +53,7 @@
   </el-card>
 
   <el-card style="background-color: rgb(231,244,253);height:80vh;">
-    <el-table :data="tableData" style="height:70vh;width:82vw;">
+    <el-table :ref="tableRef" :data="tableData" style="height:70vh;width:82vw;">
       <el-table-column type="index" :label="t('common_list.id')" width="60" fixed="left">
         <template #default="scope">
           {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
@@ -261,7 +261,7 @@
   </el-dialog>
 </template>
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
 import dayjs from 'dayjs'
@@ -281,6 +281,10 @@ const { t } = useI18n()
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
 const dateRange = ref([])
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+  tableRef.value?.setScrollTop?.(0)
+}
 const editRow = ref({})// 编辑回显
 const statusList = ref([t('cash.pending'), t('cash.refundSuccess')])
 const pagination = ref({
@@ -355,6 +359,8 @@ const getRefund = async function () {
     })
 
     tableData.value = result.data.list || []
+    await nextTick()
+    scrollTableTop()
     pagination.value.total = result.data.total || 0
   } catch (error) {
     ElMessage.error(error.message || t('elmessage.searchFailed'))
diff --git a/src/views/moneyManage/financialAccount/cashFlow.vue b/src/views/moneyManage/financialAccount/cashFlow.vue
index 1fffed7..845d9e3 100644
--- a/src/views/moneyManage/financialAccount/cashFlow.vue
+++ b/src/views/moneyManage/financialAccount/cashFlow.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import request from '@/util/http.js'
@@ -57,6 +57,10 @@ const queryParams = reactive({
 
 const total = ref(0)
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+  tableRef.value?.setScrollTop?.(0)
+}
 const loading = ref(false)
 
 // 转换树形结构（参考 coinConsumeDetail.vue）
@@ -124,6 +128,8 @@ const fetchData = async () => {
     const res = await Moneyfunds(params)
     if (res.code == 200) {
       tableData.value = res.data.list || []
+      await nextTick()
+      scrollTableTop()
       total.value = res.data.total || 0
       loading.value = false
     } else {
@@ -455,7 +461,7 @@ onMounted(async () => {
 
     <!-- 表格区域 -->
     <el-card class="table-card">
-      <el-table :data="tableData" v-loading="loading" style="width: 100%; flex: 1;" :cell-style="{ textAlign: 'center' }"  :header-cell-style="{ background: '#F3FAFE', color: '#333',textAlign: 'center' }">
+      <el-table :ref="tableRef" :data="tableData" v-loading="loading" style="width: 100%; flex: 1;" :cell-style="{ textAlign: 'center' }"  :header-cell-style="{ background: '#F3FAFE', color: '#333',textAlign: 'center' }">
         <el-table-column type="index" :label="t('common_list.id')" width="60" align="center" fixed="left" />
         <el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="120" fixed="left" />
         <el-table-column prop="name" :label="t('common_list.name')" width="150" show-overflow-tooltip />
diff --git a/src/views/moneyManage/financialAccount/performanceAttribution.vue b/src/views/moneyManage/financialAccount/performanceAttribution.vue
index 4b814dc..6e3eaff 100644
--- a/src/views/moneyManage/financialAccount/performanceAttribution.vue
+++ b/src/views/moneyManage/financialAccount/performanceAttribution.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, onMounted, toRefs } from 'vue'
+import { ref, reactive, onMounted, toRefs, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import request from '@/util/http.js'
 import dayjs from 'dayjs'
@@ -49,6 +49,10 @@ const queryParams = reactive({
 
 const total = ref(0)
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+  tableRef.value?.setScrollTop?.(0)
+}
 const loading = ref(false)
 
 // 转换树形结构（参考 coinConsumeDetail.vue）
@@ -101,6 +105,8 @@ const fetchData = async () => {
     const res = await performanceSelect(params)
     if (res.code == 200) {
       tableData.value = res.data.list || []
+      await nextTick()
+      scrollTableTop()
       total.value = res.data.total || 0
       loading.value = false
     } else {
@@ -312,7 +318,7 @@ onMounted( async() => {
 
     <!-- 表格区域 -->
     <el-card class="table-card">
-      <el-table :data="tableData" v-loading="loading" style="width: 100%; flex: 1;" :cell-style="{ textAlign: 'center' }"  :header-cell-style="{ background: '#F3FAFE', color: '#333',textAlign: 'center' }">
+      <el-table :ref="tableRef" :data="tableData" v-loading="loading" style="width: 100%; flex: 1;" :cell-style="{ textAlign: 'center' }"  :header-cell-style="{ background: '#F3FAFE', color: '#333',textAlign: 'center' }">
         <el-table-column type="index" :label="t('common_list.id')" min-width="60" align="center" fixed="left" />
         <el-table-column prop="jwcode" :label="t('common_list.jwcode')" min-width="120" fixed="left" />
         <el-table-column prop="name" :label="t('common_list.name')" min-width="150" show-overflow-tooltip />