fix(表格-现金收款): 表格数据刷新后自动滚动到顶部

在四个收款明细页面中，为表格添加 ref 引用，并在获取数据后调用 setScrollTop 方法将表格滚动到顶部，避免用户手动滚动查看新数据

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

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

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

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