fix(表格-现金退款): 修复退款详情表格翻页后滚动位置未重置的问题

在退款管理的四个详情页面中，为表格添加引用并实现滚动到顶部的功能。
当获取新数据并渲染后，自动将表格滚动条重置到顶部，避免用户翻页时停留在之前的滚动位置。

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'))

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'))

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'))

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'))