diff --git a/public/images/teacher/fj.png b/public/images/teacher/fj.png
new file mode 100644
index 0000000..fef8510
Binary files /dev/null and b/public/images/teacher/fj.png differ
diff --git a/public/images/teacher/上传2.png b/public/images/teacher/上传2.png
new file mode 100644
index 0000000..37679c4
Binary files /dev/null and b/public/images/teacher/上传2.png differ
diff --git a/public/images/teacher/搜索.png b/public/images/teacher/搜索.png
new file mode 100644
index 0000000..3c6c66b
Binary files /dev/null and b/public/images/teacher/搜索.png differ
diff --git a/public/images/teacher/箭头-灰.png b/public/images/teacher/箭头-灰.png
new file mode 100644
index 0000000..92f7094
Binary files /dev/null and b/public/images/teacher/箭头-灰.png differ
diff --git a/src/components/admin/CourseComponents/CourseCategory.vue b/src/components/admin/CourseComponents/CourseCategory.vue
index ff9f7c4..143f302 100644
--- a/src/components/admin/CourseComponents/CourseCategory.vue
+++ b/src/components/admin/CourseComponents/CourseCategory.vue
@@ -1,80 +1,78 @@
 <template>
-    <div class="course-category">
-        <!-- 顶部 -->
-        <div class="top">
-            <div class="nav-links">
-                <a href="" class="active">全部</a>
-                <a href="">发布中</a>
-                <a href="">下架中</a>
-            </div>
-
-            <div class="actions">
-                <button class="create-btn" @click="navigateToCreateCourse">创建课程</button>
-                <div class="search-container">
-                    <input type="text" placeholder="请输入想要搜索的内容">
-                    <button class="search-btn">搜索</button>
-                </div>
-            </div>
+  <div class="course-category">
+    <!-- 顶部 -->
+    <div class="top">
+      <div class="nav-links">
+        <a href="" class="active">进行中</a>
+        <a href="">已结束</a>
+        <a href="">草稿箱</a>
+      </div>
 
+      <div class="actions">
+        <button class="create-btn" @click="navigateToCreateCourse">创建课程</button>
+        <div class="search-container">
+          <input type="text" placeholder="请输入想要搜索的内容">
+          <button class="search-btn">搜索</button>
         </div>
+      </div>
 
-
-        <!-- 主体 -->
-        <div class="course-container">
-            <div class="course-grid">
-                <div class="course-card" v-for="course in courseList" :key="course.id">
-                    <div class="course-image-container">
-                        <div class="section-title" :class="{ 'offline': course.status === '下架中' }">{{ course.status }}
-                        </div>
-                        <div class="more-options">
-                            <span class="more-icon">⋮</span>
-                            <div class="options-menu">
-                                <template v-if="course.status === '发布中'">
-                                    <a href="#" class="option-item"><img src="/images/teacher/下架.png" alt="">下架</a>
-                                    <a href="javascript:void(0)" class="option-item"><img
-                                            src="/images/teacher/小编辑.png" alt="">编辑</a>
-                                    <a href="#" class="option-item"><img src="/images/teacher/移动.png" alt="">移动</a>
-                                    <a href="#" class="option-item"><img src="/images/teacher/删除.png" alt="">删除</a>
-                                </template>
-                                <template v-else-if="course.status === '下架中'">
-                                    <a href="#" class="option-item"><img src="/images/teacher/加号.png" alt="">发布</a>
-                                    <a href="javascript:void(0)" class="option-item"><img
-                                            src="/images/teacher/小编辑.png" alt="">编辑</a>
-                                    <a href="#" class="option-item"><img src="/images/teacher/移动.png" alt="">移动</a>
-                                    <a href="#" class="option-item"><img src="/images/teacher/删除.png" alt="">删除</a>
-                                </template>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="course-info" @click="router.push(`/teacher/course-editor/${course.id}`)" style="cursor: pointer;">
-                        <img :src="course.image" alt="">
-                        <a href="javascript:void(0)" class="course-name">{{ course.name }}</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-        <!-- 底部翻页按钮 -->
-        <div class="pagination">
-            <div class="pagination-content">
-                <div class="page-numbers">
-                    <a href="#" class="page-number">首页</a>
-                    <a href="#" class="page-number">上一页</a>
-                    <a href="#" class="page-number page-number-bordered active">1</a>
-                    <a href="#" class="page-number page-number-bordered">2</a>
-                    <a href="#" class="page-number page-number-bordered">3</a>
-                    <a href="#" class="page-number page-number-bordered">4</a>
-                    <a href="#" class="page-number page-number-bordered">5</a>
-                    <a href="#" class="page-number">...</a>
-                    <a href="#" class="page-number page-number-bordered">29</a>
-                    <a href="#" class="page-number page-number-bordered">下一页</a>
-                    <a href="#" class="page-number">下一页</a>
-                    <a href="#" class="page-number">尾页</a>
-                </div>
-            </div>
-        </div>
     </div>
+
+
+    <!-- 主体 -->
+    <div class="course-container">
+      <div class="course-grid">
+        <div class="course-card" v-for="course in courseList" :key="course.id">
+          <div class="course-image-container">
+            <div class="section-title" :class="{ 'offline': course.status === '下架中' }">{{ course.status }}
+            </div>
+            <div class="more-options">
+              <span class="more-icon">⋮</span>
+              <div class="options-menu">
+                <template v-if="course.status === '发布中'">
+                  <a href="#" class="option-item"><img src="/images/teacher/下架.png" alt="">下架</a>
+                  <a href="javascript:void(0)" class="option-item"><img src="/images/teacher/小编辑.png" alt="">编辑</a>
+                  <a href="#" class="option-item"><img src="/images/teacher/移动.png" alt="">移动</a>
+                  <a href="#" class="option-item"><img src="/images/teacher/删除.png" alt="">删除</a>
+                </template>
+                <template v-else-if="course.status === '下架中'">
+                  <a href="#" class="option-item"><img src="/images/teacher/加号.png" alt="">发布</a>
+                  <a href="javascript:void(0)" class="option-item"><img src="/images/teacher/小编辑.png" alt="">编辑</a>
+                  <a href="#" class="option-item"><img src="/images/teacher/移动.png" alt="">移动</a>
+                  <a href="#" class="option-item"><img src="/images/teacher/删除.png" alt="">删除</a>
+                </template>
+              </div>
+            </div>
+          </div>
+          <div class="course-info" @click="router.push(`/teacher/course-editor/${course.id}`)" style="cursor: pointer;">
+            <img :src="course.image" alt="">
+            <a href="javascript:void(0)" class="course-name">{{ course.name }}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <!-- 底部翻页按钮 -->
+    <div class="pagination">
+      <div class="pagination-content">
+        <div class="page-numbers">
+          <a href="#" class="page-number">首页</a>
+          <a href="#" class="page-number">上一页</a>
+          <a href="#" class="page-number page-number-bordered active">1</a>
+          <a href="#" class="page-number page-number-bordered">2</a>
+          <a href="#" class="page-number page-number-bordered">3</a>
+          <a href="#" class="page-number page-number-bordered">4</a>
+          <a href="#" class="page-number page-number-bordered">5</a>
+          <a href="#" class="page-number">...</a>
+          <a href="#" class="page-number page-number-bordered">29</a>
+          <a href="#" class="page-number page-number-bordered">下一页</a>
+          <a href="#" class="page-number">下一页</a>
+          <a href="#" class="page-number">尾页</a>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -85,389 +83,425 @@ const router = useRouter();
 
 // 模拟课程数据
 const courseList = ref([
-    { id: 1, name: '前端开发基础课程', status: '发布中', image: 'https://picsum.photos/200/200?random=1' },
-    { id: 2, name: 'Vue.js 实战教程', status: '发布中', image: 'https://picsum.photos/200/200?random=2' },
-    { id: 3, name: 'React 入门到精通', status: '发布中', image: 'https://picsum.photos/200/200?random=3' },
-    { id: 4, name: 'Node.js 后端开发', status: '下架中', image: 'https://picsum.photos/200/200?random=4' },
-    { id: 5, name: 'TypeScript 高级教程', status: '发布中', image: 'https://picsum.photos/200/200?random=5' },
-    { id: 6, name: 'JavaScript 设计模式', status: '发布中', image: 'https://picsum.photos/200/200?random=6' },
-    { id: 7, name: 'CSS 动画与特效', status: '下架中', image: 'https://picsum.photos/200/200?random=7' },
-    { id: 8, name: 'HTML5 新特性详解', status: '发布中', image: 'https://picsum.photos/200/200?random=8' },
-    { id: 9, name: 'Web 性能优化指南', status: '发布中', image: 'https://picsum.photos/200/200?random=9' },
-    { id: 10, name: '移动端适配实战', status: '发布中', image: 'https://picsum.photos/200/200?random=10' },
-    { id: 11, name: '微信小程序开发', status: '下架中', image: 'https://picsum.photos/200/200?random=11' },
-    { id: 12, name: 'Flutter 跨平台开发', status: '发布中', image: 'https://picsum.photos/200/200?random=12' },
+  { id: 1, name: '前端开发基础课程', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 2, name: 'Vue.js 实战教程', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 3, name: 'React 入门到精通', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 4, name: 'Node.js 后端开发', status: '下架中', image: '/images/teacher/fj.png' },
+  { id: 5, name: 'TypeScript 高级教程', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 6, name: 'JavaScript 设计模式', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 7, name: 'CSS 动画与特效', status: '下架中', image: '/images/teacher/fj.png' },
+  { id: 8, name: 'HTML5 新特性详解', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 9, name: 'Web 性能优化指南', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 10, name: '移动端适配实战', status: '发布中', image: '/images/teacher/fj.png' },
+  { id: 11, name: '微信小程序开发', status: '下架中', image: '/images/teacher/fj.png' },
+  { id: 12, name: 'Flutter 跨平台开发', status: '发布中', image: '/images/teacher/fj.png' },
 ]);
 
 
 // 跳转到创建课程页面
 const navigateToCreateCourse = () => {
-    router.push('/teacher/course-create');
+  router.push('/teacher/course-create');
 };
 </script>
 
 
 <style scoped>
-.course-category{
-    background-color: #ffffff;
-    width: 100%;
-    max-width: 100%;
-    height: auto;
-    min-height: 1181px;
-    margin: 0; /* 移除所有边距 */
-    box-sizing: border-box;
-    padding: 5px; /* 减少内边距 */
-    position: relative; /* 添加相对定位，使分页按钮的绝对定位基于此容器 */
-    overflow-x: hidden; /* 防止水平滚动 */
-}
-.top {
-    white-space: nowrap; /* 防止链接换行 */
-    padding: 0 8px; /* 进一步减少左右padding */
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #f0f0f0;
-    width: 100%; /* 确保宽度充满父容器 */
-    box-sizing: border-box;
-}
-.nav-links {
-    display: flex;
-    align-items: center;
-    
-}
-.actions {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-}
-.top a{
-    margin-right: 74px; 
-    display: inline-block;
-    height: 60px;
-    line-height: 60px;
-    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-    font-size: 16px;
-    color: #333333;
-    text-decoration: none;
-    position: relative;
-}
-.top a.active {
-    color: #1890ff;
-}
-.top a.active::after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 3px;
-    background-color: #1890ff;
-}
-.create-btn {
-    background-color: #1890ff;
-    color: white;
-    border: none;
-    padding: 6px 16px;
-    border-radius: 4px;
-    font-size: 14px;
-    cursor: pointer;
-    margin-right: 24px; /* 增加按钮与搜索框间距 */
-    transition: background-color 0.3s;
-}
-.create-btn:hover {
-    background-color: #40a9ff;
-}
-.search-container {
-    display: flex;
-    align-items: center;
-    border: 1px solid #d9d9d9;
-    border-radius: 4px;
-    overflow: hidden;
-}
-.search-container input {
-    border: none;
-    padding: 6px 12px;
-    outline: none;
-    font-size: 14px;
-    width: 240px; /* 增加搜索框宽度 */
-}
-.search-btn {
-    background-color: #0288D1;
-    border: none;
-    border-left: 1px solid #d9d9d9;
-    padding: 6px 16px;
-    cursor: pointer;
-    font-size: 16px;
-    color: #FFFFFF;
-    transition: background-color 0.3s;
-    line-height: 18px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-.search-btn:hover {
-    background-color: #e8e8e8;
+.course-category {
+  background-color: #ffffff;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  min-height: 1181px;
+  margin: 0;
+  /* 移除所有边距 */
+  box-sizing: border-box;
+  /* 减少内边距 */
+  position: relative;
+  /* 添加相对定位，使分页按钮的绝对定位基于此容器 */
+  overflow-x: hidden;
+  /* 防止水平滚动 */
 }
 
-.course-container{
-    width: 100%;
-    
-    margin-top: 30px;
-    padding: 20px;
-    box-sizing: border-box;
+.top {
+  padding: 20px;
+  white-space: nowrap;
+  /* 进一步减少左右padding */
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #f0f0f0;
+  width: 100%;
+  /* 确保宽度充满父容器 */
+  box-sizing: border-box;
+}
+
+.nav-links {
+  display: flex;
+  align-items: center;
+
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.top a {
+  margin-right: 74px;
+  display: inline-block;
+  height: 60px;
+  line-height: 60px;
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  font-size: 16px;
+  color: #333333;
+  text-decoration: none;
+  position: relative;
+}
+
+.top a.active {
+  color: #1890ff;
+}
+
+.top a.active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 3px;
+  background-color: #1890ff;
+}
+
+.create-btn {
+  background-color: #0288D1;
+  color: white;
+  border: none;
+  padding: 7px 16px;
+  border-radius: 2px;
+  font-size: 14px;
+  cursor: pointer;
+  margin-right: 24px;
+  /* 增加按钮与搜索框间距 */
+  transition: background-color 0.3s;
+}
+
+.create-btn:hover {
+  background-color: #40a9ff;
+}
+
+.search-container {
+  display: flex;
+  align-items: center;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.search-container input {
+  border: none;
+  padding: 7px 12px;
+  outline: none;
+  font-size: 14px;
+  width: 240px;
+  /* 增加搜索框宽度 */
+}
+
+.search-btn {
+  background-color: #0288D1;
+  border: none;
+  border-left: 1px solid #d9d9d9;
+  padding: 8px 16px;
+  cursor: pointer;
+  font-size: 16px;
+  color: #FFFFFF;
+  transition: background-color 0.3s;
+  line-height: 18px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+
+.search-btn:hover {
+  background-color: #e8e8e8;
+}
+
+.course-container {
+  width: 100%;
+  padding: 20px;
+  box-sizing: border-box;
 }
 
 .course-grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr); /* 默认4列，确保100%缩放下不被截断 */
-    gap: 12px; /* 进一步减少间距 */
-    margin-bottom: 20px;
-    width: 100%;
-    max-width: 100%;
-    box-sizing: border-box;
-    padding: 0 3px; /* 减少内边距 */
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  /* 默认4列，确保100%缩放下不被截断 */
+  gap: 12px;
+  /* 进一步减少间距 */
+  margin-bottom: 20px;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding: 0 3px;
+  /* 减少内边距 */
 }
 
 .course-card {
-    width: 100%;
-    height: auto;
-    aspect-ratio: 190 / 201;
-    background: #FFFFFF;
-    border: 1px solid #D8D8D8;
-    box-sizing: border-box;
-    transition: all 0.3s ease;
-    display: flex;
-    flex-direction: column;
+  width: 100%;
+  height: auto;
+  aspect-ratio: 190 / 201;
+  background: #FFFFFF;
+  border: 1px solid #D8D8D8;
+  box-sizing: border-box;
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
 }
 
 .course-card:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    transform: translateY(-5px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  transform: translateY(-5px);
 }
+
 .course-image-container {
-    position: relative;
-    padding: 0;
-    width: 100%;
-    height: 30px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
+  position: relative;
+  padding: 0;
+  width: 100%;
+  height: 30px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
 }
 
 .section-title {
-    width: 50px;
-    height: 20px;
-    background: #0288D1;
-    color: white;
-    font-size: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0;
-    padding: 0;
+  width: 50px;
+  height: 20px;
+  background: #0288D1;
+  color: white;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
 }
 
 .section-title.offline {
-    background: #FF6C17;
+  background: #FF6C17;
 }
 
 .more-options {
-    cursor: pointer;
-    margin: 0;
-    padding: 0;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
 }
+
 .more-icon {
-    font-size: 18px;
-    font-weight: bold;
-    color: #333;
-    display: block;
-    padding: 0;
-    margin: 0;
-    line-height: 1;
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  padding: 0;
+  margin: 0;
+  line-height: 1;
 }
+
 .course-image-container img {
-    width: 13px;
-    height: 13px;
+  width: 13px;
+  height: 13px;
 }
 
 /* 添加更多选项按钮样式 */
 .more-options {
-    position: relative;
-    cursor: pointer;
+  position: relative;
+  cursor: pointer;
 }
 
 .more-icon {
-    font-size: 18px;
-    font-weight: bold;
-    color: #333;
-    display: block;
-    padding: 5px;
-    margin: 0;
-    line-height: 1;
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  padding: 5px;
+  margin: 0;
+  line-height: 1;
 }
 
 .options-menu {
-    position: absolute;
-    top: 100%;
-    right: 0;
-    background: white;
-    border: 1px solid #eee;
-    border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-    display: none;
-    z-index: 10;
-    width: auto;
-    min-width: 59px;
-    height: auto;
+  position: absolute;
+  top: 100%;
+  right: 0;
+  background: white;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  display: none;
+  z-index: 10;
+  width: auto;
+  min-width: 59px;
+  height: auto;
 }
 
 .more-options:hover .options-menu {
-    display: block;
+  display: block;
 }
 
 .option-item {
-    display: flex;
-    align-items: center;
-    padding: 5px 8px;
-    color: #333;
-    text-decoration: none;
-    font-size: 12px;
-    text-align: center;
-    height: 24px;
-    line-height: 14px;
-    box-sizing: border-box;
-    border-bottom: 1px solid #f0f0f0;
+  display: flex;
+  align-items: center;
+  padding: 5px 8px;
+  color: #333;
+  text-decoration: none;
+  font-size: 12px;
+  text-align: center;
+  height: 24px;
+  line-height: 14px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f0f0f0;
 }
 
-.icon-edit, .icon-view, .icon-delete, .icon-more {
-    margin-right: 4px;
-    color: #1890ff;
+.icon-edit,
+.icon-view,
+.icon-delete,
+.icon-more {
+  margin-right: 4px;
+  color: #1890ff;
 }
+
 .icon-view {
-    color: #52c41a;
+  color: #52c41a;
 }
 
 .icon-delete {
-    color: #f5222d;
+  color: #f5222d;
 }
 
 .icon-more {
-    color: #faad14;
+  color: #faad14;
 }
+
 .option-item:last-child {
-    border-bottom: none;
+  border-bottom: none;
 }
 
 .option-item:hover {
-    background-color: #f5f5f5;
+  background-color: #f5f5f5;
 }
 
 .course-info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-start;
-    flex: 1;
-    box-sizing: border-box;
-    padding: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+  box-sizing: border-box;
+  padding: 0;
 }
-.course-info img{
-    width: 80%;
-    height: auto;
-    aspect-ratio: 150 / 105;
-    /* 居中 */
-    display: block;
-    margin: 5px auto 20px; /* 增加图片下方间距从10px到20px */
-    position: relative;
-    top: -10px;
-    object-fit: cover;
-    object-position: center;
+
+.course-info img {
+  width: 80%;
+  height: auto;
+  aspect-ratio: 150 / 105;
+  /* 居中 */
+  display: block;
+  margin: 8px auto 10px;
+  position: relative;
+  top: -5px;
+  object-fit: cover;
+  object-position: center;
 }
-.course-name{
-    width: 80%;
-    height: 20px;
-    font-family: AppleSystemUIFont;
-    font-size: 14px;
-    color: #333333;
-    line-height: 20px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-    white-space: nowrap; /* 强制文本在一行显示 */
-    overflow: hidden; /* 隐藏超出容器的文本 */
-    text-overflow: ellipsis; /* 溢出部分用省略号表示 */
-    margin-top: 0; /* 移除负边距，让文字与图片保持正常距离 */
-    margin-bottom: 15px; /* 添加底部边距，让文字不挨着底部 */
+
+.course-name {
+  width: 80%;
+  height: 20px;
+  font-family: AppleSystemUIFont;
+  font-size: 14px;
+  color: #333333;
+  line-height: 20px;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  white-space: nowrap;
+  /* 强制文本在一行显示 */
+  overflow: hidden;
+  /* 隐藏超出容器的文本 */
+  text-overflow: ellipsis;
+  /* 溢出部分用省略号表示 */
+  margin-top: 0px;
+  /* 文字往上移动：添加负上边距 */
+  margin-bottom: 10px;
+  /* 减小底部边距从15px到10px */
 }
 
 /* 分页样式 */
 .pagination {
-    display: flex;
-    justify-content: center;
-    position: relative;
-    margin-top: 40px;
-    margin-bottom: 40px;
-    left: 0;
-    right: 0;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  margin-top: 40px;
+  margin-bottom: 40px;
+  left: 0;
+  right: 0;
 }
 
 .pagination-content {
-    width: 100%;
-    max-width: 703px;
-    height: 38px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-    border-radius: 4px;
-    padding: 0 10px;
-    box-sizing: border-box;
+  width: 100%;
+  max-width: 703px;
+  height: 38px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  border-radius: 4px;
+  padding: 0 10px;
+  box-sizing: border-box;
 }
 
 .page-numbers {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0;
-    width: 100%;
-    white-space: nowrap; /* 确保所有页码在一行显示 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0;
+  width: 100%;
+  white-space: nowrap;
+  /* 确保所有页码在一行显示 */
 }
 
 .page-number {
-    display: inline-block;
-    min-width: 38px;
-    height: 38px;
-    line-height: 38px;
-    text-align: center;
-    color: #333;
-    text-decoration: none;
-    font-size: 14px;
-    padding: 0 5px;
-    margin: 0 4px;
-    border-radius: 2px;
+  display: inline-block;
+  min-width: 38px;
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  color: #333;
+  text-decoration: none;
+  font-size: 14px;
+  padding: 0 5px;
+  margin: 0 4px;
+  border-radius: 2px;
 }
 
 .page-number-bordered {
-    border: 1px solid #d9d9d9;
+  border: 1px solid #d9d9d9;
 }
 
 .page-number.active {
-    background-color: #1890ff;
-    color: white;
-    border-radius: 2px;
+  background-color: #1890ff;
+  color: white;
+  border-radius: 2px;
 }
 
 .page-btn {
-    background: none;
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    padding: 0 10px;
-    height: 32px;
-    cursor: pointer;
-    color: #333;
-    font-size: 14px;
+  background: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  padding: 0 10px;
+  height: 32px;
+  cursor: pointer;
+  color: #333;
+  font-size: 14px;
 }
 
 /* 首页、上一页、下一页、末页按钮样式 */
@@ -475,12 +509,12 @@ const navigateToCreateCourse = () => {
 .page-number:nth-child(2),
 .page-number:nth-last-child(2),
 .page-number:last-child {
-    padding: 0 8px;
+  padding: 0 8px;
 }
 
 .page-btn:hover {
-    color: #1890ff;
-    border-color: #1890ff;
+  color: #1890ff;
+  border-color: #1890ff;
 }
 
 /* 响应式设计 - 让卡片图片和文字响应式放大 */
@@ -490,8 +524,7 @@ const navigateToCreateCourse = () => {
   .course-category {
     max-width: 1800px;
     margin: 0 auto;
-    padding: 20px;
-    background: #f5f5f5;
+    background: #fff;
     border-radius: 8px;
   }
 
@@ -506,7 +539,9 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 85%;
-    margin: 8px auto 25px;
+    margin: 12px auto 8px;
+    /* 图片往下移动，文字往上移动 */
+    top: -3px;
   }
 
   .course-name {
@@ -514,7 +549,10 @@ const navigateToCreateCourse = () => {
     height: 24px;
     line-height: 24px;
     width: 85%;
-    margin-bottom: 18px;
+    margin-top: 1px;
+    /* 文字往上移动 */
+    margin-bottom: 10px;
+    /* 减小底部间距 */
   }
 
   .section-title {
@@ -533,7 +571,6 @@ const navigateToCreateCourse = () => {
   .course-category {
     max-width: 1500px;
     margin: 0 auto;
-    padding: 15px;
   }
 
   .course-grid {
@@ -543,7 +580,9 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 82%;
-    margin: 6px auto 22px;
+    margin: 10px auto 6px;
+    /* 图片往下移动，文字往上移动 */
+    top: -3px;
   }
 
   .course-name {
@@ -551,7 +590,10 @@ const navigateToCreateCourse = () => {
     height: 22px;
     line-height: 22px;
     width: 82%;
-    margin-bottom: 16px;
+    margin-top: -1px;
+    /* 文字往上移动 */
+    margin-bottom: 10px;
+    /* 减小底部间距 */
   }
 
   .section-title {
@@ -590,12 +632,18 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 80%;
+    margin: 8px auto 5px;
+    /* 图片往下移动，文字往上移动 */
+    top: -3px;
   }
 
   .course-name {
     font-size: 14px;
     width: 80%;
-    margin-bottom: 15px;
+    margin-top: -5px;
+    /* 文字往上移动 */
+    margin-bottom: 10px;
+    /* 减小底部间距 */
   }
 }
 
@@ -612,7 +660,9 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 78%;
-    margin: 5px auto 18px;
+    margin: 8px auto 5px;
+    /* 图片往下移动，文字往上移动 */
+    top: -3px;
   }
 
   .course-name {
@@ -620,7 +670,10 @@ const navigateToCreateCourse = () => {
     height: 18px;
     line-height: 18px;
     width: 78%;
-    margin-bottom: 14px;
+    margin-top: -5px;
+    /* 文字往上移动 */
+    margin-bottom: 10px;
+    /* 减小底部间距 */
   }
 
   .section-title {
@@ -647,7 +700,9 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 75%;
-    margin: 4px auto 15px;
+    margin: 6px auto 4px;
+    /* 图片往下移动，文字往上移动 */
+    top: -2px;
   }
 
   .course-name {
@@ -655,7 +710,10 @@ const navigateToCreateCourse = () => {
     height: 16px;
     line-height: 16px;
     width: 75%;
-    margin-bottom: 12px;
+    margin-top: -4px;
+    /* 文字往上移动 */
+    margin-bottom: 8px;
+    /* 减小底部间距 */
   }
 
   .section-title {
@@ -705,7 +763,9 @@ const navigateToCreateCourse = () => {
 
   .course-info img {
     width: 70%;
-    margin: 3px auto 12px;
+    margin: 5px auto 3px;
+    /* 图片往下移动，文字往上移动 */
+    top: -2px;
   }
 
   .course-name {
@@ -713,7 +773,10 @@ const navigateToCreateCourse = () => {
     height: 14px;
     line-height: 14px;
     width: 70%;
-    margin-bottom: 10px;
+    margin-top: -3px;
+    /* 文字往上移动 */
+    margin-bottom: 6px;
+    /* 减小底部间距 */
   }
 
   .section-title {
@@ -782,5 +845,4 @@ const navigateToCreateCourse = () => {
     font-size: 12px;
   }
 }
-
 </style>
diff --git a/src/components/admin/CourseManagement.vue b/src/components/admin/CourseManagement.vue
index aae3741..8483a41 100644
--- a/src/components/admin/CourseManagement.vue
+++ b/src/components/admin/CourseManagement.vue
@@ -2,43 +2,54 @@
     <div class="course-management-container">
         <!-- 左侧导航栏 -->
         <div class="nav-container">
-            <router-link to="/teacher/course-management" class="nav-item"
-                :class="{ active: $route.path === '/teacher/course-management' }">
-                <span>全部课程</span><i>(10)</i>
-                <div class="icon-container">
-                    <span class="icon icon-status icon-add"></span>
-                    <span class="icon icon-status icon-edit"></span>
-                    <span class="icon icon-status icon-delete"></span>
+            <!-- 全部课程可折叠项 -->
+            <div class="nav-group">
+                <router-link to="/teacher/course-management" class="nav-item nav-header"
+                    :class="{ active: $route.path === '/teacher/course-management' }">
+                    <span>全部课程</span><i>(10)</i>
+                    <div class="icon-container">
+                        <span class="icon icon-status icon-add"></span>
+                        <span class="icon icon-status icon-edit"></span>
+                        <span class="icon icon-status icon-delete"></span>
+                    </div>
+                    <div class="arrow-container" @click.prevent="toggleMainNav">
+                        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="collapse-arrow"
+                            :style="{ transform: isMainNavExpanded ? 'rotate(-90deg)' : 'rotate(90deg)' }">
+                            <path
+                                d="M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </div>
+                </router-link>
+                <div class="sub-nav-container" v-show="isMainNavExpanded">
+                    <router-link to="/teacher/course-management/course-category" class="nav-item sub-nav-item"
+                        :class="{ active: $route.path === '/teacher/course-management/course-category' }">
+                        <span>课程分类</span>
+                        <div class="icon-container">
+                            <span class="icon icon-status icon-add"></span>
+                            <span class="icon icon-status icon-edit"></span>
+                            <span class="icon icon-status icon-delete"></span>
+                        </div>
+                    </router-link>
+                    <router-link to="/teacher/course-management/material-category" class="nav-item sub-nav-item"
+                        :class="{ active: $route.path === '/teacher/course-management/material-category' }">
+                        <span>资料分类</span>
+                        <div class="icon-container">
+                            <span class="icon icon-status icon-add"></span>
+                            <span class="icon icon-status icon-edit"></span>
+                            <span class="icon icon-status icon-delete"></span>
+                        </div>
+                    </router-link>
+                    <router-link to="/teacher/course-management/course-analysis" class="nav-item sub-nav-item"
+                        :class="{ active: $route.path === '/teacher/course-management/course-analysis' }">
+                        <span>资料分析</span>
+                        <div class="icon-container">
+                            <span class="icon icon-status icon-add"></span>
+                            <span class="icon icon-status icon-edit"></span>
+                            <span class="icon icon-status icon-delete"></span>
+                        </div>
+                    </router-link>
                 </div>
-            </router-link>
-            <div class="sub-nav-container">
-                <router-link to="/teacher/course-management/course-category" class="nav-item sub-nav-item"
-                    :class="{ active: $route.path === '/teacher/course-management/course-category' }">
-                    <span>课程分类</span>
-                    <div class="icon-container">
-                        <span class="icon icon-status icon-add"></span>
-                        <span class="icon icon-status icon-edit"></span>
-                        <span class="icon icon-status icon-delete"></span>
-                    </div>
-                </router-link>
-                <router-link to="/teacher/course-management/material-category" class="nav-item sub-nav-item"
-                    :class="{ active: $route.path === '/teacher/course-management/material-category' }">
-                    <span>资料分类</span>
-                    <div class="icon-container">
-                        <span class="icon icon-status icon-add"></span>
-                        <span class="icon icon-status icon-edit"></span>
-                        <span class="icon icon-status icon-delete"></span>
-                    </div>
-                </router-link>
-                <router-link to="/teacher/course-management/course-analysis" class="nav-item sub-nav-item"
-                    :class="{ active: $route.path === '/teacher/course-management/course-analysis' }">
-                    <span>资料分类</span>
-                    <div class="icon-container">
-                        <span class="icon icon-status icon-add"></span>
-                        <span class="icon icon-status icon-edit"></span>
-                        <span class="icon icon-status icon-delete"></span>
-                    </div>
-                </router-link>
             </div>
         </div>
 
@@ -55,7 +66,16 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 import CourseCategory from './CourseComponents/CourseCategory.vue'
+
+// 主导航展开状态
+const isMainNavExpanded = ref(true)
+
+// 切换主导航展开状态
+const toggleMainNav = () => {
+    isMainNavExpanded.value = !isMainNavExpanded.value
+}
 </script>
 
 
@@ -65,35 +85,65 @@ import CourseCategory from './CourseComponents/CourseCategory.vue'
 }
 
 .nav-container {
-    margin-top: 20px;
+    margin-top: 8px;
     padding: 15px;
-    width: 274px;
+    width: 220px;
     background-color: #fff;
 }
 
+.nav-group {
+    margin-bottom: 5px;
+}
+
+.nav-header {
+    position: relative;
+}
+
+.arrow-container {
+    position: absolute;
+    right: 50%;
+    bottom: 4%;
+    transform: translateX(50%);
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    z-index: 10;
+}
+
+.collapse-arrow {
+    width: 16px;
+    height: 16px;
+    color: #666;
+    transition: transform 0.2s ease;
+}
+
+.collapse-arrow:hover {
+    color: #0288D1;
+}
 .sub-nav-container {
     margin-left: 10px;
+    transition: all 0.3s ease;
 }
 
 .nav-container .nav-item {
-    width: 240px;
-    height: 54px;
-    margin-top: 5px;
-    margin-bottom: 13px;
-    display: flex;
-    align-items: center;
-    padding: 0 15px;
-    border-radius: 8px;
-    background-color: transparent;
-    color: #333;
-    text-decoration: none;
-    transition: all 0.3s ease;
-    font-size: 18px;
-}
-
-.sub-nav-item {
-    width: 220px !important;
-    font-size: 16px !important;
+    width: 190px;
+        height: 50px;
+        margin-top: 5px;
+        margin-bottom: 13px;
+        display: flex;
+        align-items: center;
+        padding: 0 15px;
+        border-radius: 8px;
+        background-color: transparent;
+        color: #333;
+        text-decoration: none;
+        transition: all 0.3s ease;
+        font-size: 16px;
+        }
+        
+        .sub-nav-item {
+            width: 170px !important;
+                font-size: 14px !important;
 }
 
 .nav-container .nav-item:hover {
@@ -142,7 +192,7 @@ import CourseCategory from './CourseComponents/CourseCategory.vue'
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block;
-    margin-left: 8px;
+    margin-left: 4px;
     opacity: 0; /* 默认不显示图标 */
     transition: opacity 0.3s ease, background-image 0.3s ease;
 }
diff --git a/src/components/admin/ExamComponents/BatchSetScoreModal.vue b/src/components/admin/ExamComponents/BatchSetScoreModal.vue
index 7c4a295..561047a 100644
--- a/src/components/admin/ExamComponents/BatchSetScoreModal.vue
+++ b/src/components/admin/ExamComponents/BatchSetScoreModal.vue
@@ -278,7 +278,7 @@ const confirmBatchSet = () => {
     display: flex;
     justify-content: flex-end;
     gap: 12px;
-    margin-top: 20px;
+    margin-top: 12px;
 }
 
 /* 滚动条样式 */
diff --git a/src/components/admin/ExamComponents/ExamSettingsModal.vue b/src/components/admin/ExamComponents/ExamSettingsModal.vue
index 315bd13..e8e772f 100644
--- a/src/components/admin/ExamComponents/ExamSettingsModal.vue
+++ b/src/components/admin/ExamComponents/ExamSettingsModal.vue
@@ -1,10 +1,6 @@
 <template>
-    <n-modal v-model:show="showModal" class="exam-settings-modal" preset="card" :mask-closable="false"
-        :closable="false" :style="{ width: '1000px' }">
-        <div class="header">
-            <span class="header-title">试卷设置</span>
-        </div>
-        <n-divider />
+    <n-modal v-model:show="showModal" class="exam-settings-modal" preset="dialog" title="试卷设置" :mask-closable="false"
+        :closable="true" :style="{ width: '1000px' }">
 
         <div class="exam-settings-content">
             <!-- 试卷名称 -->
@@ -25,12 +21,6 @@
                 </div>
             </div>
 
-            <!-- 考试人数 -->
-            <div class="setting-row">
-                <label class="setting-label">考试人数</label>
-                <n-input v-model:value="formData.examCount" placeholder="请输入考试人数" class="setting-input" />
-            </div>
-
             <!-- 试卷分类 -->
             <div class="setting-row">
                 <label class="setting-label">试卷分类</label>
@@ -268,10 +258,12 @@
         </div>
 
         <!-- 底部按钮 -->
-        <div class="modal-actions">
-            <n-button @click="cancelSettings">取消</n-button>
-            <n-button type="primary" @click="confirmSettings">确定</n-button>
-        </div>
+        <template #action>
+            <div class="modal-actions">
+                <n-button @click="cancelSettings">取消</n-button>
+                <n-button type="primary" @click="confirmSettings">确定</n-button>
+            </div>
+        </template>
     </n-modal>
 </template>
 
@@ -298,7 +290,6 @@ interface ExamSettings {
     participants: 'all' | 'by_school';
     selectedClasses: string[];
     instructions: string;
-    examCount: number;
 
     // 考试模式专用
     enforceOrder: boolean;
@@ -372,7 +363,6 @@ const formData = ref<ExamSettings>({
     participants: 'all',
     selectedClasses: [],
     instructions: '',
-    examCount: 0,
 
     // 考试模式专用
     enforceOrder: false,
@@ -464,12 +454,6 @@ const confirmSettings = () => {
     --n-color: #ffffff;
 }
 
-.header-title{
-    color: #000;
-    font-weight: 400;
-    font-size: 20px;
-}
-
 .exam-settings-content {
     max-height: 800px;
     overflow-y: auto;
@@ -729,7 +713,6 @@ const confirmSettings = () => {
 }
 
 .modal-actions {
-    margin-top: 20px;
     display: flex;
     justify-content: flex-end;
     gap: 12px;
diff --git a/src/components/common/DeleteFolderConfirmModal.vue b/src/components/common/DeleteFolderConfirmModal.vue
index 11a51cc..18940a7 100644
--- a/src/components/common/DeleteFolderConfirmModal.vue
+++ b/src/components/common/DeleteFolderConfirmModal.vue
@@ -29,15 +29,15 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, defineEmits } from 'vue'
+import { defineEmits } from 'vue'
 
 // 定义props
-const props = defineProps({
-  show: {
-    type: Boolean,
-    required: true
-  }
-})
+// const props = defineProps({
+//   show: {
+//     type: Boolean,
+//     required: true
+//   }
+// })
 
 // 定义emits
 const emit = defineEmits(['confirm', 'cancel'])
diff --git a/src/views/teacher/AdminDashboard.vue b/src/views/teacher/AdminDashboard.vue
index 3710937..12034e8 100644
--- a/src/views/teacher/AdminDashboard.vue
+++ b/src/views/teacher/AdminDashboard.vue
@@ -24,44 +24,6 @@
             <img :src="activeNavItem === 0 ? '/images/teacher/课程管理(选中).png' : '/images/teacher/课程管理.png'" alt="">
             <span>课程管理</span>
           </router-link>
-          
-          <!-- 考试管理 - 可展开菜单 -->
-          <div class="nav-item" :class="{ active: activeNavItem === 4 }" @click="toggleExamMenu">
-            <img :src="activeNavItem === 4 ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'" alt="">
-            <span>考试管理</span>
-            <n-icon class="expand-icon" :class="{ expanded: examMenuExpanded }">
-              <ChevronDownOutline />
-            </n-icon>
-          </div>
-          
-          <!-- 考试管理子菜单 -->
-          <div class="submenu-container" :class="{ expanded: examMenuExpanded }">
-            <router-link 
-              to="/teacher/exam-management/question-management" 
-              class="submenu-item" 
-              :class="{ active: activeSubNavItem === 'question-management' }"
-              @click="setActiveSubNavItem('question-management')"
-            >
-              <span>试题管理</span>
-            </router-link>
-            <router-link 
-              to="/teacher/exam-management/exam-library" 
-              class="submenu-item" 
-              :class="{ active: activeSubNavItem === 'exam-library' }"
-              @click="setActiveSubNavItem('exam-library')"
-            >
-              <span>试卷管理</span>
-            </router-link>
-            <router-link 
-              to="/teacher/exam-management/marking-center" 
-              class="submenu-item" 
-              :class="{ active: activeSubNavItem === 'marking-center' }"
-              @click="setActiveSubNavItem('marking-center')"
-            >
-              <span>阅卷中心</span>
-            </router-link>
-          </div>
-          
           <router-link to="/teacher/student-management" class="nav-item" :class="{ active: activeNavItem === 1 }"
             @click="setActiveNavItem(1)">
 
@@ -88,7 +50,7 @@
         <div class="breadcrumb">
           <span class="breadcrumb-separator"></span>
           <n-breadcrumb>
-            <n-breadcrumb-item v-for="(item, index) in breadcrumbItems" :key="index" :href="item.path">
+            <n-breadcrumb-item v-for="(item, index) in breadcrumbItems" :key="index" :to="item.path">
               {{ item.title }}
             </n-breadcrumb-item>
           </n-breadcrumb>
@@ -103,43 +65,17 @@
 <script setup lang="ts">
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { ChevronDownOutline } from '@vicons/ionicons5'
 
 const width = window.innerWidth;
 const height = window.innerHeight;
 console.log(`当前屏幕宽度: ${width}px, 高度: ${height}px`);
 
 // 添加导航项激活状态管理
-const activeNavItem = ref(0); // 0: 课程管理, 1: 学员管理, 2: 我的资源, 3: 个人中心, 4: 考试管理
-const activeSubNavItem = ref(''); // 子菜单激活状态
-const examMenuExpanded = ref(false); // 考试管理菜单展开状态
+const activeNavItem = ref(0); // 0: 课程管理, 1: 学员管理, 2: 我的资源, 3: 个人中心
 const route = useRoute();
 
 const setActiveNavItem = (index: number) => {
   activeNavItem.value = index;
-  // 如果不是考试管理，关闭考试管理子菜单
-  if (index !== 4) {
-    examMenuExpanded.value = false;
-    activeSubNavItem.value = '';
-  }
-}
-
-// 考试管理菜单切换
-const toggleExamMenu = () => {
-  examMenuExpanded.value = !examMenuExpanded.value;
-  activeNavItem.value = 4;
-  
-  // 如果展开且没有选中子菜单，默认选中第一个
-  if (examMenuExpanded.value && !activeSubNavItem.value) {
-    activeSubNavItem.value = 'question-management';
-  }
-}
-
-// 设置子菜单激活状态
-const setActiveSubNavItem = (subItem: string) => {
-  activeSubNavItem.value = subItem;
-  activeNavItem.value = 4;
-  examMenuExpanded.value = true;
 }
 
 // 动态生成面包屑
@@ -172,35 +108,12 @@ const updateActiveNavItem = () => {
   const path = route.path;
   if (path.includes('course-management')) {
     activeNavItem.value = 0; // 课程管理
-    examMenuExpanded.value = false;
-    activeSubNavItem.value = '';
   } else if (path.includes('student-management')) {
     activeNavItem.value = 1; // 学员管理
-    examMenuExpanded.value = false;
-    activeSubNavItem.value = '';
   } else if (path.includes('my-resources')) {
     activeNavItem.value = 2; // 我的资源
-    examMenuExpanded.value = false;
-    activeSubNavItem.value = '';
   } else if (path.includes('personal-center')) {
     activeNavItem.value = 3; // 个人中心
-    examMenuExpanded.value = false;
-    activeSubNavItem.value = '';
-  } else if (path.includes('exam-management')) {
-    activeNavItem.value = 4; // 考试管理
-    examMenuExpanded.value = true;
-    
-    // 根据具体路径设置子菜单激活状态
-    if (path.includes('question-management')) {
-      activeSubNavItem.value = 'question-management';
-    } else if (path.includes('exam-library')) {
-      activeSubNavItem.value = 'exam-library';
-    } else if (path.includes('marking-center')) {
-      activeSubNavItem.value = 'marking-center';
-    } else {
-      // 默认选中第一个子菜单
-      activeSubNavItem.value = 'question-management';
-    }
   }
 }
 
@@ -259,7 +172,7 @@ const updateActiveNavItem = () => {
 }
 
 .sidebar-container {
-  width: 294px;
+  width: 240px;
   height: calc(100vh - var(--top-height, 130px));
   background: #FFFFFF;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
@@ -274,7 +187,7 @@ const updateActiveNavItem = () => {
 @media screen and (max-width: 480px) {
   .sidebar-container {
     --top-height: 80px;
-    width: 240px;
+    width: 200px;
   }
 }
 
@@ -289,166 +202,138 @@ const updateActiveNavItem = () => {
   content: '';
   position: absolute;
   bottom: 0;
-  left: 20px;
-  right: 20px;
-  height: 1px;
-  background-color: #E6E6E6;
-}
-
-.avatar-container img {
-  width: 95px;
-  height: 95px;
-  /* 圆角 */
-  border-radius: 50%;
-  margin-top: 55px;
-  margin-left: 100px;
-  margin-right: 99;
-}
-
-.avatar-text {
-  margin-left: 98px;
-  height: 31px;
-  font-family: AppleSystemUIFont;
-  font-size: 22px;
-  color: #000000;
-  line-height: 26px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-@media screen and (max-width: 768px) {
-  .avatar-container {
-    height: 180px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  }
-  
-  .avatar-container img {
-    margin: 0 0 15px 0;
-  }
-  
-  .avatar-text {
-    margin: 0;
-    text-align: center;
-  }
-}
-
-@media screen and (max-width: 480px) {
-  .avatar-container {
-    height: 150px;
+  left: 15px;
+    right: 15px;
+    height: 1px;
+    background-color: #E6E6E6;
   }
   
   .avatar-container img {
     width: 80px;
     height: 80px;
+    /* 圆角 */
+    border-radius: 50%;
+    margin-top: 55px;
+    margin-left: 80px;
+    margin-right: 80px;
   }
   
   .avatar-text {
-    font-size: 18px;
+    margin-left: 80px;
+    height: 31px;
+    font-family: AppleSystemUIFont;
+    font-size: 20px;
+    color: #000000;
+    line-height: 26px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
   }
-}
-
-.nav-container {
-  margin-top: 30px;
-  /* 鼠标变小手 */
-  cursor: pointer;
-
-}
-
-.nav-container .nav-item {
-  margin-left: 20px;
-  width: 254px;
-  height: 54px;
-  margin-bottom: 20px;
-  /* 圆角 */
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  transition: all 0.3s ease;
-  gap: 8px;
-}
-
-@media screen and (max-width: 768px) {
+  
+  @media screen and (max-width: 768px) {
+    .avatar-container {
+      height: 180px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+  
+    .avatar-container img {
+      margin: 0 0 15px 0;
+    }
+  
+    .avatar-text {
+      margin: 0;
+      text-align: center;
+    }
+  }
+  
+  @media screen and (max-width: 480px) {
+    .avatar-container {
+      height: 150px;
+    }
+  
+    .avatar-container img {
+      width: 80px;
+      height: 80px;
+    }
+  
+    .avatar-text {
+      font-size: 18px;
+    }
+  }
+  
   .nav-container {
+    margin-top: 30px;
+    /* 鼠标变小手 */
+    cursor: pointer;
+  
+  }
+  
+  .nav-container .nav-item {
+    margin-left: 15px;
+    width: 210px;
+    height: 50px;
+    margin-bottom: 15px;
+    /* 圆角 */
+    border-radius: 10px;
     display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    margin-top: 15px;
+    align-items: center;
+    transition: all 0.3s ease;
+    gap: 8px;
   }
   
-  .nav-container .nav-item {
-    width: 200px;
-    margin: 0 10px 15px;
+  @media screen and (max-width: 768px) {
+    .nav-container {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-top: 15px;
+    }
+  
+    .nav-container .nav-item {
+      width: 200px;
+      margin: 0 10px 15px;
+    }
   }
   
-  .submenu-container {
-    margin-left: 10px;
-    width: 200px;
+  @media screen and (max-width: 480px) {
+    .nav-container .nav-item {
+      width: 150px;
+      height: 45px;
+      margin: 0 5px 10px;
+    }
+  
+    .nav-container .nav-item img {
+      margin-left: 20px;
+    }
   }
   
-  .submenu-item {
-    margin-left: 20px;
-    padding-left: 30px;
-    font-size: 14px;
+  .nav-container .nav-item:hover {
+    background: rgba(102, 183, 227, 0.05);
   }
-}
-
-@media screen and (max-width: 480px) {
-  .nav-container .nav-item {
-    width: 150px;
-    height: 45px;
-    margin: 0 5px 10px;
+  
+  /* 添加激活状态样式 */
+  .nav-container .nav-item.active {
+    background: rgba(102, 183, 227, 0.1);
+  }
+  
+  .nav-container .nav-item.active span {
+    color: #0C99DA;
   }
   
   .nav-container .nav-item img {
-    margin-left: 20px;
+    height: 18px;
+    margin-left: 40px;
+    margin-top: 0;
+    margin-right: 5px;
   }
   
-  .submenu-container {
-    margin-left: 5px;
-    width: 150px;
-  }
-  
-  .submenu-item {
-    margin-left: 10px;
-    padding-left: 25px;
-    font-size: 13px;
-    height: 35px;
-  }
-  
-  .expand-icon {
-    margin-right: 10px;
-  }
-}
-
-.nav-container .nav-item:hover {
-  background: rgba(102, 183, 227, 0.05);
-}
-
-/* 添加激活状态样式 */
-.nav-container .nav-item.active {
-  background: rgba(102, 183, 227, 0.1);
-}
-
-.nav-container .nav-item.active span {
-  color: #0C99DA;
-}
-
-.nav-container .nav-item img {
-  height: 20px;
-  margin-left: 50px;
-  margin-top: 0;
-  margin-right: 5px;
-}
-
-.nav-container .nav-item span {
-  width: 80px;
-  height: 28px;
+  .nav-container .nav-item span {
+    height: 26px;
   font-family: AppleSystemUIFont;
-  font-size: 20px;
+  font-size: 18px;
   color: #666666;
   line-height: 23px;
   text-align: left;
@@ -456,77 +341,12 @@ const updateActiveNavItem = () => {
   text-transform: none;
 }
 
-/* 展开图标样式 */
-.expand-icon {
-  margin-left: auto;
-  margin-right: 20px;
-  transition: transform 0.3s ease;
-  color: #666;
-}
-
-.expand-icon.expanded {
-  transform: rotate(180deg);
-}
-
-/* 子菜单容器 */
-.submenu-container {
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.3s ease-out;
-  margin-left: 20px;
-  width: 254px;
-}
-
-.submenu-container.expanded {
-  max-height: 200px;
-}
-
-/* 子菜单项样式 */
-.submenu-item {
-  display: flex;
-  align-items: center;
-  height: 40px;
-  margin-bottom: 8px;
-  margin-left: 30px;
-  padding-left: 40px;
-  border-radius: 8px;
-  transition: all 0.3s ease;
-  text-decoration: none;
-  color: #666;
-  font-size: 16px;
-  position: relative;
-}
-
-.submenu-item:hover {
-  background: rgba(102, 183, 227, 0.05);
-}
-
-.submenu-item.active {
-  background: rgba(102, 183, 227, 0.1);
-  color: #0C99DA;
-}
-
-/* 子菜单项前的小圆点 */
-.submenu-item::before {
-  content: '';
-  width: 6px;
-  height: 6px;
-  background-color: #ccc;
-  border-radius: 50%;
-  position: absolute;
-  left: 20px;
-  transition: background-color 0.3s ease;
-}
-
-.submenu-item.active::before {
-  background-color: #0C99DA;
-}
-
 .router-view-container {
   flex: 1;
-  padding: 20px;
+  padding: 10px 25px;
   background: #F5F7FA;
   height: calc(100vh - var(--top-height, 130px));
+  overflow-y: auto;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/views/teacher/course/AddCoursewareModal.vue b/src/views/teacher/course/AddCoursewareModal.vue
index c9f12d3..a404528 100644
--- a/src/views/teacher/course/AddCoursewareModal.vue
+++ b/src/views/teacher/course/AddCoursewareModal.vue
@@ -440,6 +440,7 @@ const handleConfirm = () => {
   /* 字体居中 */
   display: flex;
   align-items: center;
+  justify-content: center;
   /* 小手 */
   cursor: pointer;
   border-radius: 4px;
diff --git a/src/views/teacher/course/ChapterEditor.vue b/src/views/teacher/course/ChapterEditor.vue
index 5ac6fd4..843a536 100644
--- a/src/views/teacher/course/ChapterEditor.vue
+++ b/src/views/teacher/course/ChapterEditor.vue
@@ -1,221 +1,161 @@
 <template>
-  <div class="block_3 flex-row justify-between" :class="{
-    'mobile-layout': isMobile,
-    'tablet-layout': isTablet,
-    'sidebar-collapsed': sidebarCollapsed
-  }">
-    <!-- 移动端菜单按钮 -->
-    <div class="mobile-menu-toggle" v-if="isMobile" @click="toggleSidebar">
-      <i class="menu-icon">☰</i>
-    </div>
-
-    <div class="chapter-editor flex-col" :class="{
-      'mobile-sidebar': isMobile,
-      'collapsed': sidebarCollapsed && isMobile
+  <n-config-provider :theme-overrides="themeOverrides">
+    <div class="block_3 flex-row justify-between" :class="{
+      'mobile-layout': isMobile,
+      'tablet-layout': isTablet,
+      'sidebar-collapsed': sidebarCollapsed
     }">
-      <!-- 移动端关闭按钮 -->
-      <div class="mobile-close" v-if="isMobile" @click="toggleSidebar">
-        <i class="close-icon">×</i>
-      </div>
+      <!-- 移动端菜单按钮 -->
+      <n-button v-if="isMobile" class="mobile-menu-toggle" quaternary @click="toggleSidebar">
+        <span class="menu-icon">☰</span>
+      </n-button>
 
-      <div class="header-section flex-row justify-between">
-        <img class="chapter-icon" referrerpolicy="no-referrer" src="/images/teacher/加号_4.png" />
-        <span class="section-title">添加章节</span>
-      </div>
-      <div class="chapter-item flex-row">
-        <img class="chapter-arrow-icon" referrerpolicy="no-referrer" src="/images/teacher/路径18.png" />
-        <span class="chapter-title">第一章&nbsp;课前准备</span>
-        <img class="chapter-options-icon" referrerpolicy="no-referrer" src="/images/teacher/分组76.png"
-          @click="toggleMenu" />
-      </div>
+      <div class="chapter-editor flex-col" :class="{
+        'mobile-sidebar': isMobile,
+        'collapsed': sidebarCollapsed && isMobile
+      }">
+        <!-- 移动端关闭按钮 -->
+        <n-button v-if="isMobile" class="mobile-close" quaternary @click="toggleSidebar">
+          <span class="close-icon">×</span>
+        </n-button>
 
-      <div class="chapter-content-item flex-row">
-        <div class="content-text-group flex-col justify-between">
-          <span class="content-title">1.开课彩蛋：新开始</span>
-          <span class="content-description">第一节&nbsp;课程定位与<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;程定位与目标</span>
+        <n-button class="header-section flex-row justify-between" type="primary">
+          <template #icon>
+            <img class="chapter-icon" referrerpolicy="no-referrer" src="/images/teacher/加号_4.png" />
+          </template>
+          <span class="section-title">添加章节</span>
+        </n-button>
+
+        <div class="chapter-item flex-row">
+          <img class="chapter-arrow-icon" referrerpolicy="no-referrer" src="/images/teacher/路径18.png" />
+          <span class="chapter-title">第一章&nbsp;课前准备</span>
+          <n-dropdown :options="chapterMenuOptions" @select="handleChapterMenuSelect">
+            <img class="chapter-options-icon" referrerpolicy="no-referrer" src="/images/teacher/分组76.png" />
+          </n-dropdown>
         </div>
-        <div class="action-menu flex-col" :class="{ 'visible': isMenuVisible }">
-          <span class="action-rename">重命名</span>
-          <span class="action-delete" @click="openDeleteModal">删除</span>
+
+        <div class="chapter-content-item flex-row">
+          <div class="content-text-group flex-col justify-between justify-between">
+            <span class="content-title">1.开课彩蛋：新开始</span>
+            <span class="content-description">第一节课程定位程定位与目标</span>
+          </div>
+          <div class="action-menu flex-col" :class="{ 'visible': isMenuVisible }">
+            <span class="action-rename">重命名</span>
+            <span class="action-delete" @click="openDeleteModal">删除</span>
+          </div>
+        </div>
+
+        <div class="chapter-item-container flex-row justify-between">
+          <img class="chapter-item-thumbnail" referrerpolicy="no-referrer" src="/images/teacher/切片_58.png" />
+          <span class="chapter-item-title">第二章&nbsp;课前准备</span>
+        </div>
+        <div class="chapter-item-container-next flex-row justify-between">
+          <img class="chapter-item-thumbnail-next" referrerpolicy="no-referrer" src="/images/teacher/切片_58.png" />
+          <span class="chapter-item-title-next">第三章&nbsp;课前准备</span>
         </div>
       </div>
 
-      <div class="chapter-item-container flex-row justify-between">
-        <img class="chapter-item-thumbnail" referrerpolicy="no-referrer" src="/images/teacher/切片_58.png" />
-        <span class="chapter-item-title">第二章&nbsp;课前准备</span>
-      </div>
-      <div class="chapter-item-container-next flex-row justify-between">
-        <img class="chapter-item-thumbnail-next" referrerpolicy="no-referrer" src="/images/teacher/切片_58.png" />
 
-        <span class="chapter-item-title-next">第三章&nbsp;课前准备</span>
+
+      <div class="chapter-detail-container flex-col" :class="{
+        'mobile-content': isMobile,
+        'tablet-content': isTablet,
+        'sidebar-collapsed-content': sidebarCollapsed && isMobile
+      }">
+        <div class="chapter-container">
+          <div class="chapter-header flex-row justify-between2">
+            <span class="chapter-title-text">第一章</span>
+            <n-button class="collapse-button flex-row justify-between" quaternary @click="toggleChapterExpansion">
+              <span class="collapse-text">{{ isChapterExpanded ? '收起' : '展开' }}</span>
+              <img class="collapse-icon" :class="{ 'rotated': !isChapterExpanded }" referrerpolicy="no-referrer"
+                src="/images/teacher/箭头-灰.png" />
+            </n-button>
+          </div>
+          <div class="chapter-name-section flex-row justify-between">
+            <div class="chapter-name-label">
+              <span class="required-mark">*</span>
+              <span class="label-text">本章名称：</span>
+            </div>
+            <div class="chapter-name-input-container flex-row">
+              <n-input ref="chapterInputRef" v-model:value="chapterName" class="chapter-name-input"
+                placeholder="请输入本章名称" @blur="handleChapterNameBlur" @focus="handleChapterNameFocus" />
+            </div>
+          </div>
+
+          <div v-show="isChapterExpanded" v-for="(section, index) in sections" :key="section.id"
+            class="chapter-content-container">
+            <n-divider class="chapter-divider" />
+
+            <div class="lesson-section flex-row justify-end">
+              <div class="lesson-label-wrapper">
+                <span class="lesson-required-mark">*</span>
+                <span class="lesson-label-text">第{{ ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'][index] || (index
+                  + 1) }}节：</span>
+              </div>
+              <div class="lesson-input-container">
+                <n-input v-model:value="section.lessonName" class="lesson-input" placeholder="开课彩蛋新开始"
+                  @blur="handleLessonBlur" @focus="handleLessonFocus">
+                  <template #suffix>
+                    <n-button quaternary size="small" @click="() => removeLessonSection(section.id)">
+                      <template #icon>
+                        <n-icon size="16">
+                          <svg viewBox="0 0 24 24">
+                            <path fill="currentColor"
+                              d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z" />
+                          </svg>
+                        </n-icon>
+                      </template>
+                    </n-button>
+                  </template>
+                </n-input>
+              </div>
+            </div>
+
+            <div class="courseware-section flex-row justify-end">
+              <span class="courseware-label">添加课件：</span>
+              <div class="courseware-input-container">
+                <n-select v-model:value="section.coursewareName" class="courseware-input" placeholder="课件准备PPT"
+                  :options="coursewareOptions" filterable tag />
+              </div>
+            </div>
+
+            <div class="exam-section flex-row justify-end">
+              <span class="exam-label">添加考试/练习：</span>
+              <div class="exam-dropdown-container">
+                <n-select v-model:value="section.selectedExamOption" class="exam-dropdown-display"
+                  placeholder="请添加考试/练习" :options="examOptions" />
+              </div>
+            </div>
+
+            <div class="homework-section flex-row justify-end">
+              <span class="homework-label">添加作业：</span>
+              <div class="homework-input-container">
+                <n-select v-model:value="section.homeworkName" class="homework-input" placeholder="请添加作业"
+                  :options="homeworkOptions" filterable tag />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <n-button v-show="isChapterExpanded" class="add-section-btn flex-row justify-between" quaternary
+          @click="addSection">
+          <template #icon>
+            <img class="add-section-icon" referrerpolicy="no-referrer" src="/images/teacher/加号(2).png" />
+          </template>
+          <span class="add-section-text">添加小节</span>
+        </n-button>
       </div>
 
-
+      <n-modal v-model:show="showDeleteModal" preset="dialog" title="确认删除" content="确定要删除这个章节吗？" positive-text="确认"
+        negative-text="取消" @positive-click="handleDeleteConfirm" @negative-click="handleDeleteCancel" />
     </div>
 
-
-
-    <div class="chapter-detail-container flex-col" :class="{
-      'mobile-content': isMobile,
-      'tablet-content': isTablet,
-      'sidebar-collapsed-content': sidebarCollapsed && isMobile
-    }">
-      <div class="chapter-container">
-        <div class="chapter-header flex-row justify-between">
-          <span class="chapter-title-text">第一章</span>
-          <div class="collapse-button flex-row justify-between">
-            <span class="collapse-text">收起</span>
-            <img class="collapse-icon" referrerpolicy="no-referrer" src="/images/teacher/路径_2.png" />
-          </div>
-        </div>
-        <div class="chapter-name-section flex-row justify-between">
-          <div class="chapter-name-label">
-            <span class="required-mark">*</span>
-            <span class="label-text">本章名称：</span>
-          </div>
-          <div class="chapter-name-input-container flex-row">
-            <input ref="chapterInputRef" v-model="chapterName" type="text" class="chapter-name-input"
-              placeholder="请输入本章名称" @blur="handleChapterNameBlur" @focus="handleChapterNameFocus" />
-
-          </div>
-        </div>
-
-        <div class="chapter-content-container">
-
-          <hr class="chapter-divider">
-
-          <div class="lesson-section flex-row justify-end">
-            <div class="lesson-label-wrapper">
-              <span class="lesson-required-mark">*</span>
-              <span class="lesson-label-text">第一节：</span>
-            </div>
-            <div class="lesson-input-container">
-              <input ref="lessonInputRef" v-model="lessonName" type="text" class="lesson-input" placeholder="开课彩蛋新开始"
-                @blur="handleLessonBlur" @focus="handleLessonFocus" />
-              <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径4.png" />
-
-            </div>
-          </div>
-
-          <div class="courseware-section flex-row justify-end">
-            <span class="courseware-label">添加课件：</span>
-            <div class="courseware-input-container">
-              <input ref="coursewareInputRef" v-model="coursewareName" type="text" class="courseware-input"
-                placeholder="课件准备PPT" @blur="handleCoursewareBlur" @focus="handleCoursewareFocus" />
-              <div class="courseware-dropdown-icon" @click="focusCoursewareInput">
-                <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-              </div>
-            </div>
-          </div>
-          <div class="exam-section flex-row justify-end">
-            <span class="exam-label">添加考试/练习：</span>
-            <div class="exam-dropdown-container">
-              <div class="exam-dropdown-display" @click="toggleExamDropdown">
-                <span class="exam-dropdown-text">{{ selectedExamOption || '请添加考试/练习' }}</span>
-                <div class="exam-dropdown-icon" :class="{ 'rotated': isExamDropdownOpen }">
-                  <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-                </div>
-              </div>
-              <div class="exam-dropdown-menu" v-show="isExamDropdownOpen">
-                <div class="exam-dropdown-option" @click="selectExamOption('从考试/练习选择')">
-                  从考试/练习选择
-                </div>
-                <div class="exam-dropdown-option" @click="selectExamOption('本地上传')">
-                  本地上传
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="homework-section flex-row justify-end">
-            <span class="homework-label">添加作业：</span>
-            <div class="homework-input-container">
-              <input ref="homeworkInputRef" v-model="homeworkName" type="text" class="homework-input"
-                placeholder="请添加作业" @blur="handleHomeworkBlur" @focus="handleHomeworkFocus" />
-              <div class="homework-dropdown-icon" @click="focusHomeworkInput">
-                <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-              </div>
-            </div>
-          </div>
-        </div>
-
-
-        <div class="chapter-content-container">
-
-          <hr class="chapter-divider">
-
-          <div class="lesson-section flex-row justify-end">
-            <div class="lesson-label-wrapper">
-              <span class="lesson-required-mark">*</span>
-              <span class="lesson-label-text">第二节：</span>
-            </div>
-            <div class="lesson-input-container">
-              <input ref="lessonInputRef" v-model="lessonName" type="text" class="lesson-input" placeholder="开课彩蛋新开始"
-                @blur="handleLessonBlur" @focus="handleLessonFocus" />
-              <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径4.png" />
-
-            </div>
-          </div>
-
-          <div class="courseware-section flex-row justify-end">
-            <span class="courseware-label">添加课件：</span>
-            <div class="courseware-input-container">
-              <input ref="coursewareInputRef" v-model="coursewareName" type="text" class="courseware-input"
-                placeholder="课件准备PPT" @blur="handleCoursewareBlur" @focus="handleCoursewareFocus" />
-              <div class="courseware-dropdown-icon" @click="focusCoursewareInput">
-                <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-              </div>
-            </div>
-          </div>
-          <div class="exam-section flex-row justify-end">
-            <span class="exam-label">添加考试/练习：</span>
-            <div class="exam-dropdown-container">
-              <div class="exam-dropdown-display" @click="toggleExamDropdown">
-                <span class="exam-dropdown-text">{{ selectedExamOption || '请添加考试/练习' }}</span>
-                <div class="exam-dropdown-icon" :class="{ 'rotated': isExamDropdownOpen }">
-                  <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-                </div>
-              </div>
-              <div class="exam-dropdown-menu" v-show="isExamDropdownOpen">
-                <div class="exam-dropdown-option" @click="selectExamOption('从考试/练习选择')">
-                  从考试/练习选择
-                </div>
-                <div class="exam-dropdown-option" @click="selectExamOption('本地上传')">
-                  本地上传
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="homework-section flex-row justify-end">
-            <span class="homework-label">添加作业：</span>
-            <div class="homework-input-container">
-              <input ref="homeworkInputRef" v-model="homeworkName" type="text" class="homework-input"
-                placeholder="请添加作业" @blur="handleHomeworkBlur" @focus="handleHomeworkFocus" />
-              <div class="homework-dropdown-icon" @click="focusHomeworkInput">
-                <img class="lesson-icon" referrerpolicy="no-referrer" src="/images/teacher/路径5.png" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="add-section-btn flex-row justify-between">
-        <img class="add-section-icon" referrerpolicy="no-referrer"
-          src="/images/teacher/加号(2).png" />
-        <span class="add-section-text">添加小节</span>
-      </div>
-    </div>
-    <DeleteFolderConfirmModal 
-      v-if="showDeleteModal" 
-      :show="showDeleteModal" 
-      @confirm="handleDeleteConfirm" 
-      @cancel="handleDeleteCancel" 
-    />
-  </div>
+  </n-config-provider>
 </template>
 
 <script setup lang="ts">
-import { ref, nextTick, onMounted, onUnmounted } from 'vue';
-import DeleteFolderConfirmModal from '@/components/common/DeleteFolderConfirmModal.vue';
+import { ref, onMounted, onUnmounted } from 'vue';
+import type { GlobalThemeOverrides } from 'naive-ui';
 
 // 控制菜单显示状态的响应式变量
 const isMenuVisible = ref(false);
@@ -223,6 +163,9 @@ const isMenuVisible = ref(false);
 // 控制删除确认模态框的显示状态
 const showDeleteModal = ref(false);
 
+// 控制章节内容的展开/收起状态
+const isChapterExpanded = ref(true);
+
 // 响应式相关状态
 const isMobile = ref(false);
 const isTablet = ref(false);
@@ -231,101 +174,137 @@ const sidebarCollapsed = ref(false);
 // 章节名称
 const chapterName = ref('课前准备');
 
-// 课件名称
-const coursewareName = ref('课件准备PPT');
+// 小节数据结构
+const sections = ref([
+  {
+    id: 1,
+    lessonName: '开课彩蛋新开始',
+    coursewareName: '课件准备PPT',
+    selectedExamOption: '',
+    homeworkName: '请添加作业'
+  },
+  {
+    id: 2,
+    lessonName: '开课彩蛋新开始',
+    coursewareName: '课件准备PPT',
+    selectedExamOption: '',
+    homeworkName: '请添加作业'
+  }
+]);
 
-// 考试/练习相关
-const selectedExamOption = ref('');
-const isExamDropdownOpen = ref(false);
+// 下一个小节的ID
+const nextSectionId = ref(3);
 
-// 作业名称
-const homeworkName = ref('请添加作业');
+// 课件选项
+const coursewareOptions = [
+  { label: '课件准备PPT', value: '课件准备PPT' },
+  { label: '视频课件', value: '视频课件' },
+  { label: '音频课件', value: '音频课件' },
+  { label: '文档课件', value: '文档课件' }
+];
 
-// 课节名称
-const lessonName = ref('开课彩蛋新开始');
+// 作业选项
+const homeworkOptions = [
+  { label: '请添加作业', value: '请添加作业' },
+  { label: '课后练习', value: '课后练习' },
+  { label: '实践作业', value: '实践作业' },
+  { label: '小组作业', value: '小组作业' }
+];
 
 // 输入框引用
-const chapterInputRef = ref<HTMLInputElement>();
-const coursewareInputRef = ref<HTMLInputElement>();
-const homeworkInputRef = ref<HTMLInputElement>();
-const lessonInputRef = ref<HTMLInputElement>();
+const chapterInputRef = ref();
 
-// 切换菜单显示状态的方法
-const toggleMenu = () => {
-  isMenuVisible.value = !isMenuVisible.value;
-}
+// Naive UI 主题配置
+const themeOverrides: GlobalThemeOverrides = {
+  common: {
+    primaryColor: '#0288D1',
+    primaryColorHover: '#0277BD',
+    primaryColorPressed: '#01579B',
+  },
+  Button: {
+    textColorGhostPrimary: '#0288D1',
+    borderPrimary: '1px solid #0288D1',
+  },
+  Input: {
+    borderHover: '#0288D1',
+    borderFocus: '#0288D1',
+  },
+  Select: {
+    peers: {
+      InternalSelection: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+      }
+    }
+  }
+};
+
+// 章节菜单选项
+const chapterMenuOptions = [
+  {
+    label: '重命名',
+    key: 'rename'
+  },
+  {
+    label: '删除',
+    key: 'delete'
+  }
+];
+
+// 考试选项
+const examOptions = [
+  {
+    label: '从考试/练习选择',
+    value: '从考试/练习选择'
+  },
+  {
+    label: '本地上传',
+    value: '本地上传'
+  }
+];
+
+// 处理章节菜单选择
+const handleChapterMenuSelect = (key: string) => {
+  if (key === 'delete') {
+    openDeleteModal();
+  } else if (key === 'rename') {
+    // 处理重命名逻辑
+    console.log('重命名章节');
+  }
+};
 
 // 处理章节名称失去焦点
 const handleChapterNameBlur = () => {
   // 可以在这里添加保存逻辑
   console.log('章节名称已更新:', chapterName.value);
-}
+};
 
 // 处理章节名称获得焦点
 const handleChapterNameFocus = () => {
   // 可以在这里添加获得焦点时的逻辑
   console.log('开始编辑章节名称');
-}
+};
 
 // 打开删除确认模态框
 const openDeleteModal = () => {
   showDeleteModal.value = true;
   isMenuVisible.value = false; // 关闭操作菜单
-}
+};
 
 // 处理删除确认
 const handleDeleteConfirm = () => {
   console.log('确认删除章节');
   // 这里添加实际的删除逻辑
   showDeleteModal.value = false;
-}
+};
 
 // 处理删除取消
 const handleDeleteCancel = () => {
   console.log('取消删除章节');
   showDeleteModal.value = false;
-}
+};
 
-// 课件相关方法
-const handleCoursewareBlur = () => {
-  console.log('课件名称已更新:', coursewareName.value);
-}
-
-const handleCoursewareFocus = () => {
-  console.log('开始编辑课件名称');
-}
-
-const focusCoursewareInput = async () => {
-  await nextTick();
-  if (coursewareInputRef.value) {
-    coursewareInputRef.value.focus();
-    coursewareInputRef.value.select();
-  }
-}
-
-// 删除未使用的方法
-
-// 考试/练习相关方法
-const toggleExamDropdown = () => {
-  isExamDropdownOpen.value = !isExamDropdownOpen.value;
-}
-
-const selectExamOption = (option: string) => {
-  selectedExamOption.value = option;
-  isExamDropdownOpen.value = false;
-  console.log('选择了考试/练习选项:', option);
-}
-
-// 删除未使用的方法
-
-// 点击外部关闭下拉框
-const handleClickOutside = (event: Event) => {
-  const target = event.target as HTMLElement;
-  const dropdown = target.closest('.exam-dropdown-container');
-  if (!dropdown && isExamDropdownOpen.value) {
-    isExamDropdownOpen.value = false;
-  }
-}
+// 删除不再需要的课件相关方法，现在使用下拉框
 
 // 检查屏幕尺寸
 const checkScreenSize = () => {
@@ -344,56 +323,397 @@ const toggleSidebar = () => {
   sidebarCollapsed.value = !sidebarCollapsed.value;
 };
 
+// 切换章节展开/收起状态
+const toggleChapterExpansion = () => {
+  isChapterExpanded.value = !isChapterExpanded.value;
+};
+
 // 生命周期钩子
 onMounted(() => {
-  document.addEventListener('click', handleClickOutside);
   checkScreenSize();
   window.addEventListener('resize', checkScreenSize);
 });
 
 onUnmounted(() => {
-  document.removeEventListener('click', handleClickOutside);
   window.removeEventListener('resize', checkScreenSize);
 });
 
-// 作业相关方法
-const handleHomeworkBlur = () => {
-  console.log('作业名称已更新:', homeworkName.value);
-}
-
-const handleHomeworkFocus = () => {
-  console.log('开始编辑作业名称');
-}
-
-const focusHomeworkInput = async () => {
-  await nextTick();
-  if (homeworkInputRef.value) {
-    homeworkInputRef.value.focus();
-    homeworkInputRef.value.select();
-  }
-}
-
-// 删除未使用的方法
+// 删除不再需要的作业相关方法，现在使用下拉框
 
 // 课节相关方法
 const handleLessonBlur = () => {
-  console.log('课节名称已更新:', lessonName.value);
-}
+  console.log('课节名称已更新');
+};
 
 const handleLessonFocus = () => {
   console.log('开始编辑课节名称');
-}
+};
+
+// 添加小节
+const addSection = () => {
+  const newSection = {
+    id: nextSectionId.value,
+    lessonName: '开课彩蛋新开始',
+    coursewareName: '课件准备PPT',
+    selectedExamOption: '',
+    homeworkName: '请添加作业'
+  };
+  sections.value.push(newSection);
+  nextSectionId.value++;
+};
+
+// 删除课节
+const removeLessonSection = (sectionId: number) => {
+  const index = sections.value.findIndex(section => section.id === sectionId);
+  if (index > -1 && sections.value.length > 1) {
+    sections.value.splice(index, 1);
+  }
+};
 
 // 删除未使用的方法
 </script>
 
 
 <style scoped>
+/* Naive UI 组件样式覆盖 */
+:deep(.n-button.mobile-menu-toggle) {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1001;
+  background: #0288D1 !important;
+  color: white !important;
+  border: none !important;
+  border-radius: 4px !important;
+  padding: 10px !important;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
+  width: auto !important;
+  height: auto !important;
+}
+
+:deep(.n-button.mobile-close) {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  background: #f5f5f5 !important;
+  border: none !important;
+  border-radius: 50% !important;
+  width: 30px !important;
+  height: 30px !important;
+  z-index: 1002;
+  color: #666 !important;
+}
+
+:deep(.n-button.header-section) {
+  width: 194px !important;
+  height: 48px !important;
+  background-color: #0288D1 !important;
+  border-radius: 4px !important;
+  margin: 31px 0 0 40px !important;
+  border: none !important;
+  padding: 0 !important;
+}
+
+:deep(.n-button.collapse-button) {
+  width: 54px !important;
+  height: 22px !important;
+  background: transparent !important;
+  border: none !important;
+  padding: 0 !important;
+  color: rgba(102, 102, 102, 1) !important;
+}
+
+:deep(.n-button.collapse-button .n-button__content) {
+  display: flex !important;
+  align-items: center !important;
+  gap: 10px !important;
+}
+
+/* 全局输入框样式重置 */
+:deep(.n-input) {
+  box-sizing: border-box !important;
+}
+
+:deep(.n-input .n-input-wrapper) {
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  min-height: 40px !important;
+}
+
+:deep(.n-input .n-input__input-el) {
+  box-sizing: border-box !important;
+  vertical-align: middle !important;
+}
+
+:deep(.n-input .n-input__suffix) {
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+}
+
+:deep(.n-select .n-base-selection) {
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+}
+
+:deep(.n-select .n-base-selection-input) {
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+}
+
+:deep(.n-select .n-base-suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+}
+
+:deep(.n-input.chapter-name-input) {
+  width: 100% !important;
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+}
+
+:deep(.n-input.chapter-name-input .n-input-wrapper) {
+  padding: 0 12px !important;
+}
+
+:deep(.n-input.chapter-name-input .n-input__input-el) {
+  line-height: 40px !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-input.chapter-name-input .n-input__suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  min-width: 24px !important;
+}
+
+:deep(.n-input.lesson-input) {
+  width: 100% !important;
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+}
+
+:deep(.n-input.lesson-input .n-input-wrapper) {
+  padding: 0 12px !important;
+}
+
+:deep(.n-input.lesson-input .n-input__input-el) {
+  line-height: 40px !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-input.lesson-input .n-input__suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  min-width: 24px !important;
+}
+
+:deep(.n-input.courseware-input) {
+  width: 100% !important;
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+}
+
+:deep(.n-input.courseware-input .n-input-wrapper) {
+  padding: 0 12px !important;
+}
+
+:deep(.n-input.courseware-input .n-input__input-el) {
+  line-height: 40px !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-input.courseware-input .n-input__suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  min-width: 24px !important;
+}
+
+:deep(.n-input.homework-input) {
+  width: 100% !important;
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+}
+
+:deep(.n-input.homework-input .n-input-wrapper) {
+  padding: 0 12px !important;
+}
+
+:deep(.n-input.homework-input .n-input__input-el) {
+  line-height: 40px !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-input.homework-input .n-input__suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  min-width: 24px !important;
+}
+
+:deep(.n-select.exam-dropdown-display) {
+  width: 100% !important;
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+}
+
+:deep(.n-select.exam-dropdown-display .n-base-selection) {
+  height: 42px !important;
+  border: none !important;
+}
+
+:deep(.n-select.exam-dropdown-display .n-base-selection-input) {
+  height: 40px !important;
+  line-height: 40px !important;
+  padding: 0 12px !important;
+}
+
+:deep(.n-select.exam-dropdown-display .n-base-selection-input__content) {
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-select.exam-dropdown-display .n-base-suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  padding-right: 12px !important;
+  min-width: 24px !important;
+}
+
+/* 课件下拉框样式 */
+:deep(.n-select.courseware-input) {
+  width: 100% !important;
+  height: 42px !important;
+}
+
+:deep(.n-select.courseware-input .n-base-selection) {
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+  box-shadow: none !important;
+  background: #ffffff !important;
+}
+
+:deep(.n-select.courseware-input .n-base-selection-label) {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+}
+
+:deep(.n-select.courseware-input .n-base-selection-input) {
+  height: 40px !important;
+  line-height: 40px !important;
+  padding: 0 12px !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+:deep(.n-select.courseware-input .n-base-selection-input__content) {
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-select.courseware-input .n-base-suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  padding-right: 12px !important;
+  min-width: 24px !important;
+}
+
+/* 作业下拉框样式 */
+:deep(.n-select.homework-input) {
+  width: 100% !important;
+  height: 42px !important;
+}
+
+:deep(.n-select.homework-input .n-base-selection) {
+  height: 42px !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 4px !important;
+  box-shadow: none !important;
+  background: #ffffff !important;
+}
+
+:deep(.n-select.homework-input .n-base-selection-label) {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+}
+
+:deep(.n-select.homework-input .n-base-selection-input) {
+  height: 40px !important;
+  line-height: 40px !important;
+  padding: 0 12px !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+:deep(.n-select.homework-input .n-base-selection-input__content) {
+  font-size: 14px !important;
+  color: #333 !important;
+}
+
+:deep(.n-select.homework-input .n-base-suffix) {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  padding-right: 12px !important;
+  min-width: 24px !important;
+}
+
+:deep(.n-divider.chapter-divider) {
+  margin: 31px auto 0 !important;
+  width: 100% !important;
+  max-width: 1420px !important;
+  height: 1px !important;
+  background: #fff !important;
+  opacity: 1 !important;
+  padding: 0 30px;
+}
+
+:deep(.n-button.add-section-btn) {
+  width: 94px !important;
+  height: 23px !important;
+  margin: 49px 0 342px 65px !important;
+  background: transparent !important;
+  border: none !important;
+  padding: 0 !important;
+  color: rgba(2, 136, 209, 1) !important;
+}
+
 .block_3 {
   width: 100%;
-  max-width: 1558px;
+  max-width: 1400px;
   min-height: 100vh;
-  margin-top: 15px;
+  margin: 15px auto 0;
   position: relative;
   transition: all 0.3s ease;
 }
@@ -466,15 +786,23 @@ const handleLessonFocus = () => {
   background-color: #0288D1;
   border-radius: 4px;
   margin: 31px 0 0 40px;
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+  align-items: center;
 }
 
 .chapter-icon {
   width: 18px;
   height: 18px;
-  margin: 16px 0 0 53px;
 }
 
 .justify-between {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-between2 {
   display: flex;
   justify-content: space-between;
 }
@@ -495,7 +823,6 @@ const handleLessonFocus = () => {
   text-align: left;
   white-space: nowrap;
   line-height: 18px;
-  margin: 13px 53px 0 0;
 }
 
 .chapter-item {
@@ -547,7 +874,6 @@ const handleLessonFocus = () => {
 }
 
 .content-title {
-  width: 139px;
   height: 23px;
   overflow-wrap: break-word;
   color: rgba(102, 102, 102, 1);
@@ -561,7 +887,6 @@ const handleLessonFocus = () => {
 }
 
 .content-description {
-  width: 132px;
   height: 45px;
   overflow-wrap: break-word;
   color: rgba(102, 102, 102, 1);
@@ -624,12 +949,13 @@ const handleLessonFocus = () => {
   width: 151px;
   height: 26px;
   margin: 42px 0 0 28px;
+  gap: 10px;
 }
 
 .chapter-item-thumbnail {
   width: 11px;
   height: 9px;
-  margin-top: 9px;
+  margin-top: 6px;
 }
 
 .chapter-item-title {
@@ -649,12 +975,13 @@ const handleLessonFocus = () => {
   width: 151px;
   height: 26px;
   margin: 42px 0 762px 28px;
+  gap: 10px;
 }
 
 .chapter-item-thumbnail-next {
   width: 11px;
   height: 9px;
-  margin-top: 9px;
+  margin-top: 6px;
 }
 
 .chapter-item-title-next {
@@ -674,16 +1001,16 @@ const handleLessonFocus = () => {
   position: relative;
   flex: 1;
   min-height: 100vh;
-  background-size: 100% 100%;
+  background: #ffffff;
   padding: 0 20px;
   box-sizing: border-box;
   transition: margin-left 0.3s ease;
+  max-width: calc(100% - 273px);
 }
 
 .chapter-header {
-  width: 1167px;
   height: 22px;
-  margin: 46px 0 0 49px;
+  margin: 46px 0 0 20px;
 }
 
 .chapter-title-text {
@@ -702,6 +1029,8 @@ const handleLessonFocus = () => {
 .collapse-button {
   width: 54px;
   height: 22px;
+  position: relative;
+  right: 20px;
 }
 
 .collapse-text {
@@ -719,13 +1048,17 @@ const handleLessonFocus = () => {
 
 
 .chapter-name-section {
-  width: 562px;
+  width: 100%;
+  max-width: 540px;
   height: 42px;
-  margin: 21px 0 0 136px;
+  margin: 21px 0 0 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
 .chapter-name-label {
-  width: 89px;
+  width: 120px;
   height: 18px;
   overflow-wrap: break-word;
   font-size: 0;
@@ -735,65 +1068,43 @@ const handleLessonFocus = () => {
   white-space: nowrap;
   line-height: 18px;
   margin-top: 9px;
+  flex-shrink: 0;
 }
 
 .required-mark {
-  width: 89px;
+  width: 120px;
   height: 18px;
   overflow-wrap: break-word;
   color: rgba(255, 77, 79, 1);
   font-size: 16px;
   font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
   font-weight: normal;
-  text-align: left;
+  text-align: right;
   white-space: nowrap;
   line-height: 18px;
+  flex-shrink: 0;
 }
 
 .label-text {
-  width: 89px;
+  width: 120px;
   height: 18px;
   overflow-wrap: break-word;
   color: rgba(51, 51, 51, 1);
   font-size: 16px;
   font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
   font-weight: normal;
-  text-align: left;
+  text-align: right;
   white-space: nowrap;
   line-height: 18px;
+  flex-shrink: 0;
 }
 
 .chapter-name-input-container {
-  width: 468px;
+  width: 400px;
   height: 42px;
-  background-size: 470px 44px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  position: relative;
-  display: flex;
-  align-items: center;
 }
 
-/* 章节名称输入框样式 */
-.chapter-name-input {
-  width: calc(100% - 40px);
-  height: 100%;
-  border: none;
-  background: transparent;
-  color: rgba(102, 102, 102, 1);
-  font-size: 16px;
-  font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
-  font-weight: normal;
-  text-align: left;
-  line-height: 22px;
-  padding: 10px 0 0 12px;
-  outline: none;
-}
-
-.chapter-name-input::placeholder {
-  color: rgba(153, 153, 153, 1);
-  font-size: 16px;
-}
+/* 删除旧的章节名称输入框样式，使用 Naive UI 样式 */
 
 .chapter-name-input:focus {
   background: rgba(240, 248, 255, 0.5);
@@ -804,39 +1115,12 @@ const handleLessonFocus = () => {
 
 /* 课件输入框容器 */
 .courseware-input-container {
+  width: 400px;
   height: 42px;
-  background-size: 475px 44px;
-  width: 473px;
   margin: 1px 0 0 5px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
 }
 
-.courseware-input {
-  width: calc(100% - 40px);
-  height: 100%;
-  border: none;
-  background: transparent;
-  color: rgba(102, 102, 102, 1);
-  font-size: 16px;
-  font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
-  font-weight: normal;
-  text-align: left;
-  line-height: 18px;
-  padding: 0 0 0 12px;
-  outline: none;
-}
-
-.courseware-input::placeholder {
-  color: rgba(153, 153, 153, 1);
-}
-
-.courseware-input:focus {
-  background: rgba(240, 248, 255, 0.3);
-}
+/* 删除旧的课件输入框样式，使用 Naive UI 样式 */
 
 .courseware-dropdown-icon {
   position: absolute;
@@ -855,30 +1139,13 @@ const handleLessonFocus = () => {
 
 /* 考试/练习下拉框容器 */
 .exam-dropdown-container {
-  width: 473px;
+  width: 400px;
   height: 42px;
   margin: 1px 0 0 5px;
   position: relative;
 }
 
-.exam-dropdown-display {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  background: #ffffff;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  padding: 0 12px;
-  box-sizing: border-box;
-  transition: all 0.3s;
-}
-
-.exam-dropdown-display:hover {
-  border-color: #1890ff;
-}
+/* 删除多余的下拉框样式，使用 Naive UI 原生样式 */
 
 .exam-dropdown-text {
   color: rgba(102, 102, 102, 1);
@@ -943,6 +1210,14 @@ const handleLessonFocus = () => {
 .collapse-icon {
   width: 13px;
   height: 8px;
+  transition: transform 0.3s ease;
+  flex-shrink: 0;
+  object-fit: contain;
+  transform: rotate(180deg);
+}
+
+.collapse-icon.rotated {
+  transform: rotate(0deg);
 }
 
 .chapter-content-container {
@@ -953,26 +1228,43 @@ const handleLessonFocus = () => {
   display: flex;
   flex-direction: column;
   gap: 30px;
+  transition: all 0.3s ease;
+  animation: fadeInUp 0.3s ease-out;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 .chapter-divider {
   margin: 31px auto 0;
-  width: 1147px;
+  width: 100%;
+  max-width: 540px;
   height: 1px;
-  background: #EDEDED;
+  background: #CCCCCC;
   display: block;
-  /* 透明 */
-  opacity: 0.5;
-
+  opacity: 1;
 }
 
 
 /* 删除未使用的 thumbnail_17 样式 */
 
 .courseware-section {
-  width: 562px;
+  width: 100%;
+  max-width: 540px;
   height: 43px;
-  margin: 0 0 0 96px;
+  margin: 0 0 0 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
 .courseware-label {
@@ -986,16 +1278,21 @@ const handleLessonFocus = () => {
   text-align: right;
   white-space: nowrap;
   line-height: 18px;
-  margin: 11px 0 0 0px;
+  margin: 11px 0 0 0;
+  flex-shrink: 0;
 }
 
 
 /* 删除未使用的样式 */
 
 .exam-section {
-  width: 562px;
+  width: 100%;
+  max-width: 540px;
   height: 42px;
-  margin: 0 0 0 96px;
+  margin: 0 0 0 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
 .exam-label {
@@ -1009,17 +1306,22 @@ const handleLessonFocus = () => {
   text-align: right;
   white-space: nowrap;
   line-height: 18px;
-  margin-top: 10px;
+  margin: 10px 0 0 0;
+  flex-shrink: 0;
 }
 
 /* 删除未使用的样式 */
 
 
 .homework-section {
-  width: 562px;
+  width: 100%;
+  max-width: 540px;
   height: 42px;
-  margin: 0 0 0 96px;
+  margin: 0 0 0 20px;
   margin-bottom: -30px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
 .homework-label {
@@ -1033,7 +1335,8 @@ const handleLessonFocus = () => {
   text-align: right;
   white-space: nowrap;
   line-height: 18px;
-  margin-top: 10px;
+  margin: 10px 0 0 0;
+  flex-shrink: 0;
 }
 
 /* 删除未使用的样式 */
@@ -1043,9 +1346,13 @@ const handleLessonFocus = () => {
 
 .lesson-section {
   position: relative;
-  width: 562px;
+  width: 100%;
+  max-width: 540px;
   height: 42px;
-  margin: 0 0 0 81px;
+  margin: 0 0 0 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
 .lesson-label-wrapper {
@@ -1058,7 +1365,8 @@ const handleLessonFocus = () => {
   text-align: right;
   white-space: nowrap;
   line-height: 18px;
-  margin: 9px 0 0 16px;
+  margin: 9px 0 0 0;
+  flex-shrink: 0;
 }
 
 .lesson-required-mark {
@@ -1069,9 +1377,10 @@ const handleLessonFocus = () => {
   font-size: 16px;
   font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
   font-weight: normal;
-  text-align: left;
+  text-align: right;
   white-space: nowrap;
   line-height: 18px;
+  flex-shrink: 0;
 }
 
 .lesson-label-text {
@@ -1082,23 +1391,18 @@ const handleLessonFocus = () => {
   font-size: 16px;
   font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
   font-weight: normal;
-  text-align: left;
+  text-align: right;
   white-space: nowrap;
   line-height: 18px;
+  flex-shrink: 0;
 }
 
 
 /* 作业输入框容器 */
 .homework-input-container {
-  width: 473px;
+  width: 400px;
   height: 42px;
-  background-size: 475px 44px;
   margin: 1px 0 0 5px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
 }
 
 .homework-input {
@@ -1112,7 +1416,6 @@ const handleLessonFocus = () => {
   font-weight: normal;
   text-align: left;
   line-height: 18px;
-  padding: 0 0 0 12px;
   outline: none;
 }
 
@@ -1133,40 +1436,10 @@ const handleLessonFocus = () => {
 /* 课节输入框容器 */
 .lesson-input-container {
   margin-left: 4px;
-  width: 473px;
+  width: 400px;
   height: 42px;
-  background-size: 470px 44px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  position: relative;
-  display: flex;
-  align-items: center;
 }
 
-.lesson-input {
-  width: calc(100% - 60px);
-  height: 100%;
-  border: none;
-  background: transparent;
-  color: rgba(102, 102, 102, 1);
-  font-size: 16px;
-  font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
-  font-weight: normal;
-  text-align: left;
-  line-height: 22px;
-  padding: 10px 0 0 12px;
-  outline: none;
-}
-
-.lesson-input::placeholder {
-  color: rgba(153, 153, 153, 1);
-}
-
-.lesson-input:focus {
-  background: rgba(240, 248, 255, 0.3);
-}
-
-
 /* 课节图片样式 */
 .lesson-icon {
   position: absolute;
@@ -1178,372 +1451,33 @@ const handleLessonFocus = () => {
 }
 
 .chapter-container {
-   /* 边框线 */ 
-   border: 1px solid #EDEDED; 
-   margin: 0 0 0 0px; 
-   padding-bottom: 30px; 
-   margin-left: 29px; 
- } 
- .add-section-btn { 
-   width: 94px; 
-   height: 23px; 
-   margin: 49px 0 342px 65px; 
- } 
- 
- .add-section-icon { 
-   width: 22px; 
-   height: 22px; 
-   margin-top: 1px; 
- } 
- 
- .add-section-text {
-   width: 64px;
-   height: 18px;
-   overflow-wrap: break-word;
-   color: rgba(2, 136, 209, 1);
-   font-size: 16px;
-   font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
-   font-weight: normal;
-   text-align: left;
-   white-space: nowrap;
-   line-height: 18px;
- }
-
-/* 响应式样式 - 保持原有布局不变，只在特定屏幕尺寸下优化 */
-
-/* 超大屏幕优化 (≥1920px) - 让内容居中显示 */
-@media (min-width: 1920px) {
-  .block_3 {
-    max-width: 1800px;
-    margin: 15px auto 0;
-    background: #f5f5f5;
-    border-radius: 8px;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-    overflow: hidden;
-  }
-
-  .chapter-detail-container {
-    padding: 0 40px;
-  }
-
-  .chapter-editor {
-    width: 320px;
-  }
+  margin-top: 20px;
+  border: 1px solid #EDEDED;
+  padding-bottom: 20px;
 }
 
-/* 大屏幕优化 (1600px-1919px) */
-@media (max-width: 1919px) and (min-width: 1600px) {
-  .block_3 {
-    max-width: 1600px;
-    margin: 15px auto 0;
-  }
-
-  .chapter-detail-container {
-    padding: 0 35px;
-  }
-
-  .chapter-editor {
-    width: 300px;
-  }
+.add-section-btn {
+  width: 94px;
+  height: 23px;
+  margin: 49px 0 342px 65px;
 }
 
-/* 中等屏幕适配 (1200px-1599px) */
-@media (max-width: 1599px) and (min-width: 1200px) {
-  .block_3 {
-    max-width: 1400px;
-    margin: 15px auto 0;
-  }
-
-  .chapter-detail-container {
-    padding: 0 25px;
-  }
+.add-section-icon {
+  width: 22px;
+  height: 22px;
+  margin-top: 1px;
 }
 
-/* 小屏幕适配 (1025px-1199px) */
-@media (max-width: 1199px) and (min-width: 1025px) {
-  .block_3 {
-    max-width: 100%;
-    margin: 10px 20px 0;
-  }
-
-  .chapter-editor {
-    width: 260px;
-  }
-
-  .chapter-detail-container {
-    padding: 0 20px;
-  }
-
-  /* 稍微调整一些元素以适应较小屏幕 */
-  .chapter-name-section {
-    width: 95%;
-  }
-
-  .lesson-section {
-    width: 95%;
-  }
-}
-
-/* 移动端样式 (≤768px) */
-@media (max-width: 768px) {
-  .block_3 {
-    flex-direction: column;
-    margin-top: 0;
-  }
-
-  .mobile-menu-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .chapter-editor {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 280px;
-    height: 100vh;
-    z-index: 1000;
-    transform: translateX(-100%);
-    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
-    padding-top: 60px;
-  }
-
-  .chapter-editor.mobile-sidebar:not(.collapsed) {
-    transform: translateX(0);
-  }
-
-  .mobile-close {
-    display: flex;
-  }
-
-  .chapter-detail-container {
-    width: 100%;
-    padding: 60px 15px 20px;
-    margin-left: 0;
-  }
-
-  .chapter-detail-container.mobile-content {
-    padding-top: 80px;
-  }
-
-  /* 调整表单布局 */
-  .chapter-name-section {
-    flex-direction: column;
-    width: 100%;
-    margin: 21px 0 0 0;
-    gap: 10px;
-  }
-
-  .chapter-name-label {
-    width: 100%;
-    text-align: left;
-    margin-top: 0;
-  }
-
-  .chapter-name-input-container {
-    width: 100%;
-  }
-
-  .lesson-section {
-    flex-direction: column;
-    width: 100%;
-    margin: 0;
-    gap: 10px;
-  }
-
-  .lesson-label-wrapper {
-    width: 100%;
-    text-align: left;
-    margin: 0;
-  }
-
-  .lesson-input-container {
-    width: 100%;
-    margin-left: 0;
-  }
-
-  .courseware-section {
-    flex-direction: column;
-    width: 100%;
-    margin: 0;
-    gap: 10px;
-  }
-
-  .courseware-label {
-    width: 100%;
-    text-align: left;
-    margin: 0;
-  }
-
-  .courseware-input-container {
-    width: 100%;
-    margin: 0;
-  }
-
-  .exam-section {
-    flex-direction: column;
-    width: 100%;
-    margin: 0;
-    gap: 10px;
-  }
-
-  .exam-label {
-    width: 100%;
-    text-align: left;
-    margin-top: 0;
-  }
-
-  .exam-dropdown-container {
-    width: 100%;
-    margin: 0;
-  }
-
-  .homework-section {
-    flex-direction: column;
-    width: 100%;
-    margin: 0;
-    gap: 10px;
-  }
-
-  .homework-label {
-    width: 100%;
-    text-align: left;
-    margin-top: 0;
-  }
-
-  .homework-input-container {
-    width: 100%;
-    margin: 0;
-  }
-
-  .chapter-header {
-    width: 100%;
-    margin: 20px 0 0 0;
-  }
-
-  .chapter-divider {
-    width: 100%;
-    margin: 20px 0;
-  }
-
-  /* 调整字体大小 */
-  .section-title {
-    font-size: 14px;
-  }
-
-  .chapter-title {
-    font-size: 16px;
-  }
-
-  .content-title {
-    font-size: 14px;
-  }
-
-  .content-description {
-    font-size: 14px;
-  }
-}
-
-/* 平板样式 (769px-1024px) */
-@media (max-width: 1024px) and (min-width: 769px) {
-  .block_3 {
-    max-width: 100%;
-  }
-
-  .chapter-editor {
-    width: 240px;
-  }
-
-  .chapter-detail-container {
-    padding: 0 15px;
-  }
-
-  .chapter-name-section {
-    width: 100%;
-    margin: 21px 0 0 20px;
-  }
-
-  .chapter-name-input-container {
-    width: 350px;
-  }
-
-  .lesson-section {
-    width: 100%;
-    margin: 0 0 0 20px;
-  }
-
-  .lesson-input-container {
-    width: 350px;
-  }
-
-  .courseware-section {
-    width: 100%;
-    margin: 0 0 0 20px;
-  }
-
-  .courseware-input-container {
-    width: 350px;
-  }
-
-  .exam-section {
-    width: 100%;
-    margin: 0 0 0 20px;
-  }
-
-  .exam-dropdown-container {
-    width: 350px;
-  }
-
-  .homework-section {
-    width: 100%;
-    margin: 0 0 0 20px;
-  }
-
-  .homework-input-container {
-    width: 350px;
-  }
-
-  .chapter-header {
-    width: 100%;
-    margin: 46px 0 0 20px;
-  }
-
-  .chapter-divider {
-    width: calc(100% - 40px);
-    margin: 31px auto 0;
-  }
-}
-
-/* 超大屏幕特殊优化 (≥2560px) - 4K显示器优化 */
-@media (min-width: 2560px) {
-  .block_3 {
-    max-width: 2200px;
-    margin: 30px auto 0;
-    padding: 20px;
-  }
-
-  .chapter-editor {
-    width: 380px;
-  }
-
-  .chapter-detail-container {
-    padding: 0 60px;
-  }
-
-  /* 增大字体以适应4K屏幕 */
-  .chapter-title-text {
-    font-size: 20px;
-  }
-
-  .label-text {
-    font-size: 18px;
-  }
-
-  .chapter-name-input,
-  .lesson-input {
-    font-size: 16px;
-    height: 45px;
-  }
+.add-section-text {
+  width: 64px;
+  height: 18px;
+  overflow-wrap: break-word;
+  color: rgba(2, 136, 209, 1);
+  font-size: 16px;
+  font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
+  font-weight: normal;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 18px;
 }
 </style>
diff --git a/src/views/teacher/course/ChapterManagement.vue b/src/views/teacher/course/ChapterManagement.vue
index fc83d62..eefdbdb 100644
--- a/src/views/teacher/course/ChapterManagement.vue
+++ b/src/views/teacher/course/ChapterManagement.vue
@@ -20,7 +20,7 @@
       <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
         <n-data-table :columns="columns" :data="paginatedChapters" :row-key="rowKey"
           :checked-row-keys="selectedChapters" @update:checked-row-keys="handleCheck" :bordered="false"
-          :single-line="false" size="medium" class="chapter-data-table" :row-class-name="rowClassName" />
+          :single-line="false" size="medium" class="chapter-data-table" :row-class-name="rowClassName" scroll-x="true" />
       </n-config-provider>
 
       <!-- 自定义分页器 -->
@@ -386,15 +386,20 @@ const deleteChapter = (chapter: Chapter) => {
   }
 }
 
-// 表格列配置
+// 表格列配置 - 使用 minWidth 实现响应式
 const columns: DataTableColumns<Chapter> = [
   {
-    type: 'selection'
+    type: 'selection',
+    minWidth: 50
   },
   {
     title: '章节名称',
     key: 'name',
-    minWidth: 350,
+    width: 400,
+    minWidth: 400,
+    ellipsis: {
+      tooltip: true
+    },
     render: (row: Chapter) => {
       return h('div', {
         style: {
@@ -402,7 +407,7 @@ const columns: DataTableColumns<Chapter> = [
           alignItems: 'center',
           gap: '20px',
           cursor: row.isParent ? 'pointer' : 'default',
-          marginLeft: row.isParent ? '40px' : '12px'
+          marginLeft: row.isParent ? '0px' : '-3px'
         },
         onClick: row.isParent ? () => toggleChapter(row) : undefined
       }, [
@@ -410,7 +415,7 @@ const columns: DataTableColumns<Chapter> = [
           class: 'n-base-icon',
           style: {
             transition: 'transform 0.2s',
-            transform: row.expanded ? 'rotate(90deg)' : 'rotate(0deg)',
+            transform: row.expanded ? 'rotate(-90deg)' : 'rotate(90deg)',
             cursor: 'pointer'
           }
         }, [
@@ -424,7 +429,7 @@ const columns: DataTableColumns<Chapter> = [
               fill: 'currentColor'
             })
           ])
-        ]) : h('div', { style: { width: '16px' } }),
+        ]) : null,
         h('span', {
           style: {
             color: row.isParent ? '#062333' : '#666666',
@@ -439,7 +444,7 @@ const columns: DataTableColumns<Chapter> = [
   {
     title: '类型',
     key: 'type',
-    width: 156,
+    minWidth: 60,
     render: (row: Chapter) => {
       if (row.type === '-') {
         return h('span', { style: { color: '#BABABA' } }, '-')
@@ -460,7 +465,7 @@ const columns: DataTableColumns<Chapter> = [
   {
     title: '排序',
     key: 'sort',
-    width: 120,
+    minWidth: 50,
     render: (row: Chapter) => {
       return h('span', { style: { color: '#062333', fontSize: '12px' } }, row.sort)
     }
@@ -468,7 +473,7 @@ const columns: DataTableColumns<Chapter> = [
   {
     title: '创建时间',
     key: 'createTime',
-    width: 235,
+    minWidth: 180,
     render: (row: Chapter) => {
       return h('span', { style: { color: '#062333', fontSize: '12px' } }, row.createTime)
     }
@@ -476,7 +481,7 @@ const columns: DataTableColumns<Chapter> = [
   {
     title: '操作',
     key: 'actions',
-    width: 200,
+    minWidth: 160,
     render: (row: Chapter) => {
       return h('div', { style: { display: 'flex', gap: '16px', alignItems: 'center', justifyContent: 'center' } }, [
         h(NButton, {
@@ -500,7 +505,7 @@ const columns: DataTableColumns<Chapter> = [
 <style scoped>
 .chapter-management {
   width: 100%;
-    background: #fff;
+  background: #fff;
     height: 100%;
     overflow: auto;
   }
@@ -612,13 +617,16 @@ const columns: DataTableColumns<Chapter> = [
   /* Naive UI 表格样式定制 */
   :deep(.chapter-data-table) {
     background: #fff;
-    border-radius: 8px;
-      padding: 40px;
+    padding: 40px;
       height: 100%;
       min-height: 500px;
-        position: relative;
+      position: relative;
       }
       
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                :deep(.n-data-table-wrapper) {
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  border: 1px solid #F1F3F4;
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  border-radius: 0;
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }
       /* 表格头部样式 */
       :deep(.chapter-data-table .n-data-table-thead) {
         background: #fafafa;
@@ -632,163 +640,162 @@ const columns: DataTableColumns<Chapter> = [
         border-bottom: 1px solid #e8e8e8;
         padding: 12px 8px;
         text-align: center;
-      
-      }
-      
-      /* 表格行样式 */
-      :deep(.chapter-data-table .n-data-table-td) {
-        font-size: 13px;
-        color: #062333;
-        border-bottom: 1px solid #f0f0f0;
-        padding: 12px 8px;
-        vertical-align: middle;
-        text-align: center;
-      }
-      
-      /* 所有列居中对齐 */
-      :deep(.chapter-data-table .n-data-table-td) {
-        text-align: center !important;
-      }
-      
-      :deep(.chapter-data-table .n-data-table-th) {
-        text-align: center !important;
-      }
-      
-      :deep(.chapter-data-table .n-data-table-tr:hover) {
-        background: #fafafa;
-      }
-      
-      /* 复选框样式 */
-      :deep(.chapter-data-table .n-checkbox) {
-        --n-size: 16px;
-      }
-      
-      /* 隐藏Naive UI默认的展开触发器 */
-      :deep(.chapter-data-table .n-data-table-expand-trigger) {
-        display: none !important;
-      }
-      
-      /* 隐藏Naive UI默认的展开占位符 */
-      :deep(.chapter-data-table .n-data-table-expand-placeholder) {
-        display: none !important;
-      }
-      
-      /* 按钮组样式调整 */
-      :deep(.chapter-data-table .n-button) {
-        font-size: 12px;
-        height: 28px;
-        padding: 0 12px;
-        margin: 2px;
-      }
-      
-      /* 操作按钮样式 - 只有边框和文字颜色，无背景色 */
-      :deep(.chapter-data-table .n-button--info-type.n-button--secondary) {
-        background-color: transparent !important;
-        border: 1px solid #0288D1;
-        color: #0288D1;
-      }
-      
-      :deep(.chapter-data-table .n-button--info-type.n-button--secondary:hover) {
-        background-color: rgba(32, 128, 240, 0.05) !important;
-        border: 1px solid #0288D1;
-        color: #248DD3;
-      }
-      
-      :deep(.chapter-data-table .n-button--error-type.n-button--secondary) {
-        background-color: transparent !important;
-        border: 1px solid #FF4D4F;
-        color: #FD8485;
-      }
-      
-      :deep(.chapter-data-table .n-button--error-type.n-button--secondary:hover) {
-        background-color: rgba(208, 48, 80, 0.05) !important;
-        border: 1px solid #FF4D4F;
-        color: #FD8485;
-      }
-      
-      /* 表格行样式 */
-      :deep(.chapter-table-row) {
-        transition: background-color 0.2s;
-      }
-      
-      :deep(.chapter-table-row:hover) {
-        background-color: #f8f9fa;
-      }
-      
-      /* 自定义分页器样式 */
-      .custom-pagination {
-        display: flex;
-        justify-content: center;
-        background: #fff;
-        padding: 20px 0;
-        margin-top: auto;
-        width: 100%;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-      }
-      
-      .pagination-content {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin: 0 auto;
-        padding: 0 10px;
-      }
-      
-      .page-numbers {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 0;
-        white-space: nowrap;
-      }
-      
-      .page-number {
-        display: inline-block;
-        min-width: 38px;
-        height: 38px;
-        line-height: 38px;
-        text-align: center;
-        color: #333;
-        text-decoration: none;
-        font-size: 14px;
-        padding: 0 5px;
-        margin: 0 4px;
-        border-radius: 5px;
-        cursor: pointer;
-        transition: all 0.3s ease;
-      }
-      
-      .page-number-bordered {
-        border: 1px solid #d9d9d9;
-      }
-      
-      .page-number.active {
-        background-color: #0088D1;
-        color: white;
-        border-color: #0088D1;
-      }
-      
-      .page-number:hover:not(.disabled) {
-        color: #0088D1;
-        border-color: #0088D1;
-      }
-      
-      .page-number.disabled {
-        color: #ccc;
-        cursor: not-allowed;
-      }
-      
-      .page-number.disabled:hover {
-        color: #ccc;
-        border-color: #d9d9d9;
-      }
-      
-      .nav-button {
-        padding: 0 8px;
-        border: none;
+}
+
+/* 表格行样式 */
+:deep(.chapter-data-table .n-data-table-td) {
+  font-size: 13px;
+  color: #062333;
+  border-bottom: 1px solid #f0f0f0;
+  padding: 12px 8px;
+  vertical-align: middle;
+  text-align: center;
+}
+
+/* 所有列居中对齐 */
+:deep(.chapter-data-table .n-data-table-td) {
+  text-align: center !important;
+}
+
+:deep(.chapter-data-table .n-data-table-th) {
+  text-align: center !important;
+}
+
+:deep(.chapter-data-table .n-data-table-tr:hover) {
+  background: #fafafa;
+}
+
+/* 复选框样式 */
+:deep(.chapter-data-table .n-checkbox) {
+  --n-size: 16px;
+}
+
+/* 隐藏Naive UI默认的展开触发器 */
+:deep(.chapter-data-table .n-data-table-expand-trigger) {
+  display: none !important;
+}
+
+/* 隐藏Naive UI默认的展开占位符 */
+:deep(.chapter-data-table .n-data-table-expand-placeholder) {
+  display: none !important;
+}
+
+/* 按钮组样式调整 */
+:deep(.chapter-data-table .n-button) {
+  font-size: 12px;
+  height: 28px;
+  padding: 0 12px;
+  margin: 2px;
+}
+
+/* 操作按钮样式 - 只有边框和文字颜色，无背景色 */
+:deep(.chapter-data-table .n-button--info-type.n-button--secondary) {
+  background-color: transparent !important;
+  border: 1px solid #0288D1;
+  color: #0288D1;
+}
+
+:deep(.chapter-data-table .n-button--info-type.n-button--secondary:hover) {
+  background-color: rgba(32, 128, 240, 0.05) !important;
+  border: 1px solid #0288D1;
+  color: #248DD3;
+}
+
+:deep(.chapter-data-table .n-button--error-type.n-button--secondary) {
+  background-color: transparent !important;
+  border: 1px solid #FF4D4F;
+  color: #FD8485;
+}
+
+:deep(.chapter-data-table .n-button--error-type.n-button--secondary:hover) {
+  background-color: rgba(208, 48, 80, 0.05) !important;
+  border: 1px solid #FF4D4F;
+  color: #FD8485;
+}
+
+/* 表格行样式 */
+:deep(.chapter-table-row) {
+  transition: background-color 0.2s;
+}
+
+:deep(.chapter-table-row:hover) {
+  background-color: #f8f9fa;
+}
+
+/* 自定义分页器样式 */
+.custom-pagination {
+  display: flex;
+  justify-content: center;
+  background: #fff;
+  padding: 20px 0;
+  margin-top: auto;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.pagination-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  padding: 0 10px;
+}
+
+.page-numbers {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0;
+  white-space: nowrap;
+}
+
+.page-number {
+  display: inline-block;
+  min-width: 38px;
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  color: #333;
+  text-decoration: none;
+  font-size: 14px;
+  padding: 0 5px;
+  margin: 0 4px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.page-number-bordered {
+  border: 1px solid #d9d9d9;
+}
+
+.page-number.active {
+  background-color: #0088D1;
+  color: white;
+  border-color: #0088D1;
+}
+
+.page-number:hover:not(.disabled) {
+  color: #0088D1;
+  border-color: #0088D1;
+}
+
+.page-number.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.page-number.disabled:hover {
+  color: #ccc;
+  border-color: #d9d9d9;
+}
+
+.nav-button {
+  padding: 0 8px;
+  border: none;
 }
 
 .nav-button:hover:not(.disabled) {
diff --git a/src/views/teacher/course/CourseEditor.vue b/src/views/teacher/course/CourseEditor.vue
index 6e54f1a..0b5c1dd 100644
--- a/src/views/teacher/course/CourseEditor.vue
+++ b/src/views/teacher/course/CourseEditor.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="course-editor">
     <!-- 左侧导航菜单 -->
-    <div class="sidebar" v-if="showSidebar">
+    <div class="sidebar">
       <router-link :to="`/teacher/course-editor/${courseId}/courseware`" class="menu-item"
         :class="{ active: $route.path.includes('courseware') }">
         <img :src="$route.path.includes('courseware') ? '/images/teacher/课件-选中.png' : '/images/teacher/课件.png'"
@@ -16,11 +16,11 @@
       </router-link>
       <!-- 作业二级导航 -->
       <div class="menu-group">
-        <div class="menu-header" @click="toggleHomework('homework')">
+        <div class="menu-header" @click="toggleHomework">
           <img :src="$route.path.includes('homework') ? '/images/teacher/作业-选中.png' : '/images/teacher/作业.png'"
             alt="作业" />
           <span>作业</span>
-          <i class="n-base-icon" :class="{ 'expanded': subMenuArr.homework }">
+          <i class="n-base-icon" :class="{ 'expanded': homeworkExpanded }">
             <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path
                 d="M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z"
@@ -28,7 +28,7 @@
             </svg>
           </i>
         </div>
-        <div class="submenu" v-show="subMenuArr.homework">
+        <div class="submenu" v-show="homeworkExpanded">
           <router-link :to="`/teacher/course-editor/${courseId}/homework/library`" class="submenu-item"
             :class="{ active: $route.path.includes('homework/library') }">
             <span>作业库</span>
@@ -42,10 +42,9 @@
       <router-link :to="`/teacher/course-editor/${courseId}/practice`" class="menu-item"
         :class="{ active: $route.path.includes('practice') }">
         <img :src="$route.path.includes('practice') ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'"
-          alt="考试管理" />
-        <span>考试管理</span>
+          alt="练考通" />
+        <span>练考通</span>
       </router-link>
-
       <router-link :to="`/teacher/course-editor/${courseId}/question-bank`" class="menu-item"
         :class="{ active: $route.path.includes('question-bank') }">
         <img :src="$route.path.includes('question-bank') ? '/images/teacher/题库-选中.png' : '/images/teacher/题库.png'"
@@ -93,38 +92,20 @@
 
 <script setup lang="ts">
 import { useRoute } from 'vue-router'
-import { computed, ref, watch } from 'vue'
+import { ref } from 'vue'
 
 const route = useRoute()
 
 // 获取课程ID
 const courseId = route.params.id
 
-// 二级菜单展开状态
-const subMenuArr = ref({
-  homework: false,
-  practice: false
-})
+// 作业菜单展开状态
+const homeworkExpanded = ref(false)
 
 // 切换作业菜单展开/收起
-const toggleHomework = (e: 'homework' | 'practice') => {
-  subMenuArr.value[e] = !subMenuArr.value[e]
+const toggleHomework = () => {
+  homeworkExpanded.value = !homeworkExpanded.value
 }
-
-// 监听路由变化，如果当前路由是子菜单，自动展开父菜单
-watch(() => route.path, (newPath) => {
-  if (newPath.includes('practice')) {
-    subMenuArr.value.practice = true
-  }else if (newPath.includes('homework')) {
-    subMenuArr.value.homework = true
-  }
-}, { immediate: true })
-
-
-// 判断是否显示侧边菜单栏
-const showSidebar = computed(() => {
-  return route.meta.hideSidebar !== true
-})
 </script>
 
 <style scoped>
@@ -137,7 +118,7 @@ const showSidebar = computed(() => {
 
 /* 左侧导航 */
 .sidebar {
-  width: 273px;
+  width: 220px;
   background: #fff;
   border-right: 1px solid #e8e8e8;
   padding: 20px 15px;
@@ -147,14 +128,14 @@ const showSidebar = computed(() => {
 .menu-item {
   display: flex;
   align-items: center;
-  padding: 15px 20px;
+  padding: 12px 15px;
   margin-bottom: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
   border-left: 3px solid transparent;
   text-decoration: none;
   color: inherit;
-  font-size: 18px;
+  font-size: 16px;
   color: #666;
   border-radius: 5px;
 }
@@ -173,15 +154,15 @@ const showSidebar = computed(() => {
 }
 
 .menu-item img {
-  margin-left: 40px;
+  margin-left: 30px;
   margin-top: 1px;
-  width: 18px;
-  height: 18px;
-  margin-right: 10px;
+  width: 16px;
+  height: 16px;
+  margin-right: 14px;
 }
 
 .menu-item span {
-  font-size: 18px;
+  font-size: 16px;
   color: #666;
 }
 
@@ -193,11 +174,11 @@ const showSidebar = computed(() => {
 .menu-header {
   display: flex;
   align-items: center;
-  padding: 15px 20px;
+  padding: 12px 15px;
   cursor: pointer;
   transition: all 0.3s ease;
   border-left: 3px solid transparent;
-  font-size: 18px;
+  font-size: 16px;
   color: #666;
   border-radius: 5px;
   position: relative;
@@ -208,15 +189,15 @@ const showSidebar = computed(() => {
 }
 
 .menu-header img {
-  margin-left: 40px;
+  margin-left: 30px;
   margin-top: 1px;
-  width: 18px;
-  height: 18px;
-  margin-right: 10px;
+  width: 16px;
+  height: 16px;
+  margin-right: 14px;
 }
 
 .menu-header span {
-  font-size: 18px;
+  font-size: 16px;
   color: #666;
   flex: 1;
 }
@@ -239,24 +220,24 @@ const showSidebar = computed(() => {
 .submenu-item {
   display: flex;
   align-items: center;
-  padding: 12px 20px;
+  padding: 10px 15px;
   margin-bottom: 2px;
   cursor: pointer;
   transition: all 0.3s ease;
   border-left: 3px solid transparent;
   text-decoration: none;
   color: inherit;
-  font-size: 16px;
+  font-size: 14px;
   color: #666;
   border-radius: 5px;
 }
 
 .submenu-item::before {
   content: '';
-  width: 18px;
-  height: 18px;
-  margin-left: 40px;
-  margin-right: 10px;
+  width: 16px;
+  height: 16px;
+  margin-left: 30px;
+  margin-right: 8px;
   flex-shrink: 0;
 }
 
@@ -274,12 +255,10 @@ const showSidebar = computed(() => {
 }
 
 .submenu-item span {
-  font-size: 16px;
+  font-size: 14px;
   color: #666;
 }
 
-
-
 /* 右侧内容区域 */
 .content-area {
   flex: 1;
diff --git a/src/views/teacher/course/CoursewareManagement.vue b/src/views/teacher/course/CoursewareManagement.vue
index b208ef3..cb5b848 100644
--- a/src/views/teacher/course/CoursewareManagement.vue
+++ b/src/views/teacher/course/CoursewareManagement.vue
@@ -21,7 +21,7 @@
       <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
         <n-data-table :columns="columns" :data="paginatedFiles" :row-key="rowKey" :checked-row-keys="selectedFiles"
           @update:checked-row-keys="handleCheck" :bordered="false" :single-line="false" size="medium"
-          class="file-data-table" :row-class-name="rowClassName" />
+          class="file-data-table" :row-class-name="rowClassName" style="width: 100%" />
       </n-config-provider>
 
       <!-- 自定义分页器 -->
@@ -69,12 +69,8 @@
     </div>
 
     <!-- 删除确认模态框 -->
-    <DeleteFolderConfirmModal
-      v-if="showDeleteConfirmModal"
-      :show="showDeleteConfirmModal"
-      @confirm="confirmDelete"
-      @cancel="cancelDelete"
-    />
+    <DeleteFolderConfirmModal v-if="showDeleteConfirmModal" :show="showDeleteConfirmModal" @confirm="confirmDelete"
+      @cancel="cancelDelete" />
   </div>
 </template>
 
@@ -411,48 +407,48 @@ const handleResize = () => {
 }
 
 // 响应式列配置计算属性
-const responsiveColumns = computed(() => {
-  const width = screenWidth.value
+// const responsiveColumns = computed(() => {
+//   const width = screenWidth.value
 
-  // 基础列宽配置
-  const baseColumns = {
-    selection: 40,
-    index: 80,
-    name: 270,
-    size: 100,
-    creator: 120,
-    createTime: 180,
-    actions: 320
-  }
+//   // 基础列宽配置 - 根据内容合理分配
+//   const baseColumns = {
+//     selection: 50,
+//     index: 70,
+//     name: 400,  // 名称列需要更宽，因为文件名可能很长
+//     size: 80,   // 大小列缩小
+//     creator: 100,  // 创建人列缩小
+//     createTime: 160,  // 创建时间列稍微缩小
+//     actions: 300  // 操作列稍微缩小
+//   }
 
-  // 根据屏幕宽度调整列宽
-  if (width < 1200) {
-    // 小屏幕：减少各列宽度
-    return {
-      selection: 35,
-      index: 60,
-      name: Math.max(200, width * 0.25),
-      size: 80,
-      creator: 100,
-      createTime: 140,
-      actions: Math.max(280, width * 0.3)
-    }
-  } else if (width < 1600) {
-    // 中等屏幕：保持基础宽度
-    return baseColumns
-  } else {
-    // 大屏幕：适当增加宽度
-    return {
-      selection: 45,
-      index: 90,
-      name: 320,
-      size: 110,
-      creator: 130,
-      createTime: 200,
-      actions: 360
-    }
-  }
-})
+//   // 根据屏幕宽度调整列宽
+//   if (width < 1200) {
+//     // 小屏幕：减少各列宽度，但保持比例
+//     return {
+//       selection: 40,
+//       index: 60,
+//       name: Math.max(250, width * 0.35),  // 名称列保持较大比例
+//       size: 70,
+//       creator: 80,
+//       createTime: 130,
+//       actions: Math.max(250, width * 0.25)
+//     }
+//   } else if (width < 1600) {
+//     // 中等屏幕：保持基础宽度
+//     return baseColumns
+//   } else {
+//     // 大屏幕：适当增加宽度，但保持合理比例
+//     return {
+//       selection: 50,
+//       index: 80,
+//       name: 500,  // 名称列在大屏幕上更宽
+//       size: 90,
+//       creator: 120,
+//       createTime: 180,
+//       actions: 350
+//     }
+//   }
+// })
 
 // 在组件挂载时添加事件监听器
 onMounted(() => {
@@ -468,18 +464,18 @@ onUnmounted(() => {
 const columns = computed((): DataTableColumns<FileItem> => [
   {
     type: 'selection',
-    width: responsiveColumns.value.selection
+    width: 50  // 选择框固定宽度
   },
   {
     title: '序号',
     key: 'index',
-    width: responsiveColumns.value.index,
+    width: 70,  // 序号固定宽度
     render: (_row: FileItem, index: number) => index + 1
   },
   {
     title: '名称',
     key: 'name',
-    width: responsiveColumns.value.name,
+    // 不设置宽度，让这列自动占用剩余空间
     ellipsis: {
       tooltip: true
     },
@@ -524,22 +520,22 @@ const columns = computed((): DataTableColumns<FileItem> => [
   {
     title: '大小',
     key: 'size',
-    width: responsiveColumns.value.size
+    width: 80  // 大小列固定较小宽度
   },
   {
     title: '创建人',
     key: 'creator',
-    width: responsiveColumns.value.creator
+    width: 100  // 创建人列固定较小宽度
   },
   {
     title: '创建时间',
     key: 'createTime',
-    width: responsiveColumns.value.createTime
+    width: 160  // 创建时间列固定宽度
   },
   {
     title: '操作',
     key: 'actions',
-    width: responsiveColumns.value.actions,
+    width: 300,  // 操作列固定宽度
     render: (row: FileItem) => {
       const buttons = []
 
@@ -891,6 +887,23 @@ const toggleFolder = (folder: FileItem) => {
   padding: 40px;
 }
 
+/* 表格自适应布局 */
+:deep(.file-data-table .n-data-table-wrapper) {
+  overflow-x: auto;
+}
+
+:deep(.file-data-table .n-data-table-base-table) {
+  width: 100%;
+  table-layout: fixed;
+}
+
+/* 名称列自动占用剩余空间 */
+:deep(.file-data-table .n-data-table-td[data-col-key="name"]),
+:deep(.file-data-table .n-data-table-th[data-col-key="name"]) {
+  max-width: 0;
+  width: auto;
+}
+
 /* 表格头部样式 */
 :deep(.file-data-table .n-data-table-thead) {
   background: #fafafa;
@@ -914,9 +927,30 @@ const toggleFolder = (folder: FileItem) => {
   padding: 12px 8px;
   vertical-align: middle;
   text-align: center;
+  word-break: break-word;
+  white-space: normal;
 }
 
-/* 名称列左对齐 */
+/* 序号列居中对齐 */
+:deep(.file-data-table .n-data-table-td[data-col-key="index"]) {
+  text-align: center !important;
+}
+
+/* 隐藏序号列的展开占位符，避免影响居中 */
+:deep(.file-data-table .n-data-table-td[data-col-key="index"] .n-data-table-expand-placeholder) {
+  display: none;
+}
+
+/* 确保序号列的展开触发器也居中 */
+:deep(.file-data-table .n-data-table-td[data-col-key="index"] .n-data-table-expand-trigger) {
+  margin-right: 4px;
+}
+
+:deep(.file-data-table .n-data-table-th[data-col-key="index"]) {
+  text-align: center !important;
+}
+
+/* 名称列居中对齐 */
 :deep(.file-data-table .n-data-table-td[data-col-key="name"]) {
   text-align: center;
 }
@@ -925,6 +959,21 @@ const toggleFolder = (folder: FileItem) => {
   text-align: center;
 }
 
+/* 其他列居中对齐 */
+:deep(.file-data-table .n-data-table-td[data-col-key="size"]),
+:deep(.file-data-table .n-data-table-td[data-col-key="creator"]),
+:deep(.file-data-table .n-data-table-td[data-col-key="createTime"]),
+:deep(.file-data-table .n-data-table-td[data-col-key="actions"]) {
+  text-align: center !important;
+}
+
+:deep(.file-data-table .n-data-table-th[data-col-key="size"]),
+:deep(.file-data-table .n-data-table-th[data-col-key="creator"]),
+:deep(.file-data-table .n-data-table-th[data-col-key="createTime"]),
+:deep(.file-data-table .n-data-table-th[data-col-key="actions"]) {
+  text-align: center !important;
+}
+
 :deep(.file-data-table .n-data-table-tr:hover) {
   background: #fafafa;
 }
@@ -1212,6 +1261,11 @@ const toggleFolder = (folder: FileItem) => {
     padding: 20px;
   }
 
+  /* 确保表格横向滚动正常 */
+  :deep(.file-data-table .n-data-table-wrapper) {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
   /* 操作按钮在小屏幕下换行 */
   :deep(.file-data-table .n-data-table-td:last-child .n-button) {
     margin: 2px;
diff --git a/src/views/teacher/course/ExamPages/AddExam.vue b/src/views/teacher/course/ExamPages/AddExam.vue
new file mode 100644
index 0000000..f94a504
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/AddExam.vue
@@ -0,0 +1,1544 @@
+<template>
+    <n-config-provider :theme-overrides="themeOverrides">
+        <div class="exam-container">
+            <n-space vertical>
+                <n-card size="small">
+                    <div class="group required">
+                        组卷方式：
+                        <n-tag :checked="examType" checkable @click="changeType(1)"
+                            style="margin-right: 20px; border: 1px solid #F1F3F4;">固定试卷组</n-tag>
+                        <n-tag :checked="!examType" checkable @click="changeType(2)"
+                            style="margin-right: 20px; border: 1px solid #F1F3F4;">随机抽题组卷</n-tag>
+                </div>
+                <div class="group required">
+                    <n-row>试卷名称：</n-row>
+                    <n-input v-model:value="examForm.title" type="textarea" placeholder="请输入试卷名称" />
+                </div>
+
+                <n-row class="flex justify-between">
+                    <n-button type="primary" ghost @click="addBigQuestion">
+                        <template #icon>
+                            <n-icon>
+                                <AddCircle />
+                            </n-icon>
+                        </template>
+                        添加大题
+                    </n-button>
+
+                    <n-button strong secondary>
+                        <template #icon>
+                            <n-icon>
+                                <SettingsOutline />
+                            </n-icon>
+                        </template>
+                        试卷设置
+                    </n-button>
+                </n-row>
+            </n-card>
+            <template v-for="(item, index) in examForm.questions" :key="index">
+                <n-card size="small">
+                    <div class="group">
+                        <n-row>第{{ index + 1 }}题：</n-row>
+                        <div class="questionRow">
+                            <n-input class="input-title" v-model:value="item.title" placeholder="请输入题目名称" />
+                            <n-button strong quaternary @click="deleteBigQuestion(index)">
+                                <template #icon>
+                                    <n-icon>
+                                        <TrashOutline />
+                                    </n-icon>
+                                </template>
+                                删除
+                            </n-button>
+                            <n-button strong quaternary :disabled="index === 0"
+                                @click="moveBigQuestion(index, index - 1)">
+                                <template #icon>
+                                    <n-icon>
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                            xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024">
+                                            <path
+                                                d="M334 624h46.9c10.2 0 19.9-4.9 25.9-13.2L512 465.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246a7.95 7.95 0 0 0-12.9 0l-178 246A7.96 7.96 0 0 0 334 624z"
+                                                fill="currentColor"></path>
+                                            <path
+                                                d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
+                                                fill="currentColor"></path>
+                                        </svg>
+                                    </n-icon>
+                                </template>
+                                上移
+                            </n-button>
+                            <n-button strong quaternary :disabled="index === examForm.questions.length - 1"
+                                @click="moveBigQuestion(index, index + 1)">
+                                <template #icon>
+                                    <n-icon class="iconRotate">
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                            xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024">
+                                            <path
+                                                d="M334 624h46.9c10.2 0 19.9-4.9 25.9-13.2L512 465.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246a7.95 7.95 0 0 0-12.9 0l-178 246A7.96 7.96 0 0 0 334 624z"
+                                                fill="currentColor"></path>
+                                            <path
+                                                d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
+                                                fill="currentColor"></path>
+                                        </svg>
+                                    </n-icon>
+                                </template>
+                                下移
+                            </n-button>
+
+                            <div class="total flex justify-between">
+                                共{{ item.subQuestions.length }}题，合计{{ item.totalScore }}分
+                                <n-icon class="iconRotate">
+                                    <ChevronUpSharp />
+                                </n-icon>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="group" v-if="item.subQuestions.length === 0">
+                        <div class="empty_tip">请为当前大题添加题目</div>
+                    </div>
+
+                    <!-- 小题列表显示 -->
+                    <div v-else>
+                        <div v-for="(subQuestion, subIndex) in item.subQuestions" :key="subQuestion.id"
+                            class="sub-question-item">
+                            <!-- 小题标题栏 -->
+                            <div class="sub-question-header">
+                                <span class="sub-question-number">*{{ index + 1 }}.{{ subIndex + 1 }} {{
+                                    getQuestionTypeName(subQuestion.type) }}</span>
+                            </div>
+
+                            <!-- 题目内容输入 -->
+                            <div class="sub-question-content">
+                                <n-input v-model:value="subQuestion.title" type="textarea" placeholder="请输入题目内容" style="flex: 1;" />
+                                <n-button size="small" quaternary @click="deleteSubQuestion(index, subIndex)">
+                                    <template #icon>
+                                        <n-icon>
+                                            <TrashOutline />
+                                        </n-icon>
+                                    </template>
+                                </n-button>
+                            </div>
+
+                            <!-- 根据题型显示不同的编辑界面 -->
+                            <!-- 单选题 -->
+                            <div v-if="subQuestion.type === 'single_choice'" class="question-options">
+                                <div v-for="(option, optionIndex) in subQuestion.options" :key="option.id"
+                                    class="option-item">
+                                    <n-radio :checked="subQuestion.correctAnswer === option.id"
+                                        @update:checked="updateSingleChoice(index, subIndex, option.id)"
+                                        :name="`question_${subQuestion.id}`">
+                                        {{ String.fromCharCode(65 + optionIndex) }}
+                                    </n-radio>
+                                    <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteOption(index, subIndex, optionIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" quaternary @click="addOption(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加选项
+                                </n-button>
+                            </div>
+
+                            <!-- 多选题 -->
+                            <div v-if="subQuestion.type === 'multiple_choice'" class="question-options">
+                                <div v-for="(option, optionIndex) in subQuestion.options" :key="option.id"
+                                    class="option-item">
+                                    <n-checkbox
+                                        :checked="Array.isArray(subQuestion.correctAnswer) && subQuestion.correctAnswer.includes(option.id)"
+                                        @update:checked="updateMultipleChoice(index, subIndex, option.id, $event)">
+                                        {{ String.fromCharCode(65 + optionIndex) }}
+                                    </n-checkbox>
+                                    <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteOption(index, subIndex, optionIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" quaternary @click="addOption(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加选项
+                                </n-button>
+                            </div>
+
+                            <!-- 判断题 -->
+                            <div v-if="subQuestion.type === 'true_false'" class="question-options">
+                                <n-space>
+                                    <n-radio :checked="subQuestion.trueFalseAnswer === true"
+                                        @update:checked="updateTrueFalse(index, subIndex, true)"
+                                        :name="`question_${subQuestion.id}`">
+                                        正确
+                                    </n-radio>
+                                    <n-radio :checked="subQuestion.trueFalseAnswer === false"
+                                        @update:checked="updateTrueFalse(index, subIndex, false)"
+                                        :name="`question_${subQuestion.id}`">
+                                        错误
+                                    </n-radio>
+                                </n-space>
+                            </div>
+
+                            <!-- 填空题 -->
+                            <div v-if="subQuestion.type === 'fill_blank'" class="question-options">
+                                <div v-for="(blank, blankIndex) in subQuestion.fillBlanks" :key="blank.id"
+                                    class="fill-blank-item">
+                                    <span>第{{ blankIndex + 1 }}个填空答案：</span>
+                                    <n-input v-model:value="blank.content" placeholder="请输入正确答案"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteFillBlank(index, subIndex, blankIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" dashed @click="addFillBlank(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加填空
+                                </n-button>
+                            </div>
+
+                            <!-- 简答题 -->
+                            <div v-if="subQuestion.type === 'short_answer'" class="question-options">
+                                <div class="answer-section">
+                                    <span>参考答案：</span>
+                                    <n-input v-model:value="subQuestion.textAnswer" type="textarea"
+                                        placeholder="请输入参考答案" :autosize="{ minRows: 3, maxRows: 8 }" />
+                                </div>
+                            </div>
+
+                            <!-- 复合题子题目 -->
+                            <div v-if="subQuestion.type === 'composite' && subQuestion.subQuestions"
+                                class="composite-sub-questions">
+                                <n-divider />
+                                <div v-for="(compositeSubQ, compSubIndex) in subQuestion.subQuestions"
+                                    :key="compositeSubQ.id" class="composite-sub-item">
+                                    <div class="composite-sub-header">
+                                        <div class="sub-question-number">
+                                            <span>{{ compSubIndex + 1 }}. </span>
+                                            <n-select v-model:value="compositeSubQ.type" :options="[
+                                                { label: '单选题', value: 'single_choice' },
+                                                { label: '多选题', value: 'multiple_choice' },
+                                                { label: '判断题', value: 'true_false' }
+                                            ]" size="small" style="width: 100px; margin-right: 8px;"
+                                                @update:value="changeCompositeSubQuestionType(index, subIndex, compSubIndex, $event)" />
+                                        </div>
+                                        <n-button size="small" quaternary
+                                            @click="deleteCompositeSubQuestion(index, subIndex, compSubIndex)">
+                                            <template #icon>
+                                                <n-icon>
+                                                    <TrashOutline />
+                                                </n-icon>
+                                            </template>
+                                        </n-button>
+                                    </div>
+
+                                    <!-- 子题目内容 -->
+                                    <div class="composite-sub-content">
+                                        <n-input v-model:value="compositeSubQ.title" type="textarea"
+                                            placeholder="请输入子题目内容" :autosize="{ minRows: 2, maxRows: 4 }"
+                                            style="margin-bottom: 12px;" />
+
+                                        <!-- 单选题选项 -->
+                                        <div v-if="compositeSubQ.type === 'single_choice'" class="composite-options">
+                                            <div v-for="(option, optionIndex) in compositeSubQ.options" :key="option.id"
+                                                class="option-item">
+                                                <n-radio :name="`composite_question_${compositeSubQ.id}`"
+                                                    :checked="compositeSubQ.correctAnswer === option.id"
+                                                    @update:checked="updateCompositeChoice(index, subIndex, compSubIndex, option.id)">
+                                                    {{ String.fromCharCode(65 + optionIndex) }}
+                                                </n-radio>
+                                                <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                                    style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                                <n-button size="small" quaternary
+                                                    @click="deleteCompositeOption(index, subIndex, compSubIndex, optionIndex)">
+                                                    <template #icon>
+                                                        <n-icon>
+                                                            <TrashOutline />
+                                                        </n-icon>
+                                                    </template>
+                                                </n-button>
+                                            </div>
+                                            <n-button size="small" dashed
+                                                @click="addCompositeOption(index, subIndex, compSubIndex)"
+                                                class="add-option-btn">
+                                                + 添加选项
+                                            </n-button>
+                                        </div>
+
+                                        <!-- 多选题选项 -->
+                                        <div v-if="compositeSubQ.type === 'multiple_choice'" class="composite-options">
+                                            <div v-for="(option, optionIndex) in compositeSubQ.options" :key="option.id"
+                                                class="option-item">
+                                                <n-checkbox
+                                                    :checked="Array.isArray(compositeSubQ.correctAnswer) && compositeSubQ.correctAnswer.includes(option.id)"
+                                                    @update:checked="updateCompositeMultiChoice(index, subIndex, compSubIndex, option.id, $event)">
+                                                    {{ String.fromCharCode(65 + optionIndex) }}
+                                                </n-checkbox>
+                                                <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                                    style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                                <n-button size="small" quaternary
+                                                    @click="deleteCompositeOption(index, subIndex, compSubIndex, optionIndex)">
+                                                    <template #icon>
+                                                        <n-icon>
+                                                            <TrashOutline />
+                                                        </n-icon>
+                                                    </template>
+                                                </n-button>
+                                            </div>
+                                            <n-button size="small" dashed
+                                                @click="addCompositeOption(index, subIndex, compSubIndex)"
+                                                class="add-option-btn">
+                                                + 添加选项
+                                            </n-button>
+                                        </div>
+
+                                        <!-- 判断题 -->
+                                        <div v-if="compositeSubQ.type === 'true_false'" class="composite-options">
+                                            <n-space>
+                                                <n-radio :checked="compositeSubQ.trueFalseAnswer === true"
+                                                    @update:checked="updateCompositeTrueFalse(index, subIndex, compSubIndex, true)"
+                                                    :name="`composite_question_${compositeSubQ.id}`">
+                                                    正确
+                                                </n-radio>
+                                                <n-radio :checked="compositeSubQ.trueFalseAnswer === false"
+                                                    @update:checked="updateCompositeTrueFalse(index, subIndex, compSubIndex, false)"
+                                                    :name="`composite_question_${compositeSubQ.id}`">
+                                                    错误
+                                                </n-radio>
+                                            </n-space>
+                                        </div>
+                                    </div>
+                                </div>
+                                <n-button size="small" dashed @click="addCompositeSubQuestion(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加子题目
+                                </n-button>
+                            </div>
+
+                            <!-- 答案解析 -->
+                            <div class="explanation-section">
+                                <span>答案解析：</span>
+                                <n-input v-model:value="subQuestion.explanation" type="textarea"
+                                    placeholder="请输入答案解析（选填）" :autosize="{ minRows: 2, maxRows: 4 }" />
+                            </div>
+
+                            <!-- 底部操作按钮 -->
+                            <div class="sub-question-footer">
+                                <div class="sub-footer-item">
+                                    分数：
+                                    <n-input-number v-model:value="subQuestion.score" size="small" :min="0"
+                                        style="width: 80px" />
+                                </div>
+                                <div class="sub-footer-item">
+                                    难度：<n-select v-model:value="subQuestion.difficulty" size="small" style="width: 80px"
+                                        :options="difficultyOptions" />
+                                </div>
+                                <div class="sub-footer-item">
+                                    题目必填：<n-select v-model:value="subQuestion.required" size="small" style="width: 80px"
+                                        :options="[{ label: '是', value: true }, { label: '否', value: false }]" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <n-row class="flex">
+                        <n-popselect v-model:value="questionTypeValue" :options="questionTypeOptions">
+                            <n-button type="primary" @click="addQuestion(index)">
+                                <template #icon>
+                                    <n-icon>
+                                        <AddCircle />
+                                    </n-icon>
+                                </template>
+                                {{questionTypeOptions.find(opt => opt.value === questionTypeValue)?.label || '添加题目'}}
+                            </n-button>
+                        </n-popselect>
+                        <div class="mr-10"></div>
+                        <n-button type="primary" ghost>
+                            <template #icon>
+                                <n-icon>
+                                    <BookSharp />
+                                </n-icon>
+                            </template>
+                            题库题库选择
+                        </n-button>
+                    </n-row>
+                </n-card>
+            </template>
+
+            <!-- 操作按钮 -->
+            <n-card size="small">
+                <div class="footer-btn">
+                    <!-- 左侧按钮 -->
+                    <div class="footer-left">
+                        <n-space>
+                            <n-button type="primary" ghost size="large" @click="openBatchScoreModal">
+                                批量设置分数
+                            </n-button>
+                            <n-button 
+                                type="primary"
+                                :ghost="!examForm.useAIGrading" 
+                                size="large"  
+                                @click="toggleAIGrading">
+                                <!-- <template #icon>
+                                    <n-icon>
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+                                            <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.59 7.59a.996.996 0 0 1-1.41 0z"/>
+                                        </svg>
+                                    </n-icon>
+                                </template> -->
+                                {{ examForm.useAIGrading ? '已启用AI阅卷' : '使用AI阅卷功能' }}
+                            </n-button>
+                            <n-button type="primary" ghost size="large" @click="openExamSettingsModal">
+                                试卷设置
+                            </n-button>
+                            <n-button type="primary" ghost size="large">
+                                预览试卷
+                            </n-button>
+                        </n-space>
+                    </div>
+                    
+                    <!-- 中间统计信息 -->
+                    <div class="footer-center">
+                        <span>题目数量：{{ examForm.questions.length }} 道</span>
+                        <span>总分：{{ examForm.questions.reduce((total, q) => total + q.totalScore, 0) }} 分</span>
+                    </div>
+                    
+                    <!-- 右侧按钮 -->
+                    <div class="footer-right">
+                        <n-space>
+                            <n-button strong type="primary" secondary size="large">
+                                取消
+                            </n-button>
+                            <n-button strong type="primary" secondary size="large">
+                                预览
+                            </n-button>
+                            <n-button strong type="primary" size="large" @click="saveExam">
+                                保存试卷
+                            </n-button>
+                        </n-space>
+                    </div>
+                </div>
+            </n-card>
+        </n-space>
+
+        <!-- 批量设置分数模态框 -->
+        <BatchSetScoreModal
+            v-model:visible="showBatchScoreModal"
+            :questions="examForm.questions"
+            @confirm="handleBatchScoreConfirm"
+            @cancel="handleBatchScoreCancel"
+        />
+
+        <!-- 试卷设置模态框 -->
+        <ExamSettingsModal
+            v-model:visible="showExamSettingsModal"
+            :exam-data="examSettingsData"
+            @confirm="handleExamSettingsConfirm"
+            @cancel="handleExamSettingsCancel"
+        />
+        </div>
+    </n-config-provider>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue';
+import { createDiscreteApi, NConfigProvider } from 'naive-ui';
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { AddCircle, SettingsOutline, TrashOutline, ChevronUpSharp, BookSharp } from '@vicons/ionicons5'
+import BatchSetScoreModal from '@/components/admin/ExamComponents/BatchSetScoreModal.vue';
+import ExamSettingsModal from '@/components/admin/ExamComponents/ExamSettingsModal.vue';
+
+// 自定义主题颜色
+const themeOverrides: GlobalThemeOverrides = {
+    common: {
+        primaryColor: '#0288D1',
+        primaryColorHover: '#0277BD', // A slightly darker shade for hover
+        primaryColorPressed: '#01579B', // A darker shade for pressed
+        errorColor: '#FF4D4F',
+        errorColorHover: '#E54547',
+        errorColorPressed: '#C0383A',
+    },
+    Button: {
+        // For ghost primary buttons
+        textColorGhostPrimary: '#0288D1',
+        borderPrimary: '1px solid #0288D1',
+        // For ghost error buttons
+        textColorGhostError: '#FF4D4F',
+        borderError: '1px solid #FF4D4F',
+    },
+    Tag: {
+        colorPrimary: '#0288D1',
+        colorPrimaryHover: '#0277BD',
+        colorPrimaryPressed: '#01579B',
+        textColorPrimary: '#ffffff',
+    },
+    Card: {
+        borderColor: '#E6E6E6',
+    },
+    Input: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    InputNumber: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    Select: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    Modal: {
+        borderRadius: '8px',
+    },
+    Dialog: {
+        borderRadius: '8px',
+    }
+};
+
+// 创建独立的 dialog API
+const { dialog } = createDiscreteApi(['dialog'])
+
+// 题型枚举
+enum QuestionType {
+    SINGLE_CHOICE = 'single_choice',    // 单选题
+    MULTIPLE_CHOICE = 'multiple_choice', // 多选题
+    TRUE_FALSE = 'true_false',          // 判断题
+    FILL_BLANK = 'fill_blank',          // 填空题
+    SHORT_ANSWER = 'short_answer',      // 简答题
+    COMPOSITE = 'composite'             // 复合题
+}
+
+// 选择题选项接口
+interface ChoiceOption {
+    id: string;
+    content: string;
+    isCorrect: boolean;
+}
+
+// 填空题答案接口
+interface FillBlankAnswer {
+    id: string;
+    content: string;
+    position: number; // 填空位置
+}
+
+// 小题接口
+interface SubQuestion {
+    id: string;
+    type: QuestionType;
+    title: string;              // 题目内容
+    score: number;              // 分值
+    difficulty: 'easy' | 'medium' | 'hard'; // 难度
+    required: boolean;          // 题目必填
+
+    // 选择题相关字段
+    options?: ChoiceOption[];   // 选择题选项
+    correctAnswer?: string | string[]; // 正确答案（单选为string，多选为string[]）
+
+    // 填空题相关字段
+    fillBlanks?: FillBlankAnswer[]; // 填空答案
+
+    // 判断题相关字段
+    trueFalseAnswer?: boolean;  // 判断题答案
+
+    // 简答题/复合题相关字段
+    textAnswer?: string;        // 文本答案
+    answerKeywords?: string[];  // 答案关键词
+
+    // 复合题子题目
+    subQuestions?: SubQuestion[]; // 复合题的子题目
+
+    // 通用字段
+    explanation?: string;       // 答案解析
+    tags?: string[];           // 标签
+    createTime: string;
+}
+
+// 大题接口
+interface BigQuestion {
+    id: string;
+    title: string;             // 大题标题
+    description?: string;      // 大题描述
+    sort: number;             // 排序
+    totalScore: number;       // 总分值
+    subQuestions: SubQuestion[]; // 小题列表
+    createTime: string;
+}
+
+const questionTypeValue = ref<string>('single_choice')
+const questionTypeOptions = ref([
+    {
+        label: '单选题',
+        value: 'single_choice'
+    },
+    {
+        label: '多选题',
+        value: 'multiple_choice'
+    },
+    {
+        label: '判断题',
+        value: 'true_false'
+    },
+    {
+        label: '填空题',
+        value: 'fill_blank'
+    },
+    {
+        label: '简答题',
+        value: 'short_answer'
+    },
+    {
+        label: '复合题',
+        value: 'composite'
+    }
+])
+
+// 难度选项配置
+const difficultyOptions = ref([
+    { label: '简单', value: 'easy' },
+    { label: '中等', value: 'medium' },
+    { label: '困难', value: 'hard' }
+])
+
+const examForm = reactive({
+    title: '',
+    type: 1, // 1: 固定试卷组, 2: 随机抽题组卷
+    description: '',
+    totalScore: 0,           // 试卷总分
+    duration: 60,            // 考试时长（分钟）
+    passScore: 60,           // 及格分数
+    instructions: '',        // 考试说明
+    useAIGrading: false,     // 是否启用AI阅卷功能
+    questions: [
+        {
+            id: '1',
+            title: '',
+            description: '',
+            sort: 1,
+            totalScore: 0,
+            subQuestions: [],
+            createTime: new Date().toISOString()
+        }
+    ] as BigQuestion[],
+    createTime: new Date().toISOString(),
+    updateTime: new Date().toISOString()
+});
+
+const examType = computed(() => {
+    return examForm.type === 1
+})
+
+const changeType = (e: number) => {
+    examForm.type = e;
+}
+
+const addQuestion = (index: number) => {
+    const questionType = questionTypeValue.value as QuestionType;
+    const newSubQuestion: SubQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        type: questionType,
+        title: '',
+        score: 5, // 默认分值
+        difficulty: 'medium',
+        required: true, // 默认必填
+        createTime: new Date().toISOString()
+    };
+
+    // 根据题型初始化不同的字段
+    switch (questionType) {
+        case QuestionType.SINGLE_CHOICE:
+            newSubQuestion.options = [
+                { id: '1', content: '选项A', isCorrect: false },
+                { id: '2', content: '选项B', isCorrect: false },
+                { id: '3', content: '选项C', isCorrect: false },
+                { id: '4', content: '选项D', isCorrect: false }
+            ];
+            newSubQuestion.correctAnswer = '';
+            break;
+
+        case QuestionType.MULTIPLE_CHOICE:
+            newSubQuestion.options = [
+                { id: '1', content: '选项A', isCorrect: false },
+                { id: '2', content: '选项B', isCorrect: false },
+                { id: '3', content: '选项C', isCorrect: false },
+                { id: '4', content: '选项D', isCorrect: false }
+            ];
+            newSubQuestion.correctAnswer = [];
+            break;
+
+        case QuestionType.TRUE_FALSE:
+            newSubQuestion.trueFalseAnswer = undefined; // 初始状态不选择任何选项
+            break;
+
+        case QuestionType.FILL_BLANK:
+            newSubQuestion.fillBlanks = [
+                { id: '1', content: '', position: 1 }
+            ];
+            break;
+
+        case QuestionType.SHORT_ANSWER:
+            newSubQuestion.textAnswer = '';
+            break;
+
+        case QuestionType.COMPOSITE:
+            newSubQuestion.subQuestions = [];
+            break;
+    }
+
+    // 添加到对应大题的小题列表
+    examForm.questions[index].subQuestions.push(newSubQuestion);
+
+    // 更新大题总分
+    updateBigQuestionScore(index);
+}
+
+// 更新大题总分的辅助函数
+const updateBigQuestionScore = (bigQuestionIndex: number) => {
+    const bigQuestion = examForm.questions[bigQuestionIndex];
+    bigQuestion.totalScore = bigQuestion.subQuestions.reduce((total, subQ) => total + subQ.score, 0);
+
+    // 更新试卷总分
+    examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+}
+
+// 添加新的大题
+const addBigQuestion = () => {
+    const newBigQuestion: BigQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        title: `第${examForm.questions.length + 1}大题`,
+        description: '',
+        sort: examForm.questions.length + 1,
+        totalScore: 0,
+        subQuestions: [],
+        createTime: new Date().toISOString()
+    };
+
+    examForm.questions.push(newBigQuestion);
+}
+
+// 获取题型名称
+const getQuestionTypeName = (type: QuestionType): string => {
+    const typeMap = {
+        [QuestionType.SINGLE_CHOICE]: '单选题',
+        [QuestionType.MULTIPLE_CHOICE]: '多选题',
+        [QuestionType.TRUE_FALSE]: '判断题',
+        [QuestionType.FILL_BLANK]: '填空题',
+        [QuestionType.SHORT_ANSWER]: '简答题',
+        [QuestionType.COMPOSITE]: '复合题'
+    };
+    return typeMap[type] || '未知题型';
+}
+
+// 删除小题
+const deleteSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    examForm.questions[bigQuestionIndex].subQuestions.splice(subQuestionIndex, 1);
+    updateBigQuestionScore(bigQuestionIndex);
+}
+
+// 更新单选题答案
+const updateSingleChoice = (bigQuestionIndex: number, subQuestionIndex: number, optionId: string) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    subQuestion.correctAnswer = optionId;
+
+    // 更新选项的正确状态
+    if (subQuestion.options) {
+        subQuestion.options.forEach(option => {
+            option.isCorrect = option.id === optionId;
+        });
+    }
+}
+
+// 更新多选题答案
+const updateMultipleChoice = (bigQuestionIndex: number, subQuestionIndex: number, optionId: string, checked: boolean) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    let answers = (subQuestion.correctAnswer as string[]) || [];
+
+    if (checked) {
+        if (!answers.includes(optionId)) {
+            answers.push(optionId);
+        }
+    } else {
+        answers = answers.filter(id => id !== optionId);
+    }
+
+    subQuestion.correctAnswer = answers;
+
+    // 更新选项的正确状态
+    if (subQuestion.options) {
+        subQuestion.options.forEach(option => {
+            option.isCorrect = answers.includes(option.id);
+        });
+    }
+}
+
+// 更新判断题答案
+const updateTrueFalse = (bigQuestionIndex: number, subQuestionIndex: number, value: boolean) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    subQuestion.trueFalseAnswer = value;
+}
+
+// 添加选项
+const addOption = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.options) {
+        const newOptionId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const optionLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
+        const nextLabel = optionLabels[subQuestion.options.length] || String.fromCharCode(65 + subQuestion.options.length);
+
+        subQuestion.options.push({
+            id: newOptionId,
+            content: `选项${nextLabel}`,
+            isCorrect: false
+        });
+    }
+}
+
+// 删除选项
+const deleteOption = (bigQuestionIndex: number, subQuestionIndex: number, optionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.options && subQuestion.options.length > 2) { // 至少保留2个选项
+        const deletedOption = subQuestion.options[optionIndex];
+        subQuestion.options.splice(optionIndex, 1);
+
+        // 如果删除的是正确答案，需要更新correctAnswer
+        if (subQuestion.type === QuestionType.SINGLE_CHOICE && subQuestion.correctAnswer === deletedOption.id) {
+            subQuestion.correctAnswer = '';
+        } else if (subQuestion.type === QuestionType.MULTIPLE_CHOICE && Array.isArray(subQuestion.correctAnswer)) {
+            subQuestion.correctAnswer = subQuestion.correctAnswer.filter(id => id !== deletedOption.id);
+        }
+    }
+}
+
+// 添加填空
+const addFillBlank = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.fillBlanks) {
+        const newBlankId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        subQuestion.fillBlanks.push({
+            id: newBlankId,
+            content: '',
+            position: subQuestion.fillBlanks.length + 1
+        });
+    }
+}
+
+// 删除填空
+const deleteFillBlank = (bigQuestionIndex: number, subQuestionIndex: number, blankIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.fillBlanks && subQuestion.fillBlanks.length > 1) { // 至少保留1个填空
+        subQuestion.fillBlanks.splice(blankIndex, 1);
+
+        // 重新排序position
+        subQuestion.fillBlanks.forEach((blank, index) => {
+            blank.position = index + 1;
+        });
+    }
+}
+
+// 删除大题
+const deleteBigQuestion = (bigQuestionIndex: number) => {
+    if (examForm.questions.length <= 1) {
+        dialog.warning({
+            title: '操作限制',
+            content: '至少需要保留一个大题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    const bigQuestion = examForm.questions[bigQuestionIndex];
+    const content = bigQuestion.subQuestions.length > 0
+        ? `确定要删除第${bigQuestionIndex + 1}题吗？该大题包含${bigQuestion.subQuestions.length}道小题，删除后无法恢复！`
+        : `确定要删除第${bigQuestionIndex + 1}题吗？`;
+
+    dialog.warning({
+        title: '删除确认',
+        content: content,
+        positiveText: '确定删除',
+        negativeText: '取消',
+        onPositiveClick: () => {
+            examForm.questions.splice(bigQuestionIndex, 1);
+
+            // 重新排序
+            examForm.questions.forEach((question, index) => {
+                question.sort = index + 1;
+                question.title = `第${index + 1}大题`;
+            });
+
+            // 更新总分
+            examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+        }
+    });
+}
+
+// 移动大题位置
+const moveBigQuestion = (fromIndex: number, toIndex: number) => {
+    if (toIndex >= 0 && toIndex < examForm.questions.length) {
+        const question = examForm.questions.splice(fromIndex, 1)[0];
+        examForm.questions.splice(toIndex, 0, question);
+
+        // 重新排序
+        examForm.questions.forEach((question, index) => {
+            question.sort = index + 1;
+            question.title = `第${index + 1}大题`;
+        });
+    }
+}
+
+// AI阅卷功能切换
+const toggleAIGrading = () => {
+    examForm.useAIGrading = !examForm.useAIGrading;
+    
+    // 显示状态变更提示
+    // const statusText = examForm.useAIGrading ? '已启用' : '已关闭';
+    // dialog.success({
+    //     title: 'AI阅卷功能',
+    //     content: `AI阅卷功能${statusText}`,
+    //     positiveText: '确定'
+    // });
+};
+
+// 批量设置分数相关状态和方法
+const showBatchScoreModal = ref(false);
+
+// 打开批量设置分数模态框
+const openBatchScoreModal = () => {
+    // 检查是否有题目
+    let hasQuestions = false;
+    for (const bigQuestion of examForm.questions) {
+        if (bigQuestion.subQuestions.length > 0) {
+            hasQuestions = true;
+            break;
+        }
+    }
+
+    if (!hasQuestions) {
+        dialog.warning({
+            title: '提示',
+            content: '请先添加题目后再进行批量设置分数',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    showBatchScoreModal.value = true;
+};
+
+// 处理批量设置分数确认
+const handleBatchScoreConfirm = (updatedQuestions: BigQuestion[]) => {
+    // 更新试卷数据
+    examForm.questions = updatedQuestions;
+    
+    // 重新计算试卷总分
+    examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+};
+
+// 处理批量设置分数取消
+const handleBatchScoreCancel = () => {
+    // 取消操作，不需要特殊处理
+};
+
+// 试卷设置相关状态和方法
+const showExamSettingsModal = ref(false);
+
+// 试卷设置数据
+const examSettingsData = computed(() => ({
+    title: examForm.title,
+    startTime: null,
+    endTime: null,
+    category: (examForm.type === 1 ? 'exam' : 'practice') as 'exam' | 'practice',
+    timeLimit: 'limited' as 'unlimited' | 'limited' | 'no_limit',
+    timeLimitValue: 0,
+    examTimes: 'unlimited' as 'unlimited' | 'limited' | 'each_day',
+    examTimesValue: 1,
+    dailyLimit: 1,
+    chapter: '',
+    passScore: examForm.passScore,
+    participants: 'all' as 'all' | 'by_school',
+    selectedClasses: [],
+    instructions: examForm.instructions,
+    
+    // 考试模式专用
+    enforceOrder: false,
+    enforceInstructions: false,
+    readingTime: 10,
+    submitSettings: {
+        allowEarlySubmit: true,
+    },
+    gradingDelay: 60,
+    scoreDisplay: 'show_all' as 'show_all' | 'show_score' | 'hide_all',
+    detailedSettings: {
+        showQuestions: false,
+        showAnalysis: false,
+        showSubmissionTime: false,
+    },
+    timerEnabled: false,
+    timerDuration: examForm.duration,
+    answerType: 'auto_save' as 'auto_save' | 'manual_save' | 'multiple_submit',
+    detailScoreMode: 'question' as 'question' | 'automatic' | 'show_current' | 'show_all',
+    showRanking: false,
+    courseProgress: 0,
+    
+    // 练习模式专用
+    correctnessMode: 'no_limit' as 'no_limit' | 'limit_wrong',
+    wrongLimit: 10,
+    practiceSettings: {
+        showCorrectAnswer: false,
+        showWrongAnswer: false,
+        showAnalysis: false,
+        keepPreviousAnswers: false,
+        useLastScore: false,
+    },
+    paperMode: 'show_all' as 'show_all' | 'show_current' | 'hide_all',
+}));
+
+// 打开试卷设置模态框
+const openExamSettingsModal = () => {
+    showExamSettingsModal.value = true;
+};
+
+// 处理试卷设置确认
+const handleExamSettingsConfirm = (settings: any) => {
+    // 更新试卷数据
+    examForm.title = settings.title;
+    examForm.type = settings.category === 'exam' ? 1 : 2;
+    examForm.passScore = settings.passScore;
+    examForm.instructions = settings.instructions;
+    examForm.duration = settings.timerDuration || examForm.duration;
+    
+    // 可以根据需要更新更多字段
+    console.log('试卷设置数据:', settings);
+};
+
+// 处理试卷设置取消
+const handleExamSettingsCancel = () => {
+    // 取消操作，不需要特殊处理
+};
+
+// 保存试卷
+const saveExam = () => {
+    // 验证数据
+    if (!examForm.title.trim()) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请输入试卷标题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    if (examForm.questions.length === 0) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请至少添加一个大题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    let hasQuestions = false;
+    for (const bigQuestion of examForm.questions) {
+        if (bigQuestion.subQuestions.length > 0) {
+            hasQuestions = true;
+            break;
+        }
+    }
+
+    if (!hasQuestions) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请至少添加一道题目',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    // 这里实现保存逻辑
+    console.log('保存试卷数据:', examForm);
+    dialog.success({
+        title: '保存成功',
+        content: '试卷保存成功！',
+        positiveText: '确定'
+    });
+}
+
+// 复合题相关方法
+const addCompositeSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (!subQuestion.subQuestions) {
+        subQuestion.subQuestions = [];
+    }
+
+    const newSubSubQuestion: SubQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        type: QuestionType.SINGLE_CHOICE,
+        title: '',
+        score: 2,
+        difficulty: 'medium',
+        required: true,
+        options: [
+            { id: '1', content: '选项A', isCorrect: false },
+            { id: '2', content: '选项B', isCorrect: false },
+            { id: '3', content: '选项C', isCorrect: false },
+            { id: '4', content: '选项D', isCorrect: false }
+        ],
+        correctAnswer: '',
+        createTime: new Date().toISOString()
+    };
+
+    subQuestion.subQuestions.push(newSubSubQuestion);
+    updateBigQuestionScore(bigQuestionIndex);
+}
+
+const deleteCompositeSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.subQuestions) {
+        subQuestion.subQuestions.splice(compSubIndex, 1);
+        updateBigQuestionScore(bigQuestionIndex);
+    }
+}
+
+// 复合题选项管理
+const updateCompositeChoice = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionId: string) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.correctAnswer = optionId;
+        // 更新选项的正确状态
+        if (compositeSubQ.options) {
+            compositeSubQ.options.forEach(option => {
+                option.isCorrect = option.id === optionId;
+            });
+        }
+    }
+}
+
+const updateCompositeMultiChoice = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionId: string, checked: boolean) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        let answers = (compositeSubQ.correctAnswer as string[]) || [];
+
+        if (checked) {
+            if (!answers.includes(optionId)) {
+                answers.push(optionId);
+            }
+        } else {
+            answers = answers.filter(id => id !== optionId);
+        }
+
+        compositeSubQ.correctAnswer = answers;
+
+        // 更新选项的正确状态
+        if (compositeSubQ.options) {
+            compositeSubQ.options.forEach(option => {
+                option.isCorrect = answers.includes(option.id);
+            });
+        }
+    }
+}
+
+// 更新复合题判断题答案
+const updateCompositeTrueFalse = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, value: boolean) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.trueFalseAnswer = value;
+    }
+}
+
+const addCompositeOption = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ && compositeSubQ.options) {
+        const newOptionId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const optionLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
+        const nextLabel = optionLabels[compositeSubQ.options.length] || String.fromCharCode(65 + compositeSubQ.options.length);
+
+        compositeSubQ.options.push({
+            id: newOptionId,
+            content: `选项${nextLabel}`,
+            isCorrect: false
+        });
+    }
+}
+
+const deleteCompositeOption = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionIndex: number) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ && compositeSubQ.options && compositeSubQ.options.length > 2) { // 至少保留2个选项
+        const deletedOption = compositeSubQ.options[optionIndex];
+        compositeSubQ.options.splice(optionIndex, 1);
+
+        // 如果删除的是正确答案，需要更新correctAnswer
+        if (compositeSubQ.type === QuestionType.SINGLE_CHOICE && compositeSubQ.correctAnswer === deletedOption.id) {
+            compositeSubQ.correctAnswer = '';
+        } else if (compositeSubQ.type === QuestionType.MULTIPLE_CHOICE && Array.isArray(compositeSubQ.correctAnswer)) {
+            compositeSubQ.correctAnswer = compositeSubQ.correctAnswer.filter(id => id !== deletedOption.id);
+        }
+    }
+}
+
+// 修改复合题子题目类型
+const changeCompositeSubQuestionType = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, newType: string) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.type = newType as QuestionType;
+
+        // 根据新题型重新初始化相关字段
+        switch (newType as QuestionType) {
+            case QuestionType.SINGLE_CHOICE:
+                compositeSubQ.options = [
+                    { id: '1', content: '选项A', isCorrect: false },
+                    { id: '2', content: '选项B', isCorrect: false },
+                    { id: '3', content: '选项C', isCorrect: false },
+                    { id: '4', content: '选项D', isCorrect: false }
+                ];
+                compositeSubQ.correctAnswer = '';
+                delete compositeSubQ.trueFalseAnswer;
+                break;
+
+            case QuestionType.MULTIPLE_CHOICE:
+                compositeSubQ.options = [
+                    { id: '1', content: '选项A', isCorrect: false },
+                    { id: '2', content: '选项B', isCorrect: false },
+                    { id: '3', content: '选项C', isCorrect: false },
+                    { id: '4', content: '选项D', isCorrect: false }
+                ];
+                compositeSubQ.correctAnswer = [];
+                delete compositeSubQ.trueFalseAnswer;
+                break;
+
+            case QuestionType.TRUE_FALSE:
+                compositeSubQ.trueFalseAnswer = undefined; // 初始状态不选择任何选项
+                delete compositeSubQ.options;
+                delete compositeSubQ.correctAnswer;
+                break;
+        }
+    }
+}
+
+// 保存题目
+// const saveSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+//     const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+
+//     // 验证题目数据
+//     if (!subQuestion.title.trim()) {
+//         dialog.warning({
+//             title: '输入提示',
+//             content: '请输入题目内容',
+//             positiveText: '确定'
+//         });
+//         return;
+//     }
+
+//     // 根据题型验证必要字段
+//     switch (subQuestion.type) {
+//         case QuestionType.SINGLE_CHOICE:
+//         case QuestionType.MULTIPLE_CHOICE:
+//             if (!subQuestion.options || subQuestion.options.length < 2) {
+//                 dialog.warning({
+//                     title: '输入提示',
+//                     content: '选择题至少需要2个选项',
+//                     positiveText: '确定'
+//                 });
+//                 return;
+//             }
+//             if (!subQuestion.correctAnswer ||
+//                 (Array.isArray(subQuestion.correctAnswer) && subQuestion.correctAnswer.length === 0)) {
+//                 dialog.warning({
+//                     title: '输入提示',
+//                     content: '请设置正确答案',
+//                     positiveText: '确定'
+//                 });
+//                 return;
+//             }
+//             break;
+
+//         case QuestionType.FILL_BLANK:
+//             if (!subQuestion.fillBlanks || subQuestion.fillBlanks.length === 0) {
+//                 dialog.warning({
+//                     title: '输入提示',
+//                     content: '填空题至少需要1个填空',
+//                     positiveText: '确定'
+//                 });
+//                 return;
+//             }
+//             if (subQuestion.fillBlanks.some(blank => !blank.content.trim())) {
+//                 dialog.warning({
+//                     title: '输入提示',
+//                     content: '请填写所有填空的正确答案',
+//                     positiveText: '确定'
+//                 });
+//                 return;
+//             }
+//             break;
+//     }
+
+//     updateBigQuestionScore(bigQuestionIndex);
+//     dialog.success({
+//         title: '保存成功',
+//         content: '题目保存成功！',
+//         positiveText: '确定'
+//     });
+// }
+
+// 预览题目
+// const previewSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+//     const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+//     console.log('预览题目:', subQuestion);
+//     // 这里可以实现题目预览功能，比如打开一个模态框显示题目
+// }
+</script>
+
+<style scoped>
+.exam-container {
+    padding: 20px;
+}
+
+.group {
+    border: 1px solid #F1F3F4;
+    padding: 12px;
+    margin: 15px 0;
+}
+
+.required::before {
+    content: '*';
+    color: red;
+}
+
+.flex {
+    display: flex;
+}
+
+.justify-between {
+    justify-content: space-between;
+    align-items: center;
+}
+
+.mr-10 {
+    margin-right: 10px;
+}
+
+.iconRotate {
+    transform: rotate(180deg);
+}
+
+.input-title {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.questionRow {
+    display: flex;
+    align-items: center;
+}
+
+.empty_tip {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+}
+
+/* 新增样式 */
+.question-item {
+    border: 1px solid #e8e8e8;
+    border-radius: 6px;
+    padding: 16px;
+    margin-bottom: 12px;
+    background-color: #fafafa;
+}
+
+.question-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e8e8e8;
+}
+
+.question-type {
+    background-color: #0288d1;
+    color: white;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+}
+
+.question-content {
+    margin-bottom: 12px;
+}
+
+.sub-question-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.question-options {
+    margin-bottom: 12px;
+}
+
+.option-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 10px 0;
+}
+
+.choice-option {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 8px;
+    background-color: white;
+    border-radius: 4px;
+}
+
+.fill-blank-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 8px;
+    background-color: white;
+    border-radius: 4px;
+}
+
+.add-option-btn {
+    margin-top: 8px;
+    color: #0288d1;
+}
+
+.question-actions {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+}
+
+.total {
+    color: #666;
+    font-size: 14px;
+}
+
+.sub-question-footer {
+    margin: 10px 0;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+}
+
+.sub-footer-item {
+    display: flex;
+    align-items: center;
+    margin: 0 10px;
+}
+
+/* 复合题样式 */
+.composite-sub-questions {
+    margin-top: 16px;
+}
+
+.composite-sub-item {
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    padding: 12px;
+    margin-bottom: 12px;
+    background-color: #f9f9f9;
+}
+
+.composite-sub-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.composite-sub-content {
+    margin-top: 8px;
+}
+
+.composite-options {
+    margin-top: 8px;
+}
+
+.sub-question-number{
+    display: flex;
+    gap: 6;
+}
+
+.footer-btn {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 0;
+    min-height: 60px;
+}
+
+.footer-left {
+    flex: 0 0 auto;
+    z-index: 1;
+}
+
+.footer-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    gap: 4px;
+    font-size: 14px;
+    color: #666;
+    padding: 8px 16px;
+    border-radius: 4px;
+    white-space: nowrap;
+    z-index: 2;
+}
+
+.footer-center span {
+    font-weight: 500;
+    margin: 0 6px;
+}
+
+.footer-right {
+    flex: 0 0 auto;
+    z-index: 1;
+}
+
+
+/* 响应式布局 */
+@media (max-width: 1200px) {
+    .footer-btn {
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+    }
+    
+    .footer-center {
+        position: static;
+        transform: none;
+        order: 2;
+        margin: 8px 0;
+    }
+    
+    .footer-left {
+        order: 1;
+    }
+    
+    .footer-right {
+        order: 3;
+    }
+}
+</style>
diff --git a/src/views/teacher/course/ExamPages/ExamLibrary.vue b/src/views/teacher/course/ExamPages/ExamLibrary.vue
new file mode 100644
index 0000000..87a6f2f
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/ExamLibrary.vue
@@ -0,0 +1,210 @@
+<template>
+    <div>
+        <div class="exam-library-container">
+            <div class="header-section">
+                <h1 class="title">试卷库</h1>
+                <n-space class="actions-group">
+                    <n-button type="primary" @click="handleAddExam">添加试卷</n-button>
+                    <n-button ghost>导入</n-button>
+                    <n-button ghost>导出</n-button>
+                    <n-button type="error" ghost>删除</n-button>
+                    <n-input placeholder="请输入想要搜索的内容" />
+                    <n-button type="primary">搜索</n-button>
+                </n-space>
+            </div>
+
+            <n-data-table :columns="columns" :data="examData" :row-key="(row: Exam) => row.id"
+                @update:checked-row-keys="handleCheck" class="exam-table" :single-line="false" />
+
+            <div class="pagination-container">
+                <n-pagination v-model:page="currentPage" :page-count="totalPages" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { h, ref, VNode } from 'vue';
+import { NButton, NSpace, useMessage, NDataTable, NPagination, NInput } from 'naive-ui';
+import type { DataTableColumns } from 'naive-ui';
+import { useRouter } from 'vue-router';
+const router = useRouter();
+
+// 定义考试条目的数据类型
+type Exam = {
+    id: number;
+    name: string;
+    category: '练习' | '考试';
+    questionCount: number;
+    chapter: string;
+    totalScore: number;
+    difficulty: '易' | '中' | '难';
+    status: '发布中' | '未发布' | '已结束';
+    startTime: string;
+    endTime: string;
+    creator: string;
+    creationTime: string;
+};
+
+// 主题颜色已在全局配置中统一设置
+
+
+const message = useMessage();
+
+// 创建表格列的函数
+const createColumns = ({
+    handleAction,
+}: {
+    handleAction: (action: string, rowData: Exam) => void;
+}): DataTableColumns<Exam> => {
+    return [
+        {
+            type: 'selection',
+        },
+        {
+            title: '序号',
+            key: 'id',
+            width: 60,
+            align: 'center',
+        },
+        {
+            title: '试卷名称',
+            key: 'name',
+        },
+        {
+            title: '分类',
+            key: 'category',
+        },
+        {
+            title: '题量',
+            key: 'questionCount',
+        },
+        {
+            title: '所属章节',
+            key: 'chapter',
+        },
+        {
+            title: '总分',
+            key: 'totalScore',
+        },
+        {
+            title: '难度',
+            key: 'difficulty',
+        },
+        {
+            title: '状态',
+            key: 'status',
+        },
+        {
+            title: '起止时间',
+            key: 'startTime',
+            render(row) {
+                return `${row.startTime} - ${row.endTime}`;
+            },
+        },
+        {
+            title: '创建人',
+            key: 'creator',
+        },
+        {
+            title: '创建时间',
+            key: 'creationTime',
+        },
+        {
+            title: '操作',
+            key: 'actions',
+            render(row) {
+                const buttons: VNode[] = [];
+                if (row.status === '发布中') {
+                    buttons.push(
+                        h(NButton, { size: 'small', type: 'primary', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('批阅', row) }, { default: () => '批阅' })
+                    );
+                } else if (row.status === '未发布') {
+                    buttons.push(
+                        h(NButton, { size: 'small', type: 'primary', style: 'margin: 0 3px;', onClick: () => handleAction('发布', row) }, { default: () => '发布' })
+                    );
+                }
+
+                buttons.push(
+                    h(NButton, { size: 'small', type: 'primary', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('编辑', row) }, { default: () => '编辑' })
+                );
+                buttons.push(
+                    h(NButton, { size: 'small', type: 'error', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('删除', row) }, { default: () => '删除' })
+                );
+                return h(NSpace, {}, { default: () => buttons });
+            },
+        },
+    ];
+};
+
+// 模拟数据
+const examData = ref<Exam[]>([
+    { id: 1, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 2, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 3, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 4, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 5, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 6, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 7, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 8, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+]);
+
+const columns = createColumns({
+    handleAction: (action, row) => {
+        message.info(`执行操作: ${action} on row ${row.id}`);
+    },
+});
+
+const checkedRowKeys = ref<Array<string | number>>([]);
+const handleCheck = (rowKeys: Array<string | number>) => {
+    checkedRowKeys.value = rowKeys;
+};
+
+// 分页状态
+const currentPage = ref(1);
+const totalPages = ref(29); // 来自图片
+
+const handleAddExam = () => {
+    // 这里可以添加导航到添加试卷页面的逻辑
+    router.push({ name: 'AddExam' });
+};
+
+</script>
+
+<style scoped>
+.exam-library-container {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+}
+
+.header-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #E6E6E6;
+}
+
+.title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 500;
+}
+
+.actions-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.exam-table {
+    margin-top: 20px;
+}
+
+.pagination-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+</style>
diff --git a/src/views/teacher/course/ExamPages/MarkingCenter.vue b/src/views/teacher/course/ExamPages/MarkingCenter.vue
new file mode 100644
index 0000000..eb2fad6
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/MarkingCenter.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <h1>阅卷中心</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/teacher/course/HomeworkLibrary.vue b/src/views/teacher/course/HomeworkLibrary.vue
index 176cfdf..6a8ee54 100644
--- a/src/views/teacher/course/HomeworkLibrary.vue
+++ b/src/views/teacher/course/HomeworkLibrary.vue
@@ -19,7 +19,7 @@
         <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
           <n-data-table :columns="columns" :data="sortedHomeworkList" :row-key="rowKey"
             :checked-row-keys="selectedHomework" @update:checked-row-keys="handleCheck" :bordered="false"
-            :single-line="false" size="medium" class="homework-data-table" />
+            :single-line="false" size="medium" class="homework-data-table" scroll-x="true" />
         </n-config-provider>
       </div>
 
@@ -94,51 +94,51 @@ const handleResize = () => {
 }
 
 // 响应式列配置计算属性
-const responsiveColumns = computed(() => {
-  const width = screenWidth.value
+// const responsiveColumns = computed(() => {
+//   const width = screenWidth.value
 
-  // 基础列宽配置
-  const baseColumns = {
-    selection: 50,
-    index: 80,
-    name: 200,
-    chapter: 180,
-    class: 150,
-    creator: 120,
-    createTime: 180,
-    actions: 200
-  }
+//   // 基础列宽配置
+//   const baseColumns = {
+//     selection: 50,
+//     index: 80,
+//     name: 200,
+//     chapter: 180,
+//     class: 150,
+//     creator: 120,
+//     createTime: 180,
+//     actions: 200
+//   }
 
-  // 根据屏幕宽度调整列宽
-  if (width < 1200) {
-    // 小屏幕：减少各列宽度
-    return {
-      selection: 40,
-      index: 60,
-      name: Math.max(150, width * 0.2),
-      chapter: Math.max(120, width * 0.15),
-      class: Math.max(100, width * 0.12),
-      creator: 80,
-      createTime: 140,
-      actions: Math.max(160, width * 0.2)
-    }
-  } else if (width < 1600) {
-    // 中等屏幕：保持基础宽度
-    return baseColumns
-  } else {
-    // 大屏幕：适当增加宽度
-    return {
-      selection: 55,
-      index: 90,
-      name: 250,
-      chapter: 220,
-      class: 180,
-      creator: 140,
-      createTime: 200,
-      actions: 240
-    }
-  }
-})
+//   // 根据屏幕宽度调整列宽
+//   if (width < 1200) {
+//     // 小屏幕：减少各列宽度
+//     return {
+//       selection: 40,
+//       index: 60,
+//       name: Math.max(150, width * 0.2),
+//       chapter: Math.max(120, width * 0.15),
+//       class: Math.max(100, width * 0.12),
+//       creator: 80,
+//       createTime: 140,
+//       actions: Math.max(160, width * 0.2)
+//     }
+//   } else if (width < 1600) {
+//     // 中等屏幕：保持基础宽度
+//     return baseColumns
+//   } else {
+//     // 大屏幕：适当增加宽度
+//     return {
+//       selection: 55,
+//       index: 90,
+//       name: 250,
+//       chapter: 220,
+//       class: 180,
+//       creator: 140,
+//       createTime: 200,
+//       actions: 240
+//     }
+//   }
+// })
 
 // 在组件挂载时添加事件监听器
 onMounted(() => {
@@ -272,22 +272,24 @@ const handleCheck = (keys: number[]) => {
   selectedHomework.value = keys
 }
 
-// 表格列定义
+// 表格列定义 - 使用 minWidth 实现响应式
 const columns = computed((): DataTableColumns<HomeworkItem> => [
   {
     type: 'selection',
-    width: responsiveColumns.value.selection
+    minWidth: 50
   },
   {
     title: '序号',
     key: 'index',
-    width: responsiveColumns.value.index,
+    minWidth: 60,
+    width: 60,
     render: (_, index) => index + 1
   },
   {
     title: '作业名称',
     key: 'name',
-    width: responsiveColumns.value.name,
+    minWidth: 300,
+    width: 300,
     ellipsis: {
       tooltip: true
     },
@@ -301,7 +303,8 @@ const columns = computed((): DataTableColumns<HomeworkItem> => [
   {
     title: '所属章节',
     key: 'chapter',
-    width: responsiveColumns.value.chapter,
+    minWidth: 200,
+    width: 200,
     ellipsis: {
       tooltip: true
     }
@@ -309,7 +312,8 @@ const columns = computed((): DataTableColumns<HomeworkItem> => [
   {
     title: '绑定班级',
     key: 'class',
-    width: responsiveColumns.value.class,
+    minWidth: 150,
+    width: 150,
     ellipsis: {
       tooltip: true
     }
@@ -317,29 +321,34 @@ const columns = computed((): DataTableColumns<HomeworkItem> => [
   {
     title: '创建人',
     key: 'creator',
-    width: responsiveColumns.value.creator
+    minWidth: 100,
+    width: 100
   },
   {
     title: '创建时间',
     key: 'createTime',
-    width: responsiveColumns.value.createTime
+    minWidth: 140,
+    width: 140
   },
   {
     title: '操作',
     key: 'actions',
-    width: responsiveColumns.value.actions,
+    minWidth: 200,
+    width: 200,
     render: (row) => {
-      return h('div', { style: 'display: flex; gap: 8px; align-items: center;' }, [
+      return h('div', { style: 'display: flex; gap: 6px; align-items: center; justify-content: center; flex-wrap: wrap;' }, [
         h(NButton, {
           size: 'small',
           type: 'info',
           secondary: true,
+          style: 'min-width: 50px;',
           onClick: () => editHomework(row.id)
         }, { default: () => '编辑' }),
         h(NButton, {
           size: 'small',
           type: 'error',
           secondary: true,
+          style: 'min-width: 50px;',
           onClick: () => deleteHomework(row.id)
         }, { default: () => '删除' }),
         h(NDropdown, {
@@ -371,7 +380,8 @@ const columns = computed((): DataTableColumns<HomeworkItem> => [
           default: () => h(NButton, {
             size: 'small',
             type: 'info',
-            secondary: true
+            secondary: true,
+            style: 'min-width: 50px;'
           }, { default: () => '更多' })
         })
       ])
diff --git a/src/views/teacher/course/PracticeManagement.vue b/src/views/teacher/course/PracticeManagement.vue
index 4b52a7e..9a91db7 100644
--- a/src/views/teacher/course/PracticeManagement.vue
+++ b/src/views/teacher/course/PracticeManagement.vue
@@ -1,40 +1,12 @@
 <template>
   <div class="practice-management">
     <div class="content-placeholder">
-      <h2>考试管理</h2>
-      <p>考试管理功能正在修改中...</p>
+      <h2>练考通管理</h2>
+      <p>练考通管理功能正在开发中...</p>
     </div>
   </div>
 </template>
 
-<script setup lang="ts">
-</script>
-
-<style scoped>
-.practice-management {
-  padding: 20px;
-  background: #fff;
-  height: 100%;
-}
-
-.content-placeholder {
-  text-align: center;
-  padding: 60px 20px;
-}
-
-.content-placeholder h2 {
-  font-size: 24px;
-  color: #333;
-  margin-bottom: 20px;
-}
-
-.content-placeholder p {
-  font-size: 16px;
-  color: #666;
-}
-</style>
-
-
 <script setup lang="ts">
 // 练考通管理逻辑
 </script>
diff --git a/src/views/teacher/course/QuestionBankManagement.vue b/src/views/teacher/course/QuestionBankManagement.vue
index d79f231..f98a144 100644
--- a/src/views/teacher/course/QuestionBankManagement.vue
+++ b/src/views/teacher/course/QuestionBankManagement.vue
@@ -1,36 +1,850 @@
 <template>
   <div class="question-bank-management">
-    <div class="content-placeholder">
-      <h2>题库管理</h2>
-      <p>题库管理功能正在开发中...</p>
+    <!-- 顶部操作栏 -->
+    <div class="toolbar">
+      <h2>全部试题</h2>
+      <div class="toolbar-actions">
+        <button class="btn btn-primary" @click="addQuestion">添加试题</button>
+        <button class="btn btn-new" @click="importQuestions">导入</button>
+        <div class="dropdown-container">
+          <button class="btn btn-new" @click="toggleMoreDropdown">更多</button>
+          <div v-if="showMoreDropdown" class="more-dropdown">
+            <div class="dropdown-item" @click="categorySettings">分类设置</div>
+            <div class="dropdown-item" @click="exportQuestions">导出试题</div>
+          </div>
+        </div>
+        <button class="btn btn-danger" @click="deleteSelected">删除</button>
+        <select v-model="selectedCategory" class="category-select" @change="filterByCategory">
+          <option value="">分类</option>
+          <option value="试题分类">试题分类</option>
+          <option value="分类设置">分类设置</option>
+        </select>
+        <div class="search-box">
+          <input type="text" placeholder="请输入关键词" v-model="searchKeyword" @keyup.enter="searchQuestions" />
+          <button class="btn btn-search" @click="searchQuestions">搜索</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 题目列表表格 -->
+    <div class="table-box">
+      <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
+        <n-data-table :columns="columns" :data="filteredQuestions" :row-key="rowKey"
+          :checked-row-keys="selectedQuestions" @update:checked-row-keys="handleCheck" :bordered="false"
+          :single-line="false" size="medium" class="question-data-table" :row-class-name="rowClassName" />
+      </n-config-provider>
+
+
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-// 题库管理逻辑
+import { ref, computed, h, onMounted, onUnmounted } from 'vue'
+import {
+  NButton,
+  NDataTable,
+  NConfigProvider,
+  NTag,
+  useMessage,
+  zhCN,
+  dateZhCN
+} from 'naive-ui'
+import type { DataTableColumns } from 'naive-ui'
+
+const message = useMessage()
+
+// 题目类型定义
+interface Question {
+  id: number
+  content: string
+  type: '单选题' | '填空题' | '多选题' | '判断题' | '简答题'
+  category: string
+  difficulty: '易' | '中' | '难'
+  score: number
+  creator: string
+  createTime: string
+}
+
+// 响应式数据
+const screenWidth = ref(window.innerWidth)
+const searchKeyword = ref('')
+const selectedCategory = ref('')
+const selectedQuestions = ref<number[]>([])
+const showMoreDropdown = ref(false)
+
+// 模拟题目数据
+const questionList = ref<Question[]>([
+  {
+    id: 1,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 2,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 3,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 4,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 5,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 6,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 7,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 8,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 9,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 10,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 11,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 12,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 13,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 14,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '填空题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  },
+  {
+    id: 15,
+    content: '在数据库的三级模式结构中，内模式有...',
+    type: '单选题',
+    category: '试题分类',
+    difficulty: '易',
+    score: 10,
+    creator: '王建国',
+    createTime: '2025.08.20 09:20'
+  }
+])
+
+// 响应式列宽配置
+const responsiveColumns = computed(() => {
+  if (screenWidth.value < 1200) {
+    return {
+      selection: 40,
+      index: 60,
+      content: 200,
+      type: 80,
+      category: 100,
+      difficulty: 60,
+      score: 60,
+      creator: 80,
+      createTime: 120,
+      actions: 120
+    }
+  } else if (screenWidth.value < 1600) {
+    return {
+      selection: 50,
+      index: 80,
+      content: 280,
+      type: 100,
+      category: 120,
+      difficulty: 80,
+      score: 80,
+      creator: 100,
+      createTime: 150,
+      actions: 160
+    }
+  } else {
+    return {
+      selection: 50,
+      index: 80,
+      content: 350,
+      type: 120,
+      category: 140,
+      difficulty: 100,
+      score: 100,
+      creator: 120,
+      createTime: 180,
+      actions: 200
+    }
+  }
+})
+
+// 窗口大小监听
+const handleResize = () => {
+  screenWidth.value = window.innerWidth
+}
+
+onMounted(() => {
+  window.addEventListener('resize', handleResize)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', handleResize)
+})
+
+// 表格列配置
+const columns = computed((): DataTableColumns<Question> => [
+  {
+    type: 'selection',
+    width: responsiveColumns.value.selection
+  },
+  {
+    title: '序号',
+    key: 'index',
+    width: responsiveColumns.value.index,
+    render: (_row: Question, index: number) => index + 1
+  },
+  {
+    title: '试题内容',
+    key: 'content',
+    width: responsiveColumns.value.content,
+    ellipsis: {
+      tooltip: true
+    }
+  },
+  {
+    title: '题型',
+    key: 'type',
+    width: responsiveColumns.value.type,
+    render: (row: Question) => {
+      return h(NTag, {
+        type: 'info',
+        style: {
+          backgroundColor: 'transparent !important',
+          color: '#062333 !important',
+          fontSize: '12px !important',
+          border: 'none !important',
+          '--n-border': 'none !important',
+          '--n-color': 'transparent !important'
+        }
+      }, () => row.type)
+    }
+  },
+  {
+    title: '分类',
+    key: 'category',
+    width: responsiveColumns.value.category,
+    ellipsis: {
+      tooltip: true
+    }
+  },
+  {
+    title: '难度',
+    key: 'difficulty',
+    width: responsiveColumns.value.difficulty,
+    render: (row: Question) => {
+      return h(NTag, {
+        type: 'info',
+        style: {
+          backgroundColor: 'transparent !important',
+          color: '#062333 !important',
+          fontSize: '12px !important',
+          border: 'none !important',
+          '--n-border': 'none !important',
+          '--n-color': 'transparent !important'
+        }
+      }, () => row.difficulty)
+    }
+  },
+  {
+    title: '分值',
+    key: 'score',
+    width: responsiveColumns.value.score
+  },
+  {
+    title: '创建人',
+    key: 'creator',
+    width: responsiveColumns.value.creator,
+    ellipsis: {
+      tooltip: true
+    }
+  },
+  {
+    title: '创建时间',
+    key: 'createTime',
+    width: responsiveColumns.value.createTime,
+    ellipsis: {
+      tooltip: true
+    }
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    width: responsiveColumns.value.actions,
+    render: (row: Question) => {
+      return h('div', { style: { display: 'flex', gap: '8px' } }, [
+        h(NButton, {
+          size: 'small',
+          type: 'info',
+          ghost: true,
+          onClick: () => editQuestion(row)
+        }, () => '编辑'),
+        h(NButton, {
+          size: 'small',
+          type: 'error',
+          ghost: true,
+          onClick: () => deleteQuestion(row)
+        }, () => '删除')
+      ])
+    }
+  }
+])
+
+// 过滤后的题目列表
+const filteredQuestions = computed(() => {
+  let filtered = questionList.value
+
+  // 按分类过滤
+  if (selectedCategory.value) {
+    filtered = filtered.filter(q => q.category === selectedCategory.value)
+  }
+
+  // 按关键词搜索
+  if (searchKeyword.value) {
+    filtered = filtered.filter(q =>
+      q.content.includes(searchKeyword.value) ||
+      q.creator.includes(searchKeyword.value)
+    )
+  }
+
+  return filtered
+})
+
+// 不再需要分页数据
+
+// 不再需要分页相关的computed属性
+
+// 行键
+const rowKey = (row: Question) => row.id
+
+// 行样式
+const rowClassName = (row: Question) => {
+  return selectedQuestions.value.includes(row.id) ? 'selected-row' : ''
+}
+
+// 事件处理
+const handleCheck = (keys: number[]) => {
+  selectedQuestions.value = keys
+}
+
+// 不再需要分页方法
+
+const filterByCategory = () => {
+  // 分类筛选
+}
+
+const searchQuestions = () => {
+  message.info('搜索: ' + searchKeyword.value)
+}
+
+const addQuestion = () => {
+  message.info('添加试题功能')
+}
+
+const importQuestions = () => {
+  message.info('导入试题功能')
+}
+
+const toggleMoreDropdown = () => {
+  showMoreDropdown.value = !showMoreDropdown.value
+}
+
+const categorySettings = () => {
+  showMoreDropdown.value = false
+  message.info('分类设置功能')
+}
+
+const exportQuestions = () => {
+  showMoreDropdown.value = false
+  message.info('导出试题功能')
+}
+
+const deleteSelected = () => {
+  if (selectedQuestions.value.length === 0) return
+  if (confirm(`确定要删除选中的 ${selectedQuestions.value.length} 道试题吗？`)) {
+    selectedQuestions.value.forEach((id: number) => {
+      const index = questionList.value.findIndex((q: Question) => q.id === id)
+      if (index > -1) {
+        questionList.value.splice(index, 1)
+      }
+    })
+    selectedQuestions.value = []
+    message.success('删除成功')
+  }
+}
+
+const editQuestion = (question: Question) => {
+  message.info('编辑试题: ' + question.content.substring(0, 20) + '...')
+}
+
+const deleteQuestion = (question: Question) => {
+  if (confirm('确定要删除这道试题吗？')) {
+    const index = questionList.value.findIndex(q => q.id === question.id)
+    if (index > -1) {
+      questionList.value.splice(index, 1)
+      message.success('删除成功')
+    }
+  }
+}
 </script>
 
 <style scoped>
 .question-bank-management {
-  padding: 20px;
   background: #fff;
   height: 100%;
 }
 
-.content-placeholder {
-  text-align: center;
-  padding: 60px 20px;
+/* 顶部工具栏 */
+.toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding: 15px 0 30px 20px;
+  background: #fff;
+  border-bottom: 2px solid #F5F7FA;
+  margin-right: 20px;
 }
 
-.content-placeholder h2 {
-  font-size: 24px;
+.toolbar h2 {
+  margin: 0;
+  font-size: 18px;
   color: #333;
+  font-weight: 500;
+}
+
+.toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.category-select {
+  padding: 6px 12px;
+  border: 1px solid #F1F3F4;
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  min-width: 160px;
+  cursor: pointer;
+}
+
+.category-select:focus {
+  border-color: #0088D1;
+  outline: none;
+}
+
+/* 更多下拉菜单样式 */
+.dropdown-container {
+  position: relative;
+}
+
+.more-dropdown {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background: white;
+  min-width: 60px;
+  z-index: 1000;
+  margin-top: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.dropdown-item {
+  padding: 8px 8px;
+  cursor: pointer;
+  font-size: 10px;
+  color: #333;
+  transition: background-color 0.2s;
+}
+
+.dropdown-item:hover {
+  background-color: #f5f5f5;
+}
+
+
+
+/* 表格容器 */
+.table-box {
+  background: #fff;
+  padding: 20px;
+}
+
+.question-data-table {
   margin-bottom: 20px;
 }
 
-.content-placeholder p {
-  font-size: 16px;
+/* 按钮样式 */
+.btn {
+  padding: 6px 16px;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+  transition: all 0.3s ease;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+}
+
+.btn-primary {
+  background: #0088D1;
+  color: white;
+}
+
+.btn-primary:hover:not(:disabled) {
+  background: #0077BB;
+}
+
+.btn-new {
+  background: #fff;
+  color: #0288D1;
+  border: 1px solid #0288D1;
+}
+
+.btn-new:hover:not(:disabled) {
+  border-color: #0088D1;
+  color: #0088D1;
+}
+
+.btn-default {
+  background: #fff;
   color: #666;
+  border: 1px solid #d9d9d9;
+}
+
+.btn-default:hover:not(:disabled) {
+  border-color: #0088D1;
+  color: #0088D1;
+}
+
+.btn-default:disabled {
+  background: #f5f5f5;
+  color: #bfbfbf;
+  cursor: not-allowed;
+}
+
+.btn-danger {
+  background: white;
+  color: #FF4D4F;
+  border: 1px solid #FF4D4F;
+}
+
+.btn-danger:hover:not(:disabled) {
+  background: #ff7875;
+}
+
+.btn-danger:disabled {
+  background: #f5f5f5;
+  color: #bfbfbf;
+  cursor: not-allowed;
+}
+
+.btn-search {
+  background: #0088D1;
+  color: white;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-search:hover {
+  background: #0077BB;
+}
+
+
+
+/* 搜索框 */
+.search-box {
+  display: flex;
+  align-items: center;
+}
+
+.search-box input {
+  padding: 6px 12px;
+  border: 1px solid #d9d9d9;
+  border-right: none;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  font-size: 14px;
+  outline: none;
+  min-width: 200px;
+}
+
+.search-box input:focus {
+  border-color: #0088D1;
+}
+
+/* 不再需要分页器样式 */
+
+
+
+/* 响应式布局 */
+@media (max-width: 1200px) {
+  .toolbar {
+    flex-direction: column;
+    gap: 15px;
+    align-items: flex-start;
+  }
+
+  .toolbar-actions {
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .search-box input {
+    width: 150px;
+  }
+
+  /* 表格在小屏幕下的优化 */
+  :deep(.question-data-table) {
+    padding: 20px;
+  }
+
+  /* 操作按钮在小屏幕下换行 */
+  :deep(.question-data-table .n-data-table-td:last-child .n-button) {
+    margin: 2px;
+    font-size: 11px;
+    padding: 0 8px;
+  }
+}
+
+@media (max-width: 768px) {
+  .question-bank-management {
+    padding: 10px;
+  }
+
+  .toolbar {
+    padding: 15px;
+  }
+
+  .toolbar h2 {
+    font-size: 16px;
+  }
+
+  .btn {
+    padding: 6px 12px;
+    font-size: 12px;
+  }
+
+  .search-box input {
+    width: 120px;
+    font-size: 12px;
+  }
+
+  .table-box {
+    padding: 12px;
+  }
+
+  /* 表格在移动端的优化 */
+  :deep(.question-data-table) {
+    padding: 10px;
+  }
+
+  /* 隐藏某些列在移动端 */
+  :deep(.question-data-table .n-data-table-th[data-col-key="creator"]),
+  :deep(.question-data-table .n-data-table-td[data-col-key="creator"]) {
+    display: none;
+  }
+
+  /* 操作按钮在移动端垂直排列 */
+  :deep(.question-data-table .n-data-table-td:last-child > div) {
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  :deep(.question-data-table .n-data-table-td:last-child .n-button) {
+    width: 100%;
+    margin: 1px 0;
+  }
+
+  /* 不再需要分页器移动端样式 */
+}
+
+@media (max-width: 480px) {
+  .toolbar-actions {
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .search-box {
+    width: 100%;
+  }
+
+  .search-box input {
+    width: 100%;
+  }
+
+  .category-select {
+    width: 100%;
+  }
+
+
+
+  /* 进一步隐藏列 */
+  :deep(.question-data-table .n-data-table-th[data-col-key="createTime"]),
+  :deep(.question-data-table .n-data-table-td[data-col-key="createTime"]) {
+    display: none;
+  }
+
+  /* 表格内容在超小屏幕下的优化 */
+  :deep(.question-data-table .n-data-table-td) {
+    padding: 8px 4px;
+    font-size: 12px;
+  }
+
+  :deep(.question-data-table .n-data-table-th) {
+    padding: 8px 4px;
+    font-size: 12px;
+  }
+}
+
+/* 表格行样式 */
+:deep(.selected-row) {
+  background-color: #f0f8ff;
+}
+
+/* 表格横向滚动优化 */
+:deep(.question-data-table .n-data-table-wrapper) {
+  overflow-x: auto;
+}
+
+:deep(.question-data-table .n-data-table-base-table) {
+  min-width: 100%;
+}
+
+/* 确保表格内容不会溢出 */
+:deep(.question-data-table .n-data-table-td) {
+  word-break: break-word;
+  white-space: normal;
+  text-align: center;
+  font-size: 12px;
+  color: #062333;
+}
+
+/* 表头居中对齐 */
+:deep(.question-data-table .n-data-table-th) {
+  text-align: center;
+  font-size: 12px;
+  color: #062333;
+}
+
+/* 内容列文本溢出处理 */
+:deep(.question-data-table .n-data-table-td[data-col-key="content"] span) {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+}
+
+/* 操作列按钮居中 */
+:deep(.question-data-table .n-data-table-td[data-col-key="actions"] > div) {
+  justify-content: center;
 }
 </style>
diff --git a/src/views/teacher/course/ResourceSelectionModal.vue b/src/views/teacher/course/ResourceSelectionModal.vue
new file mode 100644
index 0000000..fd0ff9d
--- /dev/null
+++ b/src/views/teacher/course/ResourceSelectionModal.vue
@@ -0,0 +1,384 @@
+<template>
+  <n-modal :show="show" @update:show="handleUpdateShow" preset="card" title="我的资源" style="width: 900px; max-width: 90vw;" :closable="false">
+    <div class="resource-modal-content">
+      <!-- 筛选和搜索栏 -->
+      <div class="filter-search-bar">
+        <div class="filter-section">
+          <span class="filter-label">类型:</span>
+          <n-select v-model:value="selectedFileType" :options="fileTypeOptions" placeholder="全部" style="width: 120px;" />
+        </div>
+        <div class="search-section">
+          <span class="search-label">搜索:</span>
+          <n-input v-model:value="searchKeyword" placeholder="请输入文档名称" style="width: 200px;">
+            <template #suffix>
+              <img src="/public/images/teacher/搜索.png" alt="搜索" class="search-icon" @click="searchFiles" />
+            </template>
+          </n-input>
+        </div>
+        <div class="file-info">
+          <span class="file-count">已全部加载,共{{ filteredFiles.length }}个文件</span>
+          <n-button type="primary" size="small" @click="uploadNewFile" class="upload-new-file-btn">
+            <img src="/public/images/teacher/上传2.png" alt="上传" class="upload-icon" />
+            上传新文件
+          </n-button>
+        </div>
+      </div>
+
+      <!-- 文件网格 -->
+      <div class="file-grid">
+        <div v-for="file in filteredFiles" :key="file.id" class="file-item" @click="selectFile(file, $event)">
+          <div class="file-thumbnail">
+            <img :src="file.thumbnail" :alt="file.name" />
+          </div>
+          <div class="file-name">{{ file.name }}</div>
+          <div class="file-options">
+            <n-dropdown :options="fileMenuOptions" @select="(key: string) => handleFileMenuSelect(key, file)">
+              <n-button quaternary size="small" class="file-menu-btn">
+                <template #icon>
+                  <n-icon size="16">
+                    <svg viewBox="0 0 24 24">
+                      <path fill="currentColor" d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
+                    </svg>
+                  </n-icon>
+                </template>
+              </n-button>
+            </n-dropdown>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="modal-footer">
+        <n-button @click="handleCancel">取消</n-button>
+        <n-button type="primary" @click="handleConfirm" :disabled="!selectedFile">确定</n-button>
+      </div>
+    </template>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue'
+
+// Props
+interface Props {
+  show: boolean
+}
+
+const props = defineProps<Props>()
+
+// Emits
+const emit = defineEmits<{
+  'update:show': [value: boolean]
+  'select': [file: any]
+}>()
+
+// 处理模态框显示状态更新
+const handleUpdateShow = (value: boolean) => {
+  emit('update:show', value)
+}
+
+// 文件类型筛选
+const selectedFileType = ref('all')
+const fileTypeOptions = [
+  { label: '全部', value: 'all' },
+  { label: '文档', value: 'document' },
+  { label: '视频', value: 'video' },
+  { label: '音频', value: 'audio' },
+  { label: '其他', value: 'other' }
+]
+
+// 搜索关键词
+const searchKeyword = ref('')
+
+// 文件数据
+const files = ref([
+  { id: 1, name: '开课彩蛋:新开始.pptx', type: 'document', thumbnail: '/images/teacher/fj.png' },
+  { id: 2, name: '课程定位与目标.pdf', type: 'document', thumbnail: '/images/teacher/fj.png' },
+  { id: 3, name: '教学安排及学习建议.docx', type: 'document', thumbnail: '/images/teacher/fj.png' },
+  { id: 4, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 5, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 6, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 7, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 8, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 9, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 10, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 11, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 12, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 13, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 14, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 15, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 16, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 17, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+  { id: 18, name: '风景.mp4', type: 'video', thumbnail: '/images/teacher/fj.png' },
+])
+
+// 计算属性：根据筛选条件过滤文件
+const filteredFiles = computed(() => {
+  let result = files.value
+  
+  // 按文件类型筛选
+  if (selectedFileType.value !== 'all') {
+    result = result.filter(file => file.type === selectedFileType.value)
+  }
+  
+  // 按搜索关键词筛选
+  if (searchKeyword.value.trim()) {
+    const keyword = searchKeyword.value.toLowerCase()
+    result = result.filter(file => file.name.toLowerCase().includes(keyword))
+  }
+  
+  return result
+})
+
+// 当前选中的文件
+const selectedFile = ref<any>(null)
+
+// 文件菜单选项
+const fileMenuOptions = [
+  { label: '重命名', key: 'rename' },
+  { label: '删除', key: 'delete' }
+]
+
+// 搜索文件
+const searchFiles = () => {
+  console.log('搜索文件')
+}
+
+// 上传新文件
+const uploadNewFile = () => {
+  console.log('上传新文件')
+  const newFile = {
+    id: files.value.length + 1,
+    name: '新文件.pdf',
+    type: 'document',
+    thumbnail: '/images/teacher/document.png'
+  }
+  files.value.push(newFile)
+}
+
+// 选择文件
+const selectFile = (file: any, event?: Event) => {
+  selectedFile.value = file
+  if (event && event.target) {
+    const target = event.target as HTMLElement
+    const fileItem = target.closest('.file-item')
+    if (fileItem) {
+      document.querySelectorAll('.file-item').forEach(item => {
+        item.classList.remove('selected')
+      })
+      fileItem.classList.add('selected')
+    }
+  }
+}
+
+// 处理文件菜单选择
+const handleFileMenuSelect = (key: string, file: any) => {
+  if (key === 'delete') {
+    console.log('删除文件:', file)
+    files.value = files.value.filter(f => f.id !== file.id)
+    if (selectedFile.value && selectedFile.value.id === file.id) {
+      selectedFile.value = null
+    }
+  } else if (key === 'rename') {
+    console.log('重命名文件:', file)
+  }
+}
+
+// 处理取消按钮
+const handleCancel = () => {
+  emit('update:show', false)
+  selectedFile.value = null
+}
+
+// 处理确定按钮
+const handleConfirm = () => {
+  if (selectedFile.value) {
+    emit('select', selectedFile.value)
+    emit('update:show', false)
+    selectedFile.value = null
+  }
+}
+
+// 监听show变化，重置选择状态
+watch(() => props.show, (newVal) => {
+  if (!newVal) {
+    selectedFile.value = null
+  }
+})
+</script>
+
+<style scoped>
+/* 资源选择模态框样式 */
+.resource-modal-content {
+  border-top: 1.5px solid #E6E6E6;
+  padding: 20px 0;
+}
+
+.filter-search-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  gap: 30px;
+}
+
+.filter-section, .search-section {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.filter-label, .search-label {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+}
+
+.file-info {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 16px;
+  flex: 1;
+}
+
+.file-count {
+  font-size: 10px;
+  color: #999;
+}
+
+.file-grid {
+  padding: 10px 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  gap: 16px;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.file-item {
+  min-height: 200px;
+  background: white;
+  border: 1.5px solid #D8D8D8;
+  border-radius: 2px;
+  padding: 18px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.file-item:hover {
+  border-color: #0288D1;
+  box-shadow: 0 2px 8px rgba(2, 136, 209, 0.15);
+  transform: translateY(-2px);
+}
+
+.file-item.selected {
+  border-color: #0288D1;
+  background: rgba(2, 136, 209, 0.05);
+}
+
+.file-thumbnail {
+  height: 105px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.file-thumbnail img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.file-name {
+  font-size: 12px;
+  color: #333;
+  text-align: center;
+  line-height: 1.4;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.file-options {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  opacity: 1;
+  transition: opacity 0.3s ease;
+}
+
+.file-item:hover .file-options {
+  opacity: 1;
+}
+
+.file-menu-btn {
+  width: 32px !important;
+  height: 32px !important;
+  padding: 0 !important;
+  background: rgba(255, 255, 255, 0.9) !important;
+  border: none !important;
+  border-radius: 0 !important;
+}
+
+.upload-new-file-btn {
+  border-radius: 0;
+  height: 32px;
+}
+
+.upload-icon {
+  width: 10px;
+  height: 10px;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+
+.search-icon {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding-top: 16px;
+  border-top: 1px solid #e0e0e0;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .filter-search-bar {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 16px;
+  }
+  
+  .file-grid {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+    gap: 12px;
+  }
+  
+  .file-item {
+    padding: 8px;
+  }
+  
+  .file-thumbnail {
+    width: 50px;
+    height: 50px;
+  }
+}
+</style>
diff --git a/src/views/teacher/course/UploadFileModal.vue b/src/views/teacher/course/UploadFileModal.vue
index bff52af..e1f9e4d 100644
--- a/src/views/teacher/course/UploadFileModal.vue
+++ b/src/views/teacher/course/UploadFileModal.vue
@@ -1,57 +1,53 @@
 <template>
-    <div class="modal-container flex-col" @click.stop>
-        <span class="modal-title">上传文件</span>
-        <div class="upload-area flex-row">
-            <span class="upload-label">上传文件：</span>
-            <div class="select-file-btn flex-col" @click="toggleDropdown" style="position: relative;">
-                <span class="btn-text">选择文件</span>
-                <!-- 下拉选项 -->
-                <div v-show="showDropdown" class="upload-methods flex-col">
-                    <label class="local-upload">
-                        <input
-                            type="file"
-                            @change="handleLocalUpload"
-                            style="display: none;"
-                            accept=".doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx,.mp3,.mp4"
-                        />
-                        本地上传
-                    </label>
-                    <label class="resource-upload">
-                        <input
-                            type="file"
-                            @change="handleResourceUpload"
-                            style="display: none;"
-                            accept=".doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx,.mp3,.mp4"
-                        />
-                        资源上传
-                    </label>
-                </div>
-            </div>
-        </div>
-        <div class="supported-formats flex-row">
-            <span class="formats-label">支持格式：</span>
-            <span class="document-formats">文本文：.doc、.docx、.pdf表格文件：.xls、.xlsx<br />演示文稿：.ppt、.pptx</span>
-            <span class="media-formats">音频文件：.mp3<br />视频文件：.mp4<br /></span>
-        </div>
-        <div class="upload-limits flex-row justify-between">
-            <span class="limits-label">上传限制：</span>
-            <span class="limits-description">word、excel、ppt文件需小于100MB，其他文件需小于2GB.mp4格式编码<br />说明（上传mp4格式文件请查看编码说明）</span>
-        </div>
-        <div class="action-buttons flex-row justify-between">
-            <div class="cancel-btn-container flex-col">
-                <div class="cancel-btn flex-col" @click="handleCancel">
-                    <span class="cancel-btn-text">取消</span>
-                </div>
-            </div>
-            <div class="confirm-btn flex-col" @click="handleConfirm">
-                <span class="confirm-btn-text">确定</span>
-            </div>
+  <div class="modal-container flex-col" @click.stop>
+    <span class="modal-title">上传文件</span>
+    <div class="upload-area flex-row">
+      <span class="upload-label">上传文件：</span>
+      <div class="select-file-btn flex-col" @click="toggleDropdown" style="position: relative;">
+        <span class="btn-text">选择文件</span>
+        <!-- 下拉选项 -->
+        <div v-show="showDropdown" class="upload-methods flex-col">
+          <label class="local-upload">
+            <input type="file" @change="handleLocalUpload" style="display: none;"
+              accept=".doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx,.mp3,.mp4" />
+            本地上传
+          </label>
+          <label class="resource-upload" @click="openResourceModal">
+            <!-- <input type="file" @change="handleResourceUpload" style="display: none;"
+              accept=".doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx,.mp3,.mp4" /> -->
+            资源上传
+          </label>
         </div>
+      </div>
     </div>
+    <div class="supported-formats flex-row">
+      <span class="formats-label">支持格式：</span>
+      <span class="document-formats">文本文：.doc、.docx、.pdf表格文件：.xls、.xlsx<br />演示文稿：.ppt、.pptx</span>
+      <span class="media-formats">音频文件：.mp3<br />视频文件：.mp4<br /></span>
+    </div>
+    <div class="upload-limits flex-row justify-between">
+      <span class="limits-label">上传限制：</span>
+      <span class="limits-description">word、excel、ppt文件需小于100MB，其他文件需小于2GB.mp4格式编码<br />说明（上传mp4格式文件请查看编码说明）</span>
+    </div>
+    <div class="action-buttons flex-row justify-between">
+      <div class="cancel-btn-container flex-col">
+        <div class="cancel-btn flex-col" @click="handleCancel">
+          <span class="cancel-btn-text">取消</span>
+        </div>
+      </div>
+      <div class="confirm-btn flex-col" @click="handleConfirm">
+        <span class="confirm-btn-text">确定</span>
+      </div>
+    </div>
+
+    <!-- 资源选择模态框 -->
+    <ResourceSelectionModal v-model:show="showResourceModal" @select="handleResourceSelection" />
+  </div>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import ResourceSelectionModal from './ResourceSelectionModal.vue'
 
 // 控制下拉菜单显示
 const showDropdown = ref(false)
@@ -73,14 +69,31 @@ const handleLocalUpload = (event: Event) => {
 }
 
 // 处理资源上传
-const handleResourceUpload = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  const files = target.files
-  if (files && files.length > 0) {
-    console.log('资源上传文件:', files[0])
-    // 这里处理资源文件上传逻辑
-    showDropdown.value = false
-  }
+// const handleResourceUpload = (event: Event) => {
+//   const target = event.target as HTMLInputElement
+//   const files = target.files
+//   if (files && files.length > 0) {
+//     console.log('资源上传文件:', files[0])
+//     // 这里处理资源文件上传逻辑
+//     showDropdown.value = false
+//   }
+// }
+
+// 打开资源选择模态框
+const openResourceModal = () => {
+  console.log('打开资源选择模态框')
+  showResourceModal.value = true // 打开资源选择模态框
+  showDropdown.value = false // 关闭下拉菜单
+}
+
+// 控制资源选择模态框的显示
+const showResourceModal = ref(false)
+
+// 处理资源选择
+const handleResourceSelection = (selectedResource: any) => {
+  console.log('资源选择:', selectedResource)
+  // 这里可以添加处理资源选择的逻辑
+  showResourceModal.value = false
 }
 
 // 定义事件发射器