Explorar el Código

```
feat(learning-system): 添加课程详情页面缓存优化并更新API配置

- 在学习系统详情页面添加keep-alive组件以缓存OtherCourse组件
- 更新开发环境API基础URL配置,切换到高运甲的服务器地址
- 修复课程目录组件中章节时间显示字段,使用chapterTimeConvert替代chapterTime
- 为OtherCourse组件添加onActivated生命周期钩子,确保组件激活时重新获取数据
```

zhangningning hace 1 mes
padre
commit
bda031dbcc

+ 1 - 1
.env.development

@@ -1,6 +1,6 @@
 # 乔功
 # 乔功
 VITE_API_BASE_URL=http://192.168.100.134:8080/api
 VITE_API_BASE_URL=http://192.168.100.134:8080/api
 # 高运甲
 # 高运甲
-# VITE_API_BASE_URL=http://192.168.100.89:8080/api
+VITE_API_BASE_URL=http://192.168.100.89:8080/api
 
 
 
 

+ 3 - 1
src/pages/LearningSystem/LearningSystemDetail.vue

@@ -64,7 +64,9 @@
           </el-tabs>
           </el-tabs>
         </div>
         </div>
         <div class="detail_right bg_color_fff padding16 border_radius_16 box_shadow_card">
         <div class="detail_right bg_color_fff padding16 border_radius_16 box_shadow_card">
-          <OtherCourse :info="info"/>
+          <keep-alive>
+            <OtherCourse :info="info"/>
+          </keep-alive>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>

+ 1 - 1
src/pages/LearningSystem/components/CourseDirectory.vue

@@ -15,7 +15,7 @@
           <span>{{item.chapterName}}</span>
           <span>{{item.chapterName}}</span>
         </div>
         </div>
       </div>
       </div>
-      <div>{{item.chapterTime}}</div>
+      <div>{{item.chapterTimeConvert}}</div>
     </div>
     </div>
     <div v-if="list.length === 0" >
     <div v-if="list.length === 0" >
       <el-empty :image-size="200" />
       <el-empty :image-size="200" />

+ 6 - 1
src/pages/LearningSystem/components/OtherCourse.vue

@@ -21,7 +21,7 @@
 </template>
 </template>
 <script setup>
 <script setup>
 import { getCourseList } from '@/api/course.js'
 import { getCourseList } from '@/api/course.js'
-import { ref, onMounted, watch, reactive } from 'vue'
+import { ref, onMounted, watch, reactive, onActivated } from 'vue'
 import { useRouter } from 'vue-router'
 import { useRouter } from 'vue-router'
 const router = useRouter();
 const router = useRouter();
 
 
@@ -47,6 +47,11 @@ watch(() => props.info.skillTag, (newVal, oldVal) => {
     getList('init');
     getList('init');
   }
   }
 })
 })
+
+onActivated(() => {
+  searchFom.skillTag = props.info.skillTag;
+  getList('init');
+})
 // onMounted(() => {
 // onMounted(() => {
 //   getList();
 //   getList();
 // });
 // });