mirror of
https://github.com/PlayEdu/backend
synced 2025-06-08 06:37:49 +08:00
部门学习进度
This commit is contained in:
parent
b5e2d351e5
commit
3982380c44
@ -41,6 +41,7 @@ const MemberDepartmentProgressPage = () => {
|
||||
const [email, setEmail] = useState<string>("");
|
||||
const [id_card, setIdCard] = useState<string>("");
|
||||
const [did, setDid] = useState(Number(result.get("id")));
|
||||
const [title, setTitle] = useState(String(result.get("title")));
|
||||
|
||||
useEffect(() => {
|
||||
getData();
|
||||
@ -127,10 +128,13 @@ const MemberDepartmentProgressPage = () => {
|
||||
return (
|
||||
<div className="playedu-main-body">
|
||||
<div className="float-left mb-24">
|
||||
<BackBartment title="部门学员进度" />
|
||||
<BackBartment title={title + "学习进度"} />
|
||||
</div>
|
||||
<div className="float-left mb-24">
|
||||
<div className="d-flex ">
|
||||
<div className="float-left j-b-flex mb-24">
|
||||
<div className="d-flex helper-text ">
|
||||
以下表格内数字对应的是表头课程的“已学完课时数/总课时数”)
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<div className="d-flex mr-24 ">
|
||||
<Typography.Text>姓名:</Typography.Text>
|
||||
<Input
|
||||
@ -153,7 +157,7 @@ const MemberDepartmentProgressPage = () => {
|
||||
placeholder="请输入邮箱"
|
||||
/>
|
||||
</div>
|
||||
<div className="d-flex mr-24">
|
||||
{/* <div className="d-flex mr-24">
|
||||
<Typography.Text>身份证号:</Typography.Text>
|
||||
<Input
|
||||
value={id_card}
|
||||
@ -163,7 +167,7 @@ const MemberDepartmentProgressPage = () => {
|
||||
style={{ width: 160 }}
|
||||
placeholder="请输入身份证号"
|
||||
/>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="d-flex">
|
||||
<Button className="mr-16" onClick={resetData}>
|
||||
重 置
|
||||
@ -182,15 +186,19 @@ const MemberDepartmentProgressPage = () => {
|
||||
</div>
|
||||
<div className="float-left">
|
||||
<Table
|
||||
bordered
|
||||
dataSource={list}
|
||||
loading={loading}
|
||||
pagination={paginationProps}
|
||||
rowKey={(record) => record.id}
|
||||
scroll={{ x: 1600 }}
|
||||
>
|
||||
<Column
|
||||
fixed="left"
|
||||
title="学员"
|
||||
dataIndex="name"
|
||||
key="name"
|
||||
width={300}
|
||||
render={(_, record: any) => (
|
||||
<>
|
||||
<Image
|
||||
@ -205,49 +213,47 @@ const MemberDepartmentProgressPage = () => {
|
||||
)}
|
||||
/>
|
||||
{courses.map((item: any) => (
|
||||
<ColumnGroup key={item.id} title={item.title}>
|
||||
<Column
|
||||
title="已学课时"
|
||||
title={item.title}
|
||||
ellipsis={true}
|
||||
dataIndex="id"
|
||||
key="id"
|
||||
key={item.id}
|
||||
width={100}
|
||||
render={(_, record: any) => (
|
||||
<>
|
||||
{records[record.id] && records[record.id][item.id] ? (
|
||||
<span>{records[record.id][item.id].finished_count}</span>
|
||||
records[record.id][item.id].is_finished === 1 ? (
|
||||
<span>已完成</span>
|
||||
) : (
|
||||
<span>0</span>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
/>
|
||||
<Column
|
||||
title="总课时"
|
||||
dataIndex="class_hour"
|
||||
key="class_hour"
|
||||
render={(_, record: any) => (
|
||||
<>
|
||||
<span>{item.class_hour}</span>
|
||||
<span>
|
||||
{records[record.id][item.id].finished_count}
|
||||
</span>{" "}
|
||||
/ <span>{item.class_hour}</span>
|
||||
</>
|
||||
)
|
||||
) : (
|
||||
<>
|
||||
<span>0</span> / <span>{item.class_hour}</span>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
/>
|
||||
</ColumnGroup>
|
||||
))}
|
||||
<ColumnGroup title="总计" fixed="right">
|
||||
<Column
|
||||
title="已学课时"
|
||||
fixed="right"
|
||||
title="所有课程总课时"
|
||||
dataIndex="id"
|
||||
key="id"
|
||||
width={100}
|
||||
render={(_, record: any) => (
|
||||
<>{getFinishedHours(records[record.id])}</>
|
||||
<>
|
||||
<span>{getFinishedHours(records[record.id])}</span> /{" "}
|
||||
<span>{totalHour}</span>
|
||||
</>
|
||||
)}
|
||||
/>
|
||||
<Column
|
||||
title="总课时"
|
||||
dataIndex="class_hour"
|
||||
key="class_hour"
|
||||
render={(_, record: any) => <span>{totalHour}</span>}
|
||||
/>
|
||||
</ColumnGroup>
|
||||
</Table>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -294,7 +294,9 @@ const MemberPage = () => {
|
||||
{dep_ids.length > 0 && (
|
||||
<Link
|
||||
style={{ textDecoration: "none" }}
|
||||
to={`/member/departmentUser?id=${dep_ids.join(",")}`}
|
||||
to={`/member/departmentUser?id=${dep_ids.join(
|
||||
","
|
||||
)}&title=${selLabel}`}
|
||||
>
|
||||
<PerButton
|
||||
type="default"
|
||||
|
Loading…
x
Reference in New Issue
Block a user