Bläddra i källkod

feat: 修改表格加载动画在表格自适应宽度之后

zhouyuhao 1 år sedan
förälder
incheckning
26cbc46f1a

+ 14 - 4
src/views/Booking/src/components/BookingTable/src/BookingTable.vue

@@ -80,7 +80,10 @@ const getTableColumns = async (isInit: boolean) => {
     }
   })
   nextTick(() => {
-    !isInit && (tableLoading.value = false)
+    if (!isInit) {
+      tableRef.value && autoWidth(bookingTable.value, tableRef.value)
+      tableLoading.value = false
+    }
   })
 }
 
@@ -103,6 +106,7 @@ const getTableData = async (isInit: boolean, isPageChange?: boolean) => {
       if (res.code === 200) {
         bookingTable.value.data = res.data.searchData || []
         pageInfo.value.total = Number(res.data.rc)
+
         // 拥有所有字段的表格
         setTimeout(() => {
           allTable.value.columns = handleColumns(res.data.allColums, 'all')
@@ -115,7 +119,10 @@ const getTableData = async (isInit: boolean, isPageChange?: boolean) => {
       }
     })
   nextTick(() => {
-    !isInit && (tableLoading.value = false)
+    if (!isInit) {
+      tableRef.value && autoWidth(bookingTable.value, tableRef.value)
+      tableLoading.value = false
+    }
   })
 }
 // 查询列表数据
@@ -144,7 +151,10 @@ const searchTableData = (data: any) => {
         } else {
           bookingTable.value.data = res.data.searchData || []
           pageInfo.value.total = Number(res.data.rc)
-          tableLoading.value = false
+          nextTick(() => {
+            tableRef.value && autoWidth(bookingTable.value, tableRef.value)
+            tableLoading.value = false
+          })
           // 拥有所有字段的表格
           setTimeout(() => {
             allTable.value.columns = handleColumns(res.data.allColums, 'all')
@@ -162,9 +172,9 @@ const searchTableData = (data: any) => {
 onMounted(() => {
   tableLoading.value = true
   Promise.all([getTableColumns(true), getTableData(true)]).finally(() => {
-    tableLoading.value = false
     nextTick(() => {
       tableRef.value && autoWidth(bookingTable.value, tableRef.value)
+      tableLoading.value = false
     })
   })
 })

BIN
src/views/Login/src/image/code.png


+ 1 - 1
src/views/Tracking/src/components/PublicTracking/src/PublicTrackingSearch.vue

@@ -141,7 +141,7 @@ const confirmVerify = () => {
   justify-content: center;
   align-items: center;
   padding-bottom: 160px;
-  background: url(./image/bg.png) no-repeat center center;
+  background: url(../../../../../Login/src/image/bg.png) no-repeat center center;
   background-size: cover;
   z-index: 1;
   height: 100%;

BIN
src/views/Tracking/src/components/PublicTracking/src/image/bg.png


+ 4 - 1
src/views/Tracking/src/components/TrackingTable/src/TrackingTable.vue

@@ -205,7 +205,10 @@ const getTableData = async (isInit: boolean, isPageChange?: boolean) => {
       })
   }
   nextTick(() => {
-    !isInit && (tableLoadingTableData.value = false)
+    if (!isInit) {
+      tableRef.value && autoWidth(trackingTable.value, tableRef.value)
+      tableLoadingTableData.value = false
+    }
   })
 }