feat: 完善班级管理，消息中心对接接口，添加样式，修复打包报错

src/api/modules/auth.ts

@@ -77,7 +77,7 @@ export class AuthApi {
             message: actualMessage || '登录成功',
             data: {
               user: {
-                id: 1, // 真实API没有返回用户ID，使用默认值
+                id: "1", // 真实API没有返回用户ID，使用默认值
                 email: data.email || '',
                 phone: data.phone || '',
                 username: data.email || data.phone || '',
@@ -129,7 +129,7 @@ export class AuthApi {
             message: actualMessage || '登录成功',
             data: {
               user: {
-                id: 1,
+                id: "1",
                 email: data.email || '',
                 phone: data.phone || '',
                 username: data.phone || data.email?.split('@')[0] || 'user',
@@ -232,7 +232,7 @@ export class AuthApi {
           code: 200,
           message: actualMessage || '注册成功',
           data: {
-            id: Date.now(), // 临时ID
+            id: Date.now().toString(), // 临时ID
             username: registerData.studentNumber,
             email: data.email || '',
             phone: data.phone || '',
@@ -339,7 +339,7 @@ export class AuthApi {
     }
 
     const convertedUser = {
-      id: parseInt(baseInfo.id) || 0,
+      id: baseInfo.id, // 直接使用字符串ID，避免parseInt精度问题
       username: baseInfo.username,
       email: baseInfo.email,
       phone: baseInfo.phone,

src/api/modules/chat.ts

@@ -33,7 +33,7 @@ export interface ChatMessage {
   senderName: string
   senderAvatar?: string
   content: string
-  messageType: 'text' | 'image' | 'file' | 'system'
+  messageType: number // 0=文本, 1=图片, 2=文件, 3=系统消息
   timestamp: string
   isRead: boolean
   replyTo?: string
@@ -42,6 +42,8 @@ export interface ChatMessage {
   fileUrl?: string // 文件URL
   fileSize?: number // 文件大小
   fileType?: string // 文件类型
+  fileName?: string // 文件名
+  createTime?: string // 创建时间
 }
 
 // 群聊成员接口类型定义
@@ -56,11 +58,13 @@ export interface ChatMember {
   username: string
   // 可选字段
   chatId?: string
-  role?: 'admin' | 'member'
+  role: 0 | 1 | 2 // 0=群主, 1=管理员, 2=成员
   joinTime?: string
   isOnline?: boolean
   status?: number // 成员状态
   lastActiveTime?: string // 最后活跃时间
+  izMuted: 0 | 1 // 是否被禁言: 0=未禁言, 1=已禁言
+  izNotDisturb?: 0 | 1 // 是否免打扰: 0=未设置, 1=已设置
 }
 
 // 我的会话列表响应类型
@@ -142,19 +146,32 @@ export const ChatApi = {
 
   /**
    * 发送消息
-   * POST /aiol/aiolChat/send
+   * POST /aiol/aiolChatMessage/send
    * 根据接口文档添加发送消息功能
    */
   sendMessage: (data: {
-    chatId: string
+    chat_id: string
     content: string
-    messageType: 'text' | 'image' | 'file'
+    messageType: number // 0=文本，1=图片，2=文件
     replyTo?: string
     fileUrl?: string
     fileSize?: number
     fileType?: string
+    fileName?: string
   }): Promise<ApiResponse<any>> => {
-    return ApiRequest.post('/aiol/aiolChat/send', data)
+    // 转换参数名以匹配服务器期望的格式
+    const serverData = {
+      chat_id: data.chat_id,
+      content: data.content,
+      message_type: data.messageType, // 服务器可能期望 message_type
+      replyTo: data.replyTo,
+      fileUrl: data.fileUrl,
+      fileSize: data.fileSize,
+      fileType: data.fileType,
+      fileName: data.fileName
+    }
+    console.log('🔄 转换后的服务器数据:', serverData)
+    return ApiRequest.post('/aiol/aiolChatMessage/send', serverData)
   },
 
 
@@ -233,5 +250,46 @@ export const ChatApi = {
    */
   unmuteMember: (chatId: string, userId: string): Promise<ApiResponse<any>> => {
     return ApiRequest.post(`/aiol/aiolChat/${chatId}/unmute_member/${userId}`)
+  },
+
+  /**
+   * 开启免打扰
+   * POST /aiol/aiolChat/{chatId}/enable_not_disturb/{userId}
+   */
+  enableNotDisturb: (chatId: string, userId: string): Promise<ApiResponse<any>> => {
+    return ApiRequest.post(`/aiol/aiolChat/${chatId}/enable_not_disturb/${userId}`)
+  },
+
+  /**
+   * 关闭免打扰
+   * POST /aiol/aiolChat/{chatId}/disable_not_disturb/{userId}
+   */
+  disableNotDisturb: (chatId: string, userId: string): Promise<ApiResponse<any>> => {
+    return ApiRequest.post(`/aiol/aiolChat/${chatId}/disable_not_disturb/${userId}`)
+  },
+
+  /**
+   * 更新最后读取消息ID
+   * POST /aiol/aiolChat/{chatId}/update_last_read/{messageId}
+   * 更新当前用户在指定会话中的最后读取消息ID
+   */
+  updateLastRead: (chatId: string, messageId: string): Promise<ApiResponse<any>> => {
+    return ApiRequest.post(`/aiol/aiolChat/${chatId}/update_last_read/${messageId}`)
+  },
+
+  /**
+   * 通用文件上传
+   * POST /sys/common/upload
+   * 上传文件并返回文件URL
+   */
+  uploadFile: (file: File): Promise<ApiResponse<{ success: boolean; message: string; result?: { url: string }; data?: { url: string } }>> => {
+    const formData = new FormData()
+    formData.append('file', file)
+    
+    return ApiRequest.post('/sys/common/upload', formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
   }
 }

src/api/types.ts

@@ -29,7 +29,7 @@ export interface PaginationResponse<T> {
 
 // 用户相关类型
 export interface User {
-  id: number
+  id: string // 改为字符串类型，避免大整数精度问题
   username: string
   email: string
   phone?: string
@@ -218,12 +218,12 @@ export interface CourseListRequest {
 }
 
 export interface CourseCategory {
-  id: number
+  id: string
   name: string
   slug: string
   description?: string
   icon?: string
-  parentId?: number
+  parentId?: string
   children?: CourseCategory[]
 }
 
@@ -359,7 +359,7 @@ export interface BackendCourseDetailResponse {
 }
 
 export interface Instructor {
-  id: number
+  id: string
   name: string
   title: string
   bio: string

src/components/teacher/ClassManagement.vue

@@ -288,6 +288,57 @@
             :radio-options="importRadioOptions" radio-field="updateMode" import-type="student"
             template-name="student_import_template.xlsx" @success="handleImportSuccess"
             @template-download="handleTemplateDownload" />
+
+        <!-- 学员库选择弹窗 -->
+        <n-modal v-model:show="showStudentLibraryModal" title="从学员库添加学员" :mask-closable="false">
+            <n-card style="width: 900px; max-height: 85vh" title="从学员库添加学员" :bordered="false" size="huge" role="dialog"
+                aria-modal="true">
+                <!-- 搜索区域 -->
+                <div class="search-section">
+                    <n-input v-model:value="librarySearchKeyword" placeholder="请输入姓名/账号" style="width: 300px" clearable
+                        @keyup.enter="handleLibrarySearch">
+                        <template #prefix>
+                            <n-icon>
+                                <SearchOutline />
+                            </n-icon>
+                        </template>
+                    </n-input>
+                    <n-button type="primary" @click="handleLibrarySearch" style="margin-left: 12px">
+                        搜索
+                    </n-button>
+                    <n-button @click="clearLibrarySearch" style="margin-left: 8px">
+                        清空
+                    </n-button>
+                </div>
+
+                <n-divider />
+
+                <!-- 学员列表 -->
+                <div class="student-list-section">
+                    <div class="list-header">
+                        <span class="total-count">共找到 {{ filteredLibraryStudents.length }} 名学员</span>
+                        <span class="selected-count" v-if="selectedLibraryStudents.length > 0">
+                            已选择 {{ selectedLibraryStudents.length }} 名
+                        </span>
+                    </div>
+
+                    <n-data-table :columns="libraryColumns" :data="filteredLibraryStudents" :loading="libraryLoading"
+                        :row-key="(row: LibraryStudentItem) => row.id"
+                        v-model:checked-row-keys="selectedLibraryStudents" :pagination="libraryPagination" striped
+                        size="small" :max-height="400" />
+                </div>
+
+                <template #footer>
+                    <div class="modal-footer">
+                        <n-button @click="closeStudentLibraryModal">取消</n-button>
+                        <n-button type="primary" @click="handleConfirmLibrarySelection"
+                            :disabled="selectedLibraryStudents.length === 0">
+                            确认添加 ({{ selectedLibraryStudents.length }})
+                        </n-button>
+                    </div>
+                </template>
+            </n-card>
+        </n-modal>
     </div>
 </template>
 
@@ -295,7 +346,7 @@
 import { ref, onMounted, h, computed, watch } from 'vue'
 import TeachCourseApi, { ClassApi } from '@/api/modules/teachCourse'
 import { useRouter, useRoute } from 'vue-router'
-import { AddCircleOutline, SettingsOutline, QrCode } from '@vicons/ionicons5'
+import { AddCircleOutline, SettingsOutline, QrCode, SearchOutline } from '@vicons/ionicons5'
 import {
     NDataTable,
     NButton,
@@ -359,6 +410,16 @@ interface ClassItem {
     createTime: string
 }
 
+// 学员库数据类型定义
+interface LibraryStudentItem {
+    id: string
+    realName: string
+    studentNumber: string
+    className: string
+    school: string
+    createTime: string
+}
+
 // 表单数据类型
 interface FormData {
     studentName: string
@@ -386,8 +447,15 @@ const showTransferModal = ref(false)
 const showAddClassModal = ref(false)
 const showManageClassModal = ref(false)
 const showImportModal = ref(false)
+const showStudentLibraryModal = ref(false)
 const selectedTargetClass = ref('')
 const currentTransferStudent = ref<StudentItem | null>(null)
+
+// 学员库相关数据
+const librarySearchKeyword = ref('')
+const libraryStudents = ref<LibraryStudentItem[]>([])
+const selectedLibraryStudents = ref<string[]>([])
+const libraryLoading = ref(false)
 const formRef = ref<FormInst | null>(null)
 const classFormRef = ref<FormInst | null>(null)
 const isEditMode = ref(false)
@@ -525,6 +593,22 @@ const classSelectOptions = computed(() =>
 // 班级管理列表（使用主数据源）
 const classList = computed(() => masterClassList.value)
 
+// 学员库相关计算属性
+const filteredLibraryStudents = computed(() => {
+    if (!librarySearchKeyword.value.trim()) {
+        return libraryStudents.value
+    }
+
+    const keyword = librarySearchKeyword.value.trim().toLowerCase()
+    return libraryStudents.value.filter(student =>
+        student.realName.toLowerCase().includes(keyword) ||
+        student.studentNumber.toLowerCase().includes(keyword) ||
+        student.school.toLowerCase().includes(keyword) ||
+        student.className.toLowerCase().includes(keyword)
+    )
+})
+
+
 // 表格列定义
 const columns: DataTableColumns<StudentItem> = [
     {
@@ -664,6 +748,56 @@ const columns: DataTableColumns<StudentItem> = [
     }
 ]
 
+// 学员库表格列定义
+const libraryColumns: DataTableColumns<LibraryStudentItem> = [
+    {
+        type: 'selection'
+    },
+    {
+        title: '姓名',
+        key: 'realName',
+        width: 120,
+        align: 'center'
+    },
+    {
+        title: '账号',
+        key: 'studentNumber',
+        width: 140,
+        align: 'center'
+    },
+    {
+        title: '班级',
+        key: 'className',
+        width: 150,
+        align: 'center',
+        render: (row: LibraryStudentItem) => {
+            // 使用辅助函数获取班级名称数组
+            const classNames = formatClassNames(row.className || '')
+            // 渲染班级名称，支持多行显示
+            return h('div', {
+                class: 'class-cell'
+            }, classNames.map((name, index) =>
+                h('div', {
+                    key: index,
+                    class: 'class-cell-item'
+                }, name)
+            ))
+        }
+    },
+    {
+        title: '所在学院',
+        key: 'school',
+        width: 200,
+        align: 'center'
+    },
+    {
+        title: '加入时间',
+        key: 'createTime',
+        width: 140,
+        align: 'center'
+    }
+]
+
 // 表格数据
 const data = ref<StudentItem[]>([])
 const loading = ref(false)
@@ -686,6 +820,22 @@ const pagination = ref({
     }
 })
 
+// 学员库分页配置
+const libraryPagination = ref({
+    page: 1,
+    pageSize: 10,
+    showSizePicker: true,
+    pageSizes: [10, 20, 50],
+    itemCount: computed(() => filteredLibraryStudents.value.length),
+    onChange: (page: number) => {
+        libraryPagination.value.page = page
+    },
+    onUpdatePageSize: (pageSize: number) => {
+        libraryPagination.value.pageSize = pageSize
+        libraryPagination.value.page = 1
+    }
+})
+
 // 操作处理函数
 const handleTransfer = (row: StudentItem) => {
     currentTransferStudent.value = row
@@ -871,7 +1021,34 @@ const confirmBatchTransfer = async () => {
 }
 
 const handleDelete = (row: StudentItem) => {
-    message.warning(`移除学员：${row.studentName}`)
+    dialog.warning({
+        title: '确认移除',
+        content: `确定要移除学员"${row.studentName}"吗？`,
+        positiveText: '确定',
+        negativeText: '取消',
+        onPositiveClick: async () => {
+            try {
+                const currentClassId = props.classId || selectedDepartment.value
+                if (!currentClassId) {
+                    message.error('班级ID为空，无法移除学员')
+                    return
+                }
+
+                const response = await ClassApi.removeStudent(String(currentClassId), row.id)
+
+                if (response.data && (response.data.success || response.data.code === 200)) {
+                    message.success(`已移除学员"${row.studentName}"`)
+                    // 重新加载数据
+                    loadData(currentClassId)
+                } else {
+                    message.error(response.data?.message || '移除失败')
+                }
+            } catch (error) {
+                console.error('移除学员失败:', error)
+                message.error('移除学员失败，请重试')
+            }
+        }
+    })
 }
 
 // 查看学习进度处理函数（student 模式）
@@ -1117,9 +1294,8 @@ const handleAddStudentSelect = (key: string) => {
         // 手动添加，打开现有的添加学员弹窗
         openAddModal()
     } else if (key === 'library') {
-        // 学员库添加，先保留功能，后续实现
+        // 学员库添加，打开学员库选择弹窗
-        message.info('学员库添加功能待开发，敬请期待')
+        openStudentLibraryModal()
-        console.log('学员库添加功能将在后续版本中实现')
     }
 }
 
@@ -1278,7 +1454,7 @@ const loadData = async (classId?: string | number | null) => {
                 // 转换API响应数据为组件需要的格式
                 const studentsData = response.data.result || []
                 const transformedData: StudentItem[] = studentsData.map((student: any) => ({
-                    id: student.id || '',
+                    id: student.studentId || student.id || '', // 使用studentId作为主要ID
                     studentName: student.realname || student.username || '未知姓名',
                     accountNumber: student.studentId || student.username || '',
                     className: student.classId || '未分配班级', // 班级ID，后续转换为班级名称
@@ -1342,6 +1518,158 @@ const clearSearch = () => {
     pagination.value.page = 1
 }
 
+// 学员库相关方法
+const openStudentLibraryModal = async () => {
+    showStudentLibraryModal.value = true
+    selectedLibraryStudents.value = []
+    librarySearchKeyword.value = ''
+    await loadLibraryStudents()
+}
+
+const closeStudentLibraryModal = () => {
+    showStudentLibraryModal.value = false
+    selectedLibraryStudents.value = []
+    librarySearchKeyword.value = ''
+    libraryStudents.value = []
+}
+
+const loadLibraryStudents = async () => {
+    libraryLoading.value = true
+    try {
+        console.log('🚀 开始加载学员库数据...')
+
+        // 先加载班级列表
+        await loadClassList()
+
+        if (masterClassList.value.length === 0) {
+            libraryStudents.value = []
+            return
+        }
+
+        // 获取所有班级的学员数据
+        const allStudents: LibraryStudentItem[] = []
+
+        for (const classItem of masterClassList.value) {
+            try {
+                const response = await ClassApi.getClassStudents(classItem.id)
+                const studentsData = response.data.result || []
+
+                const transformedStudents: LibraryStudentItem[] = studentsData.map((student: any) => ({
+                    id: student.id || student.studentId || '',
+                    realName: student.realname || student.username || '未知姓名',
+                    studentNumber: student.studentId || student.username || '',
+                    className: classItem.id, // 使用班级ID，后续会转换为班级名称
+                    school: student.college || student.department || '未分配学院',
+                    createTime: student.createTime ? new Date(student.createTime).toLocaleString('zh-CN', {
+                        year: 'numeric',
+                        month: '2-digit',
+                        day: '2-digit',
+                        hour: '2-digit',
+                        minute: '2-digit'
+                    }).replace(/\//g, '.').replace(',', '') : '未知时间'
+                }))
+
+                allStudents.push(...transformedStudents)
+            } catch (error) {
+                console.error(`❌ 加载班级 ${classItem.className} 的学员数据失败:`, error)
+            }
+        }
+
+        libraryStudents.value = allStudents
+        console.log(`✅ 成功加载学员库数据，共 ${allStudents.length} 名学员`)
+    } catch (error) {
+        console.error('❌ 加载学员库数据失败:', error)
+        message.error('加载学员库数据失败，请重试')
+        libraryStudents.value = []
+    } finally {
+        libraryLoading.value = false
+    }
+}
+
+const handleLibrarySearch = () => {
+    libraryPagination.value.page = 1
+}
+
+const clearLibrarySearch = () => {
+    librarySearchKeyword.value = ''
+    libraryPagination.value.page = 1
+}
+
+const handleConfirmLibrarySelection = async () => {
+    if (selectedLibraryStudents.value.length === 0) {
+        message.warning('请先选择要添加的学员')
+        return
+    }
+
+    try {
+        const currentClassId = props.classId || selectedDepartment.value
+        if (!currentClassId) {
+            message.error('班级ID为空，无法添加学员')
+            return
+        }
+
+        // 获取选中的学员数据
+        const selectedStudents = libraryStudents.value.filter(student =>
+            selectedLibraryStudents.value.includes(student.id)
+        )
+
+        console.log('🚀 开始添加学员到班级:', {
+            目标班级ID: currentClassId,
+            选中学员数量: selectedStudents.length,
+            选中学员: selectedStudents.map(s => ({ id: s.id, name: s.realName, studentNumber: s.studentNumber }))
+        })
+
+        // 批量添加学员到班级
+        let successCount = 0
+        let failCount = 0
+
+        for (const student of selectedStudents) {
+            try {
+                // 构建添加学员的API请求参数
+                const payload = {
+                    realName: student.realName,
+                    studentNumber: student.studentNumber,
+                    password: '123456', // 默认密码
+                    school: student.school,
+                    classId: String(currentClassId)
+                }
+
+                console.log('📝 添加学员API请求参数:', payload)
+
+                // 调用创建学员API
+                const response = await ClassApi.createdStudents(payload)
+
+                if (response.data && (response.data.success || response.data.code === 200)) {
+                    successCount++
+                    console.log(`✅ 成功添加学员: ${student.realName}`)
+                } else {
+                    failCount++
+                    console.error(`❌ 添加学员失败: ${student.realName}`, response.data?.message)
+                }
+            } catch (error) {
+                failCount++
+                console.error(`❌ 添加学员异常: ${student.realName}`, error)
+            }
+        }
+
+        if (successCount > 0) {
+            message.success(`成功添加 ${successCount} 名学员到班级${failCount > 0 ? `，${failCount} 名添加失败` : ''}`)
+        } else {
+            message.error('添加学员失败，请重试')
+            return
+        }
+
+        // 关闭弹窗
+        closeStudentLibraryModal()
+
+        // 重新加载班级学员数据
+        loadData(currentClassId)
+    } catch (error) {
+        console.error('添加学员失败:', error)
+        message.error('添加学员失败，请重试')
+    }
+}
+
 // 监听班级ID变化，重新加载数据
 watch(
     () => props.classId,
@@ -1759,4 +2087,35 @@ defineExpose({
 .custom-empty .n-empty {
     margin: 0;
 }
+
+/* 学员库弹窗样式 */
+.search-section {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px 0;
+}
+
+.student-list-section {
+    margin-top: 16px;
+}
+
+.list-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 0 4px;
+}
+
+.total-count {
+    font-size: 14px;
+    color: #666;
+}
+
+.selected-count {
+    font-size: 14px;
+    color: #1890ff;
+    font-weight: 500;
+}
 </style>

src/components/teacher/StudentLibraryModal.vue

@@ -0,0 +1 @@
+ 

src/views/AICompanion.vue

@@ -1210,7 +1210,7 @@ const loadCourseDetail = async () => {
       if (course.value) {
         if (!course.value.instructor?.name) {
           course.value.instructor = {
-            id: 1,
+            id: "1",
             name: 'DeepSeek技术学院',
             title: '讲师',
             bio: '',
@@ -1292,7 +1292,7 @@ const loadMockCourseData = () => {
     title: 'DeepSeek办公自动化职业岗位标准课程',
     description: '本课程将帮助您掌握DeepSeek的基本使用方法，了解办公自动化职业岗位标准，提高教学质量和效率，获得实际工作技能。',
     instructor: {
-      id: 1,
+      id: "1",
       name: 'DeepSeek技术学院',
       title: '讲师',
       bio: '专注于AI技术应用与教学',
@@ -1311,7 +1311,7 @@ const loadMockCourseData = () => {
     price: 0,
     originalPrice: 299,
     category: {
-      id: 1,
+      id: "1",
       name: 'AI技术',
       slug: 'ai-technology',
       description: 'AI技术',
@@ -1679,7 +1679,7 @@ const initializeMockState = () => {
   // 模拟用户已登录
   if (!userStore.isLoggedIn) {
     userStore.user = {
-      id: 1,
+      id: "1",
       username: 'testuser',
       email: 'test@example.com',
       avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=50&q=80',

src/views/CourseDetail.vue

@@ -793,19 +793,19 @@ const activeTab = ref('intro')
 // 讲师数据
 const instructors = ref([
   {
-    id: 1,
+    id: "1",
     name: '汪波',
     title: '教授',
     avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=60&q=80'
   },
   {
-    id: 2,
+    id: "2",
     name: '汪波',
     title: '教授',
     avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=60&q=80'
   },
   {
-    id: 3,
+    id: "3",
     name: '汪波',
     title: '教授',
     avatar: 'https://images.unsplash.com/photo-1494790108755-2616b612b786?ixlib=rb-4.0.3&auto=format&fit=crop&w=60&q=80'
@@ -869,7 +869,7 @@ const loadCourseDetail = async () => {
       if (course.value) {
         if (!course.value.instructor?.name) {
           course.value.instructor = {
-            id: 1,
+            id: "1",
             name: 'DeepSeek技术学院',
             title: '讲师',
             bio: '',
@@ -1408,7 +1408,7 @@ const initializeMockState = () => {
   // 模拟用户已登录
   if (!userStore.isLoggedIn) {
     userStore.user = {
-      id: 1,
+      id: "1",
       username: 'testuser',
       email: 'test@example.com',
       avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=50&q=80',

src/views/CourseDetailEnrolled.vue

@@ -1247,7 +1247,7 @@ const initializeEnrolledState = () => {
   // 模拟用户已登录
   if (!userStore.isLoggedIn) {
     userStore.user = {
-      id: 1,
+      id: "1",
       username: 'testuser',
       email: 'test@example.com',
       avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=50&q=80',

src/views/CourseExchanged.vue

@@ -2077,7 +2077,7 @@ const loadCourseDetail = async () => {
       if (course.value) {
         if (!course.value.instructor?.name) {
           course.value.instructor = {
-            id: 1,
+            id: "1",
             name: 'DeepSeek技术学院',
             title: '讲师',
             bio: '',

src/views/CourseStudy.vue

@@ -593,13 +593,13 @@ const setDefaultCourseInfo = () => {
       description: '<p>本课程将带你从零开始学习C语言程序设计，掌握编程基础知识。</p>',
       content: '详细的C语言课程内容',
       category: {
-        id: 3,
+        id: "3",
         name: '信息技术',
         slug: 'it',
         description: '信息技术相关课程'
       },
       instructor: {
-        id: 4,
+        id: "4",
         name: '教师',
         title: 'C语言专家',
         bio: '资深C语言开发工程师',

src/views/Login.vue

@@ -285,7 +285,7 @@ const handleLogin = async () => {
           // 如果获取用户信息失败，创建基本用户信息
           console.warn('⚠️ 获取用户信息失败，使用基本信息')
           const basicUser = {
-            id: 1,
+            id: "1",
             email: isPhone ? '' : formData.studentId,
             phone: isPhone ? formData.studentId : '',
             username: formData.studentId,
@@ -303,7 +303,7 @@ const handleLogin = async () => {
         // 如果获取用户信息异常，创建基本用户信息
         console.warn('⚠️ 获取用户信息异常，使用基本信息:', userInfoError)
         const basicUser = {
-          id: 1,
+          id: "1",
           email: isPhone ? '' : formData.studentId,
           phone: isPhone ? formData.studentId : '',
           username: formData.studentId,

src/views/TeacherDetail.vue

@@ -219,13 +219,13 @@ const loadCourses = async () => {
         totalLessons: 54,
         level: 'beginner',
         language: 'zh-CN',
-        category: { id: 1, name: '教育培训', slug: 'education-training' },
+        category: { id: "1", name: '教育培训', slug: 'education-training' },
         tags: ['心理学', '教育', '基础'],
         skills: ['心理分析', '教育理论'],
         requirements: ['无特殊要求'],
         objectives: ['掌握教育心理学基础理论'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',
@@ -255,13 +255,13 @@ const loadCourses = async () => {
         totalLessons: 42,
         level: 'intermediate',
         language: 'zh-CN',
-        category: { id: 2, name: '技术应用', slug: 'tech-application' },
+        category: { id: "2", name: '技术应用', slug: 'tech-application' },
         tags: ['教育技术', '多媒体', '在线教育'],
         skills: ['多媒体制作', '在线教学'],
         requirements: ['基础计算机操作'],
         objectives: ['掌握现代教育技术应用'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',
@@ -291,13 +291,13 @@ const loadCourses = async () => {
         totalLessons: 68,
         level: 'advanced',
         language: 'zh-CN',
-        category: { id: 3, name: '课程设计', slug: 'course-design' },
+        category: { id: "3", name: '课程设计', slug: 'course-design' },
         tags: ['课程设计', '教学开发', '教育'],
         skills: ['课程规划', '教学设计'],
         requirements: ['教育理论基础'],
         objectives: ['掌握课程设计方法'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',
@@ -327,13 +327,13 @@ const loadCourses = async () => {
         totalLessons: 36,
         level: 'intermediate',
         language: 'zh-CN',
-        category: { id: 4, name: '研究方法', slug: 'research-methods' },
+        category: { id: "4", name: '研究方法', slug: 'research-methods' },
         tags: ['研究方法', '教育', '学术'],
         skills: ['研究设计', '数据分析'],
         requirements: ['统计学基础'],
         objectives: ['掌握教育研究方法'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',
@@ -363,13 +363,13 @@ const loadCourses = async () => {
         totalLessons: 28,
         level: 'beginner',
         language: 'zh-CN',
-        category: { id: 5, name: '心理辅导', slug: 'psychological-counseling' },
+        category: { id: "5", name: '心理辅导', slug: 'psychological-counseling' },
         tags: ['心理辅导', '学生', '技巧'],
         skills: ['心理咨询', '沟通技巧'],
         requirements: ['心理学基础'],
         objectives: ['掌握心理辅导技巧'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',
@@ -399,13 +399,13 @@ const loadCourses = async () => {
         totalLessons: 40,
         level: 'advanced',
         language: 'zh-CN',
-        category: { id: 6, name: '教育评估', slug: 'education-assessment' },
+        category: { id: "6", name: '教育评估', slug: 'education-assessment' },
         tags: ['教育评估', '测量', '技术'],
         skills: ['评估设计', '测量技术'],
         requirements: ['教育统计学'],
         objectives: ['掌握教育评估方法'],
         instructor: {
-          id: 1,
+          id: "1",
           name: '汪波',
           avatar: '/images/Teachers/师资力量1.png',
           title: '云南师范大学教授',

src/views/teacher/course/CourseDetail.vue

@@ -405,7 +405,7 @@ const loadCourseCategoryFromManagementAPI = async () => {
 
           // 根据ID匹配分类名称
           const categoryNames = categoryIds.map((id: number) => {
-            const category = categoryResponse.data.find(cat => cat.id === id)
+            const category = categoryResponse.data.find(cat => cat.id === String(id))
             return category ? category.name : `未知分类${id}`
           }).filter(Boolean)