From e59c69c9caaca21079a071a2a2ddb5b48bb907fc Mon Sep 17 00:00:00 2001 From: yuanshan <42023847+piercezzs@users.noreply.github.com> Date: Mon, 2 Feb 2026 15:14:24 +0800 Subject: [PATCH] feat: update routing to use localePath for navigation across various components and pages --- README.md | 2 +- composables/useAuth.js | 25 +++++++----- .../customFooter/size1440/index.vue | 10 +---- .../customFooter/size1920/index.vue | 18 ++++----- src/components/customFooter/size375/index.vue | 10 +---- src/components/customFooter/size768/index.vue | 10 +---- .../customHeader/size1440/index.vue | 2 +- src/utils/changeLanguage.js | 6 +-- .../secfilings/size1440/index.vue | 15 ++++--- .../secfilings/size1920/index.vue | 15 ++++--- .../secfilings/size375/index.vue | 15 ++++--- .../secfilings/size768/index.vue | 15 ++++--- .../footerLinks/siteMap/size1440/index.vue | 31 ++++++++------- .../footerLinks/siteMap/size1920/index.vue | 31 ++++++++------- .../footerLinks/siteMap/size375/index.vue | 31 ++++++++------- .../footerLinks/siteMap/size768/index.vue | 31 ++++++++------- src/views/myHome/size1440/index.vue | 15 ++++--- src/views/myHome/size1920/index.vue | 15 ++++--- src/views/myHome/size375/index.vue | 15 ++++--- src/views/myHome/size768/index.vue | 15 ++++--- src/views/press-releases/size1440/index.vue | 15 ++++--- src/views/press-releases/size1920/index.vue | 15 ++++--- src/views/press-releases/size375/index.vue | 39 +++++++++++++------ src/views/press-releases/size768/index.vue | 15 ++++--- 24 files changed, 224 insertions(+), 187 deletions(-) diff --git a/README.md b/README.md index bc9d384..aff6cd4 100644 --- a/README.md +++ b/README.md @@ -171,7 +171,7 @@ node .output/server/index.mjs 服务器运行 ## 必应搜索 - + ## 📝 License diff --git a/composables/useAuth.js b/composables/useAuth.js index c3c6112..8b0372e 100644 --- a/composables/useAuth.js +++ b/composables/useAuth.js @@ -14,6 +14,7 @@ import { showToast } from "vant"; export const useAuth = createGlobalState(() => { const router = useRouter(); + const localePath = useLocalePath(); // Use Nuxt useCookie for SSR compatibility const token = useCookie("token", { default: () => "" }); @@ -52,10 +53,12 @@ export const useAuth = createGlobalState(() => { const res = await voteAPI({ workUid: workUid.value }); if (res.status === 0) { showToast("投票成功"); - router.push({ - path: "/result", - query: { type: "hasVoted" }, - }); + router.push( + localePath({ + path: "/result", + query: { type: "hasVoted" }, + }) + ); } }; @@ -145,10 +148,12 @@ export const useAuth = createGlobalState(() => { const res = await competitionApply(formData.value); if (res.status === 0) { showToast("报名成功"); - router.push({ - path: "/result", - query: { type: "success" }, - }); + router.push( + localePath({ + path: "/result", + query: { type: "success" }, + }) + ); } }; @@ -163,10 +168,10 @@ export const useAuth = createGlobalState(() => { if (res.data.status === 1) { showToast("您已经报名"); await getDetail(); - router.push("/details"); + router.push(localePath("/details")); } else { showToast("登录成功"); - router.push("/signup"); + router.push(localePath("/signup")); } } }; diff --git a/src/components/customFooter/size1440/index.vue b/src/components/customFooter/size1440/index.vue index 19b6d16..b0f4d58 100644 --- a/src/components/customFooter/size1440/index.vue +++ b/src/components/customFooter/size1440/index.vue @@ -15,17 +15,11 @@ diff --git a/src/components/customFooter/size1920/index.vue b/src/components/customFooter/size1920/index.vue index 476d859..9455c07 100644 --- a/src/components/customFooter/size1920/index.vue +++ b/src/components/customFooter/size1920/index.vue @@ -3,8 +3,12 @@
- {{ $t("footer.privacy_policy") }} - {{ $t("footer.terms_of_use") }} + {{ + $t("footer.privacy_policy") + }} + {{ + $t("footer.terms_of_use") + }} {{ $t("footer.site_map") }}
© 2025 FiEE（HK）Limited. All Rights Reserved. @@ -14,18 +18,12 @@ diff --git a/src/components/customFooter/size375/index.vue b/src/components/customFooter/size375/index.vue index a99629f..ce4169f 100644 --- a/src/components/customFooter/size375/index.vue +++ b/src/components/customFooter/size375/index.vue @@ -17,17 +17,11 @@ diff --git a/src/components/customFooter/size768/index.vue b/src/components/customFooter/size768/index.vue index 5e2b6a9..ee7cff8 100644 --- a/src/components/customFooter/size768/index.vue +++ b/src/components/customFooter/size768/index.vue @@ -13,17 +13,11 @@ diff --git a/src/components/customHeader/size1440/index.vue b/src/components/customHeader/size1440/index.vue index 21b24fc..e2055d5 100644 --- a/src/components/customHeader/size1440/index.vue +++ b/src/components/customHeader/size1440/index.vue @@ -119,7 +119,7 @@ const closeLanguagePicker = () => { const handleSelectLanguage = (lang) => { setLocale(lang); closeLanguagePicker(); - selectedLanguage.value = lang; + // selectedLanguage.value = lang; // 移除这行，因为 setLocale 会处理状态 }; // 递归查找菜单项 diff --git a/src/utils/changeLanguage.js b/src/utils/changeLanguage.js index 4223e35..b0010d1 100644 --- a/src/utils/changeLanguage.js +++ b/src/utils/changeLanguage.js @@ -41,10 +41,8 @@ export function useLanguage() { // 切换语言的方法 const changeLanguage = (lang) => { if (process.client) { - locale.value = lang; - currentLanguage.value = lang; - localStorage.setItem('language', lang); - window.location.reload(); + const { setLocale } = useI18n(); + setLocale(lang); } }; diff --git a/src/views/financialinformation/secfilings/size1440/index.vue b/src/views/financialinformation/secfilings/size1440/index.vue index 8112dee..ac62c91 100644 --- a/src/views/financialinformation/secfilings/size1440/index.vue +++ b/src/views/financialinformation/secfilings/size1440/index.vue @@ -129,6 +129,7 @@ import dayjs from "dayjs"; const { t, locale } = useI18n(); const router = useRouter(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); import pdfFile from "@/assets/image/icon/icon-pdf.png"; import wordFile from "@/assets/image/icon/icon-word.png"; @@ -337,12 +338,14 @@ const columns = [ }, onClick: (e) => { e.preventDefault(); - router.push({ - path: "/secfilingsdetail", - query: { - filingKey: row.filingKey, - }, - }); + router.push( + localePath({ + path: "/secfilingsdetail", + query: { + filingKey: row.filingKey, + }, + }) + ); }, onMouseover: (e) => { e.target.style.textDecoration = "underline"; diff --git a/src/views/financialinformation/secfilings/size1920/index.vue b/src/views/financialinformation/secfilings/size1920/index.vue index 8112dee..ac62c91 100644 --- a/src/views/financialinformation/secfilings/size1920/index.vue +++ b/src/views/financialinformation/secfilings/size1920/index.vue @@ -129,6 +129,7 @@ import dayjs from "dayjs"; const { t, locale } = useI18n(); const router = useRouter(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); import pdfFile from "@/assets/image/icon/icon-pdf.png"; import wordFile from "@/assets/image/icon/icon-word.png"; @@ -337,12 +338,14 @@ const columns = [ }, onClick: (e) => { e.preventDefault(); - router.push({ - path: "/secfilingsdetail", - query: { - filingKey: row.filingKey, - }, - }); + router.push( + localePath({ + path: "/secfilingsdetail", + query: { + filingKey: row.filingKey, + }, + }) + ); }, onMouseover: (e) => { e.target.style.textDecoration = "underline"; diff --git a/src/views/financialinformation/secfilings/size375/index.vue b/src/views/financialinformation/secfilings/size375/index.vue index f35b5db..bdf2482 100644 --- a/src/views/financialinformation/secfilings/size375/index.vue +++ b/src/views/financialinformation/secfilings/size375/index.vue @@ -130,6 +130,7 @@ import dayjs from "dayjs"; const { t, locale } = useI18n(); const router = useRouter(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); import pdfFile from "@/assets/image/icon/icon-pdf.png"; import wordFile from "@/assets/image/icon/icon-word.png"; @@ -338,12 +339,14 @@ const columns = [ }, onClick: (e) => { e.preventDefault(); - router.push({ - path: "/secfilingsdetail", - query: { - filingKey: row.filingKey, - }, - }); + router.push( + localePath({ + path: "/secfilingsdetail", + query: { + filingKey: row.filingKey, + }, + }) + ); }, onMouseover: (e) => { e.target.style.textDecoration = "underline"; diff --git a/src/views/financialinformation/secfilings/size768/index.vue b/src/views/financialinformation/secfilings/size768/index.vue index 262fc66..c0a2ae5 100644 --- a/src/views/financialinformation/secfilings/size768/index.vue +++ b/src/views/financialinformation/secfilings/size768/index.vue @@ -129,6 +129,7 @@ import dayjs from "dayjs"; const { t, locale } = useI18n(); const router = useRouter(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); import pdfFile from "@/assets/image/icon/icon-pdf.png"; import wordFile from "@/assets/image/icon/icon-word.png"; @@ -337,12 +338,14 @@ const columns = [ }, onClick: (e) => { e.preventDefault(); - router.push({ - path: "/secfilingsdetail", - query: { - filingKey: row.filingKey, - }, - }); + router.push( + localePath({ + path: "/secfilingsdetail", + query: { + filingKey: row.filingKey, + }, + }) + ); }, onMouseover: (e) => { e.target.style.textDecoration = "underline"; diff --git a/src/views/footerLinks/siteMap/size1440/index.vue b/src/views/footerLinks/siteMap/size1440/index.vue index 8471c6c..9cc4be1 100644 --- a/src/views/footerLinks/siteMap/size1440/index.vue +++ b/src/views/footerLinks/siteMap/size1440/index.vue @@ -19,22 +19,22 @@
    -
  • +
  • {{ t("site_map.sections.corporate.links.company_overview") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.business_introduction") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.management") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.board_of_directors") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.committee_appointments") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.governance") }}
@@ -50,13 +50,13 @@
    -
  • +
  • {{ t("site_map.sections.financial.links.sec_filings") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.annual_reports") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.quarterly_reports") }}
@@ -70,10 +70,10 @@

{{ t("site_map.sections.stock.title") }}

    -
  • +
  • {{ t("site_map.sections.stock.links.stock_quote") }}
    • -
  • +
  • {{ t("site_map.sections.stock.links.historic_stock_price") }}
@@ -87,10 +87,10 @@

{{ t("site_map.sections.news.title") }}

    -
  • +
  • {{ t("site_map.sections.news.links.press_releases") }}
    • -
  • +
  • {{ t("site_map.sections.news.links.events_calendar") }}
@@ -104,10 +104,10 @@

{{ t("site_map.sections.investor.title") }}

    -
  • +
  • {{ t("site_map.sections.investor.links.contacts") }}
    • -
  • +
  • {{ t("site_map.sections.investor.links.email_alerts") }}
@@ -121,6 +121,7 @@ import { onMounted, ref, onUnmounted } from "vue"; import { useRouter } from "vue-router"; import { useI18n } from "vue-i18n"; const router = useRouter(); +const localePath = useLocalePath(); const { t, locale } = useI18n(); diff --git a/src/views/footerLinks/siteMap/size1920/index.vue b/src/views/footerLinks/siteMap/size1920/index.vue index 4a31aa3..e7a5b4d 100644 --- a/src/views/footerLinks/siteMap/size1920/index.vue +++ b/src/views/footerLinks/siteMap/size1920/index.vue @@ -4,6 +4,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { useRouter } from "vue-router"; import { useI18n } from "vue-i18n"; const router = useRouter(); +const localePath = useLocalePath(); const { t, locale } = useI18n(); @@ -28,22 +29,22 @@ const { t, locale } = useI18n();
    -
  • +
  • {{ t("site_map.sections.corporate.links.company_overview") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.business_introduction") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.management") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.board_of_directors") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.committee_appointments") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.governance") }}
@@ -59,13 +60,13 @@ const { t, locale } = useI18n();
    -
  • +
  • {{ t("site_map.sections.financial.links.sec_filings") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.annual_reports") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.quarterly_reports") }}
@@ -79,10 +80,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.stock.title") }}

    -
  • +
  • {{ t("site_map.sections.stock.links.stock_quote") }}
    • -
  • +
  • {{ t("site_map.sections.stock.links.historic_stock_price") }}
@@ -96,10 +97,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.news.title") }}

    -
  • +
  • {{ t("site_map.sections.news.links.press_releases") }}
    • -
  • +
  • {{ t("site_map.sections.news.links.events_calendar") }}
@@ -113,10 +114,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.investor.title") }}

    -
  • +
  • {{ t("site_map.sections.investor.links.contacts") }}
    • -
  • +
  • {{ t("site_map.sections.investor.links.email_alerts") }}
diff --git a/src/views/footerLinks/siteMap/size375/index.vue b/src/views/footerLinks/siteMap/size375/index.vue index 475c038..287e505 100644 --- a/src/views/footerLinks/siteMap/size375/index.vue +++ b/src/views/footerLinks/siteMap/size375/index.vue @@ -4,6 +4,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { useRouter } from "vue-router"; import { useI18n } from "vue-i18n"; const router = useRouter(); +const localePath = useLocalePath(); const { t, locale } = useI18n(); @@ -30,22 +31,22 @@ const { t, locale } = useI18n();
    -
  • +
  • {{ t("site_map.sections.corporate.links.company_overview") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.business_introduction") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.management") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.board_of_directors") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.committee_appointments") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.governance") }}
@@ -61,13 +62,13 @@ const { t, locale } = useI18n();
    -
  • +
  • {{ t("site_map.sections.financial.links.sec_filings") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.annual_reports") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.quarterly_reports") }}
@@ -81,10 +82,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.stock.title") }}

    -
  • +
  • {{ t("site_map.sections.stock.links.stock_quote") }}
    • -
  • +
  • {{ t("site_map.sections.stock.links.historic_stock_price") }}
@@ -98,10 +99,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.news.title") }}

    -
  • +
  • {{ t("site_map.sections.news.links.press_releases") }}
    • -
  • +
  • {{ t("site_map.sections.news.links.events_calendar") }}
@@ -115,10 +116,10 @@ const { t, locale } = useI18n();

{{ t("site_map.sections.investor.title") }}

    -
  • +
  • {{ t("site_map.sections.investor.links.contacts") }}
    • -
  • +
  • {{ t("site_map.sections.investor.links.email_alerts") }}
diff --git a/src/views/footerLinks/siteMap/size768/index.vue b/src/views/footerLinks/siteMap/size768/index.vue index 93cba7e..7dcd88f 100644 --- a/src/views/footerLinks/siteMap/size768/index.vue +++ b/src/views/footerLinks/siteMap/size768/index.vue @@ -19,22 +19,22 @@
    -
  • +
  • {{ t("site_map.sections.corporate.links.company_overview") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.business_introduction") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.management") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.board_of_directors") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.committee_appointments") }}
    • -
  • +
  • {{ t("site_map.sections.corporate.links.governance") }}
@@ -50,13 +50,13 @@
    -
  • +
  • {{ t("site_map.sections.financial.links.sec_filings") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.annual_reports") }}
    • -
  • +
  • {{ t("site_map.sections.financial.links.quarterly_reports") }}
@@ -70,10 +70,10 @@

{{ t("site_map.sections.stock.title") }}

    -
  • +
  • {{ t("site_map.sections.stock.links.stock_quote") }}
    • -
  • +
  • {{ t("site_map.sections.stock.links.historic_stock_price") }}
@@ -87,10 +87,10 @@

{{ t("site_map.sections.news.title") }}

    -
  • +
  • {{ t("site_map.sections.news.links.press_releases") }}
    • -
  • +
  • {{ t("site_map.sections.news.links.events_calendar") }}
@@ -104,10 +104,10 @@

{{ t("site_map.sections.investor.title") }}

    -
  • +
  • {{ t("site_map.sections.investor.links.contacts") }}
    • -
  • +
  • {{ t("site_map.sections.investor.links.email_alerts") }}
@@ -121,6 +121,7 @@ import { onMounted, ref, onUnmounted } from "vue"; import { useRouter } from "vue-router"; import { useI18n } from "vue-i18n"; const router = useRouter(); +const localePath = useLocalePath(); const { t, locale } = useI18n(); diff --git a/src/views/myHome/size1440/index.vue b/src/views/myHome/size1440/index.vue index 31a6497..4a5d8fb 100644 --- a/src/views/myHome/size1440/index.vue +++ b/src/views/myHome/size1440/index.vue @@ -532,6 +532,7 @@ import { onMounted, ref, onUnmounted, computed, nextTick, watch } from "vue"; import { NTooltip } from "naive-ui"; import { useI18n } from "vue-i18n"; +const localePath = useLocalePath(); import { useStockQuote } from "~/composables/useStockQuote.js"; import axios from "axios"; import dayjs from "dayjs"; @@ -706,12 +707,14 @@ onUnmounted(() => { import { useRouter } from "vue-router"; const router = useRouter(); const handleLink = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/myHome/size1920/index.vue b/src/views/myHome/size1920/index.vue index 704f05a..f6a4795 100644 --- a/src/views/myHome/size1920/index.vue +++ b/src/views/myHome/size1920/index.vue @@ -705,13 +705,16 @@ onUnmounted(() => { }); import { useRouter } from "vue-router"; const router = useRouter(); +const localePath = useLocalePath(); const handleLink = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/myHome/size375/index.vue b/src/views/myHome/size375/index.vue index 5cef1c4..fa92895 100644 --- a/src/views/myHome/size375/index.vue +++ b/src/views/myHome/size375/index.vue @@ -313,6 +313,7 @@ import { onMounted, ref, onUnmounted, computed, nextTick, watch } from "vue"; import { NTooltip } from "naive-ui"; import { useI18n } from "vue-i18n"; +const localePath = useLocalePath(); import { useStockQuote } from "~/composables/useStockQuote.js"; import axios from "axios"; import dayjs from "dayjs"; @@ -490,12 +491,14 @@ onUnmounted(() => { import { useRouter } from "vue-router"; const router = useRouter(); const handleLink = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/myHome/size768/index.vue b/src/views/myHome/size768/index.vue index 5c2f41d..afa1b11 100644 --- a/src/views/myHome/size768/index.vue +++ b/src/views/myHome/size768/index.vue @@ -490,6 +490,7 @@ import { onMounted, ref, onUnmounted, computed, nextTick, watch } from "vue"; import { NTooltip } from "naive-ui"; import { useI18n } from "vue-i18n"; +const localePath = useLocalePath(); import { useStockQuote } from "~/composables/useStockQuote.js"; import axios from "axios"; import dayjs from "dayjs"; @@ -663,12 +664,14 @@ onUnmounted(() => { import { useRouter } from "vue-router"; const router = useRouter(); const handleLink = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/press-releases/size1440/index.vue b/src/views/press-releases/size1440/index.vue index 7c9b8b2..18a7b51 100644 --- a/src/views/press-releases/size1440/index.vue +++ b/src/views/press-releases/size1440/index.vue @@ -158,6 +158,7 @@ import dayjs from "dayjs"; import { useRouter } from "vue-router"; const router = useRouter(); const { t, locale } = useI18n(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); const state = reactive({ @@ -301,12 +302,14 @@ const handleSearch = () => { }; const handleNewClick = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/press-releases/size1920/index.vue b/src/views/press-releases/size1920/index.vue index a8cee5d..2664017 100644 --- a/src/views/press-releases/size1920/index.vue +++ b/src/views/press-releases/size1920/index.vue @@ -166,6 +166,7 @@ import dayjs from "dayjs"; import { useRouter } from "vue-router"; const router = useRouter(); const { t, locale } = useI18n(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); const state = reactive({ @@ -310,12 +311,14 @@ const handleSearch = () => { }; const handleNewClick = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); }; diff --git a/src/views/press-releases/size375/index.vue b/src/views/press-releases/size375/index.vue index fa3ee76..00702b2 100644 --- a/src/views/press-releases/size375/index.vue +++ b/src/views/press-releases/size375/index.vue @@ -217,6 +217,7 @@ import axios from "axios"; import { useRouter } from "vue-router"; const router = useRouter(); const { t, locale } = useI18n(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); const state = reactive({ @@ -247,7 +248,7 @@ const titleRefs = ref([]); const selectedYearLabel = computed(() => { const option = state.selectOptions.find( - (opt) => opt.value === state.selectedValue + (opt) => opt.value === state.selectedValue, ); return option ? option.label : ""; }); @@ -301,9 +302,16 @@ watch( checkAllTitleOverflow(); }); }, - { deep: true } + { deep: true }, ); +const map = { + en: "enUS", + ja: "jaJP", + zh: "zhCN", + "zh-TW": "zhTW", +}; + // 获取新闻列表 const getPressReleasesDisplay = () => { // 只在客户端执行 @@ -320,6 +328,7 @@ const getPressReleasesDisplay = () => { ? null : new Date(state.selectedValue).getTime() : null, + langType: map[locale.value], }; axios .post(url, params) @@ -346,13 +355,19 @@ const getPressReleasesDisplay = () => { }); }; +watch(locale, (newLocale, oldLocale) => { + // 页码重置为第一页 + state.currentPage = 1; + getPressReleasesDisplay(); +}); + // 添加 watcher 来实现自动筛选 watch( () => [state.selectedValue, state.inputValue], () => { state.currentPage = 1; getPressReleasesDisplay(); - } + }, ); watch( @@ -360,7 +375,7 @@ watch( () => { state.currentPage = 1; getPressReleasesDisplay(); - } + }, ); watch( @@ -368,7 +383,7 @@ watch( (newPage) => { state.gotoPage = newPage; getPressReleasesDisplay(); - } + }, ); const handleSearch = () => { @@ -377,12 +392,14 @@ const handleSearch = () => { }; const handleNewClick = (item) => { - router.push({ - path: "/news", - query: { - id: item.id, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }), + ); }; const totalPages = computed(() => { diff --git a/src/views/press-releases/size768/index.vue b/src/views/press-releases/size768/index.vue index 57b2669..5b24d36 100644 --- a/src/views/press-releases/size768/index.vue +++ b/src/views/press-releases/size768/index.vue @@ -158,6 +158,7 @@ import dayjs from "dayjs"; import { useRouter } from "vue-router"; const router = useRouter(); const { t, locale } = useI18n(); +const localePath = useLocalePath(); const runtimeConfig = useRuntimeConfig(); const state = reactive({ @@ -323,12 +324,14 @@ const handleSearch = () => { }; const handleNewClick = (item) => { - router.push({ - path: "/news", - query: { - id: item.uuid, - }, - }); + router.push( + localePath({ + path: "/news", + query: { + id: item.uuid, + }, + }) + ); };