Jelajahi Sumber

style: 调整create new booking 页面暗黑模式 表格加上loading动画

Jack Zhou 3 minggu lalu
induk
melakukan
956a87ad59

+ 2 - 4
src/styles/Antdui.scss

@@ -258,16 +258,14 @@ tr
 :where(.css-dev-only-do-not-override-1p3hq3p).ant-select-dropdown {
   background-color: var(--management-bg-color);
 }
-:where(.css-dev-only-do-not-override-1p3hq3p).ant-select:not(.ant-select-customize-input) div.ant-select-selector {
+.ant-select:not(.ant-select-customize-input) div.ant-select-selector {
   background-color: var(--management-bg-color);
+  border-color: var(--color-select-border);
 }
 
  :where(.css-dev-only-do-not-override-1p3hq3p).ant-select-single.ant-select-open .ant-select-selection-item {
     color: var(--color-neutral-1);
  }
- :where(.css-dev-only-do-not-override-1p3hq3p).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-color: var(--color-select-border);
- }
 
  .rc-virtual-list-scrollbar-thumb {
   background-color: var(--color-scrollbar-thumb) !important;

+ 4 - 0
src/views/DestinationDelivery/src/components/CreateNewBooking/src/CreateNewbooking.vue

@@ -382,6 +382,7 @@ let checkShipmentsdata = []
 let checkShipmentsInfo = {}
 let checkShipmentsSubmitInfoData = {}
 const getInitBookingData = () => {
+  bookingTableRef.value.tableLoadingTable = true
   $api
     .InitCreateBooking({
       serial_no: a != undefined ? a : ''
@@ -450,6 +451,9 @@ const getInitBookingData = () => {
         }
       }
     })
+    .finally(() => {
+      bookingTableRef.value.tableLoadingTable = false
+    })
 }
 const clearManageDialog = () => {
   ManageAddressList.value = []

+ 3 - 2
src/views/DestinationDelivery/src/components/CreateNewBooking/src/components/NewbookingTable.vue

@@ -110,11 +110,11 @@ const searchTableData = (val: any) => {
     })
     .then((res: any) => {
       if (res.code === 200) {
-        tableLoadingTable.value = false
         tableData.value.data = res.data.data
       }
     })
     .finally(() => {
+      tableLoadingTable.value = false
       nextTick(() => {
         tableRef.value &&
           autoWidth(tableData.value, tableRef.value, {
@@ -319,7 +319,8 @@ const getTableCheckedRows = () => {
 defineExpose({
   getTableData,
   searchTableData,
-  getTableCheckedRows
+  getTableCheckedRows,
+  tableLoadingTable
 })
 </script>