首页学习进度显示

This commit is contained in:
禺狨 2023-03-29 10:53:12 +08:00
parent 33103dec1f
commit ffe0451e3f

View File

@ -17,6 +17,7 @@ const IndexPage = () => {
const [tabKey, setTabKey] = useState(0); const [tabKey, setTabKey] = useState(0);
const [coursesList, setCoursesList] = useState<any>([]); const [coursesList, setCoursesList] = useState<any>([]);
const [learnCourseRecords, setLearnCourseRecords] = useState<any>({}); const [learnCourseRecords, setLearnCourseRecords] = useState<any>({});
const [learnCourseHourCount, setLearnCourseHourCount] = useState<any>({});
const [stats, setStats] = useState<any>({}); const [stats, setStats] = useState<any>({});
const departments = useSelector( const departments = useSelector(
@ -36,6 +37,7 @@ const IndexPage = () => {
const records = res.data.learn_course_records; const records = res.data.learn_course_records;
setStats(res.data.stats); setStats(res.data.stats);
setLearnCourseRecords(records); setLearnCourseRecords(records);
setLearnCourseHourCount(res.data.user_course_hour_count);
if (tabKey === 0) { if (tabKey === 0) {
setCoursesList(res.data.courses); setCoursesList(res.data.courses);
} else if (tabKey === 1) { } else if (tabKey === 1) {
@ -271,7 +273,20 @@ const IndexPage = () => {
progress={learnCourseRecords[item.id].progress / 100} progress={learnCourseRecords[item.id].progress / 100}
></CoursesModel> ></CoursesModel>
)} )}
{!learnCourseRecords[item.id] && (
{!learnCourseRecords[item.id] &&
learnCourseHourCount[item.id] &&
learnCourseHourCount[item.id] > 0 && (
<CoursesModel
id={item.id}
title={item.title}
thumb={item.thumb}
isRequired={item.is_required}
progress={1}
></CoursesModel>
)}
{!learnCourseRecords[item.id] &&
!learnCourseHourCount[item.id] && (
<CoursesModel <CoursesModel
id={item.id} id={item.id}
title={item.title} title={item.title}