udpate

src/App.vue

@@ -22,6 +22,7 @@ import { getImgSrc } from '@/utils/getImgSrc'
 import browser from '@/utils/browser'
 import { useLocale } from './locales/useLocale'
 import { LocaleType } from '#/config'
+import { useI18n } from './hook/useI18n'
 provide('getImgSrc', getImgSrc)
 export const contentRef = ref<HTMLDivElement>()
 
@@ -31,7 +32,11 @@ export default defineComponent({
     LayoutHeader
   },
   setup() {
-    onMounted(() => {})
+    onMounted(() => {
+      const { t } = useI18n()
+      const websiteTitle = t('base.websiteTitle')
+      document.title = websiteTitle
+    })
     return { contentRef }
   }
 })

src/api/scene.ts

@@ -32,16 +32,33 @@ export enum SceneStatus {
   RERUN = 4
 }
 
-const { t } = useI18n()
 
 
-export const sceneStatusDesc = {
-  [SceneStatus.DEL]: t('code.del'),
-  [SceneStatus.RUN]: t('code.run'),
-  [SceneStatus.ERR]: t('code.err'),
-  [SceneStatus.SUCCESS]: t('code.success'),
-  [SceneStatus.ARCHIVE]: t('code.archive'),
-  [SceneStatus.RERUN]: t('code.rerun')
+export const sceneStatusDesc = (key: number) => {
+  const { t } = useI18n()
+  switch (key) {
+    case SceneStatus.DEL:
+      return t('code.del')
+    case SceneStatus.RUN:
+      return t('code.run')
+    case SceneStatus.ERR:
+      return t('code.err')
+    case SceneStatus.SUCCESS:
+      return t('code.success')
+    case SceneStatus.ARCHIVE:
+      return t('code.success')
+    case SceneStatus.RERUN:
+      return t('code.rerun')
+  }
+  // const res = {
+  //   [SceneStatus.DEL]: t('code.del'),
+  //   [SceneStatus.RUN]: t('code.run'),
+  //   [SceneStatus.ERR]: t('code.err'),
+  //   [SceneStatus.SUCCESS]: t('code.success'),
+  //   [SceneStatus.ARCHIVE]: t('code.archive'),
+  //   [SceneStatus.RERUN]: t('code.rerun')
+  // }
+  // return res
 }
 
 export type Scenes = Scene[]

src/locales/lang/en/base.ts

@@ -1,4 +1,5 @@
 export default {
+  websiteTitle: 'livesteam',
   lang: {
     en: 'English',
     zh: '简体中文'

src/locales/lang/zh/base.ts

@@ -1,4 +1,5 @@
 export default {
+  websiteTitle: '四维看看',
   lang: {
     en: 'English',
     zh: '简体中文'

src/views/room/edit-room/scene-list.vue

@@ -16,7 +16,7 @@
           <p class="title">{{ item.title }}</p>
 
           <div v-if="item.status !== SceneStatus.SUCCESS" class="status-cover">
-            <p>{{ sceneStatusDesc[item.status] }}</p>
+            <p>{{ sceneStatusDesc(item.status) }}</p>
           </div>
         </div>
       </a-list-item>