Procházet zdrojové kódy

feat: 优化小屏下BasicTable分页器大小,使用极简模式

lanjianrong před 4 roky
rodič
revize
f7df488f0d

+ 10 - 1
src/components/Table/src/BasicTable.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable no-param-reassign */
 import PermSelect from '@/pages/Customer/Company/components/PermSelect'
 import { TABLE_COLUMNS_MAP, ColumnStateEnum } from '@/utils/cache/cacheEnum'
-import { isBoolean, isNullOrUnDef } from '@/utils/is'
+import { isBoolean, isDef, isMobile, isNullOrUnDef, isObject } from '@/utils/is'
 import type { ColumnsState } from '@ant-design/pro-table'
 import ProTable from '@ant-design/pro-table'
 import { useModel } from 'umi'
@@ -135,6 +135,15 @@ const BasicTable: {
     resetProps.headerTitle = headerTitle
   }
 
+  // 判断是否是手机
+  if (isMobile()) {
+    if (isDef(resetProps.pagination)) {
+      resetProps.pagination = { simple: true }
+    }
+    if (isObject(resetProps.pagination)) {
+      resetProps.pagination = { ...resetProps.pagination, size: 'small' }
+    }
+  }
   const handleOnColumnsChange = (map: Record<string, ColumnsState>) => {
     setState({ ...state, columnsStateMap: map })
     const authColumnsStateMap = getAuthCache(TABLE_COLUMNS_MAP)

+ 4 - 2
src/pages/Customer/Client/components/AddClient/TelephoneFormItem.jsx

@@ -46,8 +46,10 @@ const TelephoneFormItem = ({ value, onChange, validateFn }) => {
       validateFn(validateEnum.Error)
     } else {
       setState({ ...state, inputVal: val })
-      validateFn(validateEnum.Validating)
-      handleQueryList(val)
+      if (val?.length > 10) {
+        validateFn(validateEnum.Validating)
+        handleQueryList(val)
+      }
     }
     triggerChange(val)
   }