Duguay/teach_sys_Demo
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 🎸 接口对接调整

Browse Source
This commit is contained in:
前端人绝不为奴
2025-08-26 10:54:12 +08:00
parent 44a94b861a
commit 428b880970
21 changed files with 223 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
eslint.config.js
View File

@@ -31,7 +31,7 @@ export default defineConfig([
}, },
], ],
"react-hooks/exhaustive-deps": "warn", "react-hooks/exhaustive-deps": "warn",
"no-console": "warn", "no-console": 1,
"react-hooks/rules-of-hooks": "error", "react-hooks/rules-of-hooks": "error",
"no-nested-ternary": 0, // 允许嵌套三元表达式 "no-nested-ternary": 0, // 允许嵌套三元表达式
"no-script-url": 0, // 允许javascript:; "no-script-url": 0, // 允许javascript:;
@@ -47,6 +47,7 @@ export default defineConfig([
"react/no-deprecated": 0, // 关闭react弃用检测 "react/no-deprecated": 0, // 关闭react弃用检测
"react/no-string-refs": 0, "react/no-string-refs": 0,
"no-useless-escape": 0, "no-useless-escape": 0,
"react-refresh/only-export-components": 0, // 允许匿名导出
}, },
}, },
]); ]);

4
index.html
View File

@@ -1,8 +1,8 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>多多畅职教育系统</title> <title>多多畅职教育系统</title>
</head> </head>

1
public/vite.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

24
src/components/InfiniteScroll/index.jsx
View File

@@ -1,4 +1,4 @@
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState, useCallback } from "react";
import { Empty, Spin } from "@arco-design/web-react"; import { Empty, Spin } from "@arco-design/web-react";
import "./index.css"; import "./index.css";
@@ -13,18 +13,27 @@ const InfiniteScroll = ({
const containerRef = useRef(null); const containerRef = useRef(null);
const sentinelRef = useRef(null); const sentinelRef = useRef(null);
const observerRef = useRef(null); const observerRef = useRef(null);
const throttleRef = useRef(null); // 节流控制
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [hasInitialized, setHasInitialized] = useState(false); // 首次挂载 const [hasInitialized, setHasInitialized] = useState(false); // 首次挂载
// 加载更多数据的处理函数 // 加载更多数据的处理函数（带节流）
const handleLoadMore = () => { const handleLoadMore = useCallback(() => {
if (loading || !hasMore) return; if (loading || !hasMore) return;
// 节流处理：500ms内只能触发一次
if (throttleRef.current) {
clearTimeout(throttleRef.current);
}
throttleRef.current = setTimeout(() => {
setLoading(true); setLoading(true);
loadMore().finally(() => { loadMore().finally(() => {
setLoading(false); setLoading(false);
throttleRef.current = null;
}); });
}; }, 10);
}, [hasMore, loadMore, loading]);
// 设置IntersectionObserver // 设置IntersectionObserver
useEffect(() => { useEffect(() => {
@@ -59,8 +68,13 @@ const InfiniteScroll = ({
if (observerRef.current) { if (observerRef.current) {
observerRef.current.disconnect(); observerRef.current.disconnect();
} }
// 清理节流定时器
if (throttleRef.current) {
clearTimeout(throttleRef.current);
throttleRef.current = null;
}
}; };
}, [loadMore, hasMore, threshold, loading]); }, [loadMore, hasMore, threshold, loading, hasInitialized, handleLoadMore]);
return ( return (
<div <div

8
src/components/Layout/index.jsx
View File

@@ -1,4 +1,4 @@
import { useState, useEffect } from "react"; import { useState, useEffect, useCallback } from "react";
import { Spin } from "@arco-design/web-react"; import { Spin } from "@arco-design/web-react";
import { useSelector, useDispatch } from "react-redux"; import { useSelector, useDispatch } from "react-redux";
import { getLoginStudentInfo } from "@/services"; import { getLoginStudentInfo } from "@/services";
@@ -14,19 +14,19 @@ const Layout = ({ children }) => {
); );
const studentInfo = useSelector((state) => state.student.studentInfo); const studentInfo = useSelector((state) => state.student.studentInfo);
const queryLoginStudentInfo = async () => { const queryLoginStudentInfo = useCallback(async () => {
const res = await getLoginStudentInfo(); const res = await getLoginStudentInfo();
if (res.success) { if (res.success) {
dispatch(setStudentInfo(res.data)); dispatch(setStudentInfo(res.data));
} }
}; }, [dispatch]);
// 初始化项目统一获取登录用户信息 // 初始化项目统一获取登录用户信息
useEffect(() => { useEffect(() => {
if (!studentInfo) { if (!studentInfo) {
queryLoginStudentInfo(); queryLoginStudentInfo();
} }
}, [studentInfo]); }, [queryLoginStudentInfo, studentInfo]);
return ( return (
<div className="app-layout"> <div className="app-layout">

0
src/components/Layout/index_new.jsx Normal file
View File

38
src/components/Rank/index.jsx
View File

@@ -1,6 +1,9 @@
import { Avatar, Skeleton } from "@arco-design/web-react"; import { Avatar, Skeleton } from "@arco-design/web-react";
import "./index.css"; import "./index.css";
const positions = ["item2", "item1", "item3"];
const icons = ["icon2", "icon1", "icon3"];
const Rank = ({ className, data = null, loading = false }) => { const Rank = ({ className, data = null, loading = false }) => {
if (loading) { if (loading) {
return ( return (
@@ -11,7 +14,7 @@ const Rank = ({ className, data = null, loading = false }) => {
); );
} }
if (!data || !data.rankings || data.rankings.length === 0) { if (!data || !data?.rankings || data?.rankings?.length === 0) {
return ( return (
<div className={`module-class-rank ${className}`}> <div className={`module-class-rank ${className}`}>
<p className="module-class-rank-title">班级排名</p> <p className="module-class-rank-title">班级排名</p>
@@ -20,13 +23,13 @@ const Rank = ({ className, data = null, loading = false }) => {
); );
} }
const rankings = data.rankings.slice(0, 6); const rankings = data?.rankings?.slice(0, 6);
// 安全处理领奖台学生，确保至少有3个位置 // 安全处理领奖台学生，确保至少有3个位置
const podiumStudents = [ const podiumStudents = [
rankings[1] || null, // 第2名 rankings[1] || null, // 第2名
rankings[0] || null, // 第1名 rankings[0] || null, // 第1名
rankings[2] || null // 第3名 rankings[2] || null, // 第3名
]; ];
const listStudents = rankings.slice(3); const listStudents = rankings.slice(3);
@@ -37,21 +40,11 @@ const Rank = ({ className, data = null, loading = false }) => {
<ul className="module-class-rank-podium"> <ul className="module-class-rank-podium">
{podiumStudents.map((student, index) => { {podiumStudents.map((student, index) => {
const positions = ["item2", "item1", "item3"]; return student ? (
const icons = ["icon2", "icon1", "icon3"]; <li
key={student.studentId}
if (!student) { className={`module-class-rank-podium-${positions[index]}`}
return ( >
<li key={`empty-${index}`} className={`module-class-rank-podium-${positions[index]} empty`}>
<div className="module-class-rank-podium-placeholder">
<span>-</span>
</div>
</li>
);
}
return (
<li key={student.studentId} className={`module-class-rank-podium-${positions[index]}`}>
<Avatar className="module-class-rank-podium-avatar"> <Avatar className="module-class-rank-podium-avatar">
{student.avatar ? ( {student.avatar ? (
<img alt="avatar" src={student.avatar} /> <img alt="avatar" src={student.avatar} />
@@ -64,6 +57,15 @@ const Rank = ({ className, data = null, loading = false }) => {
</span> </span>
<i className={`module-class-rank-podium-${icons[index]}`}></i> <i className={`module-class-rank-podium-${icons[index]}`}></i>
</li> </li>
) : (
<li
key={`empty-${index}`}
className={`module-class-rank-podium-${positions[index]} empty`}
>
<div className="module-class-rank-podium-placeholder">
<span>-</span>
</div>
</li>
); );
})} })}
</ul> </ul>

2
src/components/Sidebar/index.jsx
View File

@@ -1,5 +1,6 @@
import { useNavigate, useLocation } from "react-router-dom"; import { useNavigate, useLocation } from "react-router-dom";
import { Statistic } from "@arco-design/web-react"; import { Statistic } from "@arco-design/web-react";
import { useSelector } from "react-redux";
import IconFont from "@/components/IconFont"; import IconFont from "@/components/IconFont";
import Logo from "@/assets/images/Sidebar/logo.png"; import Logo from "@/assets/images/Sidebar/logo.png";
import BTNICON from "@/assets/images/Sidebar/btn_icon.png"; import BTNICON from "@/assets/images/Sidebar/btn_icon.png";
@@ -9,6 +10,7 @@ import "./index.css";
const Sidebar = ({ isCollapsed, setIsCollapsed }) => { const Sidebar = ({ isCollapsed, setIsCollapsed }) => {
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation(); const location = useLocation();
const studentInfo = useSelector((state) => state.student.studentInfo);
const handleNavClick = (path) => { const handleNavClick = (path) => {
navigate(path); navigate(path);

83
src/pages/CompanyJobsListPage/index.jsx
View File

@@ -1,73 +1,46 @@
import { useState, useEffect } from "react"; import { useState, useCallback } from "react";
import { useNavigate } from "react-router-dom"; import JobList from "@/pages/CompanyJobsPage/components/JobList";
import InfiniteScroll from "@/components/InfiniteScroll";
import { getJobsList } from "@/services"; import { getJobsList } from "@/services";
import { mapJobList } from "@/utils/dataMapper"; import { mapJobList } from "@/utils/dataMapper";
import JobList from "@/pages/CompanyJobsPage/components/JobList";
import "./index.css"; import "./index.css";
const PAGE_SIZE = 20;
const CompanyJobsListPage = () => { const CompanyJobsListPage = () => {
const [jobs, setJobs] = useState([]); const [jobs, setJobs] = useState([]);
const [loading, setLoading] = useState(true); const [listPage, setListPage] = useState(1);
const [page, setPage] = useState(1); const [listHasMore, setListHasMore] = useState(true);
const [total, setTotal] = useState(0);
const navigate = useNavigate();
useEffect(() => { const fetchJobs = useCallback(async () => {
fetchJobs(); const res = await getJobsList({
}, [page]); page: listPage,
pageSize: PAGE_SIZE,
const fetchJobs = async () => {
try {
setLoading(true);
const response = await getJobsList({
page,
pageSize: 20,
isActive: true, isActive: true,
}); });
if (res.success) {
const mappedJobs = mapJobList(response.data || response); const mappedJobs = mapJobList(res.data);
setJobs(mappedJobs); setJobs((prevList) => {
setTotal(response.total || mappedJobs.length); const newList = [...prevList, ...mappedJobs];
} catch (error) { if (res.total === newList?.length) {
console.error("Failed to fetch jobs:", error); setListHasMore(false);
setJobs([]); } else {
} finally { setListPage((prevPage) => prevPage + 1);
setLoading(false);
} }
}; return newList;
});
}
}, [listPage]);
if (loading && jobs.length === 0) {
return ( return (
<div <InfiniteScroll
loadMore={fetchJobs}
hasMore={listHasMore}
empty={jobs.length === 0}
className="company-jobs-list-page-wrapper" className="company-jobs-list-page-wrapper"
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
minHeight: "400px",
}}
> >
<p>加载中...</p>
</div>
);
}
return (
<ul className="company-jobs-list-page-wrapper">
<JobList data={jobs} /> <JobList data={jobs} />
{jobs.length === 0 && !loading && ( </InfiniteScroll>
<div
style={{
textAlign: "center",
padding: "40px",
color: "#999",
}}
>
暂无岗位信息
</div>
)}
</ul>
); );
}; };

12
src/pages/CompanyJobsPage/components/JobInfoModal/index.jsx
View File

@@ -1,10 +1,10 @@
import { useState } from "react"; import { useState, useCallback } from "react";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { Input } from "@arco-design/web-react"; import { Input } from "@arco-design/web-react";
import Modal from "@/components/Modal"; import Modal from "@/components/Modal";
import InfiniteScroll from "@/components/InfiniteScroll"; import InfiniteScroll from "@/components/InfiniteScroll";
import ResumeInfoModal from "@/pages/CompanyJobsPage/components/ResumeInfoModal";
import FILEICON from "@/assets/images/CompanyJobsPage/file_icon.png"; import FILEICON from "@/assets/images/CompanyJobsPage/file_icon.png";
import ResumeInfoModal from "../ResumeInfoModal";
import { getResumesList } from "@/services"; import { getResumesList } from "@/services";
import "./index.css"; import "./index.css";
@@ -24,7 +24,7 @@ export default ({ visible, onClose, data }) => {
onClose(); onClose();
}; };
const queryResumeList = async () => { const queryResumeList = useCallback(async () => {
const res = await getResumesList({ const res = await getResumesList({
page: listPage, page: listPage,
pageSize: PAGE_SIZE, pageSize: PAGE_SIZE,
@@ -41,7 +41,7 @@ export default ({ visible, onClose, data }) => {
return newList; return newList;
}); });
} }
}; }, [listPage, studentInfo?.id]);
// 点击立即投递 // 点击立即投递
const handleClickDeliverBtn = (e) => { const handleClickDeliverBtn = (e) => {
@@ -50,18 +50,19 @@ export default ({ visible, onClose, data }) => {
}; };
const onSearch = (value) => { const onSearch = (value) => {
// todo
console.log(value); console.log(value);
}; };
// 选择简历投递 // 选择简历投递
const userResumesClick = (item) => { const userResumesClick = (item) => {
// todo
console.log(item); console.log(item);
}; };
// 点击简历详情 // 点击简历详情
const userResumesBtnClick = (e, item) => { const userResumesBtnClick = (e, item) => {
e.stopPropagation(); e.stopPropagation();
console.log(item);
setResumeInfoModalShow(true); setResumeInfoModalShow(true);
}; };
@@ -185,6 +186,7 @@ export default ({ visible, onClose, data }) => {
</Modal> </Modal>
<ResumeInfoModal <ResumeInfoModal
visible={resumeInfoModalShow} visible={resumeInfoModalShow}
data={null}
onClose={() => setResumeInfoModalShow(false)} onClose={() => setResumeInfoModalShow(false)}
/> />
</> </>

1
src/pages/CompanyJobsPage/index.css
View File

@@ -98,6 +98,7 @@
margin-bottom: 20px; margin-bottom: 20px;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
list-style: none;
.company-jobs-page-interview-item-info { .company-jobs-page-interview-item-info {
width: 100%; width: 100%;

2
src/pages/Dashboard/components/EchartsProgress/index.jsx
View File

@@ -92,7 +92,7 @@ const EchartsProgress = ({
return () => { return () => {
window.removeEventListener("resize", resizeHandler); window.removeEventListener("resize", resizeHandler);
}; };
}, [percent, strokeWidth]); }, [backgroundColor, percent, progressColor, strokeWidth]);
return <div ref={chartRef} className="progress-chart" />; return <div ref={chartRef} className="progress-chart" />;
}; };

48
src/pages/Dashboard/components/TaskList/index.jsx
View File

@@ -12,39 +12,41 @@ const TaskList = ({ tasks = [], selectedDate, loading }) => {
} }
const formatDate = (date) => { const formatDate = (date) => {
return date.toLocaleDateString('zh-CN', { return date.toLocaleDateString("zh-CN", {
year: 'numeric', year: "numeric",
month: 'long', month: "long",
day: 'numeric' day: "numeric",
}); });
}; };
const getTaskTypeText = (type) => { const getTaskTypeText = (type) => {
const typeMap = { const typeMap = {
'HOMEWORK': '作业', HOMEWORK: "作业",
'PROJECT': '项目', PROJECT: "项目",
'REPORT': '报告', REPORT: "报告",
'INTERVIEW': '面试', INTERVIEW: "面试",
'OTHER': '其他' OTHER: "其他",
}; };
return typeMap[type] || type; return typeMap[type] || type;
}; };
const getPriorityClass = (priority) => { // const getPriorityClass = (priority) => {
const classMap = { // const classMap = {
'URGENT': 'urgent', // URGENT: "urgent",
'HIGH': 'high', // HIGH: "high",
'MEDIUM': 'medium', // MEDIUM: "medium",
'LOW': 'low' // LOW: "low",
}; // };
return classMap[priority] || 'medium'; // return classMap[priority] || "medium";
}; // };
return ( return (
<div className="module-tasks-wrapper"> <div className="module-tasks-wrapper">
<p className="module-tasks-title"> <p className="module-tasks-title">
事项 - {formatDate(selectedDate)} 事项 - {formatDate(selectedDate)}
{tasks.length > 0 && <span className="task-count">({tasks.length})</span>} {tasks.length > 0 && (
<span className="task-count">({tasks.length})</span>
)}
</p> </p>
{tasks.length === 0 ? ( {tasks.length === 0 ? (
@@ -60,11 +62,11 @@ const TaskList = ({ tasks = [], selectedDate, loading }) => {
{item?.teacherAvatar ? ( {item?.teacherAvatar ? (
<img alt="avatar" src={item.teacherAvatar} /> <img alt="avatar" src={item.teacherAvatar} />
) : ( ) : (
item?.teacherName?.charAt(0) || 'T' item?.teacherName?.charAt(0) || "T"
)} )}
</Avatar> </Avatar>
<span className="module-tasks-item-info-teacher-name"> <span className="module-tasks-item-info-teacher-name">
{item?.teacherName || '未知教师'} {item?.teacherName || "未知教师"}
</span> </span>
</div> </div>
<div <div
@@ -86,11 +88,11 @@ const TaskList = ({ tasks = [], selectedDate, loading }) => {
<span className="module-tasks-item-content-info-duration"> <span className="module-tasks-item-content-info-duration">
{item?.duration} {item?.duration}
</span> </span>
<span className={`task-status status-${item.status?.toLowerCase()}`}> {/* <span className={`task-status status-${item.status?.toLowerCase()}`}>
{item.status === 'PENDING' ? '待完成' : {item.status === 'PENDING' ? '待完成' :
item.status === 'IN_PROGRESS' ? '进行中' : item.status === 'IN_PROGRESS' ? '进行中' :
item.status === 'COMPLETED' ? '已完成' : '未知'} item.status === 'COMPLETED' ? '已完成' : '未知'}
</span> </span> */}
</div> </div>
</div> </div>
</div> </div>

18
src/pages/Dashboard/index.jsx
View File

@@ -30,7 +30,7 @@ const Dashboard = () => {
setDashboardData(response); setDashboardData(response);
} }
} catch (error) { } catch (error) {
console.error('Failed to fetch dashboard data:', error); console.error("Failed to fetch dashboard data:", error);
} finally { } finally {
setLoading(false); setLoading(false);
} }
@@ -41,11 +41,11 @@ const Dashboard = () => {
if (!dashboardData?.tasks?.allTasks) return []; if (!dashboardData?.tasks?.allTasks) return [];
// Check if date is valid before calling toISOString // Check if date is valid before calling toISOString
if (!date || isNaN(date.getTime())) { if (!date || isNaN(date.getTime())) {
console.warn('Invalid date provided to getTasksForDate:', date); console.warn("Invalid date provided to getTasksForDate:", date);
return []; return [];
} }
const dateStr = date.toISOString().split('T')[0]; const dateStr = date.toISOString().split("T")[0];
return dashboardData.tasks.allTasks.filter(task => task.date === dateStr); return dashboardData.tasks.allTasks.filter((task) => task.date === dateStr);
}; };
return ( return (
@@ -70,9 +70,13 @@ const Dashboard = () => {
loading={loading} loading={loading}
/> />
<Rank <Rank
data={dashboardData?.ranking ? { data={
rankings: dashboardData.ranking.topStudents dashboardData?.ranking
} : null} ? {
rankings: dashboardData.ranking.topStudents,
}
: null
}
loading={loading} loading={loading}
/> />
<TaskList <TaskList

54
src/pages/PersonalProfile/components/StudyStudes/index.jsx
View File

@@ -5,12 +5,13 @@ import ScoreRingChart from "../ScoreRingChart";
import AttendanceRingChart from "../AttendanceRingChart"; import AttendanceRingChart from "../AttendanceRingChart";
import "./index.css"; import "./index.css";
const StudyStudes = ({
const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) => { studyStatistics,
learningProgress,
loading = false,
}) => {
const studentInfo = useSelector((state) => state.student.studentInfo); const studentInfo = useSelector((state) => state.student.studentInfo);
console.log("StudyStudes props:", { studyStatistics, learningProgress, loading });
// 如果数据还在加载中，显示加载状态 // 如果数据还在加载中，显示加载状态
if (loading) { if (loading) {
return ( return (
@@ -25,10 +26,14 @@ const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) =>
const personalStudyHours = studyStatistics?.studyTime?.personal ?? 0; const personalStudyHours = studyStatistics?.studyTime?.personal ?? 0;
const classAverageStudyHours = studyStatistics?.studyTime?.classAverage ?? 0; const classAverageStudyHours = studyStatistics?.studyTime?.classAverage ?? 0;
const overallProgress = learningProgress?.overallProgress ?? 0; const overallProgress = learningProgress?.overallProgress ?? 0;
const personalCourseProgress = studyStatistics?.courseCompletion?.personalProgress ?? 0; const personalCourseProgress =
const classAverageCourseProgress = studyStatistics?.courseCompletion?.classAverageProgress ?? 0; studyStatistics?.courseCompletion?.personalProgress ?? 0;
const personalHomeworkProgress = studyStatistics?.homeworkCompletion?.personalProgress ?? 0; const classAverageCourseProgress =
const classAverageHomeworkProgress = studyStatistics?.homeworkCompletion?.classAverageProgress ?? 0; studyStatistics?.courseCompletion?.classAverageProgress ?? 0;
const personalHomeworkProgress =
studyStatistics?.homeworkCompletion?.personalProgress ?? 0;
const classAverageHomeworkProgress =
studyStatistics?.homeworkCompletion?.classAverageProgress ?? 0;
const attendanceRate = studyStatistics?.attendance?.attendanceRate ?? 0; const attendanceRate = studyStatistics?.attendance?.attendanceRate ?? 0;
const absenceRate = studyStatistics?.attendance?.absenceRate ?? 0; const absenceRate = studyStatistics?.attendance?.absenceRate ?? 0;
@@ -117,7 +122,14 @@ const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) =>
个人学习时长（h） 个人学习时长（h）
</p> </p>
<p className="study-studes-card-study-time-line"> <p className="study-studes-card-study-time-line">
<i style={{ width: `${Math.min(personalStudyHours / classAverageStudyHours * 70, 100)}%` }}> <i
style={{
width: `${Math.min(
(personalStudyHours / classAverageStudyHours) * 70,
100
)}%`,
}}
>
<span>{personalStudyHours}</span> <span>{personalStudyHours}</span>
</i> </i>
</p> </p>
@@ -153,11 +165,15 @@ const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) =>
/> />
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>班级平均进度</p> <p>班级平均进度</p>
<span className="study-studes-card-curriculum-info-span1">{classAverageCourseProgress}%</span> <span className="study-studes-card-curriculum-info-span1">
{classAverageCourseProgress}%
</span>
</div> </div>
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>我的进度</p> <p>我的进度</p>
<span className="study-studes-card-curriculum-info-span2">{personalCourseProgress}%</span> <span className="study-studes-card-curriculum-info-span2">
{personalCourseProgress}%
</span>
</div> </div>
</li> </li>
{/* 课后作业完成情况 */} {/* 课后作业完成情况 */}
@@ -169,11 +185,15 @@ const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) =>
/> />
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>班级平均进度</p> <p>班级平均进度</p>
<span className="study-studes-card-curriculum-info-span1">{classAverageHomeworkProgress}%</span> <span className="study-studes-card-curriculum-info-span1">
{classAverageHomeworkProgress}%
</span>
</div> </div>
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>我的进度</p> <p>我的进度</p>
<span className="study-studes-card-curriculum-info-span2">{personalHomeworkProgress}%</span> <span className="study-studes-card-curriculum-info-span2">
{personalHomeworkProgress}%
</span>
</div> </div>
</li> </li>
{/* 考勤情况 */} {/* 考勤情况 */}
@@ -189,11 +209,15 @@ const StudyStudes = ({ studyStatistics, learningProgress, loading = false }) =>
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>出勤率</p> <p>出勤率</p>
<span className="study-studes-card-curriculum-info-span1">{attendanceRate}%</span> <span className="study-studes-card-curriculum-info-span1">
{attendanceRate}%
</span>
</div> </div>
<div className="study-studes-card-curriculum-info"> <div className="study-studes-card-curriculum-info">
<p>缺勤率</p> <p>缺勤率</p>
<span className="study-studes-card-curriculum-info-span3">{absenceRate}%</span> <span className="study-studes-card-curriculum-info-span3">
{absenceRate}%
</span>
</div> </div>
</li> </li>
</ul> </ul>

20
src/pages/PersonalProfile/index.jsx
View File

@@ -1,4 +1,4 @@
import { useState, useEffect } from "react"; import { useState, useEffect, useCallback } from "react";
import { useDispatch } from "react-redux"; import { useDispatch } from "react-redux";
import ProfileCard from "./components/ProfileCard"; import ProfileCard from "./components/ProfileCard";
import Rank from "@/components/Rank"; import Rank from "@/components/Rank";
@@ -14,13 +14,10 @@ const PersonalProfile = () => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
// 获取个人档案完整数据 // 获取个人档案完整数据
const queryProfileOverview = async () => { const queryProfileOverview = useCallback(async () => {
try { try {
setLoading(true); setLoading(true);
console.log("Fetching profile overview...");
const res = await getProfileOverview(); const res = await getProfileOverview();
console.log("Profile overview response:", res);
if (res.success) { if (res.success) {
const data = res.data; const data = res.data;
@@ -33,18 +30,17 @@ const PersonalProfile = () => {
setProfileData(data); setProfileData(data);
dispatch(updateStudentInfo(studentInfo)); dispatch(updateStudentInfo(studentInfo));
console.log("Profile data set:", data);
} }
} catch (error) { } catch (error) {
console.error("Failed to fetch profile overview:", error); console.error("Failed to fetch profile overview:", error);
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; }, [dispatch]);
useEffect(() => { useEffect(() => {
queryProfileOverview(); queryProfileOverview();
}, []); }, [queryProfileOverview]);
return ( return (
<div className="personal-profile"> <div className="personal-profile">
@@ -56,11 +52,15 @@ const PersonalProfile = () => {
<ProfileCard /> <ProfileCard />
<Rank <Rank
className="unified-profile-rank" className="unified-profile-rank"
data={profileData?.ranking ? { data={
profileData?.ranking
? {
rankings: profileData.ranking.rankings, rankings: profileData.ranking.rankings,
myRank: profileData.ranking.myRank, myRank: profileData.ranking.myRank,
classInfo: profileData.ranking.classInfo, classInfo: profileData.ranking.classInfo,
} : null} }
: null
}
loading={loading} loading={loading}
/> />
</div> </div>

1
src/pages/ProjectLibraryPage/components/ProjectCasesModal/index.jsx
View File

@@ -1,4 +1,3 @@
import { useState } from "react";
import Modal from "@/components/Modal"; import Modal from "@/components/Modal";
import PDFICON from "@/assets/images/Common/pdf_icon.png"; import PDFICON from "@/assets/images/Common/pdf_icon.png";
import "./index.css"; import "./index.css";

4
src/pages/ProjectLibraryPage/index.jsx
View File

@@ -3,7 +3,6 @@ import { Input } from "@arco-design/web-react";
import InfiniteScroll from "@/components/InfiniteScroll"; import InfiniteScroll from "@/components/InfiniteScroll";
import ProjectCasesModal from "./components/ProjectCasesModal"; import ProjectCasesModal from "./components/ProjectCasesModal";
import { getProjectsList } from "@/services/projectLibrary"; import { getProjectsList } from "@/services/projectLibrary";
import "./index.css"; import "./index.css";
const InputSearch = Input.Search; const InputSearch = Input.Search;
@@ -25,6 +24,7 @@ const ProjectLibrary = () => {
}; };
const handleProjectClick = (item) => { const handleProjectClick = (item) => {
console.log(item);
setModalData(item); setModalData(item);
setProjectCasesModalVisible(true); setProjectCasesModalVisible(true);
}; };
@@ -36,13 +36,11 @@ const ProjectLibrary = () => {
const fetchProjects = async (searchValue = "", pageNum) => { const fetchProjects = async (searchValue = "", pageNum) => {
try { try {
// 这里使用真实API替换模拟数据
const res = await getProjectsList({ const res = await getProjectsList({
search: searchValue, search: searchValue,
page: pageNum ?? page, page: pageNum ?? page,
pageSize: PAGE_SIZE, pageSize: PAGE_SIZE,
}); });
console.log(res);
if (res.success) { if (res.success) {
setProjectList((prevList) => { setProjectList((prevList) => {
const newList = [...prevList, ...res.data]; const newList = [...prevList, ...res.data];

21
src/pages/ResumeInterviewPage/components/InterviewQuestionsModal/index.jsx
View File

@@ -1,4 +1,3 @@
import { useState } from "react";
import Modal from "@/components/Modal"; import Modal from "@/components/Modal";
import "./index.css"; import "./index.css";
@@ -7,31 +6,27 @@ export default ({ visible, onClose, data }) => {
onClose(); onClose();
}; };
if (!data) return null;
const { question } = data;
return ( return (
<Modal visible={visible} onClose={handleCloseModal}> <Modal visible={visible} onClose={handleCloseModal}>
<div className="interview-questions-modal"> <div className="interview-questions-modal">
<i className="close-icon" onClick={handleCloseModal} /> <i className="close-icon" onClick={handleCloseModal} />
<p className="interview-questions-modal-title">{data.name}面试题</p> <p className="interview-questions-modal-title">{data?.name}面试题</p>
<p className="interview-questions-modal-subtitle"> <p className="interview-questions-modal-subtitle">
在1V1定制求职策略阶段，企业HR会为您讲解面试题 在1V1定制求职策略阶段，企业HR会为您讲解面试题
</p> </p>
<ul className="interview-questions-modal-list"> <ul className="interview-questions-modal-list">
<li className="interview-questions-modal-item"> <li className="interview-questions-modal-item">
<p className="interview-questions-modal-question"> <p className="interview-questions-modal-question">
<span>问题:</span>{question.question} <span>问题:</span>
{data?.question?.question}
</p> </p>
<p className="interview-questions-modal-answer"> <p className="interview-questions-modal-answer">
<span>解答：</span> <span>解答：</span>
这是一个{question.difficulty.toLowerCase()}难度的{question.category}相关问题。 这是一个{data?.question?.difficulty?.toLowerCase()}难度的
针对这类问题，建议从以下几个方面来回答： {data?.question?.category}相关问题。
1. 理解问题的核心概念和背景 针对这类问题，建议从以下几个方面来回答： 1.
2. 结合实际项目经验进行说明 理解问题的核心概念和背景 2. 结合实际项目经验进行说明 3.
3. 展示对相关技术的深入理解 展示对相关技术的深入理解 4. 提及可能的优化或改进方案
4. 提及可能的优化或改进方案
</p> </p>
</li> </li>
</ul> </ul>

57
src/pages/ResumeInterviewPage/index.css
View File

@@ -41,63 +41,6 @@
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
} }
.search-container {
position: relative;
display: flex;
align-items: center;
}
.search-input {
width: 200px;
height: 32px;
padding: 0 35px 0 12px;
border: 1px solid #e5e8ed;
border-radius: 16px;
font-size: 14px;
outline: none;
transition: border-color 0.3s;
&::placeholder {
color: #86909c;
}
&:focus {
border-color: #2c7aff;
box-shadow: 0 0 0 2px rgba(44, 122, 255, 0.1);
}
}
.search-icon {
position: absolute;
right: 10px;
width: 16px;
height: 16px;
background-color: #86909c;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
pointer-events: none;
}
.clear-button {
position: absolute;
right: 8px;
width: 20px;
height: 20px;
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #86909c;
font-size: 14px;
opacity: 0.7;
transition: opacity 0.3s;
&:hover {
opacity: 1;
}
}
} }
.resume-interview-content-wrapper { .resume-interview-content-wrapper {

52
src/pages/ResumeInterviewPage/index.jsx
View File

@@ -1,6 +1,7 @@
import { useRef, useState, useEffect } from "react"; import { useRef, useState, useEffect } from "react";
import toast from "@/components/Toast";
import InterviewQuestionsModal from "./components/InterviewQuestionsModal"; import InterviewQuestionsModal from "./components/InterviewQuestionsModal";
import ResumeModal from "./components/ResumeModal"; import ResumeInfoModal from "@/pages/CompanyJobsPage/components/ResumeInfoModal";
import { getPageData } from "@/services/resumeInterview"; import { getPageData } from "@/services/resumeInterview";
import "./index.css"; import "./index.css";
@@ -13,7 +14,6 @@ const ResumeInterviewPage = () => {
const [resumeModalData, setResumeModalData] = useState(undefined); const [resumeModalData, setResumeModalData] = useState(undefined);
const [pageData, setPageData] = useState(null); const [pageData, setPageData] = useState(null);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [searchTerm, setSearchTerm] = useState("");
const sectionsRef = useRef({}); const sectionsRef = useRef({});
// 导航到指定行业段落 // 导航到指定行业段落
@@ -27,19 +27,24 @@ const ResumeInterviewPage = () => {
// 面试题点击处理 // 面试题点击处理
const handleQuestionClick = (item) => { const handleQuestionClick = (item) => {
setInterviewModalData(item); if (item) {
setInterviewModalVisible(true); setInterviewModalVisible(true);
setInterviewModalData(item);
} else {
toast.error("加载数据失败");
}
}; };
// 职位点击处理 // 职位点击处理
const handlePositionClick = (position, industry) => { const handlePositionClick = (position, industry) => {
// Find resume templates for this industry // Find resume templates for this industry
const templates = pageData.resumeTemplates[industry.name] || []; const templates = pageData.resumeTemplates[industry.name] || [];
const selectedTemplate = templates.find(t => t.level === position.level) || templates[0]; const selectedTemplate =
templates.find((t) => t.level === position.level) || templates[0];
setResumeModalData({ setResumeModalData({
selectedTemplate, selectedTemplate,
studentResume: pageData.myResume studentResume: pageData.myResume,
}); });
setResumeModalVisible(true); setResumeModalVisible(true);
}; };
@@ -54,21 +59,8 @@ const ResumeInterviewPage = () => {
setResumeModalData(undefined); setResumeModalData(undefined);
}; };
// Search functionality
const handleSearchChange = (e) => {
setSearchTerm(e.target.value);
};
const handleClearSearch = () => {
setSearchTerm("");
};
// Filter positions based on search term
const filterPositions = (positions) => { const filterPositions = (positions) => {
if (!searchTerm.trim()) return positions; return positions.filter((position) => position.name.toLowerCase());
return positions.filter(position =>
position.name.toLowerCase().includes(searchTerm.toLowerCase())
);
}; };
// 获取页面数据 // 获取页面数据
@@ -150,21 +142,6 @@ const ResumeInterviewPage = () => {
</li> </li>
))} ))}
</div> </div>
<div className="search-container">
<input
type="text"
className="search-input"
placeholder="搜索职位名称..."
value={searchTerm}
onChange={handleSearchChange}
/>
{searchTerm && (
<button className="clear-button" onClick={handleClearSearch}>
×
</button>
)}
{!searchTerm && <div className="search-icon" />}
</div>
</ul> </ul>
<ul className="resume-interview-content-wrapper"> <ul className="resume-interview-content-wrapper">
{pageData.industries.map((item) => ( {pageData.industries.map((item) => (
@@ -190,11 +167,6 @@ const ResumeInterviewPage = () => {
</div> </div>
</li> </li>
))} ))}
{searchTerm && filterPositions(item.positions).length === 0 && (
<li className="no-results">
<p>未找到匹配的职位</p>
</li>
)}
</ul> </ul>
<ul className="resumes-list"> <ul className="resumes-list">
{item.questions.map((question) => ( {item.questions.map((question) => (
@@ -216,7 +188,7 @@ const ResumeInterviewPage = () => {
onClose={handleCloseInterviewModal} onClose={handleCloseInterviewModal}
data={interviewModalData} data={interviewModalData}
/> />
<ResumeModal <ResumeInfoModal
visible={resumeModalVisible} visible={resumeModalVisible}
onClose={handleCloseResumeModal} onClose={handleCloseResumeModal}
data={resumeModalData} data={resumeModalData}