配置后端对接

src/pages/CompanyJobsPage/index.jsx

@@ -1,20 +1,85 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
-import { mockData } from "@/data/mockData";
+import { jobAPI, interviewAPI, studentAPI } from "@/services/api";
+import { mapJobList, mapInterviewList } from "@/utils/dataMapper";
 import JobList from "./components/JobList";
 
 import "./index.css";
 
 const CompanyJobsPage = () => {
-  const { companyJobs } = mockData;
+  const [jobs, setJobs] = useState([]);
+  const [interviews, setInterviews] = useState([]);
+  const [loading, setLoading] = useState(true);
   const [isExpand, setIsExpand] = useState(false); // 是否展开
 
   const navigate = useNavigate();
 
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  const fetchData = async () => {
+    try {
+      setLoading(true);
+      
+      // Get current user's student ID from API
+      let studentId = null;
+      try {
+        const currentStudent = await studentAPI.getCurrentStudent();
+        studentId = currentStudent?.id;
+      } catch (err) {
+        console.log('Could not get current student:', err);
+      }
+      
+      // Fetch jobs (and interviews if we have a student ID)
+      const jobsData = await jobAPI.getList({ 
+        page: 1, 
+        pageSize: 10, 
+        isActive: true 
+      });
+      
+      let interviewsData = { data: [] };
+      if (studentId) {
+        try {
+          interviewsData = await interviewAPI.getList({ 
+            studentId: studentId,
+            status: 'SCHEDULED'
+          });
+        } catch (err) {
+          console.log('No interviews found or API error');
+        }
+      }
+      
+      // Map data to frontend format
+      const mappedJobs = mapJobList(jobsData.data || jobsData);
+      const mappedInterviews = mapInterviewList(interviewsData.data || interviewsData);
+      
+      setJobs(mappedJobs);
+      setInterviews(mappedInterviews);
+    } catch (error) {
+      console.error("Failed to fetch data:", error);
+      // Fallback to empty data
+      setJobs([]);
+      setInterviews([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
   const handleJobWrapperClick = () => {
     navigate("/company-jobs-list");
   };
 
+  if (loading) {
+    return (
+      <div className="company-jobs-page-wrapper">
+        <div className="company-jobs-page" style={{ justifyContent: 'center', alignItems: 'center' }}>
+          <p>加载中...</p>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div className="company-jobs-page-wrapper">
       <div className="company-jobs-page">
@@ -22,7 +87,7 @@ const CompanyJobsPage = () => {
           <p className="company-jobs-page-title">企业内推岗位库</p>
           <div className="company-jobs-page-left-list-wrapper">
             <JobList
-              data={companyJobs?.companyPositions}
+              data={jobs}
               backgroundColor="#F7F8FA"
             />
           </div>
@@ -37,15 +102,15 @@ const CompanyJobsPage = () => {
           >
             <p className="company-jobs-page-title">内推岗位面试</p>
             <ul className="company-jobs-page-interview-list">
-              {companyJobs?.internalPositions?.map((item) => (
+              {interviews.length > 0 ? interviews.map((item) => (
                 <li className="company-jobs-page-interview-item" key={item.id}>
                   <div className="company-jobs-page-interview-item-info">
                     <p className="company-jobs-page-interview-item-info-position">
                       {item.position}
                     </p>
-                    {item?.tags?.length > 0 ? (
+                    {item.job?.tags?.length > 0 ? (
                       <ul className="company-jobs-page-interview-item-info-tags">
-                        {item?.tags.map((tag) => (
+                        {item.job.tags.map((tag) => (
                           <li
                             className="company-jobs-page-interview-item-info-tag"
                             key={tag}
@@ -56,14 +121,14 @@ const CompanyJobsPage = () => {
                       </ul>
                     ) : null}
                     <span className="company-jobs-page-interview-item-info-salary">
-                      {item.salary}
+                      {item.job?.salary || '面议'}
                     </span>
                   </div>
                   <div className="company-jobs-page-interview-item-btn-wrapper">
                     <span>{item.interviewTime}</span>
                     <div
                       className={`company-jobs-page-interview-item-btn ${
-                        item.status !== "completed" &&
+                        item.status !== "COMPLETED" &&
                         "company-jobs-page-interview-item-btn-active"
                       }`}
                     >
@@ -71,7 +136,13 @@ const CompanyJobsPage = () => {
                     </div>
                   </div>
                 </li>
-              ))}
+              )) : (
+                <li className="company-jobs-page-interview-item">
+                  <p style={{ color: '#999', textAlign: 'center', width: '100%' }}>
+                    暂无面试安排
+                  </p>
+                </li>
+              )}
             </ul>
           </div>
         </div>