Browse Source

style: 优化Tracking和Booking表格虚拟滚动设置

zhouyuhao 1 year ago
parent
commit
d620a2a62c

+ 3 - 2
src/views/Booking/src/components/BookingTable/src/BookingTable.vue

@@ -121,6 +121,7 @@ const assignTableData = (data: any) => {
 }
 // 获取表格数据
 const getTableData = () => {
+  tableLoadingTable.value = true
   $api
     .getBookingTableData({
       cp: pageInfo.value.pageNo,
@@ -175,8 +176,8 @@ const bookingTable = ref<VxeGridProps<any>>({
   round: true,
   columns: [],
   data: [],
-  scrollY: { enabled: true, oSize: 20, gt: 30 },
-  scrollX: { enabled: true, gt: 20 },
+  scrollY: { enabled: true, oSize: 20, gt: 20, scrollToTopOnChange: true },
+  scrollX: { enabled: true, gt: 10, scrollToLeftOnChange: true },
   stripe: true,
   emptyText: ' ',
   showHeaderOverflow: true,

+ 3 - 2
src/views/Tracking/src/components/TrackingTable/src/TrackingTable.vue

@@ -156,7 +156,7 @@ const getSharedTableData = () => {
 // 获取表格数据
 const getTableData = async (isPageChange?: boolean) => {
   const rc = isPageChange ? pageInfo.value.total : -1
-
+  tableLoadingTable.value = true
   if (
     sessionStorage.getItem('clickParams') != null &&
     sessionStorage.getItem('clickParams') != '{}'
@@ -228,7 +228,8 @@ const trackingTable = ref<any>({
   round: true,
   columns: [],
   data: [],
-  scrollY: { enabled: true, oSize: 20, gt: 30 },
+  scrollY: { enabled: true, oSize: 20, gt: 20, scrollToTopOnChange: true },
+  scrollX: { enabled: true, gt: 2, scrollToLeftOnChange: true },
   stripe: true,
   emptyText: ' ',
   showHeaderOverflow: true,