style: 优化课程管理界面布局和交互

- 将课程信息部分分为左右两栏，增强视觉层次感。
- 添加返回按钮以改善用户导航体验。
- 调整CSS样式以实现更好的响应式布局。

src/views/course/CourseManage.vue

@@ -2,8 +2,18 @@
   <div id="courseManage">
     <!--课程管理-->
     <div class="course-info">
-      <div class="course-top"><p class="course-name">{{courseDetail.name}}</p><p class="course-type">{{courseType(courseDetail.type)}}</p></div>
+      <div class="course-info-left">
-      <p class="course-sys-type">{{sysTypeName(courseDetail.sysType1)}}{{courseDetail.sysType2 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType2)}}{{courseDetail.sysType3 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType3)}}</p>
+        <div class="course-top">
+          <p class="course-name">{{courseDetail.name}}</p>
+          <p class="course-type">{{courseType(courseDetail.type)}}</p>
+        </div>
+        <p class="course-sys-type">
+          {{sysTypeName(courseDetail.sysType1)}}{{courseDetail.sysType2 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType2)}}{{courseDetail.sysType3 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType3)}}
+        </p>
+      </div>
+      <div class="course-info-right" v-if="showSignupActions">
+        <el-button type="text" @click="handleBack">返回</el-button>
+      </div>
       <!-- <div class="course-desc-item"><span class="title">课程名称:</span><span class="desc">{{courseDetail.name}}</span>
       </div>
       <div class="course-desc-item"><span class="title">类型:</span><span
@@ -1297,6 +1307,9 @@ export default {
       this.study.pageIndex = val;
       this.getSignupList();
     },
+    handleBack() {
+      window.history.back();
+    },
     // handleTabClick(tab) {
     //   if (tab.name === "second") {
     //     this.getSignupList();
@@ -1462,6 +1475,19 @@ export default {
     }
   }
   .course-info {
+    display: flex;
+    justify-content: space-between;
+    .course-info-left {
+      flex: 1;
+      min-width: 0;
+    }
+    .course-info-right {
+      flex-shrink: 0;
+      text-align: right;
+      ::v-deep .el-button {
+        font-size: 16px;
+      }
+    }
     .course-top {
       display: flex;
       align-items: center;