更新自動建群表單,新增獲取群組詳情的 API 調用以回填表單數據,並調整表單結構以支持動態數據顯示。

This commit is contained in:
超级老白兔
2025-08-19 10:35:25 +08:00
parent 0468531655
commit 0a792a5406

View File

@@ -38,9 +38,6 @@ interface GroupTask {
groupDescription?: string;
}
// 初始空列表;真实数据由接口返回
const mockTasks: GroupTask[] = [];
const getStatusColor = (status: number) => {
switch (status) {
case 1:
@@ -70,8 +67,10 @@ const AutoGroupList: React.FC = () => {
const [page, setPage] = useState(1);
const [pageSize, setPageSize] = useState(10);
const [total, setTotal] = useState(0);
const [loading, setLoading] = useState(false);
const refreshTasks = async (p = page, ps = pageSize) => {
setLoading(true);
try {
const res: any = await getAutoGroupList({ type: 4, page: p, limit: ps });
// 兼容不同返回结构
@@ -101,6 +100,8 @@ const AutoGroupList: React.FC = () => {
setTotal(totalCount);
} catch (e) {
Toast.show({ content: "获取列表失败" });
} finally {
setLoading(false);
}
};
@@ -197,6 +198,23 @@ const AutoGroupList: React.FC = () => {
</div>
</>
}
footer={
<div style={{ padding: 12, display: "flex", justifyContent: "center" }}>
<Pagination
current={page}
pageSize={pageSize}
total={total}
onChange={(p, ps) => {
setPage(p);
setPageSize(ps);
refreshTasks(p, ps);
}}
showSizeChanger
showTotal={t => `${t}`}
/>
</div>
}
loading={loading}
>
<div className={style.autoGroupList}>
<div className={style.taskList}>
@@ -295,21 +313,6 @@ const AutoGroupList: React.FC = () => {
))
)}
</div>
{/* 分页 */}
<div style={{ padding: 12, display: "flex", justifyContent: "center" }}>
<Pagination
current={page}
pageSize={pageSize}
total={total}
onChange={(p, ps) => {
setPage(p);
setPageSize(ps);
refreshTasks(p, ps);
}}
showSizeChanger
showTotal={t => `${t}`}
/>
</div>
</div>
</Layout>
);