更新自動建群表單,新增獲取群組詳情的 API 調用以回填表單數據,並調整表單結構以支持動態數據顯示。
This commit is contained in:
@@ -38,9 +38,6 @@ interface GroupTask {
|
|||||||
groupDescription?: string;
|
groupDescription?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始空列表;真实数据由接口返回
|
|
||||||
const mockTasks: GroupTask[] = [];
|
|
||||||
|
|
||||||
const getStatusColor = (status: number) => {
|
const getStatusColor = (status: number) => {
|
||||||
switch (status) {
|
switch (status) {
|
||||||
case 1:
|
case 1:
|
||||||
@@ -70,8 +67,10 @@ const AutoGroupList: React.FC = () => {
|
|||||||
const [page, setPage] = useState(1);
|
const [page, setPage] = useState(1);
|
||||||
const [pageSize, setPageSize] = useState(10);
|
const [pageSize, setPageSize] = useState(10);
|
||||||
const [total, setTotal] = useState(0);
|
const [total, setTotal] = useState(0);
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
|
||||||
const refreshTasks = async (p = page, ps = pageSize) => {
|
const refreshTasks = async (p = page, ps = pageSize) => {
|
||||||
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
const res: any = await getAutoGroupList({ type: 4, page: p, limit: ps });
|
const res: any = await getAutoGroupList({ type: 4, page: p, limit: ps });
|
||||||
// 兼容不同返回结构
|
// 兼容不同返回结构
|
||||||
@@ -101,6 +100,8 @@ const AutoGroupList: React.FC = () => {
|
|||||||
setTotal(totalCount);
|
setTotal(totalCount);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
Toast.show({ content: "获取列表失败" });
|
Toast.show({ content: "获取列表失败" });
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -197,6 +198,23 @@ const AutoGroupList: React.FC = () => {
|
|||||||
</div>
|
</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.autoGroupList}>
|
||||||
<div className={style.taskList}>
|
<div className={style.taskList}>
|
||||||
@@ -295,21 +313,6 @@ const AutoGroupList: React.FC = () => {
|
|||||||
))
|
))
|
||||||
)}
|
)}
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user