change responsive]

src/pages/menuPages/withdraw/components/table.vue

@@ -1,7 +1,8 @@
 <template>
-  <div>
+  <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست برداشت و واریز">
-      <BaseTable v-bind="tblProps" @register="submit" ref="tbl">
+      <div class="flex h-full min-h-0 flex-col">
+        <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
           <!--          <BaseButton type="primary" size="small" class="flex" @click="emits('add')">
             <div>افزودن مشتری عمده</div>
@@ -61,6 +62,15 @@
           </div>
         </template>
       </BaseTable>
+
+      <WithdrawMobileCardList
+        v-else
+        ref="mobileListRef"
+        class="min-h-0 flex-1"
+        @withdraw="(row) => emits('withdraw', row)"
+        @weight="(row) => emits('weight', row)"
+      />
+      </div>
     </BasicShowContext>
   </div>
 </template>
@@ -76,8 +86,11 @@ import { usePrefix } from '@core/composable/usePrefix'
 import { message } from 'ant-design-vue'
 import { getOrderTable } from '@/api/order'
 import {getWithdrawTable, updateSts} from '@/api/wallet'
+import WithdrawMobileCardList from './WithdrawMobileCardList.vue'
+import { isMobile } from '@core/utils/is'
 
 const [submit, reload] = useBaseTable()
+const mobileListRef = ref<null | { fetch: () => Promise<void> }>(null)
 /*const select = (val) => {
   val.sts === 1 ? return ['1'] : ['2']
 }*/
@@ -117,9 +130,8 @@ async function changeCustomerActivationFunction(id: number) {
   }
 }
 
-const fetch = () => {
-  // console.log('sss')
-  reload()
+async function fetch() {
+  await Promise.allSettled([reload(), mobileListRef.value?.fetch?.() as Promise<void>])
 }
 // const spinTable = (val: boolean) => {
 //   // console.log('sss')
@@ -144,7 +156,7 @@ const test = (record: any) => {
 const changeStatusHandler = async (status: any) => {
   try {
     await changeStatus(withdrawId.value as number, status)
-    reload()
+    await fetch()
   } catch (e: any) {
     console.log(e)
   }