树形部门选择组件

This commit is contained in:
禺狨 2023-03-03 18:45:26 +08:00
parent 426713b661
commit 0220e608bc

View File

@ -33,6 +33,8 @@ export const MemberPage: React.FC = () => {
const [size, setSize] = useState<number>(10); const [size, setSize] = useState<number>(10);
const [list, setList] = useState<any>([]); const [list, setList] = useState<any>([]);
const [total, setTotal] = useState<number>(0); const [total, setTotal] = useState<number>(0);
const [refresh, setRefresh] = useState(false);
const [nickname, setNickname] = useState<string>(""); const [nickname, setNickname] = useState<string>("");
const [email, setEmail] = useState<string>(""); const [email, setEmail] = useState<string>("");
const [id_card, setIdCard] = useState<string>(""); const [id_card, setIdCard] = useState<string>("");
@ -85,17 +87,15 @@ export const MemberPage: React.FC = () => {
]; ];
useEffect(() => { useEffect(() => {
getData(1, size); getData();
}, []); }, [refresh, page, size]);
const onSelectChange = (newSelectedRowKeys: React.Key[]) => { const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
console.log("selectedRowKeys changed: ", newSelectedRowKeys); console.log("selectedRowKeys changed: ", newSelectedRowKeys);
setSelectedRowKeys(newSelectedRowKeys); setSelectedRowKeys(newSelectedRowKeys);
}; };
const getData = (page: number, size: number) => { const getData = () => {
setSize(size);
setPage(page);
setLoading(true); setLoading(true);
user user
.userList(page, size, { .userList(page, size, {
@ -117,9 +117,10 @@ export const MemberPage: React.FC = () => {
setNickname(""); setNickname("");
setEmail(""); setEmail("");
setIdCard(""); setIdCard("");
setTimeout(() => { setPage(1);
getData(1, 10); setSize(10);
}, 1000); setList([]);
setRefresh(!refresh);
}; };
const rowSelection = { const rowSelection = {
@ -137,16 +138,15 @@ export const MemberPage: React.FC = () => {
}; };
const handlePageChange = (page: number, pageSize: number) => { const handlePageChange = (page: number, pageSize: number) => {
setTimeout(() => { setPage(page);
getData(page, pageSize); setSize(pageSize);
}, 500);
}; };
const delUser = (id: any) => { const delUser = (id: any) => {
user.destroyUser(id).then((res: any) => { user.destroyUser(id).then((res: any) => {
setTimeout(() => { setTimeout(() => {
message.success("操作成功"); message.success("操作成功");
getData(1, size); setRefresh(!refresh);
}, 1000); }, 1000);
}); });
}; };
@ -208,7 +208,8 @@ export const MemberPage: React.FC = () => {
<Button <Button
type="primary" type="primary"
onClick={() => { onClick={() => {
getData(1, size); setPage(1);
setRefresh(!refresh);
}} }}
> >
@ -233,7 +234,7 @@ export const MemberPage: React.FC = () => {
icon={<ReloadOutlined />} icon={<ReloadOutlined />}
style={{ color: "#333333" }} style={{ color: "#333333" }}
onClick={() => { onClick={() => {
getData(page, size); setRefresh(!refresh);
}} }}
></Button> ></Button>
</div> </div>