From c345da7f756ae8dc90fc58fbf859fbdcc3deb903 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Thu, 12 Feb 2026 10:28:48 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=A1=A8=E6=A0=BC-=E7=8E=B0=E9=87=91?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE):=20=E4=BF=AE=E5=A4=8D=E9=80=80=E6=AC=BE?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E8=A1=A8=E6=A0=BC=E7=BF=BB=E9=A1=B5=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

在退款管理的四个详情页面中，为表格添加引用并实现滚动到顶部的功能。
当获取新数据并渲染后，自动将表格滚动条重置到顶部，避免用户翻页时停留在之前的滚动位置。
---
 src/views/moneyManage/refundDetail/refundCharge.vue  | 10 ++++++++--
 src/views/moneyManage/refundDetail/refundFinance.vue | 10 ++++++++--
 src/views/moneyManage/refundDetail/refundHeader.vue  | 10 ++++++++--
 src/views/moneyManage/refundDetail/refundService.vue | 10 ++++++++--
 4 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/views/moneyManage/refundDetail/refundCharge.vue b/src/views/moneyManage/refundDetail/refundCharge.vue
index 9b40a47..59f2966 100644
--- a/src/views/moneyManage/refundDetail/refundCharge.vue
+++ b/src/views/moneyManage/refundDetail/refundCharge.vue
@@ -44,7 +44,7 @@
     </el-card>
 
     <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
+        <el-table ref="tableRef" :data="tableData" style="height:73vh;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 }}
@@ -352,7 +352,7 @@
     </el-dialog>
 </template>
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@@ -394,6 +394,10 @@ const pagination = ref({
 const market = ref([])
 const showAudit2 = ref(false)
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 const showSteps = ref(false)
 const submitter = ref('')// 提交人
 const areaFinance = ref('')// 地区财务
@@ -513,6 +517,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/refundDetail/refundFinance.vue b/src/views/moneyManage/refundDetail/refundFinance.vue
index 9ed9a13..e24cc01 100644
--- a/src/views/moneyManage/refundDetail/refundFinance.vue
+++ b/src/views/moneyManage/refundDetail/refundFinance.vue
@@ -41,7 +41,7 @@
     </el-card>
 
     <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
+        <el-table :ref="tableRef" :data="tableData" style="height:73vh;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 }}
@@ -330,7 +330,7 @@
     </el-dialog>
 </template>
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@@ -372,6 +372,10 @@ const pagination = ref({
 })
 const market = ref([])
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 const showAudit = ref(false)
 const auditRow = ref({})// 审核回显
 const showSteps = ref(false)
@@ -487,6 +491,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/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
index 9efbfed..6ee090c 100644
--- a/src/views/moneyManage/refundDetail/refundHeader.vue
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -41,7 +41,7 @@
     </el-card>
 
     <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
+        <el-table :ref="tableRef" :data="tableData" style="height:73vh;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 }}
@@ -341,7 +341,7 @@
 </template>
 <script setup>
 import BackgroundSvg from '@/assets/images/refund-progress.png'
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@@ -388,6 +388,10 @@ const pagination = ref({
 })
 const showAudit2 = ref(false)
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 const showSteps = ref(false)
 const uploadRef = ref(null)
 const submitter = ref('')// 提交人
@@ -539,6 +543,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/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
index 74af599..35c5616 100644
--- a/src/views/moneyManage/refundDetail/refundService.vue
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -57,7 +57,7 @@
     </el-card>
 
     <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw;background-color: rgb(243,250,254);">
+        <el-table :ref="tableRef" :data="tableData" style="height:73vh;width:82vw;background-color: rgb(243,250,254);">
             <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 }}
@@ -248,7 +248,7 @@
     </el-dialog>
 </template>
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@@ -296,6 +296,10 @@ const pagination = ref({
     total: 0
 })
 const tableData = ref([])
+const tableRef = ref(null)
+const scrollTableTop = () => {
+    tableRef.value?.setScrollTop?.(0)
+}
 const showEdit = ref(false)
 const uploadRef = ref(null)
 const showBack = ref(false)
@@ -373,6 +377,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'))