perf(src/packages): 3d 模型页面未国际化

fengtao
1 parent 9271c810
Showing 3 changed files with 131 additions and 74 deletions
src/i18n/en/business.ts
src/i18n/zh/business.ts
src/views/three/items/components/ProjectItemsList/index.vue
--- a/src/i18n/en/business.ts
View file @49cb215
+++ b/src/i18n/en/business.ts
View file @49cb215
@@ -12,7 +12,7 @@ export default {
     SCATTER: 'Scatter plot',
     MAP: 'Map',
     COMBINATION: 'Combination diagram',
-    MORE: 'More',
+    MORE: 'More'
   },
   information: {
     TEXT: 'Text',
@@ -26,7 +26,7 @@ export default {
     THREE: '3D',
     HEADLINE: 'Headline',
     SUBTITLE: 'Subtitle',
-    MORE: 'More',
+    MORE: 'More'
   },
   image: {
     PRIVATE: 'Private image',
@@ -53,22 +53,23 @@ export default {
     clearClipboard: 'CLear clipboard',
     delete: 'Delete',
     group: 'Group',
-    unGroup: 'UnGroup',
+    unGroup: 'UnGroup'
   },
   layerMode: {
     thumbnail: 'Thumbnail',
-    textList: 'Text list',
+    textList: 'Text list'
   },
   chartMode: {
     singleRow: 'Single-row',
-    biserial: 'Biserial',
+    biserial: 'Biserial'
   },
   notComponent: 'Component not found',
   noLayer: 'There are currently no layers available',
   saveContent: 'Save content',
   saveThumImage: 'Save Thumbnail Image',
   placeEntercorner: 'Please enter the name in the bottom left corner!',
-  savingContentContinue: 'Saving the content will synchronize and modify all components that use this interface. Do you want to continue?',
+  savingContentContinue:
+    'Saving the content will synchronize and modify all components that use this interface. Do you want to continue?',
   chartComponent: 'Charting Components',
   layerControl: 'Layer control',
   detailSetting: 'Details Settings',
@@ -81,30 +82,53 @@ export default {
   initDataRefresh: 'Data initialization successful, please refresh the page!',
   components: 'Components',
   layer: 'Layer',
-  iconToolTipChart:'Charting components',
-  iconToolTipLayer:'Layer control',
-  iconToolTipDetail:'Details settings',
-  actionForward:'Forward',
-  actionBack:'Retreat',
-  closeAndExit:'Close on exit',
-  animationTimingText:{
-    linear:'Linear',
-    ease:'Ease',
-    easein:'Easein',
-    easeout:'Easeout',
-    easeinout:'Easeinout',
+  iconToolTipChart: 'Charting components',
+  iconToolTipLayer: 'Layer control',
+  iconToolTipDetail: 'Details settings',
+  actionForward: 'Forward',
+  actionBack: 'Retreat',
+  closeAndExit: 'Close on exit',
+  animationTimingText: {
+    linear: 'Linear',
+    ease: 'Ease',
+    easein: 'Easein',
+    easeout: 'Easeout',
+    easeinout: 'Easeinout'
   },
-  animationPlayStateText:{
-    paused:'Paused',
-    running:'Running',
+  animationPlayStateText: {
+    paused: 'Paused',
+    running: 'Running'
   },
-  animationIterationCountNameText:{
-    unlimitedTimes:'Unlimited times',
+  animationIterationCountNameText: {
+    unlimitedTimes: 'Unlimited times'
   },
-  requestType:{
-    customRequest:'Custom request',
-    publicInterface:'Public interface',
+  requestType: {
+    customRequest: 'Custom request',
+    publicInterface: 'Public interface'
   },
-  color:'Color',
-  threeDModel:'3D model',
+  color: 'Color',
+  threeDModel: '3D model',
+  threeFormSearch: {
+    name: 'Name',
+    placeholderName: 'Input name',
+    state: 'State',
+    placeholderState: 'Select state',
+    search: 'Search',
+    reset: 'Reset',
+    add: 'Add',
+    selectAll: 'Select all',
+    selectUnAll: 'Select unAll',
+    batchOperate: 'Batch operate',
+    noData: 'No data',
+    all: 'All',
+    count: 'Count',
+    release:'Release',
+    unRelease:'Un release',
+    batchDelete:'Bulk delete',
+    batchRelease:'Bulk release',
+    batchUnRelease:'Bulk un release',
+    m1:'Do you want to delete the selected data in bulk?',
+    m2:'Do you want to publish the selected data in bulk?',
+    m3:'Do you want to cancel the publication of the selected data in bulk?',
+  }
 }
--- a/src/i18n/zh/business.ts
View file @49cb215
+++ b/src/i18n/zh/business.ts
View file @49cb215
@@ -26,7 +26,7 @@ export default {
     THREE: '三维',
     HEADLINE: '大标题',
     SUBTITLE: '小标题',
-    MORE: '更多',
+    MORE: '更多'
   },
   image: {
     PRIVATE: '私有图',
@@ -53,15 +53,15 @@ export default {
     clearClipboard: '清空剪贴板',
     delete: '删除',
     group: '创建分组',
-    unGroup: '解除分组',
+    unGroup: '解除分组'
   },
   layerMode: {
     thumbnail: '缩略图',
-    textList: '文本列表',
+    textList: '文本列表'
   },
   chartMode: {
     singleRow: '单列',
-    biserial: '双列',
+    biserial: '双列'
   },
   notComponent: '没有找到组件',
   noLayer: '暂无图层',
@@ -81,30 +81,53 @@ export default {
   initDataRefresh: '数据初未始化成功,请刷新页面！',
   components: '组件',
   layer: '图层',
-  iconToolTipChart:'图表组件',
-  iconToolTipLayer:'图层控制',
-  iconToolTipDetail:'详情设置',
-  actionForward:'前进',
-  actionBack:'后退',
-  closeAndExit:'关闭并退出',
-  animationTimingText:{
-    linear:'匀速',
-    ease:'缓速',
-    easein:'低速开始',
-    easeout:'低速结束',
-    easeinout:'低速开始和结束',
+  iconToolTipChart: '图表组件',
+  iconToolTipLayer: '图层控制',
+  iconToolTipDetail: '详情设置',
+  actionForward: '前进',
+  actionBack: '后退',
+  closeAndExit: '关闭并退出',
+  animationTimingText: {
+    linear: '匀速',
+    ease: '缓速',
+    easein: '低速开始',
+    easeout: '低速结束',
+    easeinout: '低速开始和结束'
   },
-  animationPlayStateText:{
-    paused:'暂停',
-    running:'播放',
+  animationPlayStateText: {
+    paused: '暂停',
+    running: '播放'
   },
-  animationIterationCountNameText:{
-    unlimitedTimes:'无限次',
+  animationIterationCountNameText: {
+    unlimitedTimes: '无限次'
   },
-  requestType:{
-    customRequest:'自定义请求',
-    publicInterface:'公共接口',
+  requestType: {
+    customRequest: '自定义请求',
+    publicInterface: '公共接口'
   },
-  color:'颜色',
-  threeDModel:'3D 模型',
+  color: '颜色',
+  threeDModel: '3D 模型',
+  threeFormSearch: {
+    name: '名称',
+    placeholderName: '输入名称',
+    state: '状态',
+    placeholderState: '选择状态',
+    search: '查询',
+    reset: '重置',
+    add: '新增',
+    selectAll: '全选',
+    selectUnAll: '反选',
+    batchOperate: '批量操作',
+    noData: '暂无数据',
+    all: '共',
+    count: '条',
+    release:'已发布',
+    unRelease:'未发布',
+    batchDelete:'批量删除',
+    batchRelease:'批量发布',
+    batchUnRelease:'批量取消发布',
+    m1:'是否批量删除所选数据？',
+    m2:'是否批量发布所选数据？',
+    m3:'是否批量取消发布所选数据？',
+  }
 }
--- a/src/views/three/items/components/ProjectItemsList/index.vue
View file @49cb215
+++ b/src/views/three/items/components/ProjectItemsList/index.vue
View file @49cb215
@@ -4,13 +4,17 @@
     <n-form ref="formRef" label-placement="left" label-width="auto" :model="formValue" :size="formSize">
       <n-grid :cols="24" :x-gap="24">
         <n-grid-item :span="6" label="Input" path="name">
-          <n-form-item label="名称" path="name">
-            <n-input v-model:value="formValue.name" placeholder="输入名称" />
+          <n-form-item :label="t('business.threeFormSearch.name')" path="name">
+            <n-input v-model:value="formValue.name" :placeholder="t('business.threeFormSearch.placeholderName')" />
           </n-form-item>
         </n-grid-item>
         <n-grid-item :span="6" label="Select" path="state">
-          <n-form-item label="状态" path="state">
-            <n-select v-model:value="formValue.state" placeholder="选择状态" :options="statusOptions" />
+          <n-form-item :label="t('business.threeFormSearch.state')" path="state">
+            <n-select
+              v-model:value="formValue.state"
+              :placeholder="t('business.threeFormSearch.placeholderState')"
+              :options="statusOptions"
+            />
           </n-form-item>
         </n-grid-item>
         <n-grid-item :span="8">
@@ -20,7 +24,7 @@
                 <SearchIcon />
               </n-icon>
             </template>
-            查询
+            {{ t('business.threeFormSearch.search') }}
           </n-button>
           <n-button style="margin-left: 20px" @click="handleResetClick">
             <template #icon>
@@ -28,7 +32,7 @@
                 <ReloadSearch />
               </n-icon>
             </template>
-            重置
+            {{ t('business.threeFormSearch.reset') }}
           </n-button>
         </n-grid-item>
       </n-grid>
@@ -39,9 +43,11 @@
     <div v-show="!loading">
       <div style="display: flex; flex-direction: row-reverse">
         <n-space>
-          <n-button type="primary" @click="handleOpenThreeEditor"> 新增 </n-button>
+          <n-button type="primary" @click="handleOpenThreeEditor"> {{ t('business.threeFormSearch.add') }} </n-button>
           <n-button v-if="list.length" @click="handleSelectAll" type="info">
-            {{ selectAllTextFlag ? '全选' : '反选' }}
+            {{
+              selectAllTextFlag ? t('business.threeFormSearch.selectAll') : t('business.threeFormSearch.selectUnAll')
+            }}
           </n-button>
           <n-dropdown
             v-if="list.length"
@@ -50,7 +56,7 @@
             :options="operationOptions"
             @select="handleOperationSelect"
           >
-            <n-button :disabled="isBulkOperationFlag"> 批量操作 </n-button>
+            <n-button :disabled="isBulkOperationFlag"> {{ t('business.threeFormSearch.batchOperate') }} </n-button>
           </n-dropdown>
         </n-space>
       </div>
@@ -75,8 +81,8 @@
           ></project-items-card>
         </n-grid-item>
       </n-grid>
-      <div  v-else style="height: calc(100vh - 40vh);display: flex;align-items: center;justify-content: center">
-        <n-empty description="暂无数据">
+      <div v-else style="height: calc(100vh - 40vh); display: flex; align-items: center; justify-content: center">
+        <n-empty :description="t('business.threeFormSearch.noData')">
           <template #extra> </template>
         </n-empty>
       </div>
@@ -91,7 +97,9 @@
         @update:page-size="changeSize"
         show-size-picker
       >
-        <template #prefix> 共 {{ pagination.count }} 条 </template>
+        <template #prefix>
+          {{ t('business.threeFormSearch.all') }} {{ pagination.count }} {{ t('business.threeFormSearch.count') }}
+        </template>
       </n-pagination>
     </div>
   </div>
@@ -120,6 +128,8 @@ import { goDialog } from '@/utils'
 const { SearchIcon, ReloadSearch } = icon.ionicons5
+const t = window['$t']
+
 const { modalData, modalShow, closeModal, resizeHandle, editHandle } = useModalDataInit()
 const formRef = ref<FormInst | null>(null)
@@ -133,11 +143,11 @@ const formValue = ref({
 const statusOptions = ref([
   {
-    label: '已发布',
+    label:  t('business.threeFormSearch.release'),
     value: 'yes'
   },
   {
-    label: '未发布',
+    label: t('business.threeFormSearch.unRelease'),
     value: 'no'
   }
 ])
@@ -146,15 +156,15 @@ const operationKey = ref('')
 const operationOptions = [
   {
-    label: '批量删除',
+    label: t('business.threeFormSearch.batchDelete'),
     key: 'Bulk delete'
   },
   {
-    label: '批量发布',
+    label: t('business.threeFormSearch.batchRelease'),
     key: 'Bulk release'
   },
   {
-    label: '批量取消发布',
+    label: t('business.threeFormSearch.batchUnRelease'),
     key: 'Bulk un release'
   }
 ]
@@ -197,7 +207,7 @@ const handleOperationSelect = async (key: string) => {
       goDialog({
         type: DialogEnum.DELETE,
         promise: true,
-        message: '是否批量删除所选数据？',
+        message: t('business.threeFormSearch.m1'),
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onPositiveCallback: () => {},
         promiseResCallback: async () => {
@@ -218,10 +228,10 @@ const handleOperationSelect = async (key: string) => {
       })
       break
     case 'Bulk release':
-      releaseGoDialog('是否批量发布所选数据？', 1, 'common.releaseSuccessText')
+      releaseGoDialog(t('business.threeFormSearch.m2'), 1, 'common.releaseSuccessText')
       break
     case 'Bulk un release':
-      releaseGoDialog('是否批量取消发布所选数据？', 0, 'common.cancelReleaseSuccessText')
+      releaseGoDialog(t('business.threeFormSearch.m3'), 0, 'common.cancelReleaseSuccessText')
       break
   }
 }