diff --git a/packages/euler/src/views/company/Index.vue b/packages/euler/src/views/company/Index.vue index 965cf522e8de12badf762606c43fb66a6cf2ec03..3dbc30e73f7e1c6cf9aca79376ee311b2d03e2b3 100644 --- a/packages/euler/src/views/company/Index.vue +++ b/packages/euler/src/views/company/Index.vue @@ -4,17 +4,20 @@ import { useCompanyStore } from '@/stores/company'; import { IObject } from 'shared/@types/interface'; import OAnchor from 'shared/components/OAnchor.vue'; import { onMounted, ref, watch } from 'vue'; +import { useI18n } from 'vue-i18n'; import { useRoute } from 'vue-router'; const route = useRoute(); const useCompany = useCompanyStore(); const useCommon = useCommonStore(); const sencondTitle = ref(''); -const getSencondTitle = () => { - const { name } = route.params; +const { t } = useI18n(); +const getSencondTitle = (value?: string) => { + const name = value || route.params.name; const findOne = - useCompany.companyData.find((item: IObject) => item.company_cn === name) || - useCompany.companyData[0]; + useCompany.companyData.find( + (item: IObject) => item.company_cn === name || item.company_en === name + ) || useCompany.companyData[0]; const key = useCommon.language === 'zh' ? 'company_cn' : 'company_en'; return (findOne && findOne[key]) || name; }; @@ -25,9 +28,14 @@ watch( }, { deep: true } ); +watch( + () => useCommon.language, + () => { + sencondTitle.value = getSencondTitle(sencondTitle.value); + } +); onMounted(() => { useCompany.getCompanyData(); - useCompany.companyData });