|
@@ -13,8 +13,8 @@ const StaffModal = () => {
|
|
|
const [state, setState] = useState({
|
|
const [state, setState] = useState({
|
|
|
loading: true,
|
|
loading: true,
|
|
|
list: [],
|
|
list: [],
|
|
|
- page: 1,
|
|
|
|
|
- size: 10,
|
|
|
|
|
|
|
+ current: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
total: 0
|
|
total: 0
|
|
|
})
|
|
})
|
|
|
const initData = async params => {
|
|
const initData = async params => {
|
|
@@ -24,17 +24,23 @@ const StaffModal = () => {
|
|
|
// 请求的是第一页
|
|
// 请求的是第一页
|
|
|
setState({ ...state, list, total, loading: false })
|
|
setState({ ...state, list, total, loading: false })
|
|
|
} else {
|
|
} else {
|
|
|
- setState({ ...state, list: state.list.concat(list), total, loading: false })
|
|
|
|
|
|
|
+ setState({
|
|
|
|
|
+ ...state,
|
|
|
|
|
+ list: state.list.concat(list),
|
|
|
|
|
+ total,
|
|
|
|
|
+ loading: false,
|
|
|
|
|
+ pageSize: params?.pageSize || 1
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
|
- initData({ page: 1, size: 10 })
|
|
|
|
|
|
|
+ initData({ current: 1, pageSize: 10 })
|
|
|
}, [])
|
|
}, [])
|
|
|
const onChange = e => {
|
|
const onChange = e => {
|
|
|
const { value = '' } = e.target || e.currentTarget
|
|
const { value = '' } = e.target || e.currentTarget
|
|
|
- initData({ search: value, page: state.page, size: state.size })
|
|
|
|
|
|
|
+ initData({ search: value, current: state.current, pageSize: state.pageSize })
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const { run: handleInputChange } = useDebounceFn(onChange)
|
|
const { run: handleInputChange } = useDebounceFn(onChange)
|
|
@@ -52,7 +58,7 @@ const StaffModal = () => {
|
|
|
scrollRef.current.scrollTop
|
|
scrollRef.current.scrollTop
|
|
|
) {
|
|
) {
|
|
|
// 已到底部
|
|
// 已到底部
|
|
|
- initData({ page: state.page + 1, size: state.size })
|
|
|
|
|
|
|
+ initData({ current: state.current + 1, pageSize: state.pageSize })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
return (
|
|
return (
|