Przeglądaj źródła

修改编程课和实验课平台标题为响应式

丸子 1 miesiąc temu
rodzic
commit
eb834d6aab

+ 10 - 1
src/views/laboratory/ExperimentalTheme.vue

@@ -8,7 +8,7 @@
             <!-- 左侧返回图标 -->
             <div class="left-content-wrapper" @click="goToHomePage">
               <!-- <el-icon class="left-icon"><ArrowLeftBold /></el-icon> -->
-              <span class="left-text">人工智能通识课平台</span>
+              <span class="left-text">{{ platformTitle }}</span>
             </div>
           </div>
         </div>
@@ -138,6 +138,13 @@ const circleButtons = computed(() => {
   }))
 })
 
+// 平台标题响应式变量
+const platformTitle = ref(import.meta.env.VITE_APP_TITLE)
+// 更新平台标题
+const updatePlatformTitle = () => {
+  platformTitle.value = localStorage.getItem('tenantName') || import.meta.env.VITE_APP_DEFAULT_LOGIN_TENANT
+}
+
 
 
 // 获取实验课主题列表
@@ -252,6 +259,8 @@ const goToHomePage = () => {
 onMounted(() => {
   // 获取实验主题列表
   fetchExperimentList()
+  // 初始化平台标题
+  updatePlatformTitle()
   // storage事件监听器,监听其他标签页对localStorage的修改
   // window.addEventListener('storage', handleStorageChange)
   // 删除AI实验课对话缓存

+ 13 - 1
src/views/programming/ProgrammingGame.vue

@@ -8,7 +8,7 @@
             <!-- 左侧返回图标 -->
             <div class="left-content-wrapper" @click="goToHomePage">
               <!-- <el-icon class="left-icon"><ArrowLeftBold /></el-icon> -->
-              <span class="left-text">人工智能通识课平台</span>
+              <span class="left-text">{{ platformTitle }}</span>
             </div>
           </div>
         </div>
@@ -104,6 +104,13 @@ const circleButtons = reactive([])
 // 定义课程类别数据
 const courseCategories = reactive([])
 
+// 平台标题响应式变量
+const platformTitle = ref(import.meta.env.VITE_APP_TITLE)
+// 更新平台标题
+const updatePlatformTitle = () => {
+  platformTitle.value = localStorage.getItem('tenantName') || import.meta.env.VITE_APP_DEFAULT_LOGIN_TENANT
+}
+
 
 // 获取主题列表
 const themeList = async () => {
@@ -221,8 +228,13 @@ const goToHomePage = () => {
 onMounted(() => {
   // 获取主题列表
   themeList()
+  // 初始化平台标题
+  updatePlatformTitle()
   // storage事件监听器,监听其他标签页对localStorage的修改
   window.addEventListener('storage', (e) => {
+    if (e.key === 'tenantName') {
+      updatePlatformTitle()
+    }
     if (e.key === 'userName') {
       // updateUserName()
     }