style: 更新样式以优化课程管理界面，调整消息框和过滤器布局，增强用户体验。

src/assets/styles/index.scss

@@ -422,8 +422,8 @@ li{
   }
 
   .el-message-box__content {
-    padding: 0 0 28px 0;
+    margin-top: 0;
-    margin-top: 30px;
+    padding: 50px 0;
     .el-message-box__status {
       margin-right: 14px;
       font-size: 24px;
@@ -460,7 +460,7 @@ li{
     display: flex;
     justify-content: flex-end;
     padding-right: 20px;
-    margin-top: 40px;
+    margin-top: 0px;
     padding-bottom: 20px;
 
     .el-button {

src/components/Course/TopCourseSorter.vue

@@ -31,9 +31,15 @@
             <i class="el-icon-s-operation"></i>
           </div>
           <div class="row-cell row-cell--order">{{ index + 1 }}</div>
-          <div class="row-cell row-cell--name" :title="item.name">{{ item.name }}</div>
+          <div class="row-cell row-cell--name">
-          <div class="row-cell row-cell--teacher" :title="item.teacherName || '-'">
+            <el-tooltip :content="item.name" placement="top" :disabled="!item.name">
-            {{ item.teacherName || '-' }}
+              <div class="cell-text">{{ item.name }}</div>
+            </el-tooltip>
+          </div>
+          <div class="row-cell row-cell--teacher">
+            <el-tooltip :content="item.teacherName || '-'" placement="top" :disabled="!item.teacherName">
+              <div class="cell-text">{{ item.teacherName || '-' }}</div>
+            </el-tooltip>
           </div>
         </div>
       </div>
@@ -202,6 +208,7 @@ export default {
 .row-cell--name,
 .row-cell--teacher {
   color: #303133;
+  overflow: hidden;
 }
 
 .row-cell--name {
@@ -212,6 +219,13 @@ export default {
   color: #666;
 }
 
+.cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+
 .row-cell--handle i {
   font-size: 20px;
   color: #c0c4cc;