From 791abd2819e21c268d7661fa8cc4368b476de416 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Thu, 12 Feb 2026 10:13:11 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=A1=A8=E6=A0=BC-=E7=8E=B0=E9=87=91?=
 =?UTF-8?q?=E6=94=B6=E6=AC=BE):=20=E8=A1=A8=E6=A0=BC=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E5=90=8E=E8=87=AA=E5=8A=A8=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E5=88=B0=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在四个收款明细页面中，为表格添加 ref 引用，并在获取数据后调用 setScrollTop 方法将表格滚动到顶部，避免用户手动滚动查看新数据
---
 src/views/moneyManage/receiveDetail/receiveFinance.vue | 10 ++++++++--
 src/views/moneyManage/receiveDetail/receiveHead.vue    | 10 ++++++++--
 src/views/moneyManage/receiveDetail/receiveManage.vue  | 10 ++++++++--
 src/views/moneyManage/receiveDetail/receiveService.vue | 10 ++++++++--
 4 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/views/moneyManage/receiveDetail/receiveFinance.vue b/src/views/moneyManage/receiveDetail/receiveFinance.vue
index 1f246d7..e6bb56c 100644
--- a/src/views/moneyManage/receiveDetail/receiveFinance.vue
+++ b/src/views/moneyManage/receiveDetail/receiveFinance.vue
@@ -112,7 +112,7 @@
                 </div>
 
                 <div class="table">
-                    <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
+                    <el-table ref="tableRef" :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
                         :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
                         :cell-style="{ textAlign: 'center' }">
                         <el-table-column type="index" :label="t('common_list.id')" width="100px" fixed="left">
@@ -640,7 +640,7 @@
 
 <script setup>
 // 仅导入地区财务所需依赖
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import API from '@/util/http.js';
@@ -679,6 +679,10 @@ const superAdmin = ref(false);
 const tableData = ref([]);
 const total = ref(0);
 const pageInfo = ref({ pageSize: 10, pageNum: 1 });
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 
 // 筛选地区树
 const market = ref([])
@@ -1000,6 +1004,8 @@ const getlist = async () => {
 
         if (result.code === 200) {
             tableData.value = result.data.list;
+            await nextTick()
+            scrollTableTop()
             total.value = result.data.total;
         } else {
             ElMessage.error(t('elmessage.orderDataLoadFailed'));
diff --git a/src/views/moneyManage/receiveDetail/receiveHead.vue b/src/views/moneyManage/receiveDetail/receiveHead.vue
index faf2475..de1702e 100644
--- a/src/views/moneyManage/receiveDetail/receiveHead.vue
+++ b/src/views/moneyManage/receiveDetail/receiveHead.vue
@@ -102,7 +102,7 @@
                 </div>
 
                 <div class="table">
-                    <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
+                    <el-table ref="tableRef" :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
                         :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
                         :cell-style="{ textAlign: 'center' }">
                         <el-table-column type="index" :label="t('common_list.id')" width="100px" fixed="left">
@@ -521,7 +521,7 @@
 
 <script setup>
 // 仅导入总部财务所需依赖
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import API from '@/util/http.js';
@@ -557,6 +557,10 @@ const { menuTree } = storeToRefs(adminStore);
 const tableData = ref([]);
 const total = ref(0);
 const pageInfo = ref({ pageSize: 10, pageNum: 1 });
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 
 // 搜索条件
 const searchData = ref({});
@@ -861,6 +865,8 @@ const getlist = async () => {
 
         if (result.code === 200) {
             tableData.value = result.data.list;
+            await nextTick()
+            scrollTableTop()
             total.value = result.data.total;
         } else {
             ElMessage.error(t('elmessage.orderDataLoadFailed'));
diff --git a/src/views/moneyManage/receiveDetail/receiveManage.vue b/src/views/moneyManage/receiveDetail/receiveManage.vue
index 1f246d7..e6bb56c 100644
--- a/src/views/moneyManage/receiveDetail/receiveManage.vue
+++ b/src/views/moneyManage/receiveDetail/receiveManage.vue
@@ -112,7 +112,7 @@
                 </div>
 
                 <div class="table">
-                    <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
+                    <el-table ref="tableRef" :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
                         :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
                         :cell-style="{ textAlign: 'center' }">
                         <el-table-column type="index" :label="t('common_list.id')" width="100px" fixed="left">
@@ -640,7 +640,7 @@
 
 <script setup>
 // 仅导入地区财务所需依赖
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import API from '@/util/http.js';
@@ -679,6 +679,10 @@ const superAdmin = ref(false);
 const tableData = ref([]);
 const total = ref(0);
 const pageInfo = ref({ pageSize: 10, pageNum: 1 });
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 
 // 筛选地区树
 const market = ref([])
@@ -1000,6 +1004,8 @@ const getlist = async () => {
 
         if (result.code === 200) {
             tableData.value = result.data.list;
+            await nextTick()
+            scrollTableTop()
             total.value = result.data.total;
         } else {
             ElMessage.error(t('elmessage.orderDataLoadFailed'));
diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
index c2a1009..0b457f5 100644
--- a/src/views/moneyManage/receiveDetail/receiveService.vue
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -80,7 +80,7 @@
                 </div>
 
                 <div class="table">
-                    <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
+                    <el-table ref="tableRef" :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
                         :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
                         :cell-style="{ textAlign: 'center' }">
                         <el-table-column type="index" :label="t('common_list.id')" width="100px" fixed="left">
@@ -430,7 +430,7 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted, computed } from 'vue';
+import { ref, watch, onMounted, computed, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { ElMessage, ElMessageBox } from 'element-plus'
 import API from '@/util/http.js'
@@ -457,6 +457,10 @@ const adminStore = useAdminStore();
 const { menuTree } = storeToRefs(adminStore);
 const adminData = ref({}) // 管理员信息
 const tableData = ref([]) // 表格数据
+const tableRef = ref(null)
+const scrollTableTop = () => {
+  tableRef.value?.setScrollTop?.(0)
+}
 const total = ref(0) // 总条数
 const pageInfo = ref({ pageSize: 10, pageNum: 1 }) // 分页信息
 const numUnitList = ref([t('cash.year'), t('cash.month')])
@@ -579,6 +583,8 @@ const getlist = async () => {
         })
         if (result.code == 200) {
             tableData.value = result.data.list
+            await nextTick()
+            scrollTableTop()
             total.value = result.data.total
         } else {
             ElMessage.error(t('elmessage.dataException'))