update

src/locales/lang/en/room.ts

@@ -18,7 +18,11 @@ export default {
     nicknameRequired: 'Nickname is required',
     nicknameDesc: 'Please enter up to 15 words for the host nickname',
     selectScene: 'select scene',
-    addScene: 'add scene'
+    addScene: 'add scene',
+    inputSearch: 'input the keyword',
+    scene: 'scene',
+    name: 'name',
+    time: 'time'
   },
   roomOnfired:
     'The studio is livestreaming; please stop the livestream before making any changes!',

src/locales/lang/zh-CN/room.ts

@@ -3,7 +3,6 @@ export default {
   editRoom: '修改房间',
   myRoom: '我的房间',
   searchRoom: '搜索房间',
-  personalCenter: '个人中心',
   logout: '退出登录',
   startLivestreaming: '开始带看',
   roomInfo: '房间信息',
@@ -18,12 +17,18 @@ export default {
     nicknameRequired: '请输入昵称',
     nicknameDesc: '请输入主持人昵称，限15字',
     selectScene: '选择场景',
-    addScene: '添加场景'
+    addScene: '添加场景',
+    inputSearch: '输入关键词',
+    scene: '场景',
+    name: '名称',
+    time: '时间'
   },
   roomOnfired: '房间直播中， 请先关闭直播再修改 ！',
   copyLink: '复制链接',
   linkCopySuccess: '链接复制成功!',
   deletedScenes: '删除场景',
   deletedScenesWaring: '删除后无法恢复，是否确认？',
-  projectLink: '作品链接'
+  projectLink: '作品链接',
+
+
 }

src/views/scene/list.vue

@@ -1,21 +1,21 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    title="选择场景"
+    :title="t('room.form.selectScene')"
     width="600px"
-    ok-text="确定"
-    cancel-text="取消"
+    :ok-text="t('base.confirm')"
+    :cancel-text="t('base.cancel')"
     :after-close="onCancel"
     @ok="saveHandler"
   >
     <div class="scene-modal">
-      <a-input v-model:value="keyword" placeholder="输入关键词" allow-clear>
+      <a-input v-model:value="keyword" :placeholder="t('room.form.inputSearch')" allow-clear>
         <template #suffix>
           <search-outlined class="search-icon" />
         </template>
       </a-input>
       <div class="scene-list-layout">
-        <DataList :data-source="filterScenes" :keyword="keyword" name="场景">
+        <DataList :data-source="filterScenes" :keyword="keyword" :name="t('room.form.scene')">
           <div class="scene-list">
             <a-table
               row-key="num"
@@ -46,6 +46,9 @@ import { ref, computed } from 'vue'
 import { useSceneStore } from '@/store/modules/scene'
 import DataList from '@/components/data-list/index.vue'
 import type { Scene } from '@/store/modules/scene'
+import { useI18n } from '@/hook/useI18n'
+
+const { t } = useI18n()
 
 defineOptions<{ name: 'SceneList' }>()
 
@@ -69,17 +72,17 @@ sceneStore.fetch()
 
 const sceneColumns = [
   {
-    title: '场景',
+    title: t('room.form.scene'),
     dataIndex: 'cover',
     key: 'cover'
   },
   {
-    title: '名称',
+    title: t('room.form.name'),
     dataIndex: 'title',
     key: 'title'
   },
   {
-    title: '时间',
+    title: t('room.form.time'),
     dataIndex: 'time',
     key: 'time'
   }