fix( #174): Front: The i18n in the table header is not taking effect.
diff --git a/ui-vue3/src/base/i18n/en.ts b/ui-vue3/src/base/i18n/en.ts
index bfbc1be..e47acaf 100644
--- a/ui-vue3/src/base/i18n/en.ts
+++ b/ui-vue3/src/base/i18n/en.ts
@@ -57,6 +57,7 @@
instanceNum: 'Instance Number',
deployCluster: 'Deploy Cluster',
registerCluster: 'Register Cluster',
+ registerClusters: 'Register Clusters',
serviceName: 'Service Name',
registrySource: 'Registry Source',
instanceRegistry: 'Instance Registry',
@@ -291,6 +292,7 @@
event: 'Event',
provideService: 'Provide Service',
+ idx: 'Index',
dependentService: 'Dependent Service'
}
diff --git a/ui-vue3/src/base/i18n/zh.ts b/ui-vue3/src/base/i18n/zh.ts
index 0e18541..de115e2 100644
--- a/ui-vue3/src/base/i18n/zh.ts
+++ b/ui-vue3/src/base/i18n/zh.ts
@@ -291,7 +291,8 @@
event: '事件',
provideService: '提供服务',
- dependentService: '依赖服务'
+ dependentService: '依赖服务',
+ idx: '序号'
}
export default words
diff --git a/ui-vue3/src/components/SearchTable.vue b/ui-vue3/src/components/SearchTable.vue
index 0d7a229..5fca6a0 100644
--- a/ui-vue3/src/components/SearchTable.vue
+++ b/ui-vue3/src/components/SearchTable.vue
@@ -78,7 +78,7 @@
<script setup lang="ts">
import type { ComponentInternalInstance } from 'vue'
-import { getCurrentInstance, inject } from 'vue'
+import { computed, getCurrentInstance, inject } from 'vue'
import { PROVIDE_INJECT_KEY } from '@/base/enums/ProvideInject'
import type { SearchDomain } from '@/utils/SearchUtil'
@@ -92,7 +92,10 @@
const searchDomain: SearchDomain | any = inject(PROVIDE_INJECT_KEY.SEARCH_DOMAIN)
searchDomain.table.columns.forEach((column: any) => {
- column.title = globalProperties.$t(column.title)
+ if (column.title) {
+ const tmp = column.title
+ column.title = computed(() => globalProperties.$t(tmp))
+ }
})
console.log(searchDomain)
const pagination = {
