解决合并冲突: 整合班级排名功能和学习进度功能

- 保留完整的班级排名显示逻辑(领奖台+列表) - 整合学习进度查询功能 - 兼容不同的响应数据格式 - 添加加载状态和错误处理
2025-08-25 14:32:11 +08:00
parent 1a310c15cd e24105b78b
commit 2c67099e95
26 changed files with 951 additions and 236 deletions
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
    "deploy:prod": "vercel --prod"
  },
  "dependencies": {
-    "@arco-design/web-react": "^2.66.4",
+    "@arco-design/web-react": "^2.66.5",
    "@reduxjs/toolkit": "^2.8.2",
    "axios": "^1.11.0",
    "echarts": "^6.0.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
  .:
    dependencies:
      '@arco-design/web-react':
-        specifier: ^2.66.4
-        version: 2.66.4(@types/react@19.1.10)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+        specifier: ^2.66.5
+        version: 2.66.5(@types/react@19.1.10)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
      '@reduxjs/toolkit':
        specifier: ^2.8.2
        version: 2.8.2(react-redux@9.2.0(@types/react@19.1.10)(react@19.1.1)(redux@5.0.1))(react@19.1.1)
@@ -85,8 +85,8 @@ packages:
  '@arco-design/color@0.4.0':
    resolution: {integrity: sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==}

-  '@arco-design/web-react@2.66.4':
-    resolution: {integrity: sha512-vl7sJBLvbVyJhYRPoQ8kHc8BuXNkJIXca5h9ync2J1TuKglFMLNbQwjIvJLW3ciabqTZ5g1O7H1GQ+lLIEMsWA==}
+  '@arco-design/web-react@2.66.5':
+    resolution: {integrity: sha512-ity0kG+B6pmuJ2/Zh3wUtBV78XxWmRtGEwazL8f4KAjoQpMkisgLMXibUpAGfcqph3vycNFq4yHgHujjgwrJMQ==}
    peerDependencies:
      react: '>=16'
      react-dom: '>=16'
@@ -1334,7 +1334,7 @@ snapshots:
    dependencies:
      color: 3.2.1

-  '@arco-design/web-react@2.66.4(@types/react@19.1.10)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+  '@arco-design/web-react@2.66.5(@types/react@19.1.10)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
    dependencies:
      '@arco-design/color': 0.4.0
      '@babel/runtime': 7.28.3
--- a/src/components/Layout/index.css
+++ b/src/components/Layout/index.css
@@ -1,7 +1,7 @@
 /* 布局相关样式 */
 .app-layout {
  display: flex;
-  min-height: 100vh;
+  height: 100vh;
  width: 100%;
  background-color: #f2f3f5;

@@ -13,7 +13,8 @@
 /* 主内容区域 */
 .main-content {
  flex: 1;
-  overflow: hidden;
+  height: 100vh;
+  overflow-y: auto;
  transition: margin-left 0.3s ease;
  display: flex;
  flex-direction: column;
--- a/src/components/Layout/index.jsx
+++ b/src/components/Layout/index.jsx
@@ -16,7 +16,9 @@ const Layout = ({ children }) => {

  const queryLoginStudentInfo = async () => {
    const res = await getLoginStudentInfo();
-    dispatch(setStudentInfo(res));
+    if (res.success) {
+      dispatch(setStudentInfo(res.data));
+    }
  };

  // 初始化项目统一获取登录用户信息
--- a/src/components/Rank/index.jsx
+++ b/src/components/Rank/index.jsx
@@ -34,6 +34,7 @@ const Rank = ({ className, data = null, loading = false }) => {
  return (
    <div className={`module-class-rank ${className}`}>
      <p className="module-class-rank-title">班级排名</p>
+
      <ul className="module-class-rank-podium">
        {podiumStudents.map((student, index) => {
          const positions = ["item2", "item1", "item3"];
--- a/src/components/Toast/README.md
+++ b/src/components/Toast/README.md
@@ -0,0 +1,147 @@
+# Toast 组件使用指南
+
+## 概述
+
+自定义的全局 Toast 组件，支持命令式调用，无需在组件树中添加 Provider。
+
+## 特性
+
+- 🚀 轻量级，零依赖
+- 📱 响应式设计
+- 🎨 支持多种类型（success, error, warning, info）
+- ⚡ 命令式 API，简单易用
+- 🔧 高度可定制
+- 🌙 支持暗色主题
+
+## 快速开始
+
+### 1. 基本用法
+
+```jsx
+import toast from "@/components/Toast";
+
+// 成功提示
+toast.success("操作成功！");
+
+// 错误提示
+toast.error("操作失败！");
+
+// 警告提示
+toast.warning("请注意！");
+
+// 信息提示
+toast.info("这是一条信息");
+```
+
+### 2. 高级用法
+
+```jsx
+// 自定义持续时间
+toast.success("3秒后消失", { duration: 3000 });
+
+// 永不自动消失
+toast.info("手动关闭", { duration: 0 });
+
+// 禁用关闭按钮
+toast.error("无法关闭", { closable: false });
+
+// 带标题的提示
+toast.success("操作完成", {
+  title: "成功",
+  duration: 5000,
+});
+
+// 获取 Toast ID，手动关闭
+const toastId = toast.info("loading...");
+setTimeout(() => {
+  toast.remove(toastId);
+}, 2000);
+```
+
+### 3. 在组件中使用 Hook（可选）
+
+如果需要在组件内部管理 Toast 状态，可以使用 Provider 方式：
+
+```jsx
+import { ToastProvider, useToast } from "@/components/Toast";
+
+function App() {
+  return (
+    <ToastProvider>
+      <YourComponent />
+    </ToastProvider>
+  );
+}
+
+function YourComponent() {
+  const { addToast, removeAllToasts } = useToast();
+
+  const handleClick = () => {
+    addToast({
+      type: "success",
+      message: "这是通过 Hook 创建的 Toast",
+    });
+  };
+
+  return (
+    <div>
+      <button onClick={handleClick}>显示 Toast</button>
+      <button onClick={removeAllToasts}>清空所有 Toast</button>
+    </div>
+  );
+}
+```
+
+## API 参考
+
+### 全局方法
+
+- `toast.success(message, options?)` - 显示成功提示
+- `toast.error(message, options?)` - 显示错误提示
+- `toast.warning(message, options?)` - 显示警告提示
+- `toast.info(message, options?)` - 显示信息提示
+- `toast.remove(id)` - 移除指定 Toast
+- `toast.removeAll()` - 移除所有 Toast
+
+### Options 参数
+
+```typescript
+interface ToastOptions {
+  title?: string; // 标题
+  duration?: number; // 持续时间（毫秒），0 表示不自动关闭
+  closable?: boolean; // 是否显示关闭按钮，默认 true
+  type?: "success" | "error" | "warning" | "info"; // Toast 类型
+}
+```
+
+### Hook API
+
+- `useToast()` - 返回 Toast 管理方法
+  - `addToast(options)` - 添加 Toast
+  - `removeToast(id)` - 移除指定 Toast
+  - `removeAllToasts()` - 移除所有 Toast
+  - `toasts` - 当前 Toast 列表
+
+## 样式定制
+
+可以通过修改 CSS 变量来定制样式：
+
+```css
+.toast-item {
+  /* 自定义背景色 */
+  background: your-color;
+
+  /* 自定义圆角 */
+  border-radius: your-radius;
+
+  /* 自定义阴影 */
+  box-shadow: your-shadow;
+}
+```
+
+## 注意事项
+
+1. Toast 容器会自动创建和销毁，无需手动管理
+2. 支持同时显示多个 Toast
+3. 在移动端会自动适配屏幕宽度
+4. 支持暗色主题自动切换
--- a/src/components/Toast/index.css
+++ b/src/components/Toast/index.css
@@ -0,0 +1,178 @@
+/* Toast 容器 */
+.toast-container,
+.global-toast-container {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  z-index: 9999;
+  pointer-events: none;
+}
+
+.global-toast-container .toast-container {
+  position: static;
+}
+
+/* Toast 项目 */
+.toast-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 16px;
+  margin-bottom: 12px;
+  min-width: 320px;
+  max-width: 480px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
+              0 9px 28px 0 rgba(0, 0, 0, 0.05),
+              0 3px 6px -4px rgba(0, 0, 0, 0.12);
+  border-left: 4px solid #d9d9d9;
+  pointer-events: auto;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transform: translateX(100%);
+  opacity: 0;
+}
+
+/* 显示状态 */
+.toast-item.toast-visible {
+  transform: translateX(0);
+  opacity: 1;
+}
+
+/* 移除状态 */
+.toast-item.toast-removing {
+  transform: translateX(100%);
+  opacity: 0;
+}
+
+/* Toast 类型样式 */
+.toast-item.toast-success {
+  border-left-color: #52c41a;
+}
+
+.toast-item.toast-success .toast-icon {
+  color: #52c41a;
+}
+
+.toast-item.toast-error {
+  border-left-color: #ff4d4f;
+}
+
+.toast-item.toast-error .toast-icon {
+  color: #ff4d4f;
+}
+
+.toast-item.toast-warning {
+  border-left-color: #faad14;
+}
+
+.toast-item.toast-warning .toast-icon {
+  color: #faad14;
+}
+
+.toast-item.toast-info {
+  border-left-color: #1890ff;
+}
+
+.toast-item.toast-info .toast-icon {
+  color: #1890ff;
+}
+
+
+/* Toast 内容 */
+.toast-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.toast-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #262626;
+  margin-bottom: 4px;
+  line-height: 1.4;
+}
+
+.toast-message {
+  font-size: 14px;
+  color: #595959;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+/* 关闭按钮 */
+.toast-close {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background: none;
+  color: #bfbfbf;
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: all 0.2s;
+  margin-top: 2px;
+  padding: 0;
+}
+
+.toast-close:hover {
+  color: #8c8c8c;
+  background: #f5f5f5;
+}
+
+/* 悬停效果 */
+.toast-item:hover {
+  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.12),
+              0 9px 28px 0 rgba(0, 0, 0, 0.08),
+              0 3px 6px -4px rgba(0, 0, 0, 0.16);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .toast-container,
+  .global-toast-container {
+    top: 10px;
+    right: 10px;
+    left: 10px;
+  }
+  
+  .toast-item {
+    min-width: auto;
+    max-width: none;
+    margin-bottom: 8px;
+  }
+}
+
+/* 暗色主题支持 */
+@media (prefers-color-scheme: dark) {
+  .toast-item {
+    background: #1f1f1f;
+    color: #ffffff;
+    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32),
+                0 9px 28px 0 rgba(0, 0, 0, 0.24),
+                0 3px 6px -4px rgba(0, 0, 0, 0.48);
+  }
+  
+  .toast-title {
+    color: #ffffff;
+  }
+  
+  .toast-message {
+    color: #d9d9d9;
+  }
+  
+  .toast-close {
+    color: #8c8c8c;
+  }
+  
+  .toast-close:hover {
+    color: #bfbfbf;
+    background: #262626;
+  }
+}
--- a/src/components/Toast/index.jsx
+++ b/src/components/Toast/index.jsx
@@ -0,0 +1,259 @@
+import React, { useState, useEffect, createContext, useContext } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+
+// Toast 上下文
+const ToastContext = createContext();
+
+// Toast 类型
+const TOAST_TYPES = {
+  SUCCESS: "success",
+  ERROR: "error",
+  WARNING: "warning",
+  INFO: "info",
+};
+
+// // Toast 图标
+// const TOAST_ICONS = {
+//   [TOAST_TYPES.SUCCESS]: "✓",
+//   [TOAST_TYPES.ERROR]: "✕",
+//   [TOAST_TYPES.WARNING]: "⚠",
+//   [TOAST_TYPES.INFO]: "ℹ",
+// };
+
+// 单个 Toast 组件
+const ToastItem = ({ toast, onRemove }) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [isRemoving, setIsRemoving] = useState(false);
+
+  useEffect(() => {
+    // 显示动画
+    const showTimer = setTimeout(() => setIsVisible(true), 10);
+
+    // 自动移除
+    const removeTimer = setTimeout(() => {
+      handleRemove();
+    }, toast.duration || 3000);
+
+    return () => {
+      clearTimeout(showTimer);
+      clearTimeout(removeTimer);
+    };
+  }, []);
+
+  const handleRemove = () => {
+    setIsRemoving(true);
+    setTimeout(() => {
+      onRemove(toast.id);
+    }, 300);
+  };
+
+  return (
+    <div
+      className={`toast-item toast-${toast.type} ${
+        isVisible ? "toast-visible" : ""
+      } ${isRemoving ? "toast-removing" : ""}`}
+      onClick={toast.closable !== false ? handleRemove : undefined}
+    >
+      <div className="toast-content">
+        {toast.title && <div className="toast-title">{toast.title}</div>}
+        <div className="toast-message">{toast.message}</div>
+      </div>
+      {toast.closable !== false && (
+        <button className="toast-close" onClick={handleRemove}>
+          ×
+        </button>
+      )}
+    </div>
+  );
+};
+
+// Toast 容器组件
+const ToastContainer = () => {
+  const { toasts, removeToast } = useContext(ToastContext);
+
+  return (
+    <div className="toast-container">
+      {toasts.map((toast) => (
+        <ToastItem key={toast.id} toast={toast} onRemove={removeToast} />
+      ))}
+    </div>
+  );
+};
+
+// Toast Provider 组件
+export const ToastProvider = ({ children }) => {
+  const [toasts, setToasts] = useState([]);
+
+  const addToast = (toast) => {
+    const id = Date.now() + Math.random();
+    const newToast = {
+      id,
+      type: TOAST_TYPES.INFO,
+      duration: 3000,
+      closable: true,
+      ...toast,
+    };
+
+    setToasts((prev) => [...prev, newToast]);
+    return id;
+  };
+
+  const removeToast = (id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  };
+
+  const removeAllToasts = () => {
+    setToasts([]);
+  };
+
+  const value = {
+    toasts,
+    addToast,
+    removeToast,
+    removeAllToasts,
+  };
+
+  return (
+    <ToastContext.Provider value={value}>
+      {children}
+      <ToastContainer />
+    </ToastContext.Provider>
+  );
+};
+
+// Hook for using toast
+export const useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+
+// 全局 Toast 管理器
+class ToastManager {
+  constructor() {
+    this.container = null;
+    this.root = null;
+    this.toasts = [];
+    this.listeners = [];
+  }
+
+  // 初始化容器
+  init() {
+    if (this.container) return;
+
+    this.container = document.createElement("div");
+    this.container.className = "global-toast-container";
+    document.body.appendChild(this.container);
+
+    this.root = createRoot(this.container);
+    this.render();
+  }
+
+  // 渲染 Toast 列表
+  render() {
+    if (!this.root) return;
+
+    this.root.render(
+      <div className="toast-container">
+        {this.toasts.map((toast) => (
+          <ToastItem
+            key={toast.id}
+            toast={toast}
+            onRemove={this.remove.bind(this)}
+          />
+        ))}
+      </div>
+    );
+  }
+
+  // 添加 Toast
+  add(options) {
+    this.init();
+
+    const id = Date.now() + Math.random();
+    const toast = {
+      id,
+      type: TOAST_TYPES.INFO,
+      duration: 3000,
+      closable: true,
+      ...options,
+    };
+
+    this.toasts.push(toast);
+    this.render();
+
+    // 自动移除
+    if (toast.duration > 0) {
+      setTimeout(() => {
+        this.remove(id);
+      }, toast.duration);
+    }
+
+    return id;
+  }
+
+  // 移除 Toast
+  remove(id) {
+    this.toasts = this.toasts.filter((toast) => toast.id !== id);
+    this.render();
+
+    // 如果没有 Toast 了，清理容器
+    if (this.toasts.length === 0) {
+      setTimeout(() => {
+        this.cleanup();
+      }, 300);
+    }
+  }
+
+  // 移除所有 Toast
+  removeAll() {
+    this.toasts = [];
+    this.render();
+    this.cleanup();
+  }
+
+  // 清理容器
+  cleanup() {
+    if (this.container && this.toasts.length === 0) {
+      this.root?.unmount();
+      document.body.removeChild(this.container);
+      this.container = null;
+      this.root = null;
+    }
+  }
+
+  // 便捷方法
+  success(message, options = {}) {
+    return this.add({ ...options, message, type: TOAST_TYPES.SUCCESS });
+  }
+
+  error(message, options = {}) {
+    return this.add({ ...options, message, type: TOAST_TYPES.ERROR });
+  }
+
+  warning(message, options = {}) {
+    return this.add({ ...options, message, type: TOAST_TYPES.WARNING });
+  }
+
+  info(message, options = {}) {
+    return this.add({ ...options, message, type: TOAST_TYPES.INFO });
+  }
+}
+
+// 创建全局实例
+const toastManager = new ToastManager();
+
+// 导出全局 Toast API
+export const toast = {
+  success: (message, options) => toastManager.success(message, options),
+  error: (message, options) => toastManager.error(message, options),
+  warning: (message, options) => toastManager.warning(message, options),
+  info: (message, options) => toastManager.info(message, options),
+  remove: (id) => toastManager.remove(id),
+  removeAll: () => toastManager.removeAll(),
+};
+
+export default toast;
--- a/src/pages/CompanyJobsPage/components/JobInfoModal/index.css
+++ b/src/pages/CompanyJobsPage/components/JobInfoModal/index.css
@@ -24,9 +24,14 @@
      background-color: #fff;
    }
  }
-
+  .empty-data-wrapper {
+    width: 100%;
+    min-height: 555px;
+    display: flex;
+  }
  .job-info-modal-user-resumes-list {
    width: 100%;
+    min-height: 555px;
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 每行两列 */
--- a/src/pages/CompanyJobsPage/components/JobInfoModal/index.jsx
+++ b/src/pages/CompanyJobsPage/components/JobInfoModal/index.jsx
@@ -1,23 +1,48 @@
 import { useState } from "react";
+import { useSelector } from "react-redux";
 import { Input } from "@arco-design/web-react";
 import Modal from "@/components/Modal";
-import { mockData } from "@/data/mockData";
+import InfiniteScroll from "@/components/InfiniteScroll";
 import ResumeInfoModal from "@/pages/CompanyJobsPage/components/ResumeInfoModal";
 import FILEICON from "@/assets/images/CompanyJobsPage/file_icon.png";
+import { getResumesList } from "@/services";
 import "./index.css";

 const InputSearch = Input.Search;
-const { userResumes } = mockData;
+const PAGE_SIZE = 10;

 export default ({ visible, onClose, data }) => {
+  const studentInfo = useSelector((state) => state.student.studentInfo);
  const [resumeModalShow, setResumeModalShow] = useState(false);
  const [resumeInfoModalShow, setResumeInfoModalShow] = useState(false);
+  const [resumeList, setResumeList] = useState([]); // 简历列表
+  const [listPage, setListPage] = useState(1);
+  const [listHasMore, setListHasMore] = useState(true);

  const handleCloseModal = () => {
    setResumeModalShow(false);
    onClose();
  };

+  const queryResumeList = async () => {
+    const res = await getResumesList({
+      page: listPage,
+      pageSize: PAGE_SIZE,
+      studentId: studentInfo?.id,
+    });
+    if (res.success) {
+      setResumeList((prevList) => {
+        const newList = [...prevList, ...res.data];
+        if (res.total === newList?.length) {
+          setListHasMore(false);
+        } else {
+          setListPage((prevPage) => prevPage + 1);
+        }
+        return newList;
+      });
+    }
+  };
+
  // 点击立即投递
  const handleClickDeliverBtn = (e) => {
    e.stopPropagation();
@@ -52,36 +77,46 @@ export default ({ visible, onClose, data }) => {
                searchButton
                placeholder="搜索简历"
              />
-
-              <ul className="job-info-modal-user-resumes-list">
-                {userResumes.map((item) => (
-                  <li
-                    key={item.id}
-                    className="list-item"
-                    onClick={() => userResumesClick(item)}
-                  >
-                    <div className="list-item-info">
-                      <img src={FILEICON} className="file-icon" />
-                      <div className="file-info">
-                        <p className="file-info-targetPosition">
-                          {item.targetPosition}
-                        </p>
-                        {item?.skills?.length > 0 && (
-                          <p className="file-info-skills">
-                            {item?.skills?.join("/")}
-                          </p>
-                        )}
-                      </div>
-                    </div>
-                    <div
-                      className="info-btn"
-                      onClick={(e) => userResumesBtnClick(e, item)}
+              {
+                <InfiniteScroll
+                  loadMore={queryResumeList}
+                  hasMore={listHasMore}
+                  empty={resumeList.length === 0}
+                  className={`${
+                    resumeList.length
+                      ? "job-info-modal-user-resumes-list"
+                      : "empty-data-wrapper"
+                  }`}
+                >
+                  {resumeList.map((item) => (
+                    <li
+                      key={item.id}
+                      className="list-item"
+                      onClick={() => userResumesClick(item)}
                    >
-                      简历详情
-                    </div>
-                  </li>
-                ))}
-              </ul>
+                      <div className="list-item-info">
+                        <img src={FILEICON} className="file-icon" />
+                        <div className="file-info">
+                          <p className="file-info-targetPosition">
+                            {item.title}
+                          </p>
+                          {item?.skills?.length > 0 && (
+                            <p className="file-info-skills">
+                              {item?.skills?.join("/")}
+                            </p>
+                          )}
+                        </div>
+                      </div>
+                      <div
+                        className="info-btn"
+                        onClick={(e) => userResumesBtnClick(e, item)}
+                      >
+                        简历详情
+                      </div>
+                    </li>
+                  ))}
+                </InfiniteScroll>
+              }
            </>
          ) : (
            <>
@@ -90,7 +125,7 @@ export default ({ visible, onClose, data }) => {
                  {data?.position}
                </span>
                <span className="job-info-modal-content-position-info-num">
-                  该岗位仅剩9人
+                  该岗位仅剩{data?.remainingPositions}人
                </span>
                <span className="job-info-modal-content-position-info-salary">
                  {data?.salary}
@@ -105,15 +140,19 @@ export default ({ visible, onClose, data }) => {
                  ))}
                </ul>
              )}
-              {data?.details?.description && (
+              {data?.description && (
                <div className="job-info-modal-content-position-info-description">
                  <p className="description-title">岗位描述</p>
-                  <p className="description-content">
-                    {data?.details?.description}
-                  </p>
+                  <p className="description-content">{data?.description}</p>
                </div>
              )}
-              {data?.details?.requirements?.length > 0 && (
+              {data?.requirements && (
+                <div className="job-info-modal-content-position-info-description">
+                  <p className="description-title">岗位要求</p>
+                  <p className="description-content">{data?.requirements}</p>
+                </div>
+              )}
+              {/* {data?.details?.requirements?.length > 0 && (
                <div className="job-info-modal-content-position-info-requirements">
                  <p className="requirements-title">岗位要求</p>
                  <ul className="requirements-content">
@@ -124,12 +163,12 @@ export default ({ visible, onClose, data }) => {
                    ))}
                  </ul>
                </div>
-              )}
-              {data?.details?.companyInfo && (
+              )} */}
+              {data?.company?.industry && (
                <div className="job-info-modal-content-position-info-companyInfo">
                  <p className="companyInfo-title">公司介绍</p>
                  <p className="companyInfo-content">
-                    {data?.details?.companyInfo}
+                    {data?.company?.industry}
                  </p>
                </div>
              )}
--- a/src/pages/CompanyJobsPage/components/JobList/index.jsx
+++ b/src/pages/CompanyJobsPage/components/JobList/index.jsx
@@ -1,17 +1,23 @@
 import { useState } from "react";
-import { useNavigate } from "react-router-dom";
+import toast from "@/components/Toast";
 import JobInfoModal from "../JobInfoModal";
+import { getJobsDetail } from "@/services";
+import { mapJob } from "@/utils/dataMapper";
 import "./index.css";

 export default ({ className = "", data = [], backgroundColor = "#FFFFFF" }) => {
-  const navigate = useNavigate();
  const [jobInfoData, setJobInfoData] = useState(undefined);
  const [jobInfoModalVisible, setJobInfoModalVisible] = useState(false);

-  const handleJobClick = (e, item) => {
+  const handleJobClick = async (e, item) => {
    e.stopPropagation();
-    setJobInfoModalVisible(true);
-    setJobInfoData(item);
+    const res = await getJobsDetail(item.id);
+    if (res.success) {
+      setJobInfoData(mapJob(res.data));
+      setJobInfoModalVisible(true);
+    } else {
+      toast.error(res.message);
+    }
  };

  const onClickJobInfoModalClose = () => {
--- a/src/pages/CompanyJobsPage/index.css
+++ b/src/pages/CompanyJobsPage/index.css
@@ -1,6 +1,5 @@
 .company-jobs-page-wrapper {
  width: 100%;
-  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
--- a/src/pages/CompanyJobsPage/index.jsx
+++ b/src/pages/CompanyJobsPage/index.jsx
@@ -2,9 +2,10 @@ import { useState } from "react";
 import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { mapJobList, mapInterviewList } from "@/utils/dataMapper";
+import InfiniteScroll from "@/components/InfiniteScroll";
+import toast from "@/components/Toast";
 import JobList from "./components/JobList";
 import { getJobsList, getInterviewsList } from "@/services";
-import InfiniteScroll from "@/components/InfiniteScroll";

 import "./index.css";
 const PAGE_SIZE = 10;
@@ -22,30 +23,28 @@ const CompanyJobsPage = () => {

  // 获取面试信息
  const fetchInterviewsData = async () => {
-    try {
-      if (studentInfo?.id) {
-        const res = await getInterviewsList({
-          page: interviewsPage,
-          pageSize: PAGE_SIZE,
-          studentId: studentInfo?.id,
-          status: "SCHEDULED",
+    if (studentInfo?.id) {
+      const res = await getInterviewsList({
+        page: interviewsPage,
+        pageSize: PAGE_SIZE,
+        studentId: studentInfo?.id,
+        status: "SCHEDULED",
+      });
+      if (res.success) {
+        const mappedInterviews = mapInterviewList(res.data || []);
+        setInterviews((prevList) => {
+          const newList = [...prevList, ...mappedInterviews];
+          if (res.total === newList?.length) {
+            setInterviewsHasMore(false);
+          } else {
+            setInterviewsPage((prevPage) => prevPage + 1);
+          }
+          return newList;
        });
-        if (res.success) {
-          const mappedInterviews = mapInterviewList(res.data || []);
-          setInterviews((prevList) => {
-            const newList = [...prevList, ...mappedInterviews];
-            if (res.total === newList?.length) {
-              setInterviewsHasMore(false);
-            } else {
-              setInterviewsPage((prevPage) => prevPage + 1);
-            }
-            return newList;
-          });
-        }
+      } else {
+        setInterviews([]);
+        toast.error(res.message);
      }
-    } catch (error) {
-      console.error("Failed to fetch data:", error);
-      setInterviews([]);
    }
  };

--- a/src/pages/Dashboard/components/QuickAccess/index.jsx
+++ b/src/pages/Dashboard/components/QuickAccess/index.jsx
@@ -1,14 +1,23 @@
-import "./index.css";
+import { useNavigate } from "react-router-dom";
 import icon1 from "@/assets/images/Dashboard/QuickAccess/icon1.png";
 import icon2 from "@/assets/images/Dashboard/QuickAccess/icon2.png";
 import icon3 from "@/assets/images/Dashboard/QuickAccess/icon3.png";
+import "./index.css";

 const QuickAccess = () => {
+  const navigate = useNavigate();
+
+  const handleClick = (path) => {
+    navigate(path);
+  };
  return (
    <div className="module-quick-access-wrapper">
      <p className="module-quick-access-title">快捷入口</p>
      <ul className="module-quick-access-list">
-        <li className="module-quick-access-item">
+        <li
+          className="module-quick-access-item"
+          onClick={() => handleClick("/expert-support")}
+        >
          <img
            src={icon1}
            alt="icon1"
@@ -16,7 +25,10 @@ const QuickAccess = () => {
          />
          <p className="module-quick-access-item-text">专家支持中心</p>
        </li>
-        <li className="module-quick-access-item">
+        <li
+          className="module-quick-access-item"
+          onClick={() => handleClick("/live")}
+        >
          <img
            src={icon2}
            alt="icon1"
@@ -24,7 +36,10 @@ const QuickAccess = () => {
          />
          <p className="module-quick-access-item-text">课程直播间</p>
        </li>
-        <li className="module-quick-access-item">
+        <li
+          className="module-quick-access-item"
+          onClick={() => handleClick("/career-tree")}
+        >
          <img
            src={icon3}
            alt="icon1"
--- a/src/pages/Dashboard/index.jsx
+++ b/src/pages/Dashboard/index.jsx
@@ -6,7 +6,7 @@ import StudyStatus from "./components/StudyStatus";
 import Rank from "@/components/Rank";
 import StageProgress from "@/components/StageProgress";
 import TaskList from "./components/TaskList";
-import { getClassRanking } from "@/services/dashboard";
+import { getClassRanking, getStudyRecordsProgress } from "@/services";
 import "./index.css";

 const Dashboard = () => {
@@ -15,13 +15,18 @@ const Dashboard = () => {

  useEffect(() => {
    fetchRankingData();
+    fetchLearningProgressSummary();
  }, []);

+  // 获取班级排名数据
  const fetchRankingData = async () => {
    try {
      setRankingLoading(true);
      const response = await getClassRanking();
-      if (response) {
+      if (response && response.success) {
+        setRankingData(response.data);
+      } else if (response) {
+        // 兼容直接返回数据的情况
        setRankingData(response);
      }
    } catch (error) {
@@ -31,6 +36,16 @@ const Dashboard = () => {
    }
  };

+  // 获取整体学习进度
+  const fetchLearningProgressSummary = async () => {
+    try {
+      const res = await getStudyRecordsProgress();
+      console.log("learningProgressSummary", res);
+    } catch (error) {
+      console.error('Failed to fetch learning progress:', error);
+    }
+  };
+
  return (
    <div className="dashboard">
      <StageProgress showBlockageAlert={true} />
--- a/src/pages/PersonalProfile/components/ProfileCard/index.jsx
+++ b/src/pages/PersonalProfile/components/ProfileCard/index.jsx
@@ -27,7 +27,7 @@ const ProfileCard = () => {
        <li className="profile-card-achievement-info-item">
          <span className="profile-card-achievement-info-item-title">学分</span>
          <span className="profile-card-achievement-info-item-text">
-            {studentInfo?.totalCredits || 0}
+            {studentInfo?.myRank?.score || "-"}
          </span>
        </li>
        <li className="profile-card-achievement-info-item">
@@ -35,7 +35,7 @@ const ProfileCard = () => {
            班级排名
          </span>
          <span className="profile-card-achievement-info-item-text">
-            {studentInfo?.badges?.classRank || "-"}
+            {studentInfo?.myRank?.rank || "-"}
          </span>
        </li>
        <li className="profile-card-achievement-info-item">
--- a/src/pages/PersonalProfile/components/StudyStudes/index.jsx
+++ b/src/pages/PersonalProfile/components/StudyStudes/index.jsx
@@ -1,11 +1,11 @@
 import * as echarts from "echarts";
-import { useState, useEffect } from "react";
 import { useSelector } from "react-redux";
 import StudyProgress from "../StudyProgress";
 import ScoreRingChart from "../ScoreRingChart";
 import AttendanceRingChart from "../AttendanceRingChart";
-import { getLoginStudentProgress } from "@/services";
+import { getDashboardStatistics } from "@/services";
 import "./index.css";
+import { useEffect } from "react";

 const ringData = [
  {
@@ -54,17 +54,14 @@ const attendanceData = [
 const StudyStudes = () => {
  const studentInfo = useSelector((state) => state.student.studentInfo);

-  const [progressData, setProgressData] = useState({});
-
-  const queryLoginStudentProgress = async () => {
-    const res = await getLoginStudentProgress();
-    if (res.success) {
-      setProgressData(res.data);
-    }
+  // 获取仪表盘数据
+  const queryDashboardStatistics = async () => {
+    const res = await getDashboardStatistics();
+    console.log(res);
  };

  useEffect(() => {
-    queryLoginStudentProgress();
+    queryDashboardStatistics();
  }, []);

  return (
--- a/src/pages/PersonalProfile/index.jsx
+++ b/src/pages/PersonalProfile/index.jsx
@@ -1,10 +1,40 @@
+import { useState, useEffect } from "react";
+import { useDispatch } from "react-redux";
 import ProfileCard from "./components/ProfileCard";
 import Rank from "@/components/Rank";
 import StageProgress from "@/components/StageProgress";
 import StudyStudes from "./components/StudyStudes";
+import { updateStudentInfo } from "@/store/slices/studentSlice";
+import { getClassRanking, getStudyRecordsProgress } from "@/services";
 import "./index.css";

 const PersonalProfile = () => {
+  const dispatch = useDispatch();
+  const [rankData, setRankData] = useState([]); // 班级排名数据
+
+  const queryLearningProgressSummary = async () => {
+    const res = await getStudyRecordsProgress();
+    console.log("learningProgressSummary", res);
+  };
+
+  // 获取班级排名
+  const queryRankData = async () => {
+    const res = await getClassRanking();
+    if (res.success) {
+      const studentInfo = {
+        myRank: res.data.myRank,
+        classInfo: res.data.classInfo,
+      };
+      setRankData(res.data);
+      dispatch(updateStudentInfo(studentInfo));
+    }
+  };
+
+  useEffect(() => {
+    queryRankData();
+    queryLearningProgressSummary();
+  }, []);
+
  return (
    <div className="personal-profile">
      <StageProgress />
@@ -13,7 +43,7 @@ const PersonalProfile = () => {
      <div className="unified-profile-layout">
        <div className="unified-profile-left">
          <ProfileCard />
-          <Rank className="unified-profile-rank" />
+          <Rank className="unified-profile-rank" data={rankData} />
        </div>
        <div className="unified-profile-right">
          <StudyStudes />
--- a/src/services/companyJobs.js
+++ b/src/services/companyJobs.js
@@ -8,6 +8,15 @@ export async function getJobsList(params) {
    params,
  });
 }
+
+// 获取企业内推岗位详情
+export async function getJobsDetail(id) {
+  return request({
+    url: `/api/jobs/${id}`,
+    method: "GET",
+  });
+}
+
 // 获取企业内推岗位面试
 export async function getInterviewsList(params) {
  return request({
@@ -16,3 +25,19 @@ export async function getInterviewsList(params) {
    params,
  });
 }
+
+// 获取简历列表
+export async function getResumesList(params) {
+  return request({
+    url: `/api/resumes`,
+    method: "GET",
+    params: params,
+  });
+}
+// 获取简历详情
+export async function getResumesDetail(id) {
+  return request({
+    url: `/api/resumes/${id}`,
+    method: "GET",
+  });
+}
--- a/src/services/dashboard.js
+++ b/src/services/dashboard.js
@@ -1,20 +1,20 @@
 import request from "@/utils/request";

-// 获取当前学生的仪表板统计信息
-export async function getDashboardStatistics() {
+// 获取学生的整体学习进度
+export async function getStudyRecordsProgress() {
  return request({
-    url: `/api/dashboard/stats`,
+    url: `/api/study-records/progress`,
    method: "GET",
    namespace: "dashboardLoading",
  });
 }

-// 获取当前学生的学习进度汇总
-export async function getLearningProgressSummary(params = {}) {
+// 获取我的任务
+export async function getMyTasks(params = {}) {
  return request({
-    url: `/api/dashboard/learning-summary`,
+    url: `/api/tasks/my-tasks`,
    method: "GET",
-    params,
+    params: params,
    namespace: "dashboardLoading",
  });
 }
@@ -24,7 +24,7 @@ export async function getClassRanking(params = { limit: 6 }) {
  return request({
    url: `/api/rankings/class`,
    method: "GET",
-    params,
+    params: params,
    namespace: "dashboardLoading",
  });
 }
--- a/src/services/index.js
+++ b/src/services/index.js
@@ -1,35 +1,48 @@
 // 统一的API服务接口 - 基于当前认证用户
 import {
-  getDashboardStatistics,
-  getLearningProgressSummary,
+  getStudyRecordsProgress,
+  getMyTasks,
  getClassRanking,
 } from "./dashboard";
 import { getProjectsList } from "./projectLibrary";
-import { getJobsList, getInterviewsList } from "./companyJobs";
+import {
+  getJobsList,
+  getJobsDetail,
+  getInterviewsList,
+  getResumesList,
+  getResumesDetail,
+} from "./companyJobs";
 import { getLoginStudentInfo } from "./global";
-import { getLoginStudentProgress, getClassRank, getMyRanking } from "./personalProfile";
-import { getResumesList, getResumesDetail } from "./resumeInterview";
+import {
+  getDashboardStatistics,
+  getLoginStudentProgress,
+  getClassRank,
+  getMyRanking,
+} from "./personalProfile";
+import {} from "./resumeInterview";

 export {
  // 仪表盘相关
-  getDashboardStatistics,      // 获取当前学生仪表盘统计
-  getLearningProgressSummary,  // 获取当前学生学习进度汇总
-  
+  getMyTasks, // 获取我的任务
+  getDashboardStatistics, // 获取当前学生仪表盘统计
+  getStudyRecordsProgress, // 获取学生的整体学习进度
+
  // 排名相关
-  getClassRanking,            // 获取当前学生班级排名
-  getMyRanking,               // 获取当前学生详细排名信息
-  
+  getClassRanking, // 获取当前学生班级排名
+  getMyRanking, // 获取当前学生详细排名信息
+
  // 学生信息相关
-  getLoginStudentInfo,        // 获取当前登录学生基本信息
-  getLoginStudentProgress,    // 获取当前学生学习进度
-  getClassRank,               // 获取班级排名（别名）
-  
+  getLoginStudentInfo, // 获取当前登录学生基本信息
+  getLoginStudentProgress, // 获取当前学生学习进度
+  getClassRank, // 获取班级排名（别名）
+
  // 项目和作品相关
-  getProjectsList,            // 获取项目列表
-  
+  getProjectsList, // 获取项目列表
+
  // 求职相关
-  getJobsList,                // 获取岗位列表
-  getInterviewsList,          // 获取面试列表
-  getResumesList,             // 获取简历列表
-  getResumesDetail,           // 获取简历详情
+  getJobsList, // 获取岗位列表
+  getJobsDetail, // 岗位详情
+  getInterviewsList, // 获取面试列表
+  getResumesList, // 获取简历列表
+  getResumesDetail, // 获取简历详情
 };
--- a/src/services/personalProfile.js
+++ b/src/services/personalProfile.js
@@ -9,12 +9,21 @@ export async function getLoginStudentProgress() {
  });
 }

+// 获取仪表板统计信息
+export async function getDashboardStatistics() {
+  return request({
+    url: `/api/dashboard/stats`,
+    method: "GET",
+    namespace: "dashboardLoading",
+  });
+}
+
 // 获取当前学生班级排名
-export async function getClassRank(queryParams = {}) {
+export async function getClassRank(params = {}) {
  return request({
    url: `/api/rankings/class`,
    method: "GET",
-    params: queryParams,
+    params: params,
    namespace: "profileLoading",
  });
 }
--- a/src/services/resumeInterview.js
+++ b/src/services/resumeInterview.js
@@ -1,17 +1 @@
 import request from "@/utils/request";
-
-// 获取简历列表
-export async function getResumesList(params) {
-  return request({
-    url: `/api/resumes/`,
-    method: "GET",
-    params,
-  });
-}
-// 获取简历详情
-export async function getResumesDetail(id) {
-  return request({
-    url: `/api/resumes/${id}`,
-    method: "GET",
-  });
-}
--- a/src/utils/dataMapper.js
+++ b/src/utils/dataMapper.js
@@ -3,12 +3,12 @@
 // Map student data from backend to frontend format
 export const mapStudent = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
-    name: backendData.realName,          // realName -> name
-    studentId: backendData.studentNo,    // studentNo -> studentId
-    gender: backendData.gender === 'MALE' ? '男' : '女',
+    name: backendData.realName, // realName -> name
+    studentId: backendData.studentNo, // studentNo -> studentId
+    gender: backendData.gender === "MALE" ? "男" : "女",
    school: backendData.school,
    major: backendData.major,
    enrollDate: backendData.enrollDate,
@@ -34,7 +34,7 @@ export const mapStudentList = (backendList) => {
 // Map course data
 export const mapCourse = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    name: backendData.name,
@@ -45,12 +45,15 @@ export const mapCourse = (backendData) => {
    credits: backendData.credits,
    hours: backendData.hours,
    isAiCourse: backendData.isAiCourse,
-    teacher: backendData.teacher ? {
-      id: backendData.teacher.id,
-      name: backendData.teacher.realName,
-    } : null,
+    teacher: backendData.teacher
+      ? {
+          id: backendData.teacher.id,
+          name: backendData.teacher.realName,
+        }
+      : null,
    stage: backendData.stage,
-    enrollmentCount: backendData.enrollmentCount || backendData._count?.enrollments || 0,
+    enrollmentCount:
+      backendData.enrollmentCount || backendData._count?.enrollments || 0,
  };
 };

@@ -63,25 +66,26 @@ export const mapCourseList = (backendList) => {
 // Map job data
 export const mapJob = (backendData) => {
  if (!backendData) return null;
-  
+
  // Format salary range
-  let salary = '面议';
+  let salary = "面议";
  if (backendData.salaryMin && backendData.salaryMax) {
    const min = Math.floor(backendData.salaryMin / 1000);
    const max = Math.floor(backendData.salaryMax / 1000);
    salary = `${min}K-${max}K`;
  }
-  
+
  return {
    id: backendData.id,
-    position: backendData.title,         // title -> position
+    company: backendData.company,
+    position: backendData.title, // title -> position
    description: backendData.description,
    requirements: backendData.requirements,
    responsibilities: backendData.responsibilities,
-    company: backendData.company?.name || '',
+    companyName: backendData.company?.name || "",
    companyId: backendData.companyId,
    type: mapJobType(backendData.type),
-    jobType: backendData.type === 'INTERNSHIP' ? 'internship' : 'fulltime',
+    jobType: backendData.type === "INTERNSHIP" ? "internship" : "fulltime",
    level: backendData.level,
    location: backendData.location,
    salary: salary,
@@ -90,9 +94,9 @@ export const mapJob = (backendData) => {
    benefits: backendData.benefits || [],
    skills: backendData.skills || [],
    isActive: backendData.isActive,
-    status: backendData.isActive ? 'available' : 'closed',
+    status: backendData.isActive ? "available" : "closed",
    remainingPositions: backendData._count?.interviews || 5, // Mock remaining positions
-    applicationStatus: 'not_applied', // Default status
+    applicationStatus: "not_applied", // Default status
    tags: generateJobTags(backendData),
    deadline: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(), // 30 days from now
  };
@@ -107,11 +111,11 @@ export const mapJobList = (backendList) => {
 // Map job type
 const mapJobType = (type) => {
  const typeMap = {
-    'FULLTIME': '全职',
-    'PARTTIME': '兼职',
-    'INTERNSHIP': '实习',
-    'CONTRACT': '合同制',
-    'REMOTE': '远程',
+    FULLTIME: "全职",
+    PARTTIME: "兼职",
+    INTERNSHIP: "实习",
+    CONTRACT: "合同制",
+    REMOTE: "远程",
  };
  return typeMap[type] || type;
 };
@@ -119,21 +123,21 @@ const mapJobType = (type) => {
 // Generate job tags
 const generateJobTags = (job) => {
  const tags = [];
-  if (job.location) tags.push(job.location.split('市')[0] + '市');
-  if (job.type === 'FULLTIME') tags.push('五险一金');
-  if (job.benefits?.includes('双休')) tags.push('双休');
-  if (job.benefits?.includes('弹性工作')) tags.push('弹性工作');
+  if (job.location) tags.push(job.location.split("市")[0] + "市");
+  if (job.type === "FULLTIME") tags.push("五险一金");
+  if (job.benefits?.includes("双休")) tags.push("双休");
+  if (job.benefits?.includes("弹性工作")) tags.push("弹性工作");
  return tags.slice(0, 4); // Max 4 tags
 };

 // Map company data
 export const mapCompany = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    name: backendData.name,
-    companyName: backendData.name,      // Alias for compatibility
+    companyName: backendData.name, // Alias for compatibility
    description: backendData.description,
    industry: backendData.industry,
    scale: mapCompanyScale(backendData.scale),
@@ -155,10 +159,10 @@ export const mapCompanyList = (backendList) => {
 // Map company scale
 const mapCompanyScale = (scale) => {
  const scaleMap = {
-    'SMALL': '50人以下',
-    'MEDIUM': '50-200人',
-    'LARGE': '200-1000人',
-    'ENTERPRISE': '1000人以上',
+    SMALL: "50人以下",
+    MEDIUM: "50-200人",
+    LARGE: "200-1000人",
+    ENTERPRISE: "1000人以上",
  };
  return scaleMap[scale] || scale;
 };
@@ -166,7 +170,7 @@ const mapCompanyScale = (scale) => {
 // Map resume data
 export const mapResume = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    title: backendData.title,
@@ -183,11 +187,11 @@ export const mapResume = (backendData) => {
 // Map interview data
 export const mapInterview = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    scheduledAt: backendData.scheduledAt,
-    interviewTime: new Date(backendData.scheduledAt).toLocaleString('zh-CN'),
+    interviewTime: new Date(backendData.scheduledAt).toLocaleString("zh-CN"),
    type: backendData.type,
    status: backendData.status,
    location: backendData.location,
@@ -196,8 +200,8 @@ export const mapInterview = (backendData) => {
    result: backendData.result,
    student: backendData.student ? mapStudent(backendData.student) : null,
    job: backendData.job ? mapJob(backendData.job) : null,
-    company: backendData.job?.company?.name || '',
-    position: backendData.job?.title || '',
+    company: backendData.job?.company?.name || "",
+    position: backendData.job?.title || "",
    // Map status for frontend
    statusText: mapInterviewStatus(backendData.status, backendData.result),
  };
@@ -211,16 +215,16 @@ export const mapInterviewList = (backendList) => {

 // Map interview status
 const mapInterviewStatus = (status, result) => {
-  if (status === 'COMPLETED') {
-    if (result === 'PASS' || result === 'OFFER') return '面试成功';
-    if (result === 'FAIL') return '面试失败';
-    return '已完成';
+  if (status === "COMPLETED") {
+    if (result === "PASS" || result === "OFFER") return "面试成功";
+    if (result === "FAIL") return "面试失败";
+    return "已完成";
  }
-  
+
  const statusMap = {
-    'SCHEDULED': '待面试',
-    'CANCELLED': '已取消',
-    'NO_SHOW': '未到场',
+    SCHEDULED: "待面试",
+    CANCELLED: "已取消",
+    NO_SHOW: "未到场",
  };
  return statusMap[status] || status;
 };
@@ -228,7 +232,7 @@ const mapInterviewStatus = (status, result) => {
 // Map enrollment data
 export const mapEnrollment = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    courseId: backendData.courseId,
@@ -248,9 +252,9 @@ export const mapEnrollment = (backendData) => {
 // Map enrollment status
 const mapEnrollmentStatus = (status) => {
  const statusMap = {
-    'NOT_STARTED': '未开始',
-    'IN_PROGRESS': '学习中',
-    'COMPLETED': '已完成',
+    NOT_STARTED: "未开始",
+    IN_PROGRESS: "学习中",
+    COMPLETED: "已完成",
  };
  return statusMap[status] || status;
 };
@@ -258,19 +262,21 @@ const mapEnrollmentStatus = (status) => {
 // Map class data
 export const mapClass = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    name: backendData.name,
-    className: backendData.name,        // Alias for compatibility
+    className: backendData.name, // Alias for compatibility
    description: backendData.description,
    startDate: backendData.startDate,
    endDate: backendData.endDate,
    isActive: backendData.isActive,
-    teacher: backendData.teacher ? {
-      id: backendData.teacher.id,
-      name: backendData.teacher.realName,
-    } : null,
+    teacher: backendData.teacher
+      ? {
+          id: backendData.teacher.id,
+          name: backendData.teacher.realName,
+        }
+      : null,
    studentCount: backendData._count?.students || 0,
    students: backendData.students ? mapStudentList(backendData.students) : [],
  };
@@ -279,7 +285,7 @@ export const mapClass = (backendData) => {
 // Map stage data
 export const mapStage = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    name: backendData.name,
@@ -297,7 +303,7 @@ export const mapStage = (backendData) => {
 // Map learning record
 export const mapLearningRecord = (backendData) => {
  if (!backendData) return null;
-  
+
  return {
    id: backendData.id,
    studentId: backendData.studentId,
@@ -312,33 +318,35 @@ export const mapLearningRecord = (backendData) => {
 // Map profile data (for personal profile page)
 export const mapProfile = (studentData) => {
  if (!studentData) return null;
-  
+
  const mapped = mapStudent(studentData);
-  
+
  return {
    ...mapped,
-    avatar: '/api/placeholder/80/80', // Default avatar
+    avatar: "/api/placeholder/80/80", // Default avatar
    badges: {
      credits: 84, // Mock data, should come from backend
      classRank: 9, // Mock data, should come from backend
-      mbti: studentData.mbtiType || 'ENTP',
+      mbti: studentData.mbtiType || "ENTP",
    },
-    courses: studentData.enrollments ? 
-      studentData.enrollments.map(e => e.course?.name).filter(Boolean) : [],
-    mbtiReport: studentData.mbtiReport || generateMockMBTIReport(studentData.mbtiType),
+    courses: studentData.enrollments
+      ? studentData.enrollments.map((e) => e.course?.name).filter(Boolean)
+      : [],
+    mbtiReport:
+      studentData.mbtiReport || generateMockMBTIReport(studentData.mbtiType),
  };
 };

 // Generate mock MBTI report (temporary until backend provides)
 const generateMockMBTIReport = (type) => {
  return {
-    type: type || 'ENTP',
-    title: 'Personality Type',
-    description: 'Your personality type description',
-    characteristics: ['Creative', 'Analytical', 'Strategic'],
-    strengths: ['Problem-solving', 'Leadership', 'Innovation'],
-    recommendations: ['Focus on execution', 'Develop patience', 'Listen more'],
-    careerSuggestions: ['Product Manager', 'Consultant', 'Entrepreneur'],
+    type: type || "ENTP",
+    title: "Personality Type",
+    description: "Your personality type description",
+    characteristics: ["Creative", "Analytical", "Strategic"],
+    strengths: ["Problem-solving", "Leadership", "Innovation"],
+    recommendations: ["Focus on execution", "Develop patience", "Listen more"],
+    careerSuggestions: ["Product Manager", "Consultant", "Entrepreneur"],
  };
 };

@@ -360,4 +368,4 @@ export default {
  mapStage,
  mapLearningRecord,
  mapProfile,
-};
+};
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -49,24 +49,6 @@ axiosInstance.interceptors.response.use(
  (response) => {
    // 处理响应数据
    const res = response.data;
-
-    // 后端统一返回格式 {success, data, message}
-    if (res.success !== undefined) {
-      if (res.success) {
-        // 如果有分页信息，保留完整结构
-        if (res.total !== undefined) {
-          return res;
-        }
-        // 否则只返回data
-        return res.data || res;
-      } else {
-        // 处理业务错误
-        console.error("业务错误:", res.message);
-        return Promise.reject(new Error(res.message || "请求失败"));
-      }
-    }
-
-    // 兼容直接返回数据的情况
    return res;
  },
  (error) => {
--- a/vite.config.js
+++ b/vite.config.js
@@ -57,6 +57,7 @@ export default defineConfig({
  resolve: {
    alias: {
      "@": "/src",
+      "@/services": "/src/services",
    },
  },
 });