添加课程模块和章节；

src/view/course/viewCourse/index.vue

@@ -0,0 +1,79 @@
+<script setup>
+// 引入依赖
+import api from '@/api/course'
+import {ref,onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+// 变量
+const course_id = ref(0)
+const courseData = ref({})
+// 生命周期
+onMounted(() => {
+  course_id.value = route.params.course_id
+  getCourse()
+})
+//方法
+async function getCourse() { // 获取课程信息
+  const res = await api.getCourse({id:course_id.value})
+  if(res.code === 0) {
+    courseData.value = res.data
+  }
+}
+</script>
+<template>
+  <div>
+    <!--    基本信息-->
+    <div class="gva-search-box">
+      <div class="baseinfoBox">
+        <div class="base-card course-name">
+          <div class="bc-left">课程名称：</div>
+          <div class="bc-right">{{courseData.step1.name}}</div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">课程名称：</div>
+          <div class="bc-right">{{courseData.step1.name}}</div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">课程科目：</div>
+          <div class="bc-right">{{courseData.step1.subject}}</div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">课程状态：</div>
+          <div class="bc-right">{{courseData.step1.status === 1?'上架':'下架'}}</div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">课程价格：</div>
+          <div class="bc-right">{{courseData.step1.price}}</div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">教师姓名：</div>
+          <div class="bc-right"></div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">创建时间：</div>
+          <div class="bc-right"></div>
+        </div>
+        <div class="base-card">
+          <div class="bc-left">课程简介：</div>
+          <div class="bc-right">{{courseData.step1.introduction}}</div>
+        </div>
+      </div>
+    </div>
+    <!--    章节信息-->
+    <div class="gva-table-box">
+
+    </div>
+  </div>
+</template>
+<style scoped>
+.course-name{
+  font-weight: 900;
+  font-size: 18px;
+  width: 100%;
+}
+  .baseinfoBox{
+    overflow: hidden;
+  }
+</style>