From 171ae0569866cbba90ec6df86dddb3beeea39920 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Thu, 12 Sep 2024 10:58:21 +0800
Subject: [PATCH 1/2] w

---
 .../.env.development                          |   4 +-
 .../.env.development                          |   3 +-
 .../src/api/configuration.ts                  |  10 +-
 .../src/store/module/user.ts                  |   4 +-
 .../src/views/course/index.vue                | 142 +++++++-------
 .../src/views/home/index.vue                  | 175 ++++++++++--------
 .../views/professionalListProfile/index.vue   |   6 +-
 .../components/mountNode.vue                  |  41 ++--
 .../src/views/roadbedRecommendation/index.vue |  80 ++++----
 ....timestamp-1726102400305-7b45289bcf875.mjs |  64 +++++++
 10 files changed, 315 insertions(+), 214 deletions(-)
 create mode 100644 teaching_integration_platform_template/vite.config.ts.timestamp-1726102400305-7b45289bcf875.mjs

diff --git a/teaching_integration_platform_admin_template/.env.development b/teaching_integration_platform_admin_template/.env.development
index 98dfa78..9eff337 100644
--- a/teaching_integration_platform_admin_template/.env.development
+++ b/teaching_integration_platform_admin_template/.env.development
@@ -1,5 +1,5 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '无糖运营平台'
-# VITE_APP_BASE_API = 'http://127.0.0.1:8080'
-VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
+VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+# VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
diff --git a/teaching_integration_platform_template/.env.development b/teaching_integration_platform_template/.env.development
index fd75c90..817502a 100644
--- a/teaching_integration_platform_template/.env.development
+++ b/teaching_integration_platform_template/.env.development
@@ -1,4 +1,5 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '教学一体化平台'
-VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
+VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+# VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/api/configuration.ts b/teaching_integration_platform_template/src/api/configuration.ts
index bfcdfab..4eb9fb6 100644
--- a/teaching_integration_platform_template/src/api/configuration.ts
+++ b/teaching_integration_platform_template/src/api/configuration.ts
@@ -8,22 +8,24 @@ enum Api {
 }
 // 提示批量处理
 const initOptions = { text: '加载中', success: '成功', error: '失败' }
-function proxrequest(request, options: any = initOptions) {
+export function proxrequest(request, options: Partial<typeof initOptions> = initOptions) {
+
     return async (...arg) => {
         if (!options) return request(...arg)
 
         const loadingInstance = ElLoading.service({ text: options.text })
-
+        let result;
         try {
-            await request(...arg)
+            result = await request(...arg)
             ElMessage.success(options.success)
         } catch (error) {
+            result = error
             ElMessage.error(options.error)
         } finally {
             loadingInstance.close()
         }
 
-        return request
+        return result
     }
 }
 
diff --git a/teaching_integration_platform_template/src/store/module/user.ts b/teaching_integration_platform_template/src/store/module/user.ts
index a22d5a1..55aa1d9 100644
--- a/teaching_integration_platform_template/src/store/module/user.ts
+++ b/teaching_integration_platform_template/src/store/module/user.ts
@@ -5,6 +5,7 @@ const userStore = defineStore('userStore', () => {
   const userInfo = reactive<any>({})
   const isLogin = ref(false)
   const token = ref('')
+  const verifyToken = () => { }
 
   userGetInfoService(token.value).then(res => {
     // @ts-ignore
@@ -16,7 +17,8 @@ const userStore = defineStore('userStore', () => {
   return {
     token,
     userInfo,
-    isLogin
+    isLogin,
+    verifyToken
   }
 })
 export default userStore
diff --git a/teaching_integration_platform_template/src/views/course/index.vue b/teaching_integration_platform_template/src/views/course/index.vue
index a8baeb5..63a661e 100644
--- a/teaching_integration_platform_template/src/views/course/index.vue
+++ b/teaching_integration_platform_template/src/views/course/index.vue
@@ -2,17 +2,8 @@
   <div class="container" v-if="loading">
     <div class="left" v-loading="tabLoading">
       <div class="gruop">
-        <Graph
-          :width="1195"
-          :height="800"
-          :index="courseId"
-          :id="courseId"
-          :radio1="radio1"
-          :checkList="checkList"
-          v-show="flag === 1"
-          @clickGraph="clickGraphChange"
-          v-if="isSetting"
-        />
+        <Graph :width="1195" :height="800" :index="courseId" :id="courseId" :radio1="radio1" :checkList="checkList"
+          v-show="flag === 1" @clickGraph="clickGraphChange" v-if="isSetting" />
         <div class="video" v-if="flag === 2">
           <video id="video" width="100%" height="100%" controls>
             <source :src="videoUrl" type="video/mp4" />
@@ -21,27 +12,23 @@
         </div>
         <div class="pdf" v-if="flag === 3">
           <!-- <vuePdf /> -->
-          <VuePdf
-            v-for="page in numOfPages"
-            :key="page"
-            :src="pdfUrl"
-            :page="page"
-          />
+          <VuePdf v-for="page in numOfPages" :key="page" :src="pdfUrl" :page="page" />
         </div>
         <div class="docx" v-if="flag === 4">
           <vue-office-docx :src="docx" style="width: 100%; height: 100%" />
         </div>
         <div v-show="flag != 1" class="back" @click="flag = 1">
-          <el-icon><Back /></el-icon>
+          <el-icon>
+            <Back />
+          </el-icon>
         </div>
         <div class="show-graph-sett" @click="showSetting" v-if="!showFlag">
-          <el-icon><ArrowLeftBold /></el-icon>
+          <el-icon>
+            <ArrowLeftBold />
+          </el-icon>
         </div>
-        <div
-          :class="showFlag ? 'graph-setting' : 'graph-setting-hidden'"
-          @mouseleave="heddinSetting"
-          @mouseenter="clearHeddin"
-        >
+        <div :class="showFlag ? 'graph-setting' : 'graph-setting-hidden'" @mouseleave="heddinSetting"
+          @mouseenter="clearHeddin">
           <el-radio-group v-model="radio1" @change="radio1Change">
             <el-radio value="2" size="mini" style="margin: 0">二层</el-radio>
             <el-radio value="3" size="mini" style="margin: 0">三层</el-radio>
@@ -65,32 +52,17 @@
         </el-table>
       </div>
       <div class="resource">
-        <el-tabs
-          v-model="activeName"
-          class="demo-tabs"
-          @tab-click="handleClick"
-          v-loading="isTabsLoading"
-        >
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" v-loading="isTabsLoading">
           <el-tab-pane label="视频" name="1">
             <div class="files-box">
-              <div
-                class="item"
-                v-for="item in courseFilesList.video"
-                :key="item.id"
-                @click="clickFile(item, 2)"
-              >
+              <div class="item" v-for="item in courseFilesList.video" :key="item.id" @click="clickFile(item, 2)">
                 {{ item.name }}
               </div>
             </div>
           </el-tab-pane>
           <el-tab-pane label="PPT" name="2">
             <div class="files-box">
-              <div
-                class="item"
-                v-for="item in courseFilesList.PPT"
-                :key="item.id"
-                @click="clickFile(item, 3)"
-              >
+              <div class="item" v-for="item in courseFilesList.PPT" :key="item.id" @click="clickFile(item, 3)">
                 {{ item.name }}
               </div>
             </div>
@@ -98,24 +70,14 @@
           <el-tab-pane label="试题" name="3">Role</el-tab-pane>
           <el-tab-pane label="文档" name="4">
             <div class="files-box">
-              <div
-                class="item"
-                v-for="item in courseFilesList.word"
-                :key="item.id"
-                @click="clickFile(item, 4)"
-              >
+              <div class="item" v-for="item in courseFilesList.word" :key="item.id" @click="clickFile(item, 4)">
                 {{ item.name }}
               </div>
             </div>
           </el-tab-pane>
           <el-tab-pane label="其他" name="5">
             <div class="files-box">
-              <div
-                class="item"
-                v-for="item in courseFilesList.other"
-                :key="item.id"
-                @click="download(item)"
-              >
+              <div class="item" v-for="item in courseFilesList.other" :key="item.id" @click="download(item)">
                 {{ item.name }}
               </div>
             </div>
@@ -130,7 +92,8 @@
         </div>
         <div class="description">
           <div class="description-box">
-            《Vues 设计与实现》这本书的简介： 《Vues 设计与实现》是一本深入剖析
+            {{ Route.query.name }}这个课程的简介：{{ learn.description }}
+            <!-- 《Vues 设计与实现》这本书的简介： 《Vues 设计与实现》是一本深入剖析
             Vues 框架核心原理的权威著作。
             本书首先会为读者搭建起一个坚实的知识基础，详细介绍 Vues
             的发展历程和其在前端开发领域的重要地位。接着，深入探讨 Vues
@@ -144,7 +107,7 @@
             来构建复杂而强大的应用程序。同时，书中也提供了丰富的实战案例和最佳实践，让读者能够将所学知识迅速应用到实际开发中。
             无论是前端开发的新手，还是经验丰富的开发者，都能从《Vues
             设计与实现》中获得宝贵的知识和技能，从而提升自己的开发水平，打造出更加出色的前端应用。它不仅是一本技术指南，更是一本启发思考、引领创新的宝典，为读者打开了深入理解和掌握
-            Vues 框架的大门。
+            Vues 框架的大门。 -->
           </div>
         </div>
         <div class="hours">
@@ -184,7 +147,7 @@
 
 <script lang="ts" setup>
 import StuList from './components/StuList.vue'
-import { ref, nextTick } from 'vue'
+import { ref, nextTick, reactive } from 'vue'
 import Graph from '../home/components/Graph1.vue'
 import courseTree from './components/courseTree.vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -199,10 +162,11 @@ import { filterFilesType } from '@/utils/filters'
 import { VuePdf, createLoadingTask } from 'vue3-pdfjs/esm'
 import VueOfficeDocx from '@vue-office/docx'
 // import vuePdf from './components/vuePdf.vue'
+import { getCourseDetailApi } from '@/api/configuration'
 const Route = useRoute()
 const Router = useRouter()
 const courseId: string = Route.query.id as string
-console.log(Route.query.id)
+
 const chapterList = ref<any>([])
 const loading = ref(false)
 const getCourseChapterEvent = async () => {
@@ -216,7 +180,7 @@ const getCourseChapterEvent = async () => {
     courseId: '2cd6b5b62c344fd0becff6010cba566e',
   })
   chapterList.value = res.data
-  console.log(res,'res')
+  console.log(res, 'res')
   loading.value = true
   loadingInstance.close()
 }
@@ -226,7 +190,10 @@ const courseObjectivesTrees = ref([])
 const handleClick = (e: any) => {
   console.log(e)
 }
-
+const learn = reactive<any>({})
+if (Route.query.id) {
+  getCourseDetailApi(Route.query.id as string).then(res => Object.assign(learn, res.data));
+}
 const isTabsLoading = ref<boolean>(false)
 const courseFilesList = ref<any>({})
 // 获取所有课程资源
@@ -376,6 +343,7 @@ getCourseObjectivesListEvent()
 
 <style lang="scss" scoped>
 .view-container {
+
   // height: 100vh;
   .container {
     width: $base-container-width;
@@ -383,8 +351,10 @@ getCourseObjectivesListEvent()
     // height: 1600px;
     display: flex;
     padding-bottom: 20px;
+
     .left {
       width: 1195px;
+
       // height: 800px;
       .gruop {
         position: relative;
@@ -392,24 +362,29 @@ getCourseObjectivesListEvent()
         width: 100%;
         height: 800px;
         background-color: #fff;
+
         .video {
           width: 100%;
           height: 100%;
           background-color: #d9d9d9;
+
           #video {
             object-fit: cover;
           }
         }
+
         .pdf {
           width: 100%;
           height: 100%;
           overflow: auto;
         }
+
         .docx {
           width: 100%;
           height: 100%;
           overflow: auto;
         }
+
         .back {
           position: absolute;
           top: 30px;
@@ -420,6 +395,7 @@ getCourseObjectivesListEvent()
           background-color: rgba(0, 0, 0, 0.1);
           border-radius: 50%;
           cursor: pointer;
+
           i {
             width: 100%;
             height: 100%;
@@ -429,16 +405,19 @@ getCourseObjectivesListEvent()
             justify-content: center;
           }
         }
+
         .graph-setting {
           position: absolute;
           bottom: 30px;
           right: 10px;
           width: 80px;
           height: 270px;
-          animation: fadeIn 0.3s ease-in-out; /* 持续时间2秒，缓动函数为ease-in-out */
+          animation: fadeIn 0.3s ease-in-out;
+          /* 持续时间2秒，缓动函数为ease-in-out */
           display: flex;
           flex-direction: column;
           align-items: center;
+
           .reset {
             width: 50px;
             height: 30px;
@@ -451,15 +430,18 @@ getCourseObjectivesListEvent()
             cursor: pointer;
           }
         }
+
         .graph-setting-hidden {
           position: absolute;
           bottom: 30px;
           right: -90px;
           width: 80px;
           height: 270px;
-          animation: fadeOut 0.3s ease-in-out; /* 持续时间2秒，缓动函数为ease-in-out */
+          animation: fadeOut 0.3s ease-in-out;
+          /* 持续时间2秒，缓动函数为ease-in-out */
           flex-direction: column;
           align-items: center;
+
           .reset {
             width: 50px;
             height: 30px;
@@ -472,24 +454,29 @@ getCourseObjectivesListEvent()
             cursor: pointer;
           }
         }
+
         @keyframes fadeIn {
           from {
             right: -60px;
           }
+
           to {
             right: 10px;
           }
         }
+
         @keyframes fadeOut {
           from {
             right: 10px;
           }
+
           to {
             right: -60px;
-          display: none;
+            display: none;
 
           }
         }
+
         .show-graph-sett {
           position: absolute;
           bottom: 30px;
@@ -503,20 +490,24 @@ getCourseObjectivesListEvent()
           padding-left: 5px;
           cursor: pointer;
           transition: all 0.3s;
+
           i {
             font-size: 14px;
           }
         }
       }
+
       .show-graph-sett:hover {
         transform: scale(1.3);
       }
+
       .resource {
         width: 100%;
         height: 500px;
         margin-top: 20px;
         padding: 20px;
         background-color: #fff;
+
         .files-box {
           .item {
             // width: 200px;
@@ -528,17 +519,20 @@ getCourseObjectivesListEvent()
             text-decoration: underline;
             cursor: pointer;
           }
+
           .item:hover {
             color: Blue;
           }
         }
       }
+
       .cours-target {
         width: 100%;
         height: 300px;
         margin-top: 20px;
         padding: 20px;
         background-color: #fff;
+
         .title {
           font-size: 16px;
           height: 40px;
@@ -548,34 +542,40 @@ getCourseObjectivesListEvent()
         }
       }
     }
+
     .right {
       width: 400px;
 
       margin-left: 20px;
       display: flex;
       flex-direction: column;
+
       .course-info {
         width: 100%;
         height: 640px;
         background-color: #fff;
+
         .image {
           width: 100%;
+
           img {
             width: 100%;
             height: 220px;
           }
         }
+
         .description {
           overflow-y: auto;
           height: 260px;
           padding: 10px 20px;
-          text-indent: 2em; /* 2em 约等于两个汉字的宽度 */
+          text-indent: 2em;
+          /* 2em 约等于两个汉字的宽度 */
           font-size: 18px;
           line-height: 40px;
 
-          .description-box {
-          }
+          .description-box {}
         }
+
         .hours {
           padding: 10px 20px;
           border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -585,12 +585,14 @@ getCourseObjectivesListEvent()
             height: 30px;
             align-items: center;
             font-size: 14px;
+
             .label {
               color: #999;
             }
           }
         }
       }
+
       .chapter {
         overflow-y: auto;
         height: 460px;
@@ -598,6 +600,7 @@ getCourseObjectivesListEvent()
         margin-top: 20px;
         background-color: #fff;
       }
+
       .student-list {
         height: 500px;
         width: 100%;
@@ -607,13 +610,17 @@ getCourseObjectivesListEvent()
     }
   }
 }
+
 ::-webkit-scrollbar {
-  width: 4px; /* 滚动条宽度 */
+  width: 4px;
+  /* 滚动条宽度 */
 }
+
 /* 设置滚动条上下按钮的样式 */
 ::-webkit-scrollbar-button {
   background-color: #fff;
 }
+
 :deep(.docx-wrapper) {
   background-color: #fff;
 }
@@ -623,6 +630,7 @@ getCourseObjectivesListEvent()
   flex-direction: column;
   align-items: center;
 }
+
 :deep(.el-checkbox-group) {
   display: flex !important;
   flex-direction: column;
diff --git a/teaching_integration_platform_template/src/views/home/index.vue b/teaching_integration_platform_template/src/views/home/index.vue
index b619152..80f92a0 100644
--- a/teaching_integration_platform_template/src/views/home/index.vue
+++ b/teaching_integration_platform_template/src/views/home/index.vue
@@ -1,70 +1,66 @@
 <template>
-    <div class="loop" v-for="(item,index) in couresData.content" :key="item.id">
-      <div class="main" v-if="index % 2 === 0">
-        <!-- <div class="course-list">111</div> -->
-        <div class="container">
-          <div class="left-group">
-            <div class="group">
-              <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
-            </div>
-            <div class="footer">
-              <div class="left-title">{{ item.name }}</div>
-              <div class="go-info" @click="goToCourseInfo(item.id)"></div>
-            </div>
+  <div class="loop" v-for="(item, index) in couresData.content" :key="item.id">
+    <div class="main" v-if="index % 2 === 0">
+      <!-- <div class="course-list">111</div> -->
+      <div class="container">
+        <div class="left-group">
+          <div class="group">
+            <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
           </div>
-          <div class="right-info">
-            <div class="title">课程简介</div>
-            <div class="info">
-              {{ item.description }}
-            </div>
-            <div class="crous-content">
-              <ul>
-                <li>总学时：10学时</li>
-                <li>章节数：10章</li>
-                <li>总学分：2.0分</li>
-                <li>知识点总数：33个</li>
-              </ul>
-            </div>
+          <div class="footer">
+            <div class="left-title">{{ item.name }}</div>
+            <div class="go-info" @click="goToCourseInfo(item.id, item.name)"></div>
+          </div>
+        </div>
+        <div class="right-info">
+          <div class="title">课程简介</div>
+          <div class="info">
+            {{ item.description }}
+          </div>
+          <div class="crous-content">
+            <ul>
+              <li>总学时：10学时</li>
+              <li>章节数：10章</li>
+              <li>总学分：2.0分</li>
+              <li>知识点总数：33个</li>
+            </ul>
           </div>
         </div>
       </div>
-      <div
-        class="main"
-        v-else
-        style="background: linear-gradient(to right, #aecaff 60%, #5792ff)"
-      >
-        <!-- <div class="course-list">111</div> -->
-        <div class="container">
-          <div class="right-info">
-            <div class="title">课程简介</div>
-            <div class="info">
-              {{ item.description }}
-            </div>
-            <div class="crous-content">
-              <ul>
-                <li>总学时：{{item.classhours}}学时</li>
-                <li>章节数：{{ item.totalchapter }}章</li>
-                <li>总学分：{{item.credit }}分</li>
-                <li>知识点总分：{{ item.totalKnow }}个</li>
-              </ul>
-            </div>
+    </div>
+    <div class="main" v-else style="background: linear-gradient(to right, #aecaff 60%, #5792ff)">
+      <!-- <div class="course-list">111</div> -->
+      <div class="container">
+        <div class="right-info">
+          <div class="title">课程简介</div>
+          <div class="info">
+            {{ item.description }}
+          </div>
+          <div class="crous-content">
+            <ul>
+              <li>总学时：{{ item.classhours }}学时</li>
+              <li>章节数：{{ item.totalchapter }}章</li>
+              <li>总学分：{{ item.credit }}分</li>
+              <li>知识点总分：{{ item.totalKnow }}个</li>
+            </ul>
+          </div>
+        </div>
+        <div class="left-group">
+          <div class="group">
+            <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
           </div>
-          <div class="left-group">
-            <div class="group">
-              <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
-            </div>
-            <div class="footer">
-              <div class="left-title">{{ item.name }}</div>
+          <div class="footer">
+            <div class="left-title">{{ item.name }}</div>
 
-              <div class="go-info" @click="goToCourseInfo(item.id)"></div>
-            </div>
+            <div class="go-info" @click="goToCourseInfo(item.id)"></div>
           </div>
         </div>
       </div>
     </div>
-    <div class="get-more">
-      <div class="btn" @click="getMore">{{btnTexst}}</div>
-    </div>
+  </div>
+  <div class="get-more">
+    <div class="btn" @click="getMore">{{ btnTexst }}</div>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -72,22 +68,22 @@
 import Graph from './components/Graph.vue'
 import { getCourseList } from '@/api/course'
 import { reactive, ref } from 'vue'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
 interface Page {
   pageNo: number
   pageSize: number
-  username:string
+  username: string
   userId: string | number
 
 }
 interface item {
-  name:string,
-  id:string,
-  description:string,
-  classhours:number,
-  totalchapter:number,
-  credit:number,
-  totalKnow:number
+  name: string,
+  id: string,
+  description: string,
+  classhours: number,
+  totalchapter: number,
+  credit: number,
+  totalKnow: number
 }
 interface CouresData {
   content: item[]
@@ -98,8 +94,8 @@ const Router = useRouter()
 const currentPage: Page = reactive({
   pageNo: 1,
   pageSize: 5,
-  username:'xiao1111',
-  userId:3
+  username: 'xiao1111',
+  userId: 3
 })
 const couresData: CouresData = reactive({
   content: [],
@@ -107,21 +103,21 @@ const couresData: CouresData = reactive({
 })
 const btnTexst = ref<string>('加载更多')
 const getCourseListEvent = async () => {
-  if( couresData.content.length && couresData.content.length ===  couresData.totalcount) {
-      btnTexst.value = '没有更多了'
-    return 
+  if (couresData.content.length && couresData.content.length === couresData.totalcount) {
+    btnTexst.value = '没有更多了'
+    return
   }
   btnTexst.value = '正在加载'
   const res: any = await getCourseList(currentPage)
-  couresData.content =  [... couresData.content,...res.data.list]
-  couresData.totalcount =  res.data.total
-   btnTexst.value = '加载更多'
+  couresData.content = [...couresData.content, ...res.data.list]
+  couresData.totalcount = res.data.total
+  btnTexst.value = '加载更多'
 
-  console.log( couresData)
+  console.log(couresData)
 }
 getCourseListEvent()
 const getMore = () => {
-  if(btnTexst.value === '正在加载' || btnTexst.value === '没有更多了') return
+  if (btnTexst.value === '正在加载' || btnTexst.value === '没有更多了') return
   currentPage.pageNo += 1
   getCourseListEvent()
 }
@@ -151,27 +147,30 @@ window.addEventListener('scroll', function () {
 })
 
 // 查看课程信息
-const goToCourseInfo = (id:string | number):void =>  {
+const goToCourseInfo = (id: string | number, name: string): void => {
   console.log(id);
   Router.push({
-    path:'/course',
-    query:{id}
+    path: '/course',
+    query: { id, name }
   })
-  
+
 }
 </script>
 
 <style lang="scss" scoped>
 .view-container {
+
   // height: 5000px;
   // background-color: #2080f7;
   .main {
     margin-top: 50px;
   }
+
   .container {
     width: $base-container-width;
     margin: 0 auto;
     display: flex;
+
     .left-group {
       position: relative;
       width: 918px;
@@ -179,6 +178,7 @@ const goToCourseInfo = (id:string | number):void =>  {
       background-color: pink;
       background: url('../../assets/images/crous-card.png') no-repeat;
       background-size: cover;
+
       .group {
         position: absolute;
         top: 58px;
@@ -189,6 +189,7 @@ const goToCourseInfo = (id:string | number):void =>  {
         border-radius: 10px;
         overflow: hidden;
       }
+
       .footer {
         position: absolute;
         bottom: 0;
@@ -196,11 +197,13 @@ const goToCourseInfo = (id:string | number):void =>  {
         width: 100%;
         height: 90px;
         display: flex;
+
         .go-info {
           height: 100%;
           width: 185px;
           cursor: pointer;
         }
+
         .left-title {
           flex: 1;
           height: 100%;
@@ -212,11 +215,13 @@ const goToCourseInfo = (id:string | number):void =>  {
         }
       }
     }
+
     .right-info {
       flex: 1;
       // background-color: skyblue;
       margin-left: 20px;
       padding: 20px;
+
       .title {
         position: relative;
         height: 72px;
@@ -226,6 +231,7 @@ const goToCourseInfo = (id:string | number):void =>  {
         font-weight: 700;
         margin-left: 30px;
       }
+
       .title::after {
         position: absolute;
         top: 5px;
@@ -236,21 +242,25 @@ const goToCourseInfo = (id:string | number):void =>  {
         height: 40px;
         background-color: #3374ff;
       }
+
       .info {
         color: #888888;
         font-size: 24px;
         line-height: 35px;
         height: 390px;
         display: -webkit-box;
-        -webkit-line-clamp: 11; /* 限制显示3行 */
+        -webkit-line-clamp: 11;
+        /* 限制显示3行 */
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
       }
+
       .crous-content {
         width: 100%;
         height: 100px;
         margin-top: 60px;
+
         ul {
           width: 100%;
           height: 100%;
@@ -267,12 +277,14 @@ const goToCourseInfo = (id:string | number):void =>  {
       }
     }
   }
+
   .get-more {
     width: 100%;
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
+
     .btn {
       width: 120px;
       height: 40px;
@@ -284,15 +296,18 @@ const goToCourseInfo = (id:string | number):void =>  {
       cursor: pointer;
       transition: all 0.3s;
     }
+
     .btn:hover {
       transform: scale(1.1);
     }
   }
+
   .banner {
     width: 100%;
     height: 410px;
     background: url('../../assets/images/banner2.png') no-repeat;
     background-size: cover;
+
     .title {
       position: absolute;
       top: 200px;
diff --git a/teaching_integration_platform_template/src/views/professionalListProfile/index.vue b/teaching_integration_platform_template/src/views/professionalListProfile/index.vue
index 4ceeb6b..448013e 100644
--- a/teaching_integration_platform_template/src/views/professionalListProfile/index.vue
+++ b/teaching_integration_platform_template/src/views/professionalListProfile/index.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
-import useLearnPathStore from '@/store/module/learnPath';
+// import useLearnPathStore from '@/store/module/learnPath';
 import { userGetInfoService, getCourseListApi } from '@/api/configuration';
 import useUserStore from '@/store/module/user';
 const userStore = useUserStore()
 const $router = useRouter()
-const learnPathStore = useLearnPathStore()
+// const learnPathStore = useLearnPathStore()
 function paginationChange(currentPage: number, pageSize: number) {
     params.value.pageNo = currentPage
     params.value.pageSize = pageSize
@@ -81,7 +81,7 @@ function toPath(item: any) {
         }
 
     })
-    learnPathStore.setCourseData(item)
+    // learnPathStore.setCourseData(item)
 }
 </script>
 
diff --git a/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue b/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue
index 6ff499d..65e6dbb 100644
--- a/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue
+++ b/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue
@@ -3,29 +3,34 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import { getCoursePath } from '@/api/course'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
+import { proxrequest } from '@/api/configuration';
 const Router = useRouter()
-const nodeList = ref({nodes:[],edges:[]})
+const props = defineProps(['corseId']);
+const nodeList = ref({ nodes: [], edges: [] })
+watch(() => props.corseId, () => getCoursePathEvent());
+let prOpt: any;
 const getCoursePathEvent = async () => {
-  const res = await getCoursePath({
-    corseId: '719f91586a64413898253c5b7d046fd8',
+  setTimeout(() => { prOpt = { text: '切换中', success: '切换成功', error: '切换失败' } });
+  const res = await proxrequest(getCoursePath, prOpt)({
+    corseId: props.corseId || '719f91586a64413898253c5b7d046fd8',
   })
   nodeList.value = { nodes: res.data.knowList, edges: res.data.linksList }
-  nodeList.value.edges.forEach((item:any) => {
+  nodeList.value.edges.forEach((item: any) => {
     let target = item.target
     let source = item.source
     item.target = target.toString()
     item.source = source.toString()
     item.data = {
       type: '第一阶段',
-          amount: '10学时',
-          date: '学习基础知识',
-        
+      amount: '10学时',
+      date: '学习基础知识',
+
     }
   })
-  nodeList.value.nodes.forEach((item:any) => {
+  nodeList.value.nodes.forEach((item: any) => {
     item.id = item.id.toString()
   })
   console.log(nodeList.value)
@@ -247,7 +252,7 @@ const init = () => {
   G6.registerEdge('polyline', {
     itemType: 'edge',
     draw: function draw(cfg, group) {
-      
+
       var startPoint = cfg.startPoint
       var endPoint = cfg.endPoint
       var centerPoint = {
@@ -275,7 +280,7 @@ const init = () => {
       var controlPoint = {
         x:
           ((line1EndPoint.x - startPoint.x) * (endPoint.y - startPoint.y)) /
-            (line1EndPoint.y - startPoint.y) +
+          (line1EndPoint.y - startPoint.y) +
           startPoint.x,
         y: endPoint.y,
       }
@@ -351,7 +356,7 @@ const init = () => {
       return line
     },
   })
-  
+
   var graph = new G6.Graph({
     container: 'mountNode',
     width: window.innerWidth - 19,
@@ -383,16 +388,16 @@ const init = () => {
     },
   })
 
-  graph.data( nodeList.value)
+  graph.data(nodeList.value)
   graph.render()
   graph.on('node:click', ev => {
     console.log(ev.item._cfg.id);
     Router.push({
-      path:'/knowledge',
-      query:{id:ev.item._cfg.id}
+      path: '/knowledge',
+      query: { id: ev.item._cfg.id }
     })
-    
-});
+
+  });
   var edges = graph.getEdges()
   edges.forEach(function (edge: any) {
     var line = edge.getKeyShape()
diff --git a/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue b/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue
index 3f4a4bc..4b8c32f 100644
--- a/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue
+++ b/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue
@@ -2,27 +2,17 @@
   <div class="path-title">
     <div class="title">前端课程学习路径推荐</div>
     <div class="setting">
-      <el-select
-        v-model="courseName"
-        placeholder="请选择课程"
-        size="large"
-        style="width: 200px"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.id"
-          :label="item.label"
-          :value="item.id"
-        />
+      <el-select v-model="courseName" placeholder="请选择课程" size="large" style="width: 200px">
+        <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id" />
       </el-select>
-      <el-button type="primary" style="margin-left: 20px">切换</el-button>
+      <el-button type="primary" style="margin-left: 20px" @click="() => corseId = courseName">切换</el-button>
       <el-button type="primary" style="margin-left: 20px" @click="goCourse">
         返回课程首页
       </el-button>
     </div>
   </div>
   <div class="path-container">
-    <mountNode />
+    <mountNode :corseId="corseId" />
   </div>
   <div class="statistics">
     <div class="title">学习路径</div>
@@ -33,22 +23,13 @@
         <el-table-column prop="content" label="学习路径">
           <template v-slot="{ row }">
             <div>
-              <el-tag
-                style="margin-right: 10px"
-                type="primary"
-                v-for="(item, index) in row.nodeList"
-                :key="index"
-              >
+              <el-tag style="margin-right: 10px" type="primary" v-for="(item, index) in row.nodeList" :key="index">
                 {{ item }}
               </el-tag>
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="weight"
-          label="数量"
-          width="100px"
-        />
+        <el-table-column prop="weight" label="数量" width="100px" />
         <el-table-column prop="weight" label="学时" width="100px" />
       </el-table>
       <div class="path-description">
@@ -59,39 +40,62 @@
       <h1 style="text-align: center; font-size: 20px; font-weight: bolder">
         相关信息
       </h1>
-      <div style="color: #ccc">{{ learnPathStore.courseData.name }}</div>
+      <div style="color: #ccc">{{ learn.name }}</div>
       <div style="font-size: 16px; line-height: 1.5">
-        {{ learnPathStore.courseData.description }}
+        {{ learn.description }}
       </div>
     </el-card>
     <el-card v-else style="margin-top: 20px">
       <h1 style="text-align: center; font-size: 20px; font-weight: bolder">
         最新的课程
       </h1>
+      <div style="color: #ccc"></div>
+      <div style="font-size: 16px; line-height: 1.5">
+        A Neo4j graph database stores nodes and relationships instead of tables or documents. Data is stored just like
+        you
+        might sketch ideas on a whiteboard. Your data is stored without restricting it to a pre-defined model, allowing
+        a
+        very
+        flexible way of thinking about and using it.
+      </div>
     </el-card>
   </div>
 </template>
 
 <script lang="ts" setup>
-import useLearnPathStore from '@/store/module/learnPath'
-import { ref } from 'vue'
+// import useLearnPathStore from '@/store/module/learnPath'
+import { ref, reactive } from 'vue'
 import { getknowLearnPath } from '@/api/course'
 
 import mountNode from './components/mountNode.vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
+import { getCourseList } from '@/api/course'
+import { getCourseDetailApi } from '@/api/configuration'
 const Router = useRouter()
+const Route = useRoute()
 const courseName = ref('')
-const learnPathStore = useLearnPathStore()
+// const learnPathStore = useLearnPathStore()
+const options = ref<Record<'id' | 'label', string>[]>([]);
+const currentPage = reactive({
+  pageNo: 1,
+  pageSize: 5,
+  username: 'xiao1111',
+  userId: 3
+});
+const learn = reactive<any>({})
+if (Route.query.id) {
+  getCourseDetailApi(Route.query.id as string).then(res => Object.assign(learn, res.data));
+}
+
+(async function getNames() {
+  const res: any = await getCourseList(currentPage)
+  options.value = res.data.list?.map((o: Record<any, any>) => ({ id: o.id, label: o.name }))
+})()
 
-const options = [
-  {
-    id: 1,
-    label: 'Vue.js',
-  },
-]
+const corseId = ref<string>('');
 const goCourse = () => {
   Router.push({
-    path: '/course',
+    path: '/home',
     query: { id: 'b7b169b7f9dd4ff2ae9639399206fda1' },
   })
 }
diff --git a/teaching_integration_platform_template/vite.config.ts.timestamp-1726102400305-7b45289bcf875.mjs b/teaching_integration_platform_template/vite.config.ts.timestamp-1726102400305-7b45289bcf875.mjs
new file mode 100644
index 0000000..ebe4202
--- /dev/null
+++ b/teaching_integration_platform_template/vite.config.ts.timestamp-1726102400305-7b45289bcf875.mjs
@@ -0,0 +1,64 @@
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/Ly/Desktop/a/knowledge/teaching_integration_platform_template/node_modules/.pnpm/vite@5.2.0_@types+node@20.11.30_sass@1.72.0/node_modules/vite/dist/node/index.js";
+import vue from "file:///C:/Users/Ly/Desktop/a/knowledge/teaching_integration_platform_template/node_modules/.pnpm/@vitejs+plugin-vue@5.0.4_vite@5.2.0_vue@3.4.21/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import { createSvgIconsPlugin } from "file:///C:/Users/Ly/Desktop/a/knowledge/teaching_integration_platform_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.2.0/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+import postcssPluginPx2rem from "file:///C:/Users/Ly/Desktop/a/knowledge/teaching_integration_platform_template/node_modules/.pnpm/postcss-plugin-px2rem@0.8.1/node_modules/postcss-plugin-px2rem/index.js";
+var px2remOptions = {
+  rootValue: 192,
+  //换算基数， 默认100 ,也就是1440px ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多少px了
+  unitPrecision: 5,
+  //允许REM单位增长到的十进制数字，其实就是精度控制
+  // propWhiteList: [], // 默认值是一个空数组，这意味着禁用白名单并启用所有属性。
+  // propBlackList: [], // 黑名单
+  // exclude:false,  //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)/ 。如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
+  // selectorBlackList: [], //要忽略并保留为px的选择器
+  // ignoreIdentifier: false, //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
+  // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
+  mediaQuery: false,
+  //（布尔值）允许在媒体查询中转换px
+  minPixelValue: 0
+  //设置要替换的最小像素值(3px会被转rem)。 默认 0
+};
+var vite_config_default = defineConfig({
+  base: "/portal",
+  plugins: [
+    vue(),
+    // 配置svg插件
+    createSvgIconsPlugin({
+      // Specify the icon folder to be cached
+      iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+      // Specify symbolId format
+      symbolId: "icon-[dir]-[name]"
+    })
+  ],
+  server: {
+    host: "0.0.0.0",
+    port: 8866
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve("./src")
+      // 相对路径别名配置，使用 @ 代替 src
+      // 'vue': 'vue/dist/vue.esm-bundler.js',
+    }
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        javascriptEnabled: true,
+        additionalData: '@import "./src/styles/variable.scss";'
+      }
+    },
+    postcss: {
+      plugins: [
+        // 配置响应式插件
+        postcssPluginPx2rem(px2remOptions)
+      ]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxMeVxcXFxEZXNrdG9wXFxcXGFcXFxca25vd2xlZGdlXFxcXHRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX3RlbXBsYXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxMeVxcXFxEZXNrdG9wXFxcXGFcXFxca25vd2xlZGdlXFxcXHRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX3RlbXBsYXRlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9DOi9Vc2Vycy9MeS9EZXNrdG9wL2Eva25vd2xlZGdlL3RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbmltcG9ydCB7IGNyZWF0ZVN2Z0ljb25zUGx1Z2luIH0gZnJvbSAndml0ZS1wbHVnaW4tc3ZnLWljb25zJ1xyXG4vL0B0cy1pZ25vcmVcclxuaW1wb3J0IHBvc3Rjc3NQbHVnaW5QeDJyZW0gZnJvbSBcInBvc3Rjc3MtcGx1Z2luLXB4MnJlbVwiOyAvL1x1NUYxNVx1NTE2NVx1NjNEMlx1NEVGNlxyXG5cclxuXHJcbi8vXHU5MTREXHU3RjZFXHU1M0MyXHU2NTcwIFxyXG5jb25zdCBweDJyZW1PcHRpb25zID0ge1xyXG4gIHJvb3RWYWx1ZTogMTkyLCAgLy9cdTYzNjJcdTdCOTdcdTU3RkFcdTY1NzBcdUZGMEMgXHU5RUQ4XHU4QkE0MTAwICxcdTRFNUZcdTVDMzFcdTY2MkYxNDQwcHggXHVGRjBDXHU4RkQ5XHU2ODM3XHU3Njg0XHU4QkREXHU2MjhBXHU2ODM5XHU2ODA3XHU3QjdFXHU3Njg0XHU1QjU3XHU0RjUzXHU4OUM0XHU1QjlBXHU0RTNBMXJlbVx1NEUzQTUwcHgsXHU4RkQ5XHU2ODM3XHU1QzMxXHU1M0VGXHU0RUU1XHU0RUNFXHU4QkJFXHU4QkExXHU3QTNGXHU0RTBBXHU5MUNGXHU1MUZBXHU1OTFBXHU1QzExXHU0RTJBcHhcdTc2RjRcdTYzQTVcdTU3MjhcdTRFRTNcdTc4MDFcdTRFMkRcdTUxOTlcdTU5MUFcdTVDMTFweFx1NEU4NlxyXG4gIHVuaXRQcmVjaXNpb246IDUsIC8vXHU1MTQxXHU4QkI4UkVNXHU1MzU1XHU0RjREXHU1ODlFXHU5NTdGXHU1MjMwXHU3Njg0XHU1MzQxXHU4RkRCXHU1MjM2XHU2NTcwXHU1QjU3XHVGRjBDXHU1MTc2XHU1QjlFXHU1QzMxXHU2NjJGXHU3Q0JFXHU1RUE2XHU2M0E3XHU1MjM2XHJcbiAgLy8gcHJvcFdoaXRlTGlzdDogW10sIC8vIFx1OUVEOFx1OEJBNFx1NTAzQ1x1NjYyRlx1NEUwMFx1NEUyQVx1N0E3QVx1NjU3MFx1N0VDNFx1RkYwQ1x1OEZEOVx1NjEwRlx1NTQ3M1x1Nzc0MFx1Nzk4MVx1NzUyOFx1NzY3RFx1NTQwRFx1NTM1NVx1NUU3Nlx1NTQyRlx1NzUyOFx1NjI0MFx1NjcwOVx1NUM1RVx1NjAyN1x1MzAwMlxyXG4gIC8vIHByb3BCbGFja0xpc3Q6IFtdLCAvLyBcdTlFRDFcdTU0MERcdTUzNTVcclxuICAvLyBleGNsdWRlOmZhbHNlLCAgLy9cdTlFRDhcdThCQTRmYWxzZVx1RkYwQ1x1NTNFRlx1NEVFNVx1RkYwOHJlZ1x1RkYwOVx1NTIyOVx1NzUyOFx1NkI2M1x1NTIxOVx1ODg2OFx1OEZCRVx1NUYwRlx1NjM5Mlx1OTY2NFx1NjdEMFx1NEU5Qlx1NjU4N1x1NEVGNlx1NTkzOVx1NzY4NFx1NjVCOVx1NkNENVx1RkYwQ1x1NEY4Qlx1NTk4Mi8obm9kZV9tb2R1bGUpLyBcdTMwMDJcdTU5ODJcdTY3OUNcdTYwRjNcdTYyOEFcdTUyNERcdTdBRUZVSVx1Njg0Nlx1NjdCNlx1NTE4NVx1NzY4NHB4XHU0RTVGXHU4RjZDXHU2MzYyXHU2MjEwcmVtXHVGRjBDXHU4QkY3XHU2MjhBXHU2QjY0XHU1QzVFXHU2MDI3XHU4QkJFXHU0RTNBXHU5RUQ4XHU4QkE0XHU1MDNDXHJcbiAgLy8gc2VsZWN0b3JCbGFja0xpc3Q6IFtdLCAvL1x1ODk4MVx1NUZGRFx1NzU2NVx1NUU3Nlx1NEZERFx1NzU1OVx1NEUzQXB4XHU3Njg0XHU5MDA5XHU2MkU5XHU1NjY4XHJcbiAgLy8gaWdub3JlSWRlbnRpZmllcjogZmFsc2UsIC8vXHVGRjA4Ym9vbGVhbi9zdHJpbmdcdUZGMDlcdTVGRkRcdTc1NjVcdTUzNTVcdTRFMkFcdTVDNUVcdTYwMjdcdTc2ODRcdTY1QjlcdTZDRDVcdUZGMENcdTU0MkZcdTc1MjhpZ25vcmVpZGVudGlmaWVyXHU1NDBFXHVGRjBDcmVwbGFjZVx1NUMwNlx1ODFFQVx1NTJBOFx1OEJCRVx1N0Y2RVx1NEUzQXRydWVcdTMwMDJcclxuICAvLyByZXBsYWNlOiB0cnVlLCAvLyBcdUZGMDhcdTVFMDNcdTVDMTRcdTUwM0NcdUZGMDlcdTY2RkZcdTYzNjJcdTUzMDVcdTU0MkJSRU1cdTc2ODRcdTg5QzRcdTUyMTlcdUZGMENcdTgwMENcdTRFMERcdTY2MkZcdTZERkJcdTUyQTBcdTU2REVcdTkwMDBcdTMwMDJcclxuICBtZWRpYVF1ZXJ5OiBmYWxzZSwgLy9cdUZGMDhcdTVFMDNcdTVDMTRcdTUwM0NcdUZGMDlcdTUxNDFcdThCQjhcdTU3MjhcdTVBOTJcdTRGNTNcdTY3RTVcdThCRTJcdTRFMkRcdThGNkNcdTYzNjJweFxyXG4gIG1pblBpeGVsVmFsdWU6IDAgLCAvL1x1OEJCRVx1N0Y2RVx1ODk4MVx1NjZGRlx1NjM2Mlx1NzY4NFx1NjcwMFx1NUMwRlx1NTBDRlx1N0QyMFx1NTAzQygzcHhcdTRGMUFcdTg4QUJcdThGNkNyZW0pXHUzMDAyIFx1OUVEOFx1OEJBNCAwXHJcbn1cclxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcclxuICBiYXNlOicvcG9ydGFsJyxcclxuICBwbHVnaW5zOiBbXHJcbiAgICB2dWUoKSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXN2Z1x1NjNEMlx1NEVGNlxyXG4gICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAvLyBTcGVjaWZ5IHRoZSBpY29uIGZvbGRlciB0byBiZSBjYWNoZWRcclxuICAgICAgaWNvbkRpcnM6IFtwYXRoLnJlc29sdmUocHJvY2Vzcy5jd2QoKSwgJ3NyYy9hc3NldHMvaWNvbnMnKV0sXHJcbiAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgIHN5bWJvbElkOiAnaWNvbi1bZGlyXS1bbmFtZV0nLFxyXG4gICAgfSksXHJcbiAgXSxcclxuICBzZXJ2ZXI6e1xyXG4gICAgaG9zdDogJzAuMC4wLjAnLFxyXG4gICAgcG9ydDogODg2NixcclxuICB9LFxyXG4gIHJlc29sdmU6IHtcclxuICAgIGFsaWFzOiB7XHJcbiAgICAgICdAJzogcGF0aC5yZXNvbHZlKCcuL3NyYycpLCAvLyBcdTc2RjhcdTVCRjlcdThERUZcdTVGODRcdTUyMkJcdTU0MERcdTkxNERcdTdGNkVcdUZGMENcdTRGN0ZcdTc1MjggQCBcdTRFRTNcdTY2RkYgc3JjXHJcbiAgICAgIC8vICd2dWUnOiAndnVlL2Rpc3QvdnVlLmVzbS1idW5kbGVyLmpzJyxcclxuICAgIH0sXHJcbiAgfSxcclxuICBjc3M6IHtcclxuICAgIHByZXByb2Nlc3Nvck9wdGlvbnM6IHtcclxuICAgICAgc2Nzczoge1xyXG4gICAgICAgIGphdmFzY3JpcHRFbmFibGVkOiB0cnVlLFxyXG4gICAgICAgIGFkZGl0aW9uYWxEYXRhOiAnQGltcG9ydCBcIi4vc3JjL3N0eWxlcy92YXJpYWJsZS5zY3NzXCI7JyxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgICBwb3N0Y3NzOiB7XHJcbiAgICAgIHBsdWdpbnM6IFtcclxuICAgICAgICAvLyBcdTkxNERcdTdGNkVcdTU0Q0RcdTVFOTRcdTVGMEZcdTYzRDJcdTRFRjZcclxuICAgICAgICAgcG9zdGNzc1BsdWdpblB4MnJlbShweDJyZW1PcHRpb25zKVxyXG5cclxuICAgICAgXSxcclxuICAgIH0sXHJcbiAgfSxcclxufSlcclxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFrWixTQUFTLG9CQUFvQjtBQUMvYSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBQ2pCLFNBQVMsNEJBQTRCO0FBRXJDLE9BQU8seUJBQXlCO0FBSWhDLElBQU0sZ0JBQWdCO0FBQUEsRUFDcEIsV0FBVztBQUFBO0FBQUEsRUFDWCxlQUFlO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU9mLFlBQVk7QUFBQTtBQUFBLEVBQ1osZUFBZTtBQUFBO0FBQ2pCO0FBQ0EsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsTUFBSztBQUFBLEVBQ0wsU0FBUztBQUFBLElBQ1AsSUFBSTtBQUFBO0FBQUEsSUFFSixxQkFBcUI7QUFBQTtBQUFBLE1BRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLE1BRTFELFVBQVU7QUFBQSxJQUNaLENBQUM7QUFBQSxFQUNIO0FBQUEsRUFDQSxRQUFPO0FBQUEsSUFDTCxNQUFNO0FBQUEsSUFDTixNQUFNO0FBQUEsRUFDUjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxLQUFLLFFBQVEsT0FBTztBQUFBO0FBQUE7QUFBQSxJQUUzQjtBQUFBLEVBQ0Y7QUFBQSxFQUNBLEtBQUs7QUFBQSxJQUNILHFCQUFxQjtBQUFBLE1BQ25CLE1BQU07QUFBQSxRQUNKLG1CQUFtQjtBQUFBLFFBQ25CLGdCQUFnQjtBQUFBLE1BQ2xCO0FBQUEsSUFDRjtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsU0FBUztBQUFBO0FBQUEsUUFFTixvQkFBb0IsYUFBYTtBQUFBLE1BRXBDO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

From 18d5d1ee0bf736ee51a17fda86bd0e922e7ab097 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Thu, 12 Sep 2024 11:34:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=AE=80=E4=BB=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/home/index.vue                               | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/teaching_integration_platform_template/src/views/home/index.vue b/teaching_integration_platform_template/src/views/home/index.vue
index 80f92a0..422ff4d 100644
--- a/teaching_integration_platform_template/src/views/home/index.vue
+++ b/teaching_integration_platform_template/src/views/home/index.vue
@@ -69,6 +69,7 @@ import Graph from './components/Graph.vue'
 import { getCourseList } from '@/api/course'
 import { reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
+import { getCourseDetailApi } from '@/api/configuration'
 interface Page {
   pageNo: number
   pageSize: number
@@ -109,6 +110,12 @@ const getCourseListEvent = async () => {
   }
   btnTexst.value = '正在加载'
   const res: any = await getCourseList(currentPage)
+  for (const o of res.data.list) {
+    getCourseDetailApi(o.id).then(res => {
+      o.description = res.data.description;
+      couresData.content = [...couresData.content];
+    });
+  }
   couresData.content = [...couresData.content, ...res.data.list]
   couresData.totalcount = res.data.total
   btnTexst.value = '加载更多'