yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-08 06:30:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

学员学习线上课进度列表文案优化

Browse Source
This commit is contained in:
禺狨 2023-04-20 11:18:22 +08:00
parent 922708647e
commit a18d731913
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/member/learn.tsx
View File

@ -237,7 +237,7 @@ const MemberLearnPage = () => {
const column2: ColumnsType<DataType> = [
{
title: "课程",
title: "课程名称",
dataIndex: "title",
render: (_, record: any) => (
<div className="d-flex">
@ -253,37 +253,39 @@ const MemberLearnPage = () => {
),
},
{
title: "总课时",
title: "课程进度",
dataIndex: "total_duration",
render: (_, record: any) => (
<>
<span>{record.hour_count}</span>
<span>
已完成课时: {record.finished_count}/{record.hour_count}
</span>
</>
),
},
{
title: "已学习课时",
dataIndex: "finished_duration",
render: (_, record: any) => (
<>
<span>{record.finished_count}</span>
</>
),
title: "第一次学习时间",
dataIndex: "created_at",
render: (text: string) => <span>{dateFormat(text)}</span>,
},
{
title: "状态",
title: "学习进度",
dataIndex: "is_finished",
render: (_, record: any) => (
<>
{record.is_finished === 1 ? <span>已学完</span> : <span>未学完</span>}
<span
className={
Math.floor((record.finished_count / record.hour_count) * 100) >=
100
? "c-green"
: "c-red"
}
>
{Math.floor((record.finished_count / record.hour_count) * 100)}%
</span>
</>
),
},
{
title: "时间",
dataIndex: "created_at",
render: (text: string) => <span>{dateFormat(text)}</span>,
},
];
return (
@ -303,7 +305,7 @@ const MemberLearnPage = () => {
></div>
</div>
</Row>
<div className="playedu-main-top mb-24">
{/* <div className="playedu-main-top mb-24">
<div className={styles["large-title"]}>课时学习记录</div>
<div className="float-left mt-24">
<Table
@ -314,7 +316,7 @@ const MemberLearnPage = () => {
rowKey={(record) => record.id}
/>
</div>
</div>
</div> */}
<div className="playedu-main-top">
<div className={styles["large-title"]}>线上课学习记录</div>
<div className="float-left mt-24">