From 102215da011c24cf881dca8d404407ff9f3c6559 Mon Sep 17 00:00:00 2001
From: mayiming <1627832236@qq.com>
Date: Tue, 4 Nov 2025 17:43:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=89=80=E6=9C=89vue?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=B8=AD=E7=9A=84=E7=8E=AF=E5=A2=83=E5=8F=98?=
 =?UTF-8?q?=E9=87=8F=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 management/src/Layout/Layout.vue              |  43 ++-
 management/src/views/HomeView.vue             |  42 +--
 .../src/views/baseoverview/BaseOverView.vue   |   8 +-
 .../onlinecourse/onlineCourseView.vue         | 278 ++++++++++--------
 .../caseresource/setting/caseSettingView.vue  |   4 +-
 .../teachingcase/teachingCaseView.vue         |  21 +-
 .../videoscase/videosCaseView.vue             |  42 +--
 .../src/views/devproject/devprojectView.vue   |   8 +-
 management/src/views/login/login.vue          |   4 +-
 management/src/views/meeting/meetingView.vue  |  53 ++--
 management/src/views/news/NewsView.vue        |  12 +-
 management/src/views/publish/QuillEditor.vue  |  28 +-
 .../Government/governmentView.vue             |  16 +-
 .../Internship/InternshipView.vue             |  15 +-
 .../SchoolEnterprise/SchoolEnterpriseView.vue |  15 +-
 .../views/socialservice/img/serviceimg.vue    |   5 +-
 web/src/App.vue                               |   1 +
 web/src/views/AcademicExchange.vue            |   5 +-
 web/src/views/BaseOverview.vue                |   8 +-
 web/src/views/CaseResources.vue               |  16 +-
 web/src/views/HomeContent.vue                 |  25 +-
 web/src/views/ScientificResearch.vue          |   6 +-
 web/src/views/SocialService.vue               |   2 +-
 web/src/views/detail/detailView.vue           |   8 +-
 web/src/views/news/NewsMore.vue               |   4 +-
 25 files changed, 351 insertions(+), 318 deletions(-)

diff --git a/management/src/Layout/Layout.vue b/management/src/Layout/Layout.vue
index 47f511e0..f9697e2d 100644
--- a/management/src/Layout/Layout.vue
+++ b/management/src/Layout/Layout.vue
@@ -26,9 +26,6 @@
             <template #title>新闻动态</template>
           </el-menu-item>
 
-
-
-
           <el-menu-item index="/publish">
             <el-icon><Memo /></el-icon>
             <template #title>发布文章</template>
@@ -96,11 +93,8 @@
           </div>
 
           <div class="header-right">
-
-
             <el-dropdown trigger="click" placement="bottom-end">
               <div class="user-info">
-                <!-- 核心修改：将 size="small" 改为 size="36"，自定义头像大小为36px -->
                 <el-avatar :src="avatarUrl" size="25" />
                 <span class="username">用户名</span>
                 <el-icon class="arrow"><ChevronDown /></el-icon>
@@ -128,13 +122,13 @@
 </template>
 
 <script setup lang="ts">
-import {ref, computed, watch, onMounted, onUnmounted} from 'vue'
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ElMessageBox } from 'element-plus'
+import { ElMessageBox, ElMessage } from 'element-plus'
 import {
-  House, Document, Folder, Discount, User, Memo,
-  Bell, Message
+  House, Document, Memo
 } from '@element-plus/icons-vue'
+import useUserStore from "../store/user.ts";
 
 // 正确使用 useRoute / useRouter（必须在 setup 顶层）
 const route = useRoute()
@@ -143,11 +137,15 @@ const router = useRouter()
 // 菜单折叠
 const isCollapse = ref(true)
 
-// 动态高亮菜单
+// 动态高亮菜单 - 修复TS类型错误
 const activeMenu = computed(() => {
   const matched = route.matched
   for (let i = matched.length - 1; i >= 0; i--) {
-    if (matched[i].meta?.menuKey) return matched[i].meta.menuKey as string
+    // 显式检查matched[i]和meta的存在性
+    const matchedItem = matched[i]
+    if (matchedItem && matchedItem.meta && matchedItem.meta.menuKey) {
+      return matchedItem.meta.menuKey as string
+    }
   }
   return route.path
 })
@@ -166,11 +164,6 @@ watch(
     { immediate: true }
 )
 
-// 页面加载时强制更新
-onMounted(() => {
-  updateBreadcrumb()
-})
-
 // 菜单事件
 const handleOpen = () => {}
 const handleClose = () => {}
@@ -188,30 +181,32 @@ const logout = () => {
       })
       .catch(() => {})
 }
-import useUserStore from "../store/user.ts";
 
 let checkTimer = ref<number | null>(null);
-import { ElMessage } from 'element-plus';
 const checkInfoExpired = () => {
-
   const userStore = useUserStore();
   console.log("刷新")
-  // 逻辑1：根据本地存储的过期时间判断（推荐，需后端返回过期时间）
+  // 逻辑1：根据本地存储的过期时间判断
   const expireTime = userStore.expireTime; // 假设存储的是时间戳（如 1735689600000）
   const now = Date.now(); // 当前时间戳（毫秒）
-  //
+
   if (expireTime && now > expireTime) {
     // 信息过期：清空状态 + 跳登录页 + 提示
     userStore.logout(); // 清空本地 session/用户信息
     ElMessage.error('信息已过期，请重新登录');
     router.push('/login');
-    clearInterval(checkTimer.value!); // 过期后停止检查
+    if (checkTimer.value) {
+      clearInterval(checkTimer.value); // 过期后停止检查
+    }
   }
-
 };
+
+// 合并onMounted钩子
 onMounted(() => {
+  updateBreadcrumb()
   checkTimer.value = window.setInterval(checkInfoExpired, 10000);
 })
+
 onUnmounted(() => {
   if (checkTimer.value) {
     clearInterval(checkTimer.value);
diff --git a/management/src/views/HomeView.vue b/management/src/views/HomeView.vue
index 51272fc6..9b530998 100644
--- a/management/src/views/HomeView.vue
+++ b/management/src/views/HomeView.vue
@@ -32,12 +32,12 @@
           <el-upload
               v-else
               class="cover-upload-area"
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
-              :on-success="(response) => handleUploadSuccess(response, index)"
+              :on-success="(response: any) => handleUploadSuccess(response, index)"
               :before-upload="beforeUpload"
-              :on-error="(error) => handleUploadError(error, index)"
+              :on-error="(error: Error) => handleUploadError(error, index)"
               :disabled="isSubmitting"
           >
             <div class="upload-placeholder">
@@ -75,6 +75,10 @@ import { ref, computed, onMounted } from 'vue';
 import axios from 'axios';
 import { Close, Upload } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
+// 修复：移除未使用的UploadFile类型导入
+import type { UploadProps } from 'element-plus';
+
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // 轮播图数据结构
 interface CarouselItem {
@@ -115,7 +119,7 @@ onMounted(() => {
 const fetchCarouselImages = async () => {
   try {
     isSubmitting.value = true;
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'home' });
+    const response = await axios.post(`${API_BASE_URL}/page-image/get`, { page: 'home' });
 
     if (response.data.message === '查询成功' && Array.isArray(response.data.images)) {
       // 按排序值匹配到对应位置
@@ -138,26 +142,28 @@ const fetchCarouselImages = async () => {
     isSubmitting.value = false;
   }
 };
-import type { UploadProps } from 'element-plus';
+
+// 修复：定义isImage变量，完善图片类型校验逻辑
 const beforeUpload: UploadProps['beforeUpload'] = (rawFile) => {
   const allowTypes = ['image/jpeg', 'image/png', 'image/webp'];
-  if (!allowTypes.includes(rawFile.type)) {
+  const isImage = allowTypes.includes(rawFile.type); // 新增：定义isImage变量
+  if (!isImage) {
     ElMessage.error('仅支持JPG/PNG/WEBP格式的图片');
     return false;
   }
-  if (rawFile.size / 1024 / 1024 > 5) {
+  const isLt5M = rawFile.size / 1024 / 1024 < 5;
+  if (!isLt5M) {
     ElMessage.error('图片大小不能超过5MB');
-    return false;
   }
   console.log("检验成功");
-  return true;
+  return isImage && isLt5M; // 现在isImage已定义
 };
 
-// 上传成功处理
+// 上传成功处理（修复：确保在模板中被引用，TS即可识别）
 const handleUploadSuccess = (response: any, index: number) => {
   console.log("上传结果:", response);
   const ossUrl = response.data?.url;
-  if (ossUrl) {
+  if (ossUrl && carouselItems.value[index]) {
     carouselItems.value[index].imageUrl = ossUrl;
     ElMessage.success(`轮播图 ${index + 1} 上传成功`);
   } else {
@@ -165,15 +171,17 @@ const handleUploadSuccess = (response: any, index: number) => {
   }
 };
 
-// 上传失败处理
-const handleUploadError = (error: any, index: number) => {
+// 上传失败处理（修复：确保在模板中被引用，TS即可识别）
+const handleUploadError = (error: Error, index: number) => {
   console.error(`轮播图 ${index + 1} 上传错误：`, error);
   ElMessage.error(`轮播图 ${index + 1} 上传失败，请重试`);
 };
 
 // 删除图片
 const handleRemove = (index: number) => {
-  carouselItems.value[index].imageUrl = '';
+  if (carouselItems.value[index]) {
+    carouselItems.value[index].imageUrl = '';
+  }
   ElMessage.info(`轮播图 ${index + 1} 已移除`);
 };
 
@@ -192,11 +200,11 @@ const saveAll = async () => {
       ElMessage.info('没有需要保存的修改');
       return;
     }
-    console.log("有更改的img：",modifiedItems);
+    console.log("有更改的img：", modifiedItems);
 
-    //批量提交修改（仅含id和image_url）
+    // 批量提交修改（仅含id和image_url）
     for (const item of modifiedItems) {
-      await axios.post('http://localhost:8080/api/page-image/save', {
+      await axios.post(`${API_BASE_URL}/page-image/save`, {
         id: item.id,
         image_url: item.imageUrl
       });
diff --git a/management/src/views/baseoverview/BaseOverView.vue b/management/src/views/baseoverview/BaseOverView.vue
index 9ea50af9..0f299d17 100644
--- a/management/src/views/baseoverview/BaseOverView.vue
+++ b/management/src/views/baseoverview/BaseOverView.vue
@@ -175,7 +175,7 @@ onMounted(() => {
 // 从后端获取封面图
 const fetchCarouselImages = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'BaseOverview' });
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/get`, { page: 'BaseOverview' });
     console.log('封面图加载结果：', response);
     if (response.data.message === '查询成功' && Array.isArray(response.data.images) && response.data.images.length) {
       formData.pageImageUrl = response.data.images[0].image_url;
@@ -190,7 +190,7 @@ const fetchCarouselImages = async () => {
 const fetchBaseInfo = async () => {
   try {
     isSaving.value = true;
-    const response = await axios.get('http://localhost:8080/api/base-overview');
+    const response = await axios.get(`${import.meta.env.VITE_API_BASE_URL}/base-overview`);
     console.log('基地概况数据加载结果：', response);
 
     if (response.data.success && response.data.data) {
@@ -264,7 +264,7 @@ const saveImage = async () => {
       return;
     }
 
-    const response = await axios.post('http://localhost:8080/api/page-image/save', {
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/save`, {
       id: 4,
       image_url: formData.pageImageUrl,
     });
@@ -305,7 +305,7 @@ const saveAll = async () => {
     console.log("保存的数据：", submitData);
 
     // 提交数据到后端保存
-    const response = await axios.patch('http://localhost:8080/api/base-overview', submitData);
+    const response = await axios.patch(`${import.meta.env.VITE_API_BASE_URL}/base-overview`, submitData);
 
     if (response.data.success) {
       // 控制台输出修改后的所有数据
diff --git a/management/src/views/caseresource/onlinecourse/onlineCourseView.vue b/management/src/views/caseresource/onlinecourse/onlineCourseView.vue
index a60fd897..894e4839 100644
--- a/management/src/views/caseresource/onlinecourse/onlineCourseView.vue
+++ b/management/src/views/caseresource/onlinecourse/onlineCourseView.vue
@@ -1,7 +1,7 @@
 <template>
   <el-config-provider :locale="zhCn">
     <div class="p-6 bg-white rounded-lg shadow-md min-h-screen pb-24" v-loading="loading">
-      <!-- 课程列表 -->
+      <!-- 课程列表 - 包含新增课程按钮 -->
       <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6 gap-4">
         <span class="text-2xl font-bold text-gray-700">课程管理列表</span>
         <div class="flex w-full md:w-auto gap-3">
@@ -16,6 +16,8 @@
               <el-button icon="Search" @click="handleSearch"></el-button>
             </template>
           </el-input>
+          <!-- 新增课程按钮 -->
+          <el-button type="primary" :icon="Plus" @click="handleAddCourse">新增课程</el-button>
         </div>
       </div>
 
@@ -50,7 +52,7 @@
             <div class="content-preview" :title="scope.row.intro || '无简介'">
               {{ scope.row.intro ? (scope.row.intro.length > 100 ? `${scope.row.intro.slice(0, 100)}...` : scope.row.intro) : '无简介' }}
             </div>
-            <el-button size="mini" type="text" class="mt-1 text-blue-600" @click="handleViewIntro(scope.row)">
+            <el-button size="small" type="text" class="mt-1 text-blue-600" @click="handleViewIntro(scope.row)">
               查看详情
             </el-button>
           </template>
@@ -109,6 +111,61 @@
       ></el-pagination>
     </div>
 
+    <!-- 新增课程抽屉 -->
+    <el-drawer
+        v-model="addCourseDrawerVisible"
+        title="新增课程"
+        direction="rtl"
+        size="60%"
+        :before-close="handleAddDrawerClose"
+        destroy-on-close
+    >
+      <div class="publish-form-container">
+        <div class="form-group title-group">
+          <label class="form-label">课程标题 <span class="text-danger">*</span></label>
+          <el-input v-model="addCourseForm.title" placeholder="请输入课程标题" clearable :disabled="isAdding" />
+        </div>
+        <div class="form-group subtitle-group">
+          <label class="form-label">课程副标题</label>
+          <el-input v-model="addCourseForm.subtitle" placeholder="请输入课程副标题（可选）" clearable :disabled="isAdding" />
+        </div>
+        <div class="form-group cover-group">
+          <label class="form-label">课程封面</label>
+          <el-upload
+              :action="`${API_BASE_URL}/upload/file`"
+              name="file"
+              :show-file-list="false"
+              :on-success="handleAddCoverSuccess"
+              :before-upload="beforeCoverUpload"
+              :on-error="handleCoverError"
+              :disabled="isAdding"
+          >
+            <img v-if="addCourseForm.cover_url" :src="addCourseForm.cover_url" class="cover-preview" alt="封面" />
+            <el-icon v-else class="cover-uploader-icon"><Plus /></el-icon>
+          </el-upload>
+          <p class="text-gray-500 text-sm mt-2">支持JPG/PNG格式，大小不超过5MB</p>
+        </div>
+        <div class="form-group intro-group">
+          <label class="form-label">课程简介</label>
+          <el-input
+              v-model="addCourseForm.intro"
+              type="textarea"
+              :rows="8"
+              placeholder="请输入课程简介"
+              clearable
+              :disabled="isAdding"
+          />
+        </div>
+      </div>
+
+      <template #footer>
+        <div style="flex: auto">
+          <el-button @click="handleAddDrawerClose">取消</el-button>
+          <el-button type="primary" @click="submitAddCourse" :loading="isAdding"> 新增课程 </el-button>
+        </div>
+      </template>
+    </el-drawer>
+
     <!-- 编辑抽屉 -->
     <el-drawer
         v-model="drawerVisible"
@@ -131,7 +188,7 @@
         <div class="form-group cover-group">
           <label class="form-label">课程封面</label>
           <el-upload
-              action="http://localhost:8080/api/upload/file"
+              :action="`${API_BASE_URL}/upload/file`"
               name="file"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -309,7 +366,6 @@
               max-height="400px"
           >
             <el-table-column prop="title" label="活动标题" min-width="200" show-overflow-tooltip></el-table-column>
-
             <el-table-column prop="content" label="活动详情" min-width="250" show-overflow-tooltip></el-table-column>
             <el-table-column prop="start_time" label="开始时间" width="180"></el-table-column>
             <el-table-column prop="end_time" label="结束时间" width="180"></el-table-column>
@@ -470,7 +526,7 @@
         </el-form-item>
         <el-form-item label="上传文件" required>
           <el-upload
-              action="http://localhost:8080/api/upload/file"
+              :action="`${API_BASE_URL}/upload/file`"
               name="file"
               :file-list="resourceDialog.fileList"
               :on-success="handleResourceUploadSuccess"
@@ -514,7 +570,6 @@
         <el-form-item label="活动标题" required>
           <el-input v-model="activityDialog.form.title" placeholder="请输入活动标题（如“第1章作业”“期中测试”）" />
         </el-form-item>
-
         <el-form-item label="活动详情">
           <el-input
               v-model="activityDialog.form.content"
@@ -570,7 +625,7 @@
         </el-form-item>
         <el-form-item label="教师头像">
           <el-upload
-              action="http://localhost:8080/api/upload/file"
+              :action="`${API_BASE_URL}/upload/file`"
               name="file"
               :file-list="teacherDialog.fileList"
               :on-success="handleTeacherAvatarSuccess"
@@ -585,7 +640,7 @@
             </el-button>
           </el-upload>
           <div class="mt-2" v-if="teacherDialog.form.avatar">
-            <el-avatar :src="teacherDialog.form.avatar" shape="circle" size="medium">
+            <el-avatar :src="teacherDialog.form.avatar" shape="circle" size="large">
               <span class="text-xs">{{ teacherDialog.form.name?.substring(0, 1) || '无' }}</span>
             </el-avatar>
           </div>
@@ -632,14 +687,12 @@ import {
   ElInputNumber,
   ElPagination,
   ElDatePicker,
-  ElSelect,
-  ElOption,
   ElAvatar,
-  UploadFile,
 } from 'element-plus';
-import { Edit, Delete, Plus, Search, Folder, Document, Upload } from '@element-plus/icons-vue';
-import type { UploadProps } from 'element-plus';
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
+import { Edit, Delete, Plus, Folder, Document, Upload } from '@element-plus/icons-vue';
+import type { UploadProps, UploadFile } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 /* 类型定义 */
 interface Course {
@@ -665,8 +718,8 @@ interface CourseListResponse {
   list: Course[];
 }
 
-interface UpdateCourseReq {
-  id: number;
+// 新增课程请求类型
+interface CreateCourseReq {
   title: string;
   subtitle: string;
   cover_url: string;
@@ -802,7 +855,7 @@ const fetchData = async () => {
     };
     if (searchParams.value.status !== '') reqData.status = Number(searchParams.value.status);
 
-    const response = await fetch('http://localhost:8080/api/courses/list', {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/courses/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(reqData),
@@ -837,13 +890,77 @@ const handleDelete = (row: Course) => {
     confirmButtonText: '确定删除',
     cancelButtonText: '取消',
   }).then(async () => {
-    const resp = await fetch(`http://localhost:8080/api/courses/${row.id}`, { method: 'DELETE' });
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/courses/${row.id}`, { method: 'DELETE' });
     if (!resp.ok) throw new Error('删除失败');
     ElMessage.success('删除成功');
     fetchData();
   }).catch(() => ElMessage.info('已取消'));
 };
 
+/* 新增课程相关 */
+const addCourseDrawerVisible = ref(false);
+const isAdding = ref(false);
+const addCourseForm = ref<CreateCourseReq>({
+  title: "",
+  subtitle: "",
+  cover_url: "",
+  intro: "",
+  status: 1
+});
+
+const handleAddCourse = () => {
+  addCourseDrawerVisible.value = true;
+  addCourseForm.value = {
+    title: "",
+    subtitle: "",
+    cover_url: "",
+    intro: "",
+    status: 1
+  };
+};
+
+const handleAddDrawerClose = () => {
+  addCourseDrawerVisible.value = false;
+  isAdding.value = false;
+};
+
+const handleAddCoverSuccess: UploadProps['onSuccess'] = (res: UploadResponse) => {
+  if (res.code === 200 && res.data?.url) {
+    addCourseForm.value.cover_url = res.data.url;
+    ElMessage.success(res.message || '上传成功');
+  } else {
+    ElMessage.error(res.message || '上传失败');
+  }
+};
+
+const submitAddCourse = async () => {
+  if (!addCourseForm.value.title.trim()) {
+    return ElMessage.warning('请输入课程标题');
+  }
+
+  isAdding.value = true;
+  try {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/courses`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(addCourseForm.value)
+    });
+
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => null);
+      throw new Error(errorData?.message || '新增课程失败');
+    }
+
+    ElMessage.success('新增课程成功！');
+    handleAddDrawerClose();
+    fetchData();
+  } catch (e) {
+    ElMessage.error(`新增课程失败: ${(e as Error).message}`);
+  } finally {
+    isAdding.value = false;
+  }
+};
+
 /* 编辑抽屉 */
 const drawerVisible = ref(false);
 const isSubmitting = ref(false);
@@ -862,24 +979,21 @@ const handleEdit = (row: Course) => {
   form.value = { ...row, status: 1 };
   drawerVisible.value = true;
   loadCourseContent(row.id);
-  fetchResourceList(row.id); // 加载资源列表
-  fetchActivityList(row.id); // 加载活动列表
-  fetchTeacherList(row.id); // 加载教师列表
+  fetchResourceList(row.id);
+  fetchActivityList(row.id);
+  fetchTeacherList(row.id);
 };
 
 const handleDrawerClose = () => {
   drawerVisible.value = false;
   form.value = defaultFormState();
   contentTree.value = [];
-  // 重置资源相关状态
   resourceList.value = [];
   resourceTotal.value = 0;
   resourceCurrentPage.value = 1;
-  // 重置活动相关状态
   activityList.value = [];
   activityTotal.value = 0;
   activityCurrentPage.value = 1;
-  // 重置教师相关状态
   teacherList.value = [];
   teacherTotal.value = 0;
   teacherCurrentPage.value = 1;
@@ -892,7 +1006,7 @@ const contentTree = ref<CourseContent[]>([]);
 const loadCourseContent = async (courseId: number) => {
   contentLoading.value = true;
   try {
-    const response = await fetch('http://localhost:8080/api/course-content/list', {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-content/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ course_id: courseId, parent_id: 0 }),
@@ -911,7 +1025,6 @@ const loadCourseContent = async (courseId: number) => {
   }
 };
 
-/* 新增章节 */
 const addChapter = () => {
   const maxSort = contentTree.value.length ? Math.max(...contentTree.value.map(c => c.sort)) : -1;
   contentDialog.value = {
@@ -928,7 +1041,6 @@ const addChapter = () => {
   };
 };
 
-/* 新增小节 */
 const addSection = (chapter: CourseContent) => {
   const maxSort = chapter.children && chapter.children.length ? Math.max(...chapter.children.map(s => s.sort)) : -1;
   contentDialog.value = {
@@ -945,7 +1057,6 @@ const addSection = (chapter: CourseContent) => {
   };
 };
 
-/* 编辑内容（章节或小节） */
 const editContent = (row: CourseContent) => {
   contentDialog.value = {
     visible: true,
@@ -962,11 +1073,10 @@ const editContent = (row: CourseContent) => {
   };
 };
 
-/* 删除内容 */
 const deleteContent = (row: CourseContent) => {
   ElMessageBox.confirm(`确定删除 “${row.title}” 吗？`, '警告', { type: 'warning' })
       .then(async () => {
-        const resp = await fetch(`http://localhost:8080/api/course-content/${row.id}`, { method: 'DELETE' });
+        const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-content/${row.id}`, { method: 'DELETE' });
         if (!resp.ok) throw new Error('删除失败');
         ElMessage.success('删除成功');
         loadCourseContent(form.value.id!);
@@ -974,10 +1084,9 @@ const deleteContent = (row: CourseContent) => {
       .catch(() => {});
 };
 
-/* 排序变更 */
 const updateSort = async (row: CourseContent) => {
   try {
-    const resp = await fetch('http://localhost:8080/api/course-content', {
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-content`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ id: row.id, sort: row.sort }),
@@ -990,7 +1099,6 @@ const updateSort = async (row: CourseContent) => {
   }
 };
 
-/* 内容编辑弹窗 */
 const contentDialog = ref<{
   visible: boolean;
   isEdit: boolean;
@@ -1017,7 +1125,7 @@ const saveContent = async () => {
   contentDialog.value.saving = true;
   try {
     const isEdit = contentDialog.value.isEdit;
-    const url = 'http://localhost:8080/api/course-content';
+    const url = `${import.meta.env.VITE_API_BASE_URL}/course-content`;
     const method = isEdit ? 'PUT' : 'POST';
     const payload: any = {
       course_id: contentDialog.value.form.course_id,
@@ -1047,7 +1155,7 @@ const submitCourse = async () => {
   if (!form.value.id) return ElMessage.error('课程ID丢失');
   isSubmitting.value = true;
   try {
-    const resp = await fetch('http://localhost:8080/api/courses', {
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/courses`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ ...form.value, status: 1 }),
@@ -1080,14 +1188,12 @@ const beforeCoverUpload: UploadProps['beforeUpload'] = (file) => {
 const handleCoverError = () => ElMessage.error('上传失败');
 
 /* 拓展资源管理 */
-// 资源列表相关状态
 const resourceList = ref<CourseResource[]>([]);
 const resourceLoading = ref(false);
 const resourceTotal = ref(0);
 const resourceCurrentPage = ref(1);
 const resourcePageSize = ref(10);
 
-// 资源编辑弹窗状态
 const resourceDialog = ref<{
   visible: boolean;
   isEdit: boolean;
@@ -1102,14 +1208,12 @@ const resourceDialog = ref<{
   fileList: [],
 });
 
-// 格式化文件大小（KB转MB/GB）
 const formatFileSize = (size: number) => {
   if (size < 1024) return `${size} KB`;
   if (size < 1024 * 1024) return `${(size / 1024).toFixed(2)} MB`;
   return `${(size / 1024 / 1024).toFixed(2)} GB`;
 };
 
-// 打开资源编辑弹窗
 const openResourceDialog = (isEdit: boolean, resource?: CourseResource) => {
   resourceDialog.value = {
     visible: true,
@@ -1122,13 +1226,11 @@ const openResourceDialog = (isEdit: boolean, resource?: CourseResource) => {
   };
 };
 
-// 关闭资源弹窗
 const closeResourceDialog = () => {
   resourceDialog.value.visible = false;
   resourceDialog.value.fileList = [];
 };
 
-// 获取资源列表
 const fetchResourceList = async (courseId: number) => {
   resourceLoading.value = true;
   try {
@@ -1138,7 +1240,7 @@ const fetchResourceList = async (courseId: number) => {
       page_size: resourcePageSize.value,
     };
 
-    const response = await fetch('http://localhost:8080/api/course-resource/list', {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-resource/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(reqData),
@@ -1156,7 +1258,6 @@ const fetchResourceList = async (courseId: number) => {
   }
 };
 
-// 资源分页变更
 const handleResourceSizeChange = (val: number) => {
   resourcePageSize.value = val;
   resourceCurrentPage.value = 1;
@@ -1167,7 +1268,6 @@ const handleResourceCurrentChange = (val: number) => {
   fetchResourceList(form.value.id!);
 };
 
-// 资源上传相关
 const handleResourceUploadSuccess: UploadProps['onSuccess'] = (res: UploadResponse) => {
   if (res.code === 200 && res.data?.url) {
     resourceDialog.value.form.resource_url = res.data.url;
@@ -1179,7 +1279,6 @@ const handleResourceUploadSuccess: UploadProps['onSuccess'] = (res: UploadRespon
 };
 
 const beforeResourceUpload: UploadProps['beforeUpload'] = (file) => {
-  // 限制文件大小200MB
   const maxSize = 200 * 1024 * 1024;
   if (file.size > maxSize) {
     ElMessage.error('文件大小不能超过200MB');
@@ -1190,7 +1289,6 @@ const beforeResourceUpload: UploadProps['beforeUpload'] = (file) => {
 
 const handleResourceUploadError = () => ElMessage.error('文件上传失败，请重试');
 
-// 保存资源（新增/编辑）
 const saveResource = async () => {
   const { form } = resourceDialog.value;
   if (!form.title?.trim()) return ElMessage.warning('请输入资源标题');
@@ -1208,7 +1306,7 @@ const saveResource = async () => {
     };
     if (resourceDialog.value.isEdit && form.id) payload.id = form.id;
 
-    const url = 'http://localhost:8080/api/course-resource';
+    const url = `${import.meta.env.VITE_API_BASE_URL}/course-resource`;
     const method = resourceDialog.value.isEdit ? 'PUT' : 'POST';
 
     const resp = await fetch(url, {
@@ -1229,13 +1327,12 @@ const saveResource = async () => {
   }
 };
 
-// 删除资源
 const deleteResource = (resource: CourseResource) => {
   ElMessageBox.confirm(`确定删除资源“${resource.title}”吗？`, '警告', { type: 'warning' })
       .then(async () => {
         if (!resource.id) return ElMessage.error('资源ID丢失');
 
-        const resp = await fetch(`http://localhost:8080/api/course-resource/${resource.id}`, { method: 'DELETE' });
+        const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-resource/${resource.id}`, { method: 'DELETE' });
         if (!resp.ok) throw new Error('删除资源失败');
 
         ElMessage.success('资源删除成功');
@@ -1244,11 +1341,10 @@ const deleteResource = (resource: CourseResource) => {
       .catch(() => {});
 };
 
-// 更新资源排序
 const updateResourceSort = async (resource: CourseResource) => {
   if (!resource.id) return ElMessage.error('资源ID丢失');
   try {
-    const resp = await fetch('http://localhost:8080/api/course-resource', {
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-resource`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ id: resource.id, sort: resource.sort }),
@@ -1262,22 +1358,12 @@ const updateResourceSort = async (resource: CourseResource) => {
 };
 
 /* 课程活动管理 */
-// 活动类型映射
-const activityTypeMap = {
-  1: { label: '作业', type: 'primary' },
-  2: { label: '考试', type: 'danger' },
-  3: { label: '讨论', type: 'success' },
-  4: { label: '直播', type: 'warning' },
-};
-
-// 活动列表相关状态
 const activityList = ref<CourseActivity[]>([]);
 const activityLoading = ref(false);
 const activityTotal = ref(0);
 const activityCurrentPage = ref(1);
 const activityPageSize = ref(10);
 
-// 活动编辑弹窗状态
 const activityDialog = ref<{
   visible: boolean;
   isEdit: boolean;
@@ -1290,7 +1376,6 @@ const activityDialog = ref<{
   form: { course_id: 0, title: '', activity_type: 1, content: '', start_time: '', end_time: '', sort: 0 },
 });
 
-// 打开活动编辑弹窗
 const openActivityDialog = (isEdit: boolean, activity?: CourseActivity) => {
   activityDialog.value = {
     visible: true,
@@ -1302,12 +1387,10 @@ const openActivityDialog = (isEdit: boolean, activity?: CourseActivity) => {
   };
 };
 
-// 关闭活动弹窗
 const closeActivityDialog = () => {
   activityDialog.value.visible = false;
 };
 
-// 获取活动列表
 const fetchActivityList = async (courseId: number) => {
   activityLoading.value = true;
   try {
@@ -1317,7 +1400,7 @@ const fetchActivityList = async (courseId: number) => {
       page_size: activityPageSize.value,
     };
 
-    const response = await fetch('http://localhost:8080/api/course-activity/list', {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-activity/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(reqData),
@@ -1335,7 +1418,6 @@ const fetchActivityList = async (courseId: number) => {
   }
 };
 
-// 活动分页变更
 const handleActivitySizeChange = (val: number) => {
   activityPageSize.value = val;
   activityCurrentPage.value = 1;
@@ -1346,21 +1428,6 @@ const handleActivityCurrentChange = (val: number) => {
   fetchActivityList(form.value.id!);
 };
 
-const formatTimeMinus8Hours = (time) => {
-  if (!time) return '';
-  const date = new Date(time);
-  date.setUTCHours(date.getUTCHours() - 8); // 基于UTC减8小时（更精准）
-
-  const year = date.getUTCFullYear();
-  const month = String(date.getUTCMonth() + 1).padStart(2, '0');
-  const day = String(date.getUTCDate()).padStart(2, '0');
-  const hours = String(date.getUTCHours()).padStart(2, '0');
-  const minutes = String(date.getUTCMinutes()).padStart(2, '0');
-  const seconds = String(date.getUTCSeconds()).padStart(2, '0');
-
-  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-};
-// 保存活动（新增/编辑）
 const saveActivity = async () => {
   const { form } = activityDialog.value;
   if (!form.title?.trim()) return ElMessage.warning('请输入活动标题');
@@ -1381,13 +1448,11 @@ const saveActivity = async () => {
     if (activityDialog.value.isEdit && form.id) payload.id = form.id;
 
     const formatTimeMinus8Hours = (time: string | Date | undefined) => {
-      if (!time) return ''; // 未传时间返回空（或根据业务设为null）
+      if (!time) return '';
 
       const date = new Date(time);
-      // 减去8小时（毫秒数计算）
       date.setTime(date.getTime() - 8 * 60 * 60 * 1000);
 
-      // 提取各部分并补零，确保格式符合 2006-01-02 15:04:05
       const year = date.getFullYear();
       const month = String(date.getMonth() + 1).padStart(2, '0');
       const day = String(date.getDate()).padStart(2, '0');
@@ -1398,11 +1463,10 @@ const saveActivity = async () => {
       return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
     };
 
-    // 处理 start_time 和 end_time（覆盖原有值）
     payload.start_time = formatTimeMinus8Hours(payload.start_time);
     payload.end_time = formatTimeMinus8Hours(payload.end_time);
 
-    const url = 'http://localhost:8080/api/course-activity';
+    const url = `${import.meta.env.VITE_API_BASE_URL}/course-activity`;
     const method = activityDialog.value.isEdit ? 'PUT' : 'POST';
 
     const resp = await fetch(url, {
@@ -1423,13 +1487,12 @@ const saveActivity = async () => {
   }
 };
 
-// 删除活动
 const deleteActivity = (activity: CourseActivity) => {
   ElMessageBox.confirm(`确定删除活动“${activity.title}”吗？`, '警告', { type: 'warning' })
       .then(async () => {
         if (!activity.id) return ElMessage.error('活动ID丢失');
 
-        const resp = await fetch(`http://localhost:8080/api/course-activity/${activity.id}`, { method: 'DELETE' });
+        const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-activity/${activity.id}`, { method: 'DELETE' });
         if (!resp.ok) throw new Error('删除活动失败');
 
         ElMessage.success('活动删除成功');
@@ -1438,11 +1501,10 @@ const deleteActivity = (activity: CourseActivity) => {
       .catch(() => {});
 };
 
-// 更新活动排序
 const updateActivitySort = async (activity: CourseActivity) => {
   if (!activity.id) return ElMessage.error('活动ID丢失');
   try {
-    const resp = await fetch('http://localhost:8080/api/course-activity', {
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-activity`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ id: activity.id, sort: activity.sort }),
@@ -1456,14 +1518,12 @@ const updateActivitySort = async (activity: CourseActivity) => {
 };
 
 /* 课程教师管理 */
-// 教师列表相关状态
 const teacherList = ref<CourseTeacher[]>([]);
 const teacherLoading = ref(false);
 const teacherTotal = ref(0);
 const teacherCurrentPage = ref(1);
 const teacherPageSize = ref(10);
 
-// 教师编辑弹窗状态
 const teacherDialog = ref<{
   visible: boolean;
   isEdit: boolean;
@@ -1478,7 +1538,6 @@ const teacherDialog = ref<{
   fileList: [],
 });
 
-// 打开教师编辑弹窗
 const openTeacherDialog = (isEdit: boolean, teacher?: CourseTeacher) => {
   teacherDialog.value = {
     visible: true,
@@ -1491,13 +1550,11 @@ const openTeacherDialog = (isEdit: boolean, teacher?: CourseTeacher) => {
   };
 };
 
-// 关闭教师弹窗
 const closeTeacherDialog = () => {
   teacherDialog.value.visible = false;
   teacherDialog.value.fileList = [];
 };
 
-// 获取教师列表
 const fetchTeacherList = async (courseId: number) => {
   teacherLoading.value = true;
   try {
@@ -1507,7 +1564,7 @@ const fetchTeacherList = async (courseId: number) => {
       page_size: teacherPageSize.value,
     };
 
-    const response = await fetch('http://localhost:8080/api/course-teacher/list', {
+    const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-teacher/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(reqData),
@@ -1525,7 +1582,6 @@ const fetchTeacherList = async (courseId: number) => {
   }
 };
 
-// 教师分页变更
 const handleTeacherSizeChange = (val: number) => {
   teacherPageSize.value = val;
   teacherCurrentPage.value = 1;
@@ -1536,7 +1592,6 @@ const handleTeacherCurrentChange = (val: number) => {
   fetchTeacherList(form.value.id!);
 };
 
-// 教师头像上传相关
 const handleTeacherAvatarSuccess: UploadProps['onSuccess'] = (res: UploadResponse) => {
   if (res.code === 200 && res.data?.url) {
     teacherDialog.value.form.avatar = res.data.url;
@@ -1547,16 +1602,13 @@ const handleTeacherAvatarSuccess: UploadProps['onSuccess'] = (res: UploadRespons
 };
 
 const beforeTeacherAvatarUpload: UploadProps['beforeUpload'] = (file) => {
-  // 限制文件大小5MB
   const maxSize = 5 * 1024 * 1024;
   if (file.size > maxSize) {
     ElMessage.error('头像大小不能超过5MB');
     return false;
   }
 
-  // 限制文件类型
-  const fileType = file.type;
-  if (!fileType.startsWith('image/')) {
+  if (!file.type.startsWith('image/')) {
     ElMessage.error('请上传图片格式文件');
     return false;
   }
@@ -1566,22 +1618,19 @@ const beforeTeacherAvatarUpload: UploadProps['beforeUpload'] = (file) => {
 
 const handleTeacherAvatarError = () => ElMessage.error('头像上传失败，请重试');
 
-// 保存教师（新增/编辑）- 核心调整：使用POST并传递所有字段
 const saveTeacher = async () => {
   const { form, isEdit } = teacherDialog.value;
-  // 验证必填字段
   if (!form.name?.trim()) return ElMessage.warning('请输入教师姓名');
   if (form.teacher_id === undefined || form.teacher_id <= 0) return ElMessage.warning('请输入有效的教师ID');
   if (!form.course_id) return ElMessage.error('课程ID丢失');
-  if (isEdit && !form.id) return ElMessage.error('教师ID丢失'); // 编辑时必须有id
+  if (isEdit && !form.id) return ElMessage.error('教师ID丢失');
 
   teacherDialog.value.saving = true;
   try {
-    // 构建包含所有字段的请求体
     const payload: any = {
-      id: form.id, // 编辑时必传，新增时可省略
+      id: form.id,
       course_id: form.course_id,
-      teacher_id: form.teacher_id,
+      teacher_id: Number(form.teacher_id),
       name: form.name,
       title: form.title || '',
       avatar: form.avatar || '',
@@ -1589,8 +1638,7 @@ const saveTeacher = async () => {
       sort: form.sort || 0
     };
 
-    // 区分请求方法：新增用POST，修改用PUT
-    const url = 'http://localhost:8080/api/course-teacher';
+    const url = `${import.meta.env.VITE_API_BASE_URL}/course-teacher`;
     const method = isEdit ? 'PUT' : 'POST';
 
     const resp = await fetch(url, {
@@ -1614,13 +1662,12 @@ const saveTeacher = async () => {
   }
 };
 
-// 删除教师
 const deleteTeacher = (teacher: CourseTeacher) => {
   ElMessageBox.confirm(`确定删除教师“${teacher.name}”吗？`, '警告', { type: 'warning' })
       .then(async () => {
         if (!teacher.id) return ElMessage.error('教师ID丢失');
 
-        const resp = await fetch(`http://localhost:8080/api/course-teacher/${teacher.id}`, { method: 'DELETE' });
+        const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-teacher/${teacher.id}`, { method: 'DELETE' });
         if (!resp.ok) throw new Error('删除教师失败');
 
         ElMessage.success('教师删除成功');
@@ -1629,18 +1676,16 @@ const deleteTeacher = (teacher: CourseTeacher) => {
       .catch(() => {});
 };
 
-// 更新教师排序
 const updateTeacherSort = async (teacher: CourseTeacher) => {
   if (!teacher.id) return ElMessage.error('教师ID丢失');
   try {
-    const resp = await fetch('http://localhost:8080/api/course-teacher', {
-      method: 'PUT', // 排序更新属于修改操作，用PUT
+    const resp = await fetch(`${import.meta.env.VITE_API_BASE_URL}/course-teacher`, {
+      method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         id: teacher.id,
         sort: teacher.sort,
         course_id: teacher.course_id,
-        // 确保传递其他必要字段（如果接口要求完整字段）
         teacher_id: teacher.teacher_id,
         name: teacher.name,
         title: teacher.title || '',
@@ -1683,7 +1728,6 @@ const updateTeacherSort = async (teacher: CourseTeacher) => {
 
 .content-table .el-table__row .cell { line-height: 1.4; }
 
-/* 资源、活动和教师管理样式补充 */
 .resource-table .el-table__header-wrapper th,
 .activity-table .el-table__header-wrapper th,
 .teacher-table .el-table__header-wrapper th {
diff --git a/management/src/views/caseresource/setting/caseSettingView.vue b/management/src/views/caseresource/setting/caseSettingView.vue
index 2eec1af9..f3788ba6 100644
--- a/management/src/views/caseresource/setting/caseSettingView.vue
+++ b/management/src/views/caseresource/setting/caseSettingView.vue
@@ -87,7 +87,7 @@ onMounted(() => {
 // 从后端获取已保存的封面图
 const fetchCoverImage = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'CaseResources' });
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/get`, { page: 'CaseResources' });
     if (response.data.message === '查询成功' && Array.isArray(response.data.images) && response.data.images.length) {
       formData.pageImageUrl = response.data.images[0].image_url;
     } else {
@@ -147,7 +147,7 @@ const saveImage = async () => {
       return;
     }
 
-    const response = await axios.post('http://localhost:8080/api/page-image/save', {
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/save`, {
       id: 8,
       page: 'CaseResources',
       image_url: formData.pageImageUrl,
diff --git a/management/src/views/caseresource/teachingcase/teachingCaseView.vue b/management/src/views/caseresource/teachingcase/teachingCaseView.vue
index 4cd02760..f2348402 100644
--- a/management/src/views/caseresource/teachingcase/teachingCaseView.vue
+++ b/management/src/views/caseresource/teachingcase/teachingCaseView.vue
@@ -121,8 +121,9 @@
 
         <div class="form-group cover-group">
           <label class="form-label">案例封面</label>
+          <!-- 修复：上传地址改为环境变量动态绑定 -->
           <el-upload
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -231,8 +232,9 @@ interface ListTeachingCaseReq {
   sort: number;
 }
 
+// 核心修复：新增案例时id由后端生成，前端无需传，故设为可选
 interface CreateTeachingCaseReq {
-  id: number;
+  id?: number; // 改为可选，新增时不传
   title: string;
   tutor_name: string;
   tutor_title: string;
@@ -242,12 +244,14 @@ interface CreateTeachingCaseReq {
   sort: number;
 }
 
-interface UpdateTeachingCaseReq extends CreateTeachingCaseReq {
+// 编辑时必须传id，继承后显式声明id为必填
+interface UpdateTeachingCaseReq extends Omit<CreateTeachingCaseReq, 'id'> {
   id: number;
 }
 
 // --- 常量定义 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+// 核心修改：替换为环境变量（无需拼接/api，接口路径中已包含）
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 const defaultCover = 'https://via.placeholder.com/120x70?text=无封面';
 
 // =================================================================
@@ -292,6 +296,7 @@ const fetchData = async () => {
       keyword: searchKeyword.value.trim(),
       sort: 0
     };
+    // 接口路径保持原有拼接逻辑，API_BASE_URL已改为环境变量
     const response = await fetch(`${API_BASE_URL}/teaching-cases/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -333,6 +338,7 @@ const handleDelete = (row: TeachingCase) => {
   })
       .then(async () => {
         try {
+          // 接口路径使用环境变量拼接
           const response = await fetch(`${API_BASE_URL}/teaching-cases/${row.id}`, {
             method: 'DELETE',
           });
@@ -474,6 +480,7 @@ async function uploadEditorImage(file: File, insertIndex: number) {
     const formData = new FormData();
     formData.append('image', file);
 
+    // 编辑器图片上传接口使用环境变量
     const response = await fetch(`${API_BASE_URL}/upload/image`, {
       method: 'POST',
       body: formData,
@@ -584,9 +591,8 @@ const submitCase = async () => {
 
   isSubmitting.value = true;
 
-  // 构造提交数据
+  // 核心修复：根据场景构造提交数据，新增时不含id，编辑时含id
   const submitData: CreateTeachingCaseReq | UpdateTeachingCaseReq = {
-    id: form.value.id,
     title: form.value.title.trim(),
     tutor_name: form.value.tutor_name.trim(),
     tutor_title: form.value.tutor_title.trim(),
@@ -596,7 +602,7 @@ const submitCase = async () => {
     sort: form.value.sort || 0,
   };
 
-  // 如果是编辑，添加id
+  // 编辑模式：添加必填的id字段
   if (form.value.id) {
     (submitData as UpdateTeachingCaseReq).id = form.value.id;
   }
@@ -607,7 +613,6 @@ const submitCase = async () => {
 
     // 编辑模式
     if (form.value.id) {
-      url = `${API_BASE_URL}/teaching-cases`;
       method = 'PUT';
     }
 
diff --git a/management/src/views/caseresource/videoscase/videosCaseView.vue b/management/src/views/caseresource/videoscase/videosCaseView.vue
index 4735820b..751a4f88 100644
--- a/management/src/views/caseresource/videoscase/videosCaseView.vue
+++ b/management/src/views/caseresource/videoscase/videosCaseView.vue
@@ -52,10 +52,11 @@
         <el-table-column prop="sort" label="排序" width="100" sortable></el-table-column>
         <el-table-column prop="create_time" label="创建时间" width="180" sortable></el-table-column>
         <el-table-column prop="update_time" label="更新时间" width="180" sortable></el-table-column>
-        <el-table-column label="操作" width="220" fixed="right">
+        <el-table-column label="操作" width="280" fixed="right">
           <template #default="scope">
             <div class="action-buttons">
               <el-button size="small" type="primary" :icon="Edit" @click="handleEdit(scope.row)">编辑</el-button>
+              <el-button size="small" type="info" @click="handleViewDetail(scope.row)">查看详情</el-button>
               <el-button size="small" type="danger" :icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
             </div>
           </template>
@@ -141,7 +142,7 @@
           <label class="form-label required">视频上传</label>
           <el-upload
               class="video-upload"
-              action="http://localhost:8080/api/upload/file"
+              :action="`${API_BASE_URL}/upload/file`"
               name="file"
               :file-list="uploadFileList"
               :before-upload="handleBeforeUpload"
@@ -154,7 +155,7 @@
               :limit="1"
               accept="video/*"
               list-type="picture-card"
-              auto-upload="true"
+              :auto-upload="true"
               :with-credentials="false"
           >
             <i class="el-icon-plus video-upload-icon"></i>
@@ -229,7 +230,7 @@
 import { ref, onMounted } from 'vue';
 import { ElMessage, ElMessageBox, ElUpload, ElPagination, ElTable, ElTableColumn, ElDialog, ElButton, ElInput, ElDrawer, ElConfigProvider } from 'element-plus';
 import { Edit, Delete, Plus } from '@element-plus/icons-vue';
-import type { UploadProps, UploadFile, UploadProgressEvent } from 'element-plus';
+import type { UploadProps, UploadFile, UploadProgressEvent, UploadStatus } from 'element-plus';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 
 // 接口类型定义
@@ -280,6 +281,8 @@ interface UploadSuccessResponse {
 // 常量定义
 const videoPoster = 'https://via.placeholder.com/800x450?text=视频封面';
 const maxFileSize = 500;
+// 核心修改：替换为环境变量
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // 列表数据相关
 const loading = ref(true);
@@ -322,7 +325,8 @@ const fetchData = async () => {
       keyword: searchKeyword.value.trim(),
       sort: 0
     };
-    const response = await fetch('http://localhost:8080/api/video-cases/list', {
+    // 核心修改：使用环境变量拼接接口地址
+    const response = await fetch(`${API_BASE_URL}/video-cases/list`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(reqData)
@@ -367,7 +371,8 @@ const handleDelete = (row: VideoCase) => {
   })
       .then(async () => {
         try {
-          const response = await fetch(`http://localhost:8080/api/video-cases/${row.id}`, {
+          // 核心修改：使用环境变量拼接接口地址
+          const response = await fetch(`${API_BASE_URL}/video-cases/${row.id}`, {
             method: 'DELETE',
           });
           if (!response.ok) {
@@ -418,10 +423,9 @@ const defaultFormState = () => ({
 });
 const form = ref(defaultFormState());
 
-// 核心修改：字节上传完成显示99%，后端响应成功后才显示100%
-const handleUploadProgress: UploadProps['onProgress'] = (event: UploadProgressEvent, file: UploadFile) => {
+// 上传进度处理
+const handleUploadProgress: UploadProps['onProgress'] = (event: UploadProgressEvent) => {
   let percent = Math.round(event.percent * 100) / 100;
-  // 字节上传完成（percent=100）时，显示99%并提示"等待后端响应"
   if (percent >= 100) {
     percent = 99;
     console.log(`[上传进度] ${percent}%（文件字节上传完成，等待后端返回结果...）`,
@@ -436,14 +440,14 @@ const handleUploadProgress: UploadProps['onProgress'] = (event: UploadProgressEv
   }
 };
 
-// 文件状态变化处理
+// 文件状态变化处理（核心修复：匹配UploadStatus的正确状态值）
 const handleUploadChange: UploadProps['onChange'] = (file: UploadFile) => {
-  // 避免状态提前标记为完成
-  const statusText = {
+  // 根据Element Plus的UploadStatus定义，正确的状态值为'ready' | 'uploading' | 'success' | 'fail'
+  const statusText: Record<UploadStatus, string> = {
     'ready': '待上传',
     'uploading': '上传中',
     'success': '上传成功',
-    'error': '上传失败'
+    'fail': '上传失败'  // 修复：使用'fail'替代'error'，匹配UploadStatus类型
   };
   console.log(`[文件状态变更] 文件名: ${file.name}，状态: ${statusText[file.status]}`);
 };
@@ -473,11 +477,9 @@ const handleBeforeUpload: UploadProps['beforeUpload'] = (rawFile) => {
   return Promise.resolve(true);
 };
 
-// 核心修改：收到后端成功响应后，显示100%并输出视频地址
+// 上传成功处理
 const handleUploadSuccess: UploadProps['onSuccess'] = (response: UploadSuccessResponse) => {
-  // 显示最终100%进度
   console.log(`[上传进度] 100%（后端响应成功，上传完成！）`);
-  // 输出成功信息和视频地址
   console.log("===== 视频上传成功 =====");
   console.log("响应数据:", response);
   console.log("视频地址:", response.data.url);
@@ -493,7 +495,7 @@ const handleUploadSuccess: UploadProps['onSuccess'] = (response: UploadSuccessRe
 };
 
 // 上传错误处理
-const handleUploadError: UploadProps['onError'] = (error: any, file: UploadFile) => {
+const handleUploadError: UploadProps['onError'] = (error: any) => {
   console.log(`[上传进度] 上传失败！`);
   console.error('[ERROR] 视频上传失败:', error);
   if (error.message === 'Failed to fetch') {
@@ -570,11 +572,11 @@ const submitVideoCase = async () => {
   }
 
   try {
-    let url = 'http://localhost:8080/api/video-cases';
+    let url = `${API_BASE_URL}/video-cases`;
     let method = 'POST';
 
     if (form.value.id) {
-      url = `http://localhost:8080/api/video-cases`;
+      url = `${API_BASE_URL}/video-cases`;
       method = 'PUT';
     }
 
@@ -627,4 +629,4 @@ const submitVideoCase = async () => {
 @media (max-width: 1440px) {
   .el-table-column { min-width: 120px; }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/management/src/views/devproject/devprojectView.vue b/management/src/views/devproject/devprojectView.vue
index a6dfb6bb..f1fef3af 100644
--- a/management/src/views/devproject/devprojectView.vue
+++ b/management/src/views/devproject/devprojectView.vue
@@ -182,7 +182,7 @@ onMounted(() => {
 // 从后端获取封面图
 const fetchCarouselImages = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'ScientificResearch' });
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/get`, { page: 'ScientificResearch' });
     console.log('封面图加载结果：', response);
     if (response.data.message === '查询成功' && Array.isArray(response.data.images) && response.data.images.length) {
       formData.pageImageUrl = response.data.images[0].image_url;
@@ -197,7 +197,7 @@ const fetchCarouselImages = async () => {
 const fetchResearchInfo = async () => {
   try {
     isSaving.value = true;
-    const response = await axios.get('http://localhost:8080/api/devproject/get');
+    const response = await axios.get(`${import.meta.env.VITE_API_BASE_URL}/devproject/get`);
     console.log('科学研究数据加载结果：', response);
 
     if (response.data.message === '查询成功' && response.data.dev_project) {
@@ -265,7 +265,7 @@ const saveImage = async () => {
       return;
     }
 
-    const response = await axios.post('http://localhost:8080/api/page-image/save', {
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/page-image/save`, {
       id: 5, // 科学研究页面封面图ID
       image_url: formData.pageImageUrl,
     });
@@ -300,7 +300,7 @@ const saveAll = async () => {
     console.log("保存的数据（含原始换行换行符）：", submitData);
 
     // 提交数据到后端保存
-    const response = await axios.post('http://localhost:8080/api/devproject/save', submitData);
+    const response = await axios.post(`${import.meta.env.VITE_API_BASE_URL}/devproject/save`, submitData);
 
     if (response.data.success || response.data.message === '查询成功') {
       // 控制台输出格式化信息，展示实际换行符
diff --git a/management/src/views/login/login.vue b/management/src/views/login/login.vue
index efff83df..5beae585 100644
--- a/management/src/views/login/login.vue
+++ b/management/src/views/login/login.vue
@@ -65,7 +65,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { ElForm, ElFormItem, ElInput, ElButton, ElCheckbox, ElMessage, ElIcon } from 'element-plus';
-import { Lock, User } from '@element-plus/icons-vue';
+import { Lock } from '@element-plus/icons-vue';
 import type { FormInstance, FormRules } from 'element-plus';
 import axios from "axios";
 
@@ -107,7 +107,7 @@ const handleLogin = async () => {
     // 2. 发送登录请求
     isLoading.value = true;
     const response = await axios({
-      url: 'http://localhost:8080/api/admin/login',
+      url: `${import.meta.env.VITE_API_BASE_URL}/admin/login`,
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       data: loginForm.value
diff --git a/management/src/views/meeting/meetingView.vue b/management/src/views/meeting/meetingView.vue
index 960ee8e9..e678fd71 100644
--- a/management/src/views/meeting/meetingView.vue
+++ b/management/src/views/meeting/meetingView.vue
@@ -6,7 +6,8 @@
       <div class="flex justify-between items-center mb-6">
         <span class="text-2xl font-bold text-gray-700">会议管理列表</span>
         <div class="flex gap-3">
-          <el-button type="primary" :icon="Image" @click="openPageImageDialog">
+          <!-- 修复：将Image图标替换为Picture -->
+          <el-button type="primary" :icon="Picture" @click="openPageImageDialog">
             编辑页面图片
           </el-button>
           <el-button type="primary" :icon="Plus" @click="handleAdd">新增会议</el-button>
@@ -134,7 +135,7 @@
 
             <div class="form-group mb-4">
               <label class="form-label">嘉宾头像</label>
-              <el-upload action="http://localhost:8080/api/upload/image" name="image" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-error="handleAvatarError" :disabled="isSpeakerSubmitting">
+              <el-upload :action="`${API_BASE_URL}/upload/image`" name="image" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-error="handleAvatarError" :disabled="isSpeakerSubmitting">
                 <img v-if="currentSpeaker.avatar" :src="currentSpeaker.avatar" class="avatar-preview" alt="头像"/>
                 <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
               </el-upload>
@@ -238,7 +239,7 @@
 
         <div class="form-group cover-group">
           <label class="form-label">会议封面</label>
-          <el-upload action="http://localhost:8080/api/upload/cover" name="image" :show-file-list="false" :on-success="handleCoverSuccess" :before-upload="beforeCoverUpload" :on-error="handleCoverError" :disabled="isSubmitting">
+          <el-upload :action="`${API_BASE_URL}/upload/cover`" name="image" :show-file-list="false" :on-success="handleCoverSuccess" :before-upload="beforeCoverUpload" :on-error="handleCoverError" :disabled="isSubmitting">
             <img v-if="form.cover_url" :src="form.cover_url" class="cover-preview" alt="封面"/>
             <el-icon v-else class="cover-uploader-icon"><Plus /></el-icon>
           </el-upload>
@@ -247,7 +248,7 @@
 
         <div class="form-group schedule-group">
           <label class="form-label">日程图片</label>
-          <el-upload action="http://localhost:8080/api/upload/image" name="image" :show-file-list="false" :on-success="handleScheduleSuccess" :before-upload="beforeScheduleUpload" :on-error="handleScheduleError" :disabled="isSubmitting">
+          <el-upload :action="`${API_BASE_URL}/upload/image`" name="image" :show-file-list="false" :on-success="handleScheduleSuccess" :before-upload="beforeScheduleUpload" :on-error="handleScheduleError" :disabled="isSubmitting">
             <img v-if="form.schedule_image_url" :src="form.schedule_image_url" class="schedule-preview" alt="日程图"/>
             <el-icon v-else class="schedule-uploader-icon"><Plus /></el-icon>
           </el-upload>
@@ -288,11 +289,13 @@
 <script lang="ts" setup>
 import { ref, onMounted, watch, nextTick } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { Edit, Delete, Plus, User, Upload, Check, Close } from '@element-plus/icons-vue';
+// 修复：Element Plus中没有Image图标，替换为Picture
+import { Edit, Delete, Plus, User, Upload, Check, Close, Picture } from '@element-plus/icons-vue';
 import Quill from 'quill';
 import 'quill/dist/quill.snow.css';
 import type { UploadProps } from 'element-plus';
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
+import { zhCn } from 'element-plus/es/locale/index';
+
 
 // --- 类型定义 ---
 interface Meeting {
@@ -320,13 +323,8 @@ interface MeetingSpeaker {
   sort: number;
 }
 
-interface ListMeetingReq {
-  page: number;
-  page_size: number;
-}
-
 // --- API 基地址 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // =================================================================
 //                      列表页相关状态与逻辑
@@ -468,12 +466,16 @@ const initQuillEditor = () => {
       placeholder: '请输入会议简介（支持Markdown格式）...'
     });
 
-    if (form.value.intro) {
+    // 修复：可选链不能用于赋值，先判断存在再赋值
+    if (form.value.intro && quillInstance) {
       quillInstance.root.innerHTML = form.value.intro;
     }
 
     quillInstance.on('text-change', (delta, _, source) => {
-      form.value.intro = quillInstance.root.innerHTML;
+      // 修复：添加可选链和默认值
+      if (quillInstance) {
+        form.value.intro = quillInstance.root.innerHTML;
+      }
       if (source === 'user') {
         const pastedBase64 = getPastedBase64Image(delta);
         if (pastedBase64) {
@@ -571,7 +573,17 @@ const submitMeeting = async () => {
   }
 
   isSubmitting.value = true;
-  const submitData = {
+  // 修复：显式定义类型，避免对象索引错误
+  const submitData: {
+    id?: number;
+    theme: string;
+    subtitle: string;
+    intro: string;
+    cover_url: string;
+    schedule_image_url: string;
+    start_time: string;
+    end_time: string;
+  } = {
     theme: form.value.theme.trim(),
     subtitle: form.value.subtitle.trim(),
     intro: form.value.intro || '',
@@ -580,14 +592,19 @@ const submitMeeting = async () => {
     start_time: subtractEightHours(form.value.start_time),
     end_time: subtractEightHours(form.value.end_time),
   };
-  console.log("更新数据:",submitData)
+
+  // 编辑时添加id
+  if (form.value.id) {
+    submitData.id = form.value.id;
+  }
+
+  console.log("更新数据:", submitData)
 
   try {
     let url = `${API_BASE_URL}/meetings`;
     let method = 'POST';
 
     if (form.value.id) {
-      submitData['id'] = form.value.id;
       method = 'PUT';
     }
 
@@ -1284,4 +1301,4 @@ const handleClosePageImageDialog = () => {
 :deep(.el-dialog__body) {
   padding: 20px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/management/src/views/news/NewsView.vue b/management/src/views/news/NewsView.vue
index a70c4427..30e9fc64 100644
--- a/management/src/views/news/NewsView.vue
+++ b/management/src/views/news/NewsView.vue
@@ -64,7 +64,7 @@
 
         <div class="form-group cover-group">
           <label class="form-label">文章封面</label>
-          <el-upload action="http://localhost:8080/api/upload/cover" name="image" :show-file-list="false" :on-success="handleCoverSuccess" :before-upload="beforeCoverUpload" :on-error="handleCoverError" :disabled="isSubmitting">
+          <el-upload :action="`${API_BASE_URL}/upload/cover`" name="image" :show-file-list="false" :on-success="handleCoverSuccess" :before-upload="beforeCoverUpload" :on-error="handleCoverError" :disabled="isSubmitting">
             <img v-if="form.cover" :src="form.cover" class="cover-preview" alt="封面"/>
             <el-icon v-else class="cover-uploader-icon"><Plus /></el-icon>
           </el-upload>
@@ -108,6 +108,8 @@ import { Edit, Delete, Plus } from '@element-plus/icons-vue';
 import Quill from 'quill';
 import 'quill/dist/quill.snow.css';
 import type { UploadProps } from 'element-plus';
+// 引入 Element Plus 中文语言包（修复 zhCn 未定义问题）
+import { zhCn } from 'element-plus/es/locale/index';
 
 // --- 类型定义 ---
 interface Article {
@@ -129,7 +131,7 @@ interface ListArticleReq {
 }
 
 // --- API 基地址 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // =================================================================
 //                      列表页相关状态与逻辑
@@ -153,7 +155,7 @@ const stripHtml = (html: string) => {
 const fetchData = async () => {
   loading.value = true;
   try {
-    const reqData: ListArticleReq = { page: currentPage.value, size: pageSize.value,topic:"新闻" };
+    const reqData: ListArticleReq = { page: currentPage.value, size: pageSize.value, topic: "新闻" };
     const response = await fetch(`${API_BASE_URL}/articles/getarticle`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -419,7 +421,7 @@ const submitArticle = async () => {
     content: contentHTML,
     topic: form.value.topic,
   };
-  console.log("修改文章信息：",JSON.stringify(submitData));
+  console.log("修改文章信息：", JSON.stringify(submitData));
 
   try {
     const url = `${API_BASE_URL}/articles/${Number(form.value.id)}`;
@@ -495,4 +497,4 @@ const handleCoverError = () => {
 .cover-uploader .el-upload:hover { border-color: #409EFF; }
 .cover-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; text-align: center; }
 .cover-preview { width: 178px; height: 178px; display: block; object-fit: cover; }
-</style>
+</style>
\ No newline at end of file
diff --git a/management/src/views/publish/QuillEditor.vue b/management/src/views/publish/QuillEditor.vue
index 3e45c4a6..2cb26f14 100644
--- a/management/src/views/publish/QuillEditor.vue
+++ b/management/src/views/publish/QuillEditor.vue
@@ -39,22 +39,7 @@
             <el-icon><News /></el-icon>
             <span>新闻</span>
           </el-radio>
-          <el-radio label="cases" class="topic-radio">
-            <el-icon><Document /></el-icon>
-            <span>案例资源</span>
-          </el-radio>
-          <el-radio label="community" class="topic-radio">
-            <el-icon><UserFilled /></el-icon>
-            <span>社区服务</span>
-          </el-radio>
-          <el-radio label="awards" class="topic-radio">
-            <el-icon><Trophy /></el-icon>
-            <span>学生获奖</span>
-          </el-radio>
-          <el-radio label="papers" class="topic-radio">
-            <el-icon><Files /></el-icon>
-            <span>论文发表</span>
-          </el-radio>
+
         </el-radio-group>
       </div>
 
@@ -81,7 +66,7 @@
           <el-upload
               v-else
               class="cover-upload-area"
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -154,7 +139,7 @@ import Quill from 'quill';
 import 'quill/dist/quill.snow.css';
 // Element Plus 组件与图标
 import { ElUpload, ElButton, ElIcon, ElMessage, ElRadioGroup, ElRadio, ElLoading } from 'element-plus';
-import { Upload, Close, Loading, Document, UserFilled, Trophy, Files } from '@element-plus/icons-vue';
+import { Upload, Close, Loading } from '@element-plus/icons-vue';
 import type { UploadProps, LoadingInstance } from 'element-plus';
 
 // -------------------------- 基础状态管理 --------------------------
@@ -162,6 +147,7 @@ import type { UploadProps, LoadingInstance } from 'element-plus';
 const route = useRoute();
 const router = useRouter();
 const articleId = ref<number | null>(null); // 文章ID：null=新增，有值=编辑
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // 表单核心字段
 const articleTitle = ref(''); // 标题
@@ -367,7 +353,7 @@ async function uploadEditorImage(file: File, insertIndex: number) {
     const formData = new FormData();
     formData.append('image', file);
 
-    const response = await fetch('http://localhost:8080/api/upload/image', {
+    const response = await fetch(`${API_BASE_URL}/upload/image`, {
       method: 'POST',
       body: formData,
       credentials: 'include'
@@ -443,7 +429,7 @@ const fetchArticleDetail = async (id: number) => {
 
   try {
     // 调用后端文章详情接口（请确保后端有该接口）
-    const response = await fetch(`http://localhost:8080/api/articles/${id}`, {
+    const response = await fetch(`${API_BASE_URL}/articles/${id}`, {
       method: 'GET',
       credentials: 'include'
     });
@@ -538,7 +524,7 @@ const submitArticle = async () => {
   isSubmitting.value = true;
   try {
     let response: Response;
-    const apiBase = 'http://localhost:8080/api/articles';
+    const apiBase = `${API_BASE_URL}/articles`;
 
     // 3. 区分新增/编辑：调用不同接口
     if (articleId.value) {
diff --git a/management/src/views/socialservice/Government/governmentView.vue b/management/src/views/socialservice/Government/governmentView.vue
index 2fdada7e..1717ae0a 100644
--- a/management/src/views/socialservice/Government/governmentView.vue
+++ b/management/src/views/socialservice/Government/governmentView.vue
@@ -120,7 +120,7 @@
         <div class="form-group cover-group">
           <label class="form-label">项目封面</label>
           <el-upload
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -254,7 +254,7 @@ interface ListSocialServiceReq {
 }
 
 // --- API 基地址 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // =================================================================
 //                      列表页相关状态与逻辑
@@ -282,13 +282,6 @@ const currentItem = ref<SocialService>({
   is_delete: 0
 });
 
-// --- HTML清理函数（用于简介截取） ---
-const stripHtml = (html: string | null) => {
-  if (!html) return '';
-  const tempDiv = document.createElement('div');
-  tempDiv.innerHTML = html;
-  return tempDiv.textContent || tempDiv.innerText || '';
-};
 
 // --- 获取社会服务列表数据 ---
 const fetchData = async () => {
@@ -326,11 +319,6 @@ const fetchData = async () => {
 onMounted(fetchData);
 
 // --- 查看详情 ---
-const handleViewContent = (row: SocialService) => {
-  currentItem.value = { ...row };
-  contentDialogVisible.value = true;
-};
-
 const handleCloseDialog = () => {
   contentDialogVisible.value = false;
 };
diff --git a/management/src/views/socialservice/Internship/InternshipView.vue b/management/src/views/socialservice/Internship/InternshipView.vue
index ddfe8d8f..4f1f8183 100644
--- a/management/src/views/socialservice/Internship/InternshipView.vue
+++ b/management/src/views/socialservice/Internship/InternshipView.vue
@@ -120,7 +120,7 @@
         <div class="form-group cover-group">
           <label class="form-label">项目封面</label>
           <el-upload
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -254,7 +254,7 @@ interface ListSocialServiceReq {
 }
 
 // --- API 基地址 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // =================================================================
 //                      列表页相关状态与逻辑
@@ -283,12 +283,6 @@ const currentItem = ref<SocialService>({
 });
 
 // --- HTML清理函数（用于简介截取） ---
-const stripHtml = (html: string | null) => {
-  if (!html) return '';
-  const tempDiv = document.createElement('div');
-  tempDiv.innerHTML = html;
-  return tempDiv.textContent || tempDiv.innerText || '';
-};
 
 // --- 获取社会服务列表数据 ---
 const fetchData = async () => {
@@ -326,11 +320,6 @@ const fetchData = async () => {
 onMounted(fetchData);
 
 // --- 查看详情 ---
-const handleViewContent = (row: SocialService) => {
-  currentItem.value = { ...row };
-  contentDialogVisible.value = true;
-};
-
 const handleCloseDialog = () => {
   contentDialogVisible.value = false;
 };
diff --git a/management/src/views/socialservice/SchoolEnterprise/SchoolEnterpriseView.vue b/management/src/views/socialservice/SchoolEnterprise/SchoolEnterpriseView.vue
index a1df66a2..c6aefddf 100644
--- a/management/src/views/socialservice/SchoolEnterprise/SchoolEnterpriseView.vue
+++ b/management/src/views/socialservice/SchoolEnterprise/SchoolEnterpriseView.vue
@@ -120,7 +120,7 @@
         <div class="form-group cover-group">
           <label class="form-label">项目封面</label>
           <el-upload
-              action="http://localhost:8080/api/upload/cover"
+              :action="`${API_BASE_URL}/upload/cover`"
               name="image"
               :show-file-list="false"
               :on-success="handleCoverSuccess"
@@ -254,7 +254,7 @@ interface ListSocialServiceReq {
 }
 
 // --- API 基地址 ---
-const API_BASE_URL = 'http://localhost:8080/api';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // =================================================================
 //                      列表页相关状态与逻辑
@@ -283,12 +283,6 @@ const currentItem = ref<SocialService>({
 });
 
 // --- HTML清理函数（用于简介截取） ---
-const stripHtml = (html: string | null) => {
-  if (!html) return '';
-  const tempDiv = document.createElement('div');
-  tempDiv.innerHTML = html;
-  return tempDiv.textContent || tempDiv.innerText || '';
-};
 
 // --- 获取社会服务列表数据 ---
 const fetchData = async () => {
@@ -326,11 +320,6 @@ const fetchData = async () => {
 onMounted(fetchData);
 
 // --- 查看详情 ---
-const handleViewContent = (row: SocialService) => {
-  currentItem.value = { ...row };
-  contentDialogVisible.value = true;
-};
-
 const handleCloseDialog = () => {
   contentDialogVisible.value = false;
 };
diff --git a/management/src/views/socialservice/img/serviceimg.vue b/management/src/views/socialservice/img/serviceimg.vue
index e810ec81..40036526 100644
--- a/management/src/views/socialservice/img/serviceimg.vue
+++ b/management/src/views/socialservice/img/serviceimg.vue
@@ -75,6 +75,7 @@ import axios from "axios";
 const isSaving = ref(false);
 // 上传接口地址
 const uploadAction = import.meta.env.VITE_API_BASE_URL + '/upload/cover';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // 表单数据
 const formData = reactive({
@@ -89,7 +90,7 @@ onMounted(() => {
 // 从后端获取已保存的封面图
 const fetchCoverImage = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'SocialService' });
+    const response = await axios.post(`${API_BASE_URL}/page-image/get`, { page: 'SocialService' });
     if (response.data.message === '查询成功' && Array.isArray(response.data.images) && response.data.images.length) {
       formData.pageImageUrl = response.data.images[0].image_url;
     } else {
@@ -149,7 +150,7 @@ const saveImage = async () => {
       return;
     }
 
-    const response = await axios.post('http://localhost:8080/api/page-image/save', {
+    const response = await axios.post(`${API_BASE_URL}/page-image/save`, {
       id: 7,
       page: 'SocialService',
       image_url: formData.pageImageUrl,
diff --git a/web/src/App.vue b/web/src/App.vue
index aeffce29..a732741e 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -6,6 +6,7 @@
 <script setup lang="ts">
 import HomeView from '@/views/HomeView.vue'
 import FooterView from './component/FooterView.vue';
+console.log("基础api：",import.meta.env.VITE_API_BASE_URL);
 </script>
 
 <style scoped>
diff --git a/web/src/views/AcademicExchange.vue b/web/src/views/AcademicExchange.vue
index 2b91e631..fa782acf 100644
--- a/web/src/views/AcademicExchange.vue
+++ b/web/src/views/AcademicExchange.vue
@@ -323,7 +323,8 @@ interface SpeakerListResponse {
 const isAllMeetingsPage = ref(false) // 控制显示会议列表页还是主页面
 
 // 基础配置 - 固定baseurl
-const baseUrl = 'http://localhost:8080/api'
+const baseUrl = import.meta.env.VITE_API_BASE_URL;
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 // 顶部横幅封面图URL
 const pageImageUrl = ref('')
@@ -376,7 +377,7 @@ const currentSpeaker = ref<Speaker>({
 // 从后端获取封面图
 const fetchCoverImage = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'AcademicExchange' });
+    const response = await axios.post(`${API_BASE_URL}/page-image/get`, { page: 'AcademicExchange' });
     if (response.data.message === '查询成功' && response.data.images && response.data.images.length > 0) {
       pageImageUrl.value = response.data.images[0].image_url;
     }
diff --git a/web/src/views/BaseOverview.vue b/web/src/views/BaseOverview.vue
index 6e610e8e..6b22ff50 100644
--- a/web/src/views/BaseOverview.vue
+++ b/web/src/views/BaseOverview.vue
@@ -119,7 +119,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, computed, watch } from 'vue';
+import { ref, reactive, onMounted, computed } from 'vue';
 import axios from 'axios';
 import { ElMessage } from 'element-plus';
 
@@ -149,11 +149,11 @@ onMounted(() => {
   fetchCoverImage();
   fetchBaseInfo();
 });
-
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 // 从后端获取封面图
 const fetchCoverImage = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'BaseOverview' });
+    const response = await axios.post(`${API_BASE_URL}/page-image/get`, { page: 'BaseOverview' });
     if (response.data.message === '查询成功') {
       pageImageUrl.value = response.data.images[0].image_url;
     }
@@ -166,7 +166,7 @@ const fetchCoverImage = async () => {
 // 从后端获取基地概况信息并绑定到页面
 const fetchBaseInfo = async () => {
   try {
-    const response = await axios.get('http://localhost:8080/api/base-overview');
+    const response = await axios.get(`${API_BASE_URL}/base-overview`);
     if (response.data.success) {
       Object.assign(baseInfo, response.data.data);
     } else {
diff --git a/web/src/views/CaseResources.vue b/web/src/views/CaseResources.vue
index 144fee10..d9c75f4e 100644
--- a/web/src/views/CaseResources.vue
+++ b/web/src/views/CaseResources.vue
@@ -629,9 +629,9 @@ const initOnlineCourses = async () => {
     initCourses.value = onlineCourses.value.slice(0, 3);
   } catch { errorMsg.value = '加载失败'; } finally { loadingInit.value = false; }
 };
-
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 const fetchCoursePage = async (page: number, keyword: string): Promise<ApiResponse<Course>> => {
-  const { data } = await axios.post<ApiResponse<Course>>('http://localhost:8080/api/courses/list', {
+  const { data } = await axios.post<ApiResponse<Course>>(`${API_BASE_URL}/courses/list`, {
     page, size: pageSize.value, status: 1, keyword: keyword || ''
   });
   if (!data?.list) throw new Error();
@@ -680,7 +680,7 @@ const initCases = async () => {
 };
 
 const fetchCasePage = async (page: number, keyword: string): Promise<ApiResponse<TeachingCase>> => {
-  const { data } = await axios.post<ApiResponse<TeachingCase>>('http://localhost:8080/api/teaching-cases/list', {
+  const { data } = await axios.post<ApiResponse<TeachingCase>>(`${API_BASE_URL}/teaching-cases/list`, {
     page, size: caseSize, keyword: keyword || '', sort: 0
   });
   if (!data?.list || typeof data.total !== 'number') throw new Error();
@@ -727,7 +727,7 @@ const initVideos = async () => {
 };
 
 const fetchVideoPage = async (page: number, keyword: string): Promise<ApiResponse<VideoCase>> => {
-  const { data } = await axios.post<ApiResponse<VideoCase>>('http://localhost:8080/api/video-cases/list', {
+  const { data } = await axios.post<ApiResponse<VideoCase>>(`${API_BASE_URL}/video-cases/list`, {
     page, size: videoSize, keyword: keyword || '', sort: 0
   });
   if (!data?.list || typeof data.total !== 'number') throw new Error();
@@ -764,7 +764,7 @@ const backToVideoList = () => { playingVideo.value = null; };
 const fetchCourseContent = async (id: number) => {
   loadingChapters.value = true;
   try {
-    const { data } = await axios.post<ApiResponse<Chapter>>('http://localhost:8080/api/course-content/list', { course_id: id, parent_id: 0 });
+    const { data } = await axios.post<ApiResponse<Chapter>>(`${API_BASE_URL}/course-content/list`, { course_id: id, parent_id: 0 });
     if (data.code === 0 && Array.isArray(data.data)) {
       courseChapters.value = data.data.sort((a: Chapter, b: Chapter) => a.sort - b.sort);
       courseChapters.value.forEach(c => chapters.value[c.id] = { expanded: false });
@@ -789,7 +789,7 @@ const fetchResources = async (page = 1, reset = false) => {
     loadingMoreResources.value = true;
   }
   try {
-    const { data } = await axios.post<ApiResponse<Resource>>('http://localhost:8080/api/course-resource/list', {
+    const { data } = await axios.post<ApiResponse<Resource>>(`${API_BASE_URL}/course-resource/list`, {
       course_id: selectedCourse.value.id,
       page,
       page_size: resourcePageSize
@@ -826,7 +826,7 @@ const fetchActivities = async (page = 1, reset = false) => {
     loadingMoreActivities.value = true;
   }
   try {
-    const { data } = await axios.post<ApiResponse<Activity>>('http://localhost:8080/api/course-activity/list', {
+    const { data } = await axios.post<ApiResponse<Activity>>(`${API_BASE_URL}/course-activity/list`, {
       course_id: selectedCourse.value.id,
       page,
       page_size: activityPageSize
@@ -863,7 +863,7 @@ const fetchTeachers = async (page = 1, reset = false) => {
     loadingMoreTeachers.value = true;
   }
   try {
-    const { data } = await axios.post<ApiResponse<Teacher>>('http://localhost:8080/api/course-teacher/list', {
+    const { data } = await axios.post<ApiResponse<Teacher>>(`${API_BASE_URL}/course-teacher/list`, {
       course_id: selectedCourse.value.id,
       page,
       page_size: teacherPageSize
diff --git a/web/src/views/HomeContent.vue b/web/src/views/HomeContent.vue
index 3eb42721..d0c5554c 100644
--- a/web/src/views/HomeContent.vue
+++ b/web/src/views/HomeContent.vue
@@ -233,12 +233,15 @@ function formatDate(dateStr?: string): string {
   const date = new Date(dateStr);
   return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
 }
-
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
+onMounted(()=>{
+  console.log(API_BASE_URL);
+})
 // 新闻数据请求
 const fetchArticlesByTopic = async (topic: string): Promise<NewsItem[]> => {
   const loading = ElLoading.service({ text: '加载中...' });
   try {
-    const response = await fetch('http://localhost:8080/api/articles/getarticle', {
+    const response = await fetch(`${API_BASE_URL}/articles/getarticle`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ page: 1, size: 4, topic })
@@ -272,7 +275,7 @@ const fetchTeachingCases = async (): Promise<NewsItem[]> => {
   const loading = ElLoading.service({ text: '加载中...' });
   try {
     const response = await axios.post<CaseResponse>(
-      'http://localhost:8080/api/teaching-cases/list',
+      `${API_BASE_URL}/teaching-cases/list`,
       { page: 1, size: 20, keyword: "", sort: 0 }
     );
 
@@ -300,7 +303,7 @@ const fetchSocialServices = async (): Promise<NewsItem[]> => {
   const loading = ElLoading.service({ text: '加载中...' });
   try {
     const response = await axios.post<SocialServiceResponse>(
-      'http://localhost:8080/api/social-service/list',
+      `${API_BASE_URL}/social-service/list`,
       { page: 1, page_size: 20 }
     );
 
@@ -345,14 +348,14 @@ onMounted(async () => {
 
 // 轮播图数据
 const defaultTitles = [
-  '健康生活环境设计研究成果展',
-  '2025健康设计国际学术研讨会',
-  '社区健康服务创新实践'
+  '',
+  '',
+  ''
 ];
 const defaultDescs = [
-  '探索健康设计新路径，引领人居环境创新',
-  '汇聚全球专家智慧，共话健康人居未来',
-  '以设计赋能社区，提升居民生活品质'
+  '',
+  '',
+  ''
 ];
 
 interface CarouselImage {
@@ -368,7 +371,7 @@ const carouselImages = ref<CarouselImage[]>([]);
 onMounted(async () => {
   try {
     const response = await axios.post(
-      'http://localhost:8080/api/page-image/get',
+      `${API_BASE_URL}/page-image/get`,
       { page: 'home' }
     );
     if (response.data.message === '查询成功') {
diff --git a/web/src/views/ScientificResearch.vue b/web/src/views/ScientificResearch.vue
index b8da66e4..634eb23c 100644
--- a/web/src/views/ScientificResearch.vue
+++ b/web/src/views/ScientificResearch.vue
@@ -133,11 +133,11 @@ onMounted(() => {
   fetchCoverImage();
   fetchResearchInfo();
 });
-
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 // 从后端获取封面图
 const fetchCoverImage = async () => {
   try {
-    const response = await axios.post('http://localhost:8080/api/page-image/get', { page: 'ScientificResearch' });
+    const response = await axios.post(`${API_BASE_URL}/page-image/get`, { page: 'ScientificResearch' });
     if (response.data.message === '查询成功') {
       pageImageUrl.value = response.data.images[0].image_url;
     }
@@ -150,7 +150,7 @@ const fetchCoverImage = async () => {
 // 从后端获取科学研究相关信息
 const fetchResearchInfo = async () => {
   try {
-    const response = await axios.get('http://localhost:8080/api/devproject/get');
+    const response = await axios.get(`${API_BASE_URL}/devproject/get`);
     if (response.data.message === '查询成功' && response.data.dev_project) {
       // 将接口返回的dev_project数据赋值给researchInfo
       Object.assign(researchInfo, response.data.dev_project);
diff --git a/web/src/views/SocialService.vue b/web/src/views/SocialService.vue
index 1df4ac21..f21739db 100644
--- a/web/src/views/SocialService.vue
+++ b/web/src/views/SocialService.vue
@@ -179,7 +179,7 @@ import axios from 'axios';
 import { ElMessage, ElPagination, ElConfigProvider } from 'element-plus';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 
-const base_url = 'http://localhost:8080/api';
+const base_url = import.meta.env.VITE_API_BASE_URL;
 
 // 定义图片项类型
 interface ImageItem {
diff --git a/web/src/views/detail/detailView.vue b/web/src/views/detail/detailView.vue
index e6e9c70d..80069413 100644
--- a/web/src/views/detail/detailView.vue
+++ b/web/src/views/detail/detailView.vue
@@ -133,6 +133,8 @@ import axios from 'axios';
 import { ElIcon, ElButton } from 'element-plus';
 import { Loading, WarningFilled } from '@element-plus/icons-vue';
 
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
+
 // 状态管理
 const route = useRoute();
 const isLoading = ref(false); // 加载状态
@@ -169,13 +171,13 @@ const fetchDetail = async () => {
     let apiUrl = '';
     switch (type) {
       case 'case':
-        apiUrl = `http://localhost:8080/api/teaching-cases/${id}`;
+        apiUrl = `${API_BASE_URL}/teaching-cases/${id}`;
         break;
       case 'service':
-        apiUrl = `http://localhost:8080/api/social-service/${id}`;
+        apiUrl = `${API_BASE_URL}/social-service/${id}`;
         break;
       case 'news':
-        apiUrl = `http://localhost:8080/api/articles/${id}`;
+        apiUrl = `${API_BASE_URL}/articles/${id}`;
         break;
     }
 
diff --git a/web/src/views/news/NewsMore.vue b/web/src/views/news/NewsMore.vue
index b3a32d27..a6b5ab06 100644
--- a/web/src/views/news/NewsMore.vue
+++ b/web/src/views/news/NewsMore.vue
@@ -123,13 +123,13 @@ function formatDate(dateStr: string): string {
   const date = new Date(dateStr);
   return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
 }
-
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 // 获取新闻数据（支持分页）
 const fetchNewsData = async () => {
   isLoading.value = true;
   try {
     const response = await axios.post<ArticleResponse>(
-      'http://localhost:8080/api/articles/getarticle',
+      `${API_BASE_URL}/articles/getarticle`,
       {
         page: currentPage.value,
         size: pageSize.value,