|
@@ -16,10 +16,14 @@ const StaffModal = ({ id, onSelect, postUrl }) => {
|
|
|
list: [],
|
|
list: [],
|
|
|
current: 1,
|
|
current: 1,
|
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
|
|
|
+ noMore: false,
|
|
|
total: 0
|
|
total: 0
|
|
|
})
|
|
})
|
|
|
const initData = async params => {
|
|
const initData = async params => {
|
|
|
- const { data: { list, total } = { list: [], total: 0 }, code = -1 } = await queryStaff(params)
|
|
|
|
|
|
|
+ const { data: { list, total } = { list: [], total: 0 }, code = -1 } = await queryStaff({
|
|
|
|
|
+ ...params,
|
|
|
|
|
+ waiver: true
|
|
|
|
|
+ })
|
|
|
if (code === consts.RET_CODE.SUCCESS) {
|
|
if (code === consts.RET_CODE.SUCCESS) {
|
|
|
if (params?.current === 1) {
|
|
if (params?.current === 1) {
|
|
|
scrollRef.current?.scrollTo({ top: 0 })
|
|
scrollRef.current?.scrollTo({ top: 0 })
|
|
@@ -70,6 +74,10 @@ const StaffModal = ({ id, onSelect, postUrl }) => {
|
|
|
scrollRef.current.scrollTop
|
|
scrollRef.current.scrollTop
|
|
|
) {
|
|
) {
|
|
|
// 已到底部
|
|
// 已到底部
|
|
|
|
|
+ if (state.current * state.pageSize > state.total) {
|
|
|
|
|
+ setState({ ...state, noMore: true })
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
state.current * state.pageSize < state.total &&
|
|
state.current * state.pageSize < state.total &&
|
|
|
initData({ current: state.current + 1, pageSize: state.pageSize, search: state.searchVal })
|
|
initData({ current: state.current + 1, pageSize: state.pageSize, search: state.searchVal })
|
|
|
}
|
|
}
|
|
@@ -84,7 +92,11 @@ const StaffModal = ({ id, onSelect, postUrl }) => {
|
|
|
onChange={handleInputChange}
|
|
onChange={handleInputChange}
|
|
|
/>
|
|
/>
|
|
|
}>
|
|
}>
|
|
|
- <div className={styles.modalContent} ref={scrollRef} onScroll={handleListScroll}>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ className={styles.modalContent}
|
|
|
|
|
+ ref={scrollRef}
|
|
|
|
|
+ onScroll={handleListScroll}
|
|
|
|
|
+ style={{ paddingBottom: 0 }}>
|
|
|
<Spin spinning={state.loading}>
|
|
<Spin spinning={state.loading}>
|
|
|
{state.list.map(item => (
|
|
{state.list.map(item => (
|
|
|
<div key={item.id} className={styles.card}>
|
|
<div key={item.id} className={styles.card}>
|
|
@@ -100,6 +112,7 @@ const StaffModal = ({ id, onSelect, postUrl }) => {
|
|
|
</div>
|
|
</div>
|
|
|
))}
|
|
))}
|
|
|
</Spin>
|
|
</Spin>
|
|
|
|
|
+ {state.noMore && <div className="text-center text-gray-400 my-4">已到底部</div>}
|
|
|
</div>
|
|
</div>
|
|
|
</CustomModal>
|
|
</CustomModal>
|
|
|
)
|
|
)
|