diff --git a/src/components/LanguageSwitcher.vue b/src/components/LanguageSwitcher.vue
index 1f82822a..33fd2ce0 100644
--- a/src/components/LanguageSwitcher.vue
+++ b/src/components/LanguageSwitcher.vue
@@ -5,7 +5,7 @@
     </t-button>
     <t-dropdown-menu>
       <t-dropdown-item
-        v-for="(lang, index) in langList"
+        v-for="(lang, index) in languageList"
         :key="index"
         :value="lang.value"
         @click="(options) => changeLang(options.value as string)"
@@ -17,7 +17,7 @@
 <script setup lang="ts">
 import { TranslateIcon } from 'tdesign-icons-vue-next';
 
-import { langList } from '@/locales';
+import { languageList } from '@/locales';
 import { useLocale } from '@/locales/useLocale';
 
 const { changeLocale } = useLocale();
diff --git a/src/components/common-table/index.vue b/src/components/common-table/index.vue
index c9f57538..e1479358 100644
--- a/src/components/common-table/index.vue
+++ b/src/components/common-table/index.vue
@@ -114,7 +114,7 @@
       </t-table>
       <t-dialog
         v-model:visible="confirmVisible"
-        header="确认删除当前所选合同？"
+        :header="t('pages.listBase.deleteConfirm')"
         :body="confirmBody"
         :on-cancel="onCancel"
         @confirm="onConfirmDelete"
@@ -242,7 +242,7 @@ const deleteIdx = ref(-1);
 const confirmBody = computed(() => {
   if (deleteIdx.value > -1) {
     const { name } = data.value[deleteIdx.value];
-    return `删除后，${name}的所有合同信息将被清空，且无法恢复`;
+    return t('pages.listBase.deleteTip', { name });
   }
   return '';
 });
@@ -256,7 +256,7 @@ const onConfirmDelete = () => {
   data.value.splice(deleteIdx.value, 1);
   pagination.value.total = data.value.length;
   confirmVisible.value = false;
-  MessagePlugin.success('删除成功');
+  MessagePlugin.success(t('components.deleteSuccess'));
   resetIdx();
 };
 
diff --git a/src/layouts/components/Breadcrumb.vue b/src/layouts/components/Breadcrumb.vue
index 33f4419a..b509e2a4 100644
--- a/src/layouts/components/Breadcrumb.vue
+++ b/src/layouts/components/Breadcrumb.vue
@@ -9,11 +9,17 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 
+import type { LocalizedTitle } from '@/locales';
 import { useLocale } from '@/locales/useLocale';
 
 const { locale } = useLocale();
 const route = useRoute();
 
+const renderTitle = (title?: LocalizedTitle, fallback?: string) => {
+  if (!title) return fallback || '';
+  return title[locale.value as keyof LocalizedTitle] || fallback || '';
+};
+
 const crumbs = computed(() => {
   const pathArray = route.path.split('/');
   pathArray.shift();
@@ -24,14 +30,7 @@ const crumbs = computed(() => {
     if (meta?.hiddenBreadcrumb || Object.values(route.params).includes(path)) {
       return breadcrumbArray;
     }
-    let title = path;
-    if (meta?.title) {
-      if (typeof meta.title === 'string') {
-        title = meta.title;
-      } else {
-        title = meta.title[locale.value];
-      }
-    }
+    const title = renderTitle(meta?.title as LocalizedTitle, path);
     breadcrumbArray.push({
       path,
       to: breadcrumbArray[idx - 1] ? `${breadcrumbArray[idx - 1].to}/${path}` : `/${path}`,
diff --git a/src/layouts/components/LayoutContent.vue b/src/layouts/components/LayoutContent.vue
index 9d7e10d9..a485d401 100644
--- a/src/layouts/components/LayoutContent.vue
+++ b/src/layouts/components/LayoutContent.vue
@@ -75,6 +75,7 @@ import { computed, nextTick, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { prefix } from '@/config/global';
+import type { LocalizedTitle } from '@/locales';
 import { t } from '@/locales';
 import { useLocale } from '@/locales/useLocale';
 import { useSettingStore, useTabsRouterStore } from '@/store';
@@ -108,9 +109,9 @@ const handleRemove = (options: TTabRemoveOptions) => {
   if ((options.value as string) === route.path) router.push({ path: nextRouter.path, query: nextRouter.query });
 };
 
-const renderTitle = (title: string | Record<string, string>) => {
-  if (typeof title === 'string') return title;
-  return title[locale.value];
+const renderTitle = (title?: LocalizedTitle) => {
+  if (!title) return '';
+  return title[locale.value as keyof LocalizedTitle] || '';
 };
 const handleRefresh = (route: TRouterInfo, routeIdx: number) => {
   tabsRouterStore.toggleTabRouterAlive(routeIdx);
diff --git a/src/layouts/components/MenuContent.vue b/src/layouts/components/MenuContent.vue
index 2bb2a08b..aec66a37 100644
--- a/src/layouts/components/MenuContent.vue
+++ b/src/layouts/components/MenuContent.vue
@@ -28,6 +28,7 @@
 import type { PropType } from 'vue';
 import { computed } from 'vue';
 
+import type { LocalizedTitle } from '@/locales';
 import { useLocale } from '@/locales/useLocale';
 import { getActive } from '@/router';
 import type { MenuRoute } from '@/types/interface';
@@ -44,6 +45,7 @@ const { navData } = defineProps({
 const active = computed(() => getActive());
 
 const { locale } = useLocale();
+
 const list = computed(() => {
   return getMenuList(navData);
 });
@@ -54,12 +56,12 @@ const menuIcon = (item: ListItemType) => {
   return RenderIcon;
 };
 
-const renderMenuTitle = (title: string | Record<string, string>) => {
-  if (typeof title === 'string') return title;
-  return title[locale.value];
+const renderMenuTitle = (title?: LocalizedTitle) => {
+  if (!title) return '';
+  return title[locale.value as keyof LocalizedTitle] || '';
 };
 
-const getMenuList = (list: MenuRoute[], basePath?: string): ListItemType[] => {
+function getMenuList(list: MenuRoute[], basePath?: string): MenuRoute[] {
   if (!list || list.length === 0) {
     return [];
   }
@@ -73,15 +75,15 @@ const getMenuList = (list: MenuRoute[], basePath?: string): ListItemType[] => {
 
       return {
         path,
-        title: item.meta?.title,
+        title: item.meta?.title as LocalizedTitle | undefined,
         icon: item.meta?.icon,
         children: getMenuList(item.children, path),
         meta: item.meta,
         redirect: item.redirect,
-      };
+      } as MenuRoute;
     })
     .filter((item) => item.meta && item.meta.hidden !== true);
-};
+}
 
 const getHref = (item: MenuRoute) => {
   const { frameSrc, frameBlank } = item.meta;
diff --git a/src/layouts/components/Search.vue b/src/layouts/components/Search.vue
index fa3c4591..11a7b9bd 100644
--- a/src/layouts/components/Search.vue
+++ b/src/layouts/components/Search.vue
@@ -27,7 +27,7 @@
       v-model="searchData"
       class="header-search"
       :class="[{ 'width-zero': !isSearchFocus }]"
-      placeholder="输入要搜索内容"
+      :placeholder="t('layout.search.placeholder')"
       :autofocus="isSearchFocus"
       @blur="changeSearchFocus(false)"
     >
diff --git a/src/layouts/components/SideNav.vue b/src/layouts/components/SideNav.vue
index 40a0af70..2ed73887 100644
--- a/src/layouts/components/SideNav.vue
+++ b/src/layouts/components/SideNav.vue
@@ -16,7 +16,7 @@
       </template>
       <menu-content :nav-data="menu" />
       <template #operations>
-        <span :class="versionCls"> {{ !collapsed ? 'TDesign Starter' : '' }} {{ pgk.version }} </span>
+        <span :class="versionCls"> {{ !collapsed ? t('common.appName') : '' }} {{ pgk.version }} </span>
       </template>
     </t-menu>
     <div :class="`${prefix}-side-nav-placeholder${collapsed ? '-hidden' : ''}`"></div>
@@ -32,6 +32,7 @@ import { useRouter } from 'vue-router';
 import AssetLogoFull from '@/assets/assets-logo-full.svg?component';
 import AssetLogo from '@/assets/assets-t-logo.svg?component';
 import { prefix } from '@/config/global';
+import { t } from '@/locales';
 import { getActive } from '@/router';
 import { useSettingStore } from '@/store';
 import type { MenuRoute, ModeType } from '@/types/interface';
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 7590fd63..e844159f 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -55,7 +55,8 @@ const appendNewRoute = () => {
     meta: { title },
     name,
   } = route;
-  tabsRouterStore.appendTabRouterList({ path, query, title: title as string, name, isAlive: true, meta: route.meta });
+  const titleObj = typeof title === 'string' ? { zh_CN: title, en_US: title } : title;
+  tabsRouterStore.appendTabRouterList({ path, query, title: titleObj, name, isAlive: true, meta: route.meta });
 };
 
 onMounted(() => {
diff --git a/src/layouts/setting.vue b/src/layouts/setting.vue
index 93279ac8..049eeb26 100644
--- a/src/layouts/setting.vue
+++ b/src/layouts/setting.vue
@@ -124,11 +124,11 @@ const settingStore = useSettingStore();
 
 const LAYOUT_OPTION = ['side', 'top', 'mix'];
 
-const MODE_OPTIONS = [
+const MODE_OPTIONS = computed(() => [
   { type: 'light', text: t('layout.setting.theme.options.light') },
   { type: 'dark', text: t('layout.setting.theme.options.dark') },
   { type: 'auto', text: t('layout.setting.theme.options.auto') },
-];
+]);
 
 const initStyleConfig = () => {
   const styleConfig = STYLE_CONFIG;
@@ -181,11 +181,11 @@ const handleCopy = () => {
   copy()
     .then(() => {
       MessagePlugin.closeAll();
-      MessagePlugin.success('复制成功');
+      MessagePlugin.success(t('components.copySuccess'));
     })
     .catch(() => {
       MessagePlugin.closeAll();
-      MessagePlugin.error('复制失败');
+      MessagePlugin.error(t('components.copyFail'));
     });
 };
 const getModeIcon = (mode: string) => {
diff --git a/src/locales/index.ts b/src/locales/index.ts
index 80389beb..14024c33 100644
--- a/src/locales/index.ts
+++ b/src/locales/index.ts
@@ -1,67 +1,60 @@
-import { useLocalStorage, usePreferredLanguages } from '@vueuse/core';
 import type { DropdownOption } from 'tdesign-vue-next';
+import en_US from 'tdesign-vue-next/es/locale/en_US';
+import zh_CN from 'tdesign-vue-next/es/locale/zh_CN';
 import { computed } from 'vue';
 import type { I18nOptions } from 'vue-i18n';
 import { createI18n } from 'vue-i18n';
 
-// 导入语言文件
-const langModules = import.meta.glob('./lang/*/index.ts', { eager: true });
-
-const langModuleMap = new Map<string, unknown>();
+export const localeConfigKey = 'tdesign-starter-locale';
 
-export const langCode: Array<string> = [];
+// 定义支持的语言列表，添加新语言时只需在此处添加
+export const supportedLocales = ['zh_CN', 'en_US'] as const;
+export type SupportedLocale = (typeof supportedLocales)[number];
 
-export const localeConfigKey = 'tdesign-starter-locale';
+// 多语言标题类型，用于路由 meta.title 等场景
+export type LocalizedTitle = Record<SupportedLocale, string>;
 
-// 获取浏览器默认语言环境
-const languages = usePreferredLanguages();
+const tdesignLocaleMap: Record<SupportedLocale, typeof zh_CN | typeof en_US> = { zh_CN, en_US };
 
-// 生成语言模块列表
-const generateLangModuleMap = () => {
-  const fullPaths = Object.keys(langModules);
-  fullPaths.forEach((fullPath) => {
-    const k = fullPath.replace('./lang', '');
-    const startIndex = 1;
-    const lastIndex = k.lastIndexOf('/');
-    const code = k.substring(startIndex, lastIndex);
-    langCode.push(code);
-    langModuleMap.set(code, langModules[fullPath]);
-  });
-};
+const langModules = import.meta.glob<{ default: Record<string, unknown> }>('./lang/*.json', { eager: true });
 
-// 导出 Message
-const importMessages = computed(() => {
-  generateLangModuleMap();
+const langCode: SupportedLocale[] = [];
+const messages: I18nOptions['messages'] = {};
+const langList: DropdownOption[] = [];
 
-  const message: I18nOptions['messages'] = {};
-  langModuleMap.forEach((value: any, key) => {
-    message[key] = value.default;
-  });
-  return message;
+Object.entries(langModules).forEach(([path, module]) => {
+  const code = path.match(/\.\/lang\/([^.]+)\.json$/)?.[1] as SupportedLocale | undefined;
+  if (!code || !supportedLocales.includes(code)) return;
+  langCode.push(code);
+  messages[code] = { ...module.default, componentsLocale: tdesignLocaleMap[code] };
+  langList.push({ content: module.default.lang as string, value: code });
 });
 
+export { langCode };
+
+// 获取初始语言：优先本地存储，其次浏览器偏好，最后默认中文
+const getInitialLocale = (): SupportedLocale => {
+  const stored = localStorage.getItem(localeConfigKey);
+  if (stored && supportedLocales.includes(stored as SupportedLocale)) {
+    return stored as SupportedLocale;
+  }
+  const preferred = navigator.languages?.[0]?.replace(/-/g, '_');
+  if (preferred && supportedLocales.includes(preferred as SupportedLocale)) {
+    return preferred as SupportedLocale;
+  }
+  return 'zh_CN';
+};
+
+const initialLocale = getInitialLocale();
+
 export const i18n = createI18n({
   legacy: false,
-  locale: useLocalStorage(localeConfigKey, 'zh_CN').value || languages.value[0] || 'zh_CN',
+  locale: initialLocale,
   fallbackLocale: 'zh_CN',
-  messages: importMessages.value,
+  messages,
   globalInjection: true,
 });
 
-export const langList = computed(() => {
-  if (langModuleMap.size === 0) generateLangModuleMap();
-
-  const list: DropdownOption[] = [];
-  langModuleMap.forEach((value: any, key) => {
-    list.push({
-      content: value.default.lang,
-      value: key,
-    });
-  });
-
-  return list;
-});
-
+export const languageList = computed(() => langList);
 export const { t } = i18n.global;
-
 export default i18n;
diff --git a/src/locales/lang/en_US.json b/src/locales/lang/en_US.json
new file mode 100644
index 00000000..da56c7d8
--- /dev/null
+++ b/src/locales/lang/en_US.json
@@ -0,0 +1,752 @@
+{
+  "lang": "English",
+  "common": {
+    "appName": "TDesign Starter",
+    "copyright": "Copyright @ 2021-2025 Tencent. All Rights Reserved",
+    "conjunction": "and",
+    "admin": "admin"
+  },
+  "components": {
+    "isSetup": {
+      "on": "Enabled",
+      "off": "Disabled"
+    },
+    "manage": "Manage",
+    "delete": "Delete",
+    "deleteSuccess": "Deleted successfully",
+    "copySuccess": "Copied successfully",
+    "copyFail": "Copy failed",
+    "submitSuccess": "Submitted successfully",
+    "commonTable": {
+      "contractName": "Name",
+      "contractStatus": "Status",
+      "contractNum": "Number",
+      "contractType": "Type",
+      "contractPayType": "Pay Type",
+      "contractAmount": "Amount",
+      "contractNamePlaceholder": "enter contract name",
+      "contractStatusPlaceholder": "enter contract status",
+      "contractNumPlaceholder": "enter contract number",
+      "contractTypePlaceholder": "enter contract type",
+      "operation": "Operation",
+      "detail": "detail",
+      "delete": "delete",
+      "placeholder": "please enter to search",
+      "contractStatusEnum": {
+        "fail": "fail",
+        "audit": "audit",
+        "executing": "executing",
+        "pending": "pending",
+        "finish": "finish"
+      },
+      "contractTypeEnum": {
+        "main": "main",
+        "sub": "sub",
+        "supplement": "supplement"
+      },
+      "reset": "reset",
+      "query": "query"
+    }
+  },
+  "layout": {
+    "header": {
+      "code": "Code Repository",
+      "help": "Document",
+      "user": "Profile",
+      "signOut": "Sign Out",
+      "setting": "Setting"
+    },
+    "notice": {
+      "title": "Notification Center",
+      "clear": "Clear",
+      "setRead": "Set Read",
+      "empty": "Empty",
+      "emptyNotice": "No Notice",
+      "viewAll": "View All"
+    },
+    "tagTabs": {
+      "closeOther": "close other",
+      "closeLeft": "close left",
+      "closeRight": "close right",
+      "refresh": "refresh"
+    },
+    "searchPlaceholder": "Enter search content",
+    "search": {
+      "placeholder": "Enter search content"
+    },
+    "setting": {
+      "title": "Setting",
+      "theme": {
+        "mode": "Theme Mode",
+        "color": "Theme Color",
+        "options": {
+          "light": "Light",
+          "dark": "Dark ",
+          "auto": "Follow System"
+        }
+      },
+      "navigationLayout": "Navigation Layout",
+      "sideMode": "Side Menu Mode",
+      "splitMenu": "Split Menu (Only Mix mode)",
+      "fixedSidebar": "Fixed Sidebar",
+      "element": {
+        "title": "Element Switch",
+        "showHeader": "Show Header",
+        "showBreadcrumb": "Show Breadcrumb",
+        "showFooter": "Show Footer",
+        "useTagTabs": "Use Tag Tabs",
+        "menuAutoCollapsed": "Menu Auto Collapsed"
+      },
+      "tips": "Please copy and manually modify the configuration file: /src/config/style.ts",
+      "copy": {
+        "title": "Copy",
+        "success": "copied",
+        "fail": "fail to copy"
+      }
+    }
+  },
+  "constants": {
+    "contract": {
+      "name": "Name",
+      "status": "Status",
+      "num": "Number",
+      "type": "Type",
+      "typePlaceholder": "Please enter type",
+      "payType": "Pay Type",
+      "amount": "Amount",
+      "amountPlaceholder": "Please enter amount",
+      "signDate": "Sign Date",
+      "effectiveDate": "Effective Date",
+      "endDate": "End Date",
+      "createDate": "Create Date",
+      "attachment": "Attachment",
+      "company": "Company",
+      "employee": "Employee",
+      "pay": "pay",
+      "receive": "received",
+      "remark": "remark",
+      "statusOptions": {
+        "fail": "Failure",
+        "auditPending": "Pending audit",
+        "execPending": "Pending performance",
+        "executing": "Successful",
+        "finish": "Finish"
+      },
+      "typeOptions": {
+        "main": "Master contract",
+        "sub": "Subcontract",
+        "supplement": "Supplementary contract"
+      }
+    }
+  },
+  "pages": {
+    "dashboardBase": {
+      "title": "Overview Dashboard",
+      "outputOverview": {
+        "title": "In/Out Overview",
+        "subtitle": "(pieces)",
+        "export": "Export data",
+        "month": {
+          "input": "Total in store this month",
+          "output": "Total out store this month"
+        },
+        "since": "Since last week"
+      },
+      "rankList": {
+        "title": "Sales order ranking",
+        "week": "This week",
+        "month": "Latest 3 months",
+        "info": "Detail"
+      },
+      "topPanel": {
+        "card1": "Total Revenue",
+        "card2": "Total Refund",
+        "card3": "Active User(s)",
+        "card4": "Generate Order(s)",
+        "cardTips": "since last week",
+        "analysis": {
+          "title": "Analysis Data",
+          "unit": "ten thousand yuan",
+          "series1": "this month",
+          "series2": "last month",
+          "channels": "Sales Channels",
+          "channel1": "online",
+          "channel2": "shop",
+          "channelTips": " sales ratio"
+        }
+      },
+      "saleColumns": {
+        "index": "Ranking",
+        "productName": "Customer",
+        "growUp": "Grow up",
+        "count": "Count",
+        "operation": "Operation"
+      },
+      "buyColumns": {
+        "index": "Ranking",
+        "productName": "Supplier",
+        "growUp": "Grow up",
+        "count": "Count",
+        "operation": "Operation"
+      },
+      "saleTend": {
+        "item1": "State Grid Corporation of China",
+        "item2": "Shenzhen Gas Group Co., Ltd",
+        "item3": "State Administration of Tobacco Monopoly",
+        "item4": "China Telecom Group Co., Ltd",
+        "item5": "China Mobile Communications Group Co., Ltd",
+        "item6": "Xinyu City Office Supplies Procurement Project"
+      },
+      "buyTend": {
+        "item1": "Tencent Technology (Shenzhen) Co., Ltd",
+        "item2": "Darunfa Co., Ltd",
+        "item3": "Sichuan Haidilao Co., Ltd",
+        "item4": "Sony (China) Co., Ltd",
+        "item5": "Panasonic Electronics (China) Co., Ltd",
+        "item6": "Xinyu City Office Supplies Procurement Project"
+      },
+      "chart": {
+        "week1": "MON",
+        "week2": "TUE",
+        "week3": "WED",
+        "week4": "THU",
+        "week5": "FRI",
+        "week6": "SAT",
+        "week7": "SUN",
+        "max": "Max",
+        "min": "Min",
+        "thisMonth": "this month",
+        "lastMonth": "last month"
+      }
+    },
+    "dashboardDetail": {
+      "topPanel": {
+        "title": "Purchase applications for this month",
+        "quarter": "Quarter on quarter",
+        "paneList": {
+          "totalRequest": "Apply count",
+          "suppliers": "Number of Suppliers",
+          "productCategory": "Product Category",
+          "applicant": "Number of Application",
+          "completionRate": "Completion Rate(%)",
+          "arrivalRate": "Arrival Rate(%)"
+        }
+      },
+      "procurement": {
+        "title": "Trends in purchase requisitions for goods",
+        "goods": {
+          "cup": "cup",
+          "tea": "tea",
+          "honey": "honey",
+          "flour": "flour",
+          "coffeeMachine": "coffee machine",
+          "massageMachine": "massage machine"
+        }
+      },
+      "ssl": "SSL certificate",
+      "sslDescription": "SSL certificate, also known as a server certificate, is a digital certificate that authenticates the identity of a website and encrypts information sent to the server using SSL technology. Tencent Cloud provides you with a one-stop service for SSL certificates, including application, management, and deployment of both free and paid certificates.",
+      "satisfaction": {
+        "title": "distribution of satisfaction levels for purchased goods",
+        "export": "export data"
+      },
+      "chart": {
+        "week1": "MON",
+        "week2": "TUE",
+        "week3": "WED",
+        "week4": "THU",
+        "week5": "FRI",
+        "week6": "SAT",
+        "week7": "SUN",
+        "max": "Max",
+        "min": "Min",
+        "thisMonth": "this month",
+        "lastMonth": "last month"
+      }
+    },
+    "detailBase": {
+      "baseInfo": {
+        "title": "Base Info"
+      },
+      "sampleData": {
+        "contractName": "Office Supplies Procurement Project",
+        "status": "In Progress",
+        "company": "Tencent Technology (Shenzhen) Co., Ltd",
+        "employee": "Osun",
+        "fileName": "Office Supplies Procurement Contract.pdf"
+      },
+      "changelog": {
+        "title": "Changelog",
+        "step1": {
+          "title": "upload file",
+          "subtitle": "subtitle"
+        },
+        "step2": {
+          "title": "modify contract amount",
+          "subtitle": "subtitle"
+        },
+        "step3": {
+          "title": "create contract",
+          "desc": "administrator"
+        }
+      }
+    },
+    "detailCard": {
+      "baseInfo": {
+        "title": "Base Info"
+      },
+      "invoice": {
+        "title": "Invoice Progress",
+        "step1": {
+          "title": "Apply",
+          "content": "The electronic invoice has been submitted on December 21st"
+        },
+        "step2": {
+          "title": "Electronic invoice",
+          "content": "expected to be processed within 1-3 business days."
+        },
+        "step3": {
+          "title": "Invoice is send",
+          "content": "we will contact you within 7 business days."
+        },
+        "step4": {
+          "title": "Finish"
+        }
+      },
+      "product": {
+        "title": "Product Category",
+        "add": "add production",
+        "month": "month",
+        "quarter": "quarter"
+      },
+      "detail": {
+        "title": "Product Procurement Detail",
+        "budgetExceeded": "Budget Exceeded",
+        "form": {
+          "applyNo": "Apply no",
+          "product": "Name",
+          "productNo": "No.",
+          "department": "Department",
+          "num": "Num",
+          "createTime": "Create time",
+          "operation": "Operation",
+          "manage": "manage",
+          "delete": "delete"
+        }
+      },
+      "products": {
+        "product1": {
+          "name": "MacBook Pro 2021",
+          "company": "Apple Inc.",
+          "size": "13.3 inches",
+          "cpu": "Apple M1",
+          "memory": "RAM 16GB",
+          "info": "Up to 16GB memory · Up to 2TB storage · Battery life up to 18 hours"
+        },
+        "product2": {
+          "name": "Surface Laptop Go",
+          "company": "Microsoft Corporation",
+          "size": "12.4 inches",
+          "cpu": "Core i7",
+          "memory": "RAM 16GB",
+          "info": "Surface regular use, up to 13 hours of battery life, work anytime"
+        }
+      }
+    },
+    "detailDeploy": {
+      "deployTrend": {
+        "title": "Deploy Trend",
+        "warning": "Warning",
+        "thisMonth": "this month",
+        "thisWeek": "this week",
+        "lastMonth": "last month",
+        "thisYear": "this year",
+        "lastYear": "last year",
+        "week1": "MON",
+        "week2": "TUE",
+        "week3": "WED",
+        "week4": "THU",
+        "week5": "FRI",
+        "week6": "SAT",
+        "week7": "SUN"
+      },
+      "projectList": {
+        "title": "Project List",
+        "dialog": {
+          "title": "Base Info"
+        },
+        "table": {
+          "name": "Name",
+          "admin": "Admin",
+          "createTime": "Create time",
+          "operation": "Operation",
+          "manage": "manage",
+          "delete": "delete"
+        }
+      },
+      "baseInfo": {
+        "clusterName": "Cluster Name",
+        "clusterId": "Cluster ID",
+        "status": "Status",
+        "running": "Running",
+        "k8sVersion": "K8S Version",
+        "config": "Config",
+        "region": "Region",
+        "guangzhou": "Guangzhou",
+        "project": "Resource Project",
+        "defaultProject": "Default Project",
+        "nodeCount": "Node Count",
+        "nodeNetwork": "Node Network",
+        "containerNetwork": "Container Network",
+        "clusterCredential": "Cluster Credential",
+        "showCredential": "Show Credential",
+        "createUpdate": "Create/Update",
+        "description": "Description"
+      }
+    },
+    "detailSecondary": {
+      "read": "Read",
+      "unread": "Unread",
+      "all": "All",
+      "setRead": "set as read",
+      "setUnread": "set as unread",
+      "delete": "delete",
+      "deleteConfirm": "Delete notification",
+      "deleteTip": "Confirm delete notification: {content}?",
+      "empty": "Empty"
+    },
+    "notification": {
+      "contract": "Contract Updates",
+      "invoice": "Invoice Updates",
+      "meeting": "Meeting Notification",
+      "msg1": "Tencent Building First Floor Renovation Project has passed audit!",
+      "msg2": "Third Quarter Raw Material Procurement Project invoicing successful!",
+      "msg3": "Meeting 【State Grid Offline Signing】at 2021-01-01 10:00 is about to start, please arrive at Conference Room 1 10 minutes early for check-in!",
+      "msg4": "First Quarter Raw Material Procurement Project invoicing successful!"
+    },
+    "formBase": {
+      "title": "Contract Info",
+      "contractName": "Name",
+      "contractNamePlaceholder": "Please enter contract name",
+      "contractStatus": "Status",
+      "contractNum": "Number",
+      "contractType": "Type",
+      "contractTypePlaceholder": "Please enter type",
+      "contractPayType": "Pay Type",
+      "contractAmount": "Amount",
+      "contractAmountPlaceholder": "Please enter amount",
+      "contractSignDate": "Sign Date",
+      "contractEffectiveDate": "Effective Date",
+      "contractEndDate": "End Date",
+      "company": "Company",
+      "employee": "Employee",
+      "pay": "pay",
+      "receive": "received",
+      "upload": "upload file",
+      "uploadFile": "upload contract file",
+      "uploadTips": "Please upload a PDF file, with a size limit of 60MB.",
+      "otherInfo": "Other Info",
+      "remark": "Remark",
+      "remarkPlaceholder": "please enter remark",
+      "notaryPublic": "Notary Public",
+      "fileSizeExceed": "File size cannot exceed 60MB",
+      "uploadFail": "Upload failed",
+      "confirm": "confirm",
+      "cancel": "cancel",
+      "validation": {
+        "name": "Please enter contract name",
+        "type": "Please select contract type",
+        "payment": "Please select payment type",
+        "amount": "Please enter amount",
+        "partyA": "Please select Party A",
+        "partyB": "Please select Party B",
+        "signDate": "Please select date",
+        "startDate": "Please select date",
+        "endDate": "Please select date"
+      },
+      "typeOptions": {
+        "typeA": "Type A",
+        "typeB": "Type B",
+        "typeC": "Type C"
+      },
+      "partyOptions": {
+        "companyA": "Company A",
+        "companyB": "Company B",
+        "companyC": "Company C"
+      }
+    },
+    "formStep": {
+      "validation": {
+        "name": "Please select contract name",
+        "type": "Please select type",
+        "title": "Please enter invoice title",
+        "taxNum": "Please enter tax number",
+        "consignee": "Please enter consignee",
+        "mobileNum": "Please enter mobile number",
+        "deliveryAddress": "Please select delivery address",
+        "fullAddress": "Please enter full address"
+      },
+      "options": {
+        "nameA": "Contract A",
+        "nameB": "Contract B",
+        "nameC": "Contract C",
+        "typeA": "Type A",
+        "typeB": "Type B",
+        "typeC": "Type C",
+        "address1": "Nanshan District, Shenzhen, Guangdong",
+        "address2": "Haidian District, Beijing",
+        "address3": "Xuhui District, Shanghai",
+        "address4": "High-tech Zone, Chengdu, Sichuan",
+        "address5": "Tianhe District, Guangzhou, Guangdong",
+        "address6": "High-tech Zone, Xi'an, Shaanxi"
+      },
+      "step1": {
+        "title": "Submit Application",
+        "subtitle": "Submitted on December 21st",
+        "rules": "rules",
+        "rule1": "1. After applying for an invoice, the electronic invoice will be issued within 1-3 working days. If the qualification review is passed, the VAT special invoice (paper) will be mailed to you within 10 working days after the electronic invoice is issued;",
+        "rule2": "2. The invoiced amount will be the actual amount you paid;",
+        "rule3": "3. For any questions, please contact us directly at 13300001111.",
+        "contractName": "Name",
+        "contractTips": "Please select a contract name",
+        "invoiceType": "Invoice type",
+        "amount": "Amount",
+        "submit": "Submit Application"
+      },
+      "step2": {
+        "title": "Electronic Information",
+        "subtitle": "Contact Customer Service if you have any questions",
+        "invoiceTitle": "Invoice Title",
+        "taxNum": "Tax Num",
+        "address": "Address",
+        "bank": "Bank",
+        "bankAccount": "Bank Account",
+        "email": "Email",
+        "tel": "Tel",
+        "invoiceTitlePlaceholder": "please enter invoice title",
+        "taxNumPlaceholder": "please enter tax num",
+        "addressPlaceholder": "please enter address",
+        "bankPlaceholder": "please enter bank",
+        "bankAccountPlaceholder": "please enter bank account",
+        "emailPlaceholder": "please enter email",
+        "telPlaceholder": "please enter tel"
+      },
+      "step3": {
+        "title": "Invoice Mailed",
+        "subtitle": "Contact us after the electronic invoice is issued",
+        "consignee": "Consignee",
+        "mobileNum": "Mobile Num",
+        "deliveryAddress": "Address",
+        "fullAddress": "Full Address"
+      },
+      "step4": {
+        "title": "Application Completed",
+        "subtitle": "Contact Customer Service if you have any questions",
+        "finishTitle": "Application is completed.",
+        "finishTips": "The electronic invoice is expected to be sent to your email within 1-3 working days. Please be patient for the delivery of the paper invoice.",
+        "reapply": "reapply",
+        "check": "check progress"
+      },
+      "preStep": "pre step",
+      "nextStep": "next step"
+    },
+    "listBase": {
+      "export": "export",
+      "create": "create",
+      "select": "select",
+      "items": "items",
+      "contractName": "Name",
+      "contractStatus": "Status",
+      "contractNum": "Number",
+      "contractType": "Type",
+      "contractPayType": "Pay Type",
+      "contractAmount": "Amount",
+      "operation": "Operation",
+      "detail": "detail",
+      "delete": "delete",
+      "pay": "pay",
+      "receive": "received",
+      "placeholder": "please enter to search",
+      "deleteConfirm": "Confirm delete selected contracts?",
+      "deleteTip": "After deletion, all contract information of {name} will be cleared and cannot be recovered",
+      "contractStatusEnum": {
+        "fail": "fail",
+        "audit": "audit",
+        "executing": "executing",
+        "pending": "pending",
+        "finish": "finish"
+      }
+    },
+    "listCard": {
+      "create": "Create Product",
+      "placeholder": "please enter to search",
+      "loading": "Loading data...",
+      "deleteConfirm": "Confirm delete selected products?",
+      "deleteSuccess": "Deleted successfully",
+      "deleteTip": "After confirmation, all product information of {name} will be cleared and cannot be recovered",
+      "productName": "Name",
+      "productStatus": "Status",
+      "productDescription": "Description",
+      "productType": "Type",
+      "productRemark": "Remark",
+      "productStatusEnum": {
+        "off": "off",
+        "on": "on"
+      },
+      "dialogForm": {
+        "productNamePlaceholder": "Please enter product name",
+        "cancel": "Cancel",
+        "confirm": "Confirm",
+        "typeGateway": "Gateway",
+        "typeAI": "Artificial Intelligence",
+        "typeCVM": "CVM",
+        "validation": {
+          "productName": "Please enter product name"
+        }
+      }
+    },
+    "listFilter": {},
+    "listTree": {
+      "placeholder": "please enter to search",
+      "treeData": {
+        "shenzhen": "Shenzhen HQ",
+        "beijing": "Beijing HQ",
+        "shanghai": "Shanghai HQ",
+        "hunan": "Hunan",
+        "hubei": "Hubei",
+        "generalOffice": "General Office",
+        "marketing": "Marketing",
+        "technology": "Technology",
+        "finance": "Finance",
+        "purchase1": "Purchasing Team 1",
+        "purchase2": "Purchasing Team 2",
+        "finance1": "Finance Team 1",
+        "finance2": "Finance Team 2"
+      }
+    },
+    "login": {
+      "loginTitle": "Login in",
+      "noAccount": "No Account?",
+      "createAccount": "Create Account",
+      "remember": "Remember Account",
+      "forget": "Forget Account",
+      "signIn": "Sign in",
+      "existAccount": "Exist Account?",
+      "register": "Register",
+      "refresh": "refresh",
+      "wechatLogin": "Login with WeChat",
+      "accountLogin": "Login with Account",
+      "phoneLogin": "Login with Mobile Phone",
+      "loginSuccess": "Login successful",
+      "countdown": "Resend after {count} seconds",
+      "input": {
+        "account": "please enter account",
+        "password": "please enter password",
+        "phone": "please enter phone",
+        "verification": "please enter verification code"
+      },
+      "required": {
+        "account": "account is required",
+        "phone": "phone is required",
+        "password": "password is required",
+        "verification": "verification code is require"
+      },
+      "sendVerification": "send",
+      "register": {
+        "phonePlaceholder": "Please enter your phone number",
+        "emailPlaceholder": "Please enter your email",
+        "passwordPlaceholder": "Please enter your password",
+        "verifyCodePlaceholder": "Please enter verification code",
+        "sendVerifyCode": "Send verification code",
+        "resendCountdown": "Resend in {count} seconds",
+        "agreeTerms": "I have read and agree to",
+        "serviceTerms": "TDesign Service Terms",
+        "privacyStatement": "TDesign Privacy Statement",
+        "registerBtn": "Register",
+        "useEmailRegister": "Register with email",
+        "usePhoneRegister": "Register with phone",
+        "validation": {
+          "phone": "Phone number is required",
+          "email": "Email is required",
+          "emailFormat": "Please enter a valid email",
+          "password": "Password is required",
+          "verifyCode": "Verification code is required",
+          "agreeTerms": "You must agree to the service terms and privacy statement"
+        },
+        "messages": {
+          "registerSuccess": "Registration successful"
+        }
+      }
+    },
+    "result": {
+      "403": {
+        "tips": "sorry, you don not have permission to access this page. Please contact the creator through WeCom",
+        "back": "Back to homepage"
+      },
+      "404": {
+        "subtitle": "Sorry, the page is not found",
+        "back": "Back to homepage"
+      },
+      "500": {
+        "subtitle": "Sorry, the server is error",
+        "back": "Back to homepage"
+      },
+      "fail": {
+        "title": "Create fail",
+        "subtitle": "Sorry, your project creation has failed",
+        "back": "Back to homepage",
+        "modify": "Back to modify"
+      },
+      "success": {
+        "title": "Project is created",
+        "subtitle": "Contact the person in charge of distributing the application",
+        "back": "Back to homepage",
+        "progress": "Check Progress"
+      },
+      "maintenance": {
+        "title": "System maintenance",
+        "subtitle": "Please try again later",
+        "back": "Back to homepage"
+      },
+      "browserIncompatible": {
+        "title": "browser is incompatible",
+        "subtitle": "the browser version you are using is too outdated to open the current webpage.",
+        "back": "Back to homepage",
+        "recommend": "TDesign Starter recommend the following browser"
+      },
+      "networkError": {
+        "title": "Network Error",
+        "subtitle": "Network error, please try again later",
+        "back": "Back to homepage",
+        "reload": "Reload"
+      }
+    },
+    "user": {
+      "markDay": "Good afternoon, today marks your 100th day at Tencent",
+      "greeting": "Hi, Image",
+      "unit": "(times)",
+      "account": "My Account",
+      "organization": "Tencent / Tencent Company / Business Group / Product Department / Operations Center / Merchant Services Group",
+      "personalInfo": {
+        "title": "Personal Info",
+        "position": "Employee of the Hong Kong and Macau Business Expansion team",
+        "desc": {
+          "phone": "Phone",
+          "mobile": "Mobile",
+          "seat": "Seat",
+          "email": "Email",
+          "position": "Position",
+          "leader": "Leader",
+          "entity": "Entity",
+          "joinDay": "Day of join",
+          "group": "Group"
+        },
+        "tencentGroup": "Tencent Group",
+        "seniorDesigner": "Senior UI Designer"
+      },
+      "visitData": "Visit Data",
+      "contentList": "Content List",
+      "teamMember": "Team Member",
+      "serviceProduction": "Service Product"
+    }
+  }
+}
diff --git a/src/locales/lang/en_US/components.ts b/src/locales/lang/en_US/components.ts
deleted file mode 100644
index e4e09d5f..00000000
--- a/src/locales/lang/en_US/components.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export default {
-  isSetup: {
-    on: 'Enabled',
-    off: 'Disabled',
-  },
-  manage: 'Manage',
-  delete: 'Delete',
-  commonTable: {
-    contractName: 'Name',
-    contractStatus: 'Status',
-    contractNum: 'Number',
-    contractType: 'Type',
-    contractPayType: 'Pay Type',
-    contractAmount: 'Amount',
-    contractNamePlaceholder: 'enter contract name',
-    contractStatusPlaceholder: 'enter contract status',
-    contractNumPlaceholder: 'enter contract number',
-    contractTypePlaceholder: 'enter contract type',
-    operation: 'Operation',
-    detail: 'detail',
-    delete: 'delete',
-    contractStatusEnum: {
-      fail: 'fail',
-      audit: 'audit',
-      executing: 'executing',
-      pending: 'pending',
-      finish: 'finish',
-    },
-    contractTypeEnum: {
-      main: 'main',
-      sub: 'sub',
-      supplement: 'supplement',
-    },
-    reset: 'reset',
-    query: 'query',
-  },
-};
diff --git a/src/locales/lang/en_US/index.ts b/src/locales/lang/en_US/index.ts
deleted file mode 100644
index 62d2f7c1..00000000
--- a/src/locales/lang/en_US/index.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import merge from 'lodash/merge';
-import componentsLocale from 'tdesign-vue-next/es/locale/en_US';
-
-import components from './components';
-import layout from './layout';
-import pages from './pages';
-
-export default {
-  lang: 'English',
-  layout,
-  pages,
-  components,
-  constants: {
-    contract: {
-      name: 'Name',
-      status: 'Status',
-      num: 'Number',
-      type: 'Type',
-      typePlaceholder: 'Please enter type',
-      payType: 'Pay Type',
-      amount: 'Amount',
-      amountPlaceholder: 'Please enter amount',
-      signDate: 'Sign Date',
-      effectiveDate: 'Effective Date',
-      endDate: 'End Date',
-      createDate: 'Create Date',
-      attachment: 'Attachment',
-      company: 'Company',
-      employee: 'Employee',
-      pay: 'pay',
-      receive: 'received',
-      remark: 'remark',
-      statusOptions: {
-        fail: 'Failure',
-        auditPending: 'Pending audit',
-        execPending: 'Pending performance',
-        executing: 'Successful',
-        finish: 'Finish',
-      },
-      typeOptions: {
-        main: 'Master contract',
-        sub: 'Subcontract',
-        supplement: 'Supplementary contract',
-      },
-    },
-  },
-  componentsLocale: merge({}, componentsLocale, {
-    // 可以在此处定义更多自定义配置，具体可配置内容参看 API 文档
-    // https://tdesign.tencent.com/vue-next/config?tab=api
-    // pagination: {
-    //   jumpTo: 'xxx'
-    // },
-  }),
-};
diff --git a/src/locales/lang/en_US/layout.ts b/src/locales/lang/en_US/layout.ts
deleted file mode 100644
index 5c4a1d52..00000000
--- a/src/locales/lang/en_US/layout.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-export default {
-  header: {
-    code: 'Code Repository',
-    help: 'Document',
-    user: 'Profile',
-    signOut: 'Sign Out',
-    setting: 'Setting',
-  },
-  notice: {
-    title: 'Notification Center',
-    clear: 'Clear',
-    setRead: 'Set Read',
-    empty: 'Empty',
-    emptyNotice: 'No Notice',
-    viewAll: 'View All',
-  },
-  tagTabs: {
-    closeOther: 'close other',
-    closeLeft: 'close left',
-    closeRight: 'close right',
-    refresh: 'refresh',
-  },
-  searchPlaceholder: 'Enter search content',
-  setting: {
-    title: 'Setting',
-    theme: {
-      mode: 'Theme Mode',
-      color: 'Theme Color',
-      options: {
-        light: 'Light',
-        dark: 'Dark ',
-        auto: 'Follow System',
-      },
-    },
-    navigationLayout: 'Navigation Layout',
-    sideMode: 'Side Menu Mode',
-    splitMenu: 'Split Menu（Only Mix mode）',
-    fixedSidebar: 'Fixed Sidebar',
-    element: {
-      title: 'Element Switch',
-      showHeader: 'Show Header',
-      showBreadcrumb: 'Show Breadcrumb',
-      showFooter: 'Show Footer',
-      useTagTabs: 'Use Tag Tabs',
-      menuAutoCollapsed: 'Menu Auto Collapsed',
-    },
-    tips: 'Please copy and manually modify the configuration file: /src/config/style.ts',
-    copy: {
-      title: 'Copy',
-      success: 'copied',
-      fail: 'fail to copy',
-    },
-  },
-};
diff --git a/src/locales/lang/en_US/pages/dashboard-base.ts b/src/locales/lang/en_US/pages/dashboard-base.ts
deleted file mode 100644
index 920c88f1..00000000
--- a/src/locales/lang/en_US/pages/dashboard-base.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-export default {
-  outputOverview: {
-    title: 'In/Out Overview',
-    subtitle: '(pieces)',
-    export: 'Export data',
-    month: {
-      input: 'Total in store this month',
-      output: 'Total out store this month',
-    },
-    since: 'Since last week',
-  },
-  rankList: {
-    title: 'Sales order ranking',
-    week: 'This week',
-    month: 'Latest 3 months',
-    info: 'Detail',
-  },
-  topPanel: {
-    card1: 'Total Revenue',
-    card2: 'Total Refund',
-    card3: 'Active User(s)',
-    card4: 'Generate Order(s)',
-    cardTips: 'since last week',
-    analysis: {
-      title: 'Analysis Data',
-      unit: 'ten thousand yuan',
-      series1: 'this month',
-      series2: 'last month',
-      channels: 'Sales Channels',
-      channel1: 'online',
-      channel2: 'shop',
-      channelTips: ' sales ratio',
-    },
-  },
-  saleColumns: {
-    index: 'Ranking',
-    productName: 'Customer',
-    growUp: 'Grow up',
-    count: 'Count',
-    operation: 'Operation',
-  },
-  buyColumns: {
-    index: 'Ranking',
-    productName: 'Supplier',
-    growUp: 'Grow up',
-    count: 'Count',
-    operation: 'Operation',
-  },
-  chart: {
-    week1: 'MON',
-    week2: 'TUE',
-    week3: 'WED',
-    week4: 'THU',
-    week5: 'FRI',
-    week6: 'SAT',
-    week7: 'SUN',
-    max: 'Max',
-    min: 'Min',
-    thisMonth: 'this month',
-    lastMonth: 'last month',
-  },
-};
diff --git a/src/locales/lang/en_US/pages/dashboard-detail.ts b/src/locales/lang/en_US/pages/dashboard-detail.ts
deleted file mode 100644
index 2d5a4790..00000000
--- a/src/locales/lang/en_US/pages/dashboard-detail.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-export default {
-  topPanel: {
-    title: 'Purchase applications for this month',
-    quarter: 'Quarter on quarter',
-    paneList: {
-      totalRequest: 'Apply count',
-      suppliers: 'Number of Suppliers',
-      productCategory: 'Product Category',
-      applicant: 'Number of Application',
-      completionRate: 'Completion Rate(%)',
-      arrivalRate: 'Arrival Rate(%)',
-    },
-  },
-  procurement: {
-    title: 'Trends in purchase requisitions for goods',
-    goods: {
-      cup: 'cup',
-      tea: 'tea',
-      honey: 'honey',
-      flour: 'flour',
-      coffeeMachine: 'coffee machine',
-      massageMachine: 'massage machine',
-    },
-  },
-  ssl: 'SSL certificate',
-  sslDescription:
-    'SSL certificate, also known as a server certificate, is a digital certificate that authenticates the identity of a website and encrypts information sent to the server using SSL technology. Tencent Cloud provides you with a one-stop service for SSL certificates, including application, management, and deployment of both free and paid certificates.',
-  satisfaction: {
-    title: 'distribution of satisfaction levels for purchased goods',
-    export: 'export data',
-  },
-  chart: {
-    week1: 'MON',
-    week2: 'TUE',
-    week3: 'WED',
-    week4: 'THU',
-    week5: 'FRI',
-    week6: 'SAT',
-    week7: 'SUN',
-    max: 'Max',
-    min: 'Min',
-    thisMonth: 'this month',
-    lastMonth: 'last month',
-  },
-};
diff --git a/src/locales/lang/en_US/pages/detail-base.ts b/src/locales/lang/en_US/pages/detail-base.ts
deleted file mode 100644
index d40d1e1f..00000000
--- a/src/locales/lang/en_US/pages/detail-base.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  baseInfo: {
-    title: 'Base Info',
-  },
-  changelog: {
-    title: 'Changelog',
-    step1: {
-      title: 'upload file',
-      subtitle: 'subtitle',
-    },
-    step2: {
-      title: 'modify contract amount',
-      subtitle: 'subtitle',
-    },
-    step3: {
-      title: 'create contract',
-      desc: 'administrator',
-    },
-  },
-};
diff --git a/src/locales/lang/en_US/pages/detail-card.ts b/src/locales/lang/en_US/pages/detail-card.ts
deleted file mode 100644
index 116a2390..00000000
--- a/src/locales/lang/en_US/pages/detail-card.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export default {
-  baseInfo: {
-    title: 'Base Info',
-  },
-  invoice: {
-    title: 'Invoice Progress',
-    step1: {
-      title: 'Apply',
-      content: 'The electronic invoice has been submitted on December 21st',
-    },
-    step2: {
-      title: 'Electronic invoice',
-      content: 'expected to be processed within 1-3 business days.',
-    },
-    step3: {
-      title: 'Invoice is send',
-      content: 'we will contact you within 7 business days.',
-    },
-    step4: {
-      title: 'Finish',
-    },
-  },
-  product: {
-    title: 'Product Category',
-    add: 'add production',
-    month: 'month',
-    quarter: 'quarter',
-  },
-  detail: {
-    title: 'Product Procurement Detail',
-    form: {
-      applyNo: 'Apply no',
-      product: 'Name',
-      productNo: 'No.',
-      department: 'Department',
-      num: 'Num',
-      createTime: 'Create time',
-      operation: 'Operation',
-      manage: 'manage',
-      delete: 'delete',
-    },
-  },
-};
diff --git a/src/locales/lang/en_US/pages/detail-deploy.ts b/src/locales/lang/en_US/pages/detail-deploy.ts
deleted file mode 100644
index d639b3e1..00000000
--- a/src/locales/lang/en_US/pages/detail-deploy.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export default {
-  deployTrend: {
-    title: 'Deploy Trend',
-    warning: 'Warning',
-    thisMonth: 'this month',
-    thisWeek: 'this week',
-    lastMonth: 'last month',
-    thisYear: 'this year',
-    lastYear: 'last year',
-    week1: 'MON',
-    week2: 'TUE',
-    week3: 'WED',
-    week4: 'THU',
-    week5: 'FRI',
-    week6: 'SAT',
-    week7: 'SUN',
-  },
-  projectList: {
-    title: 'Project List',
-    dialog: {
-      title: 'Base Info',
-    },
-    table: {
-      name: 'Name',
-      admin: 'Admin',
-      createTime: 'Create time',
-      operation: 'Operation',
-      manage: 'manage',
-      delete: 'delete',
-    },
-  },
-};
diff --git a/src/locales/lang/en_US/pages/detail-secondary.ts b/src/locales/lang/en_US/pages/detail-secondary.ts
deleted file mode 100644
index b6b28b61..00000000
--- a/src/locales/lang/en_US/pages/detail-secondary.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export default {
-  read: 'Read',
-  unread: 'Unread',
-  all: 'All',
-  setRead: 'set as read',
-  setUnread: 'set as unread',
-  delete: 'delete',
-  empty: 'Empty',
-};
diff --git a/src/locales/lang/en_US/pages/form-base.ts b/src/locales/lang/en_US/pages/form-base.ts
deleted file mode 100644
index 7a26ce99..00000000
--- a/src/locales/lang/en_US/pages/form-base.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export default {
-  title: 'Contract Info',
-  contractName: 'Name',
-  contractStatus: 'Status',
-  contractNum: 'Number',
-  contractType: 'Type',
-  contractTypePlaceholder: 'Please enter type',
-  contractPayType: 'Pay Type',
-  contractAmount: 'Amount',
-  contractAmountPlaceholder: 'Please enter amount',
-  contractSignDate: 'Sign Date',
-  contractEffectiveDate: 'Effective Date',
-  contractEndDate: 'End Date',
-  company: 'Company',
-  employee: 'Employee',
-  pay: 'pay',
-  receive: 'received',
-  upload: 'upload file',
-  uploadFile: 'upload contract file',
-  uploadTips: 'Please upload a PDF file, with a size limit of 60MB.',
-  otherInfo: 'Other Info',
-  remark: 'Remark',
-  remarkPlaceholder: 'please enter remark',
-  notaryPublic: 'Notary Public',
-  confirm: 'confirm',
-  cancel: 'cancel',
-};
diff --git a/src/locales/lang/en_US/pages/form-step.ts b/src/locales/lang/en_US/pages/form-step.ts
deleted file mode 100644
index 3805f125..00000000
--- a/src/locales/lang/en_US/pages/form-step.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-export default {
-  step1: {
-    title: 'Submit Application',
-    subtitle: 'Submitted on December 21st',
-    rules: 'rules',
-    rule1:
-      '1. After applying for an invoice, the electronic invoice will be issued within 1-3 working days. If the qualification review is passed, the VAT special invoice (paper) will be mailed to you within 10 working days after the electronic invoice is issued;',
-    rule2: '2. The invoiced amount will be the actual amount you paid;',
-    rule3: '3. For any questions, please contact us directly at 13300001111.',
-    contractName: 'Name',
-    contractTips: 'Please select a contract name',
-    invoiceType: 'Invoice type',
-    amount: 'Amount',
-    submit: 'Submit Application',
-  },
-  step2: {
-    title: 'Electronic Information',
-    subtitle: 'Contact Customer Service if you have any questions',
-    invoiceTitle: 'Invoice Title',
-    taxNum: 'Tax Num',
-    address: 'Address',
-    bank: 'Bank',
-    bankAccount: 'Bank Account',
-    email: 'Email',
-    tel: 'Tel',
-    invoiceTitlePlaceholder: 'please enter invoice title',
-    taxNumPlaceholder: 'please enter tax num',
-    addressPlaceholder: 'please enter address',
-    bankPlaceholder: 'please enter bank',
-    bankAccountPlaceholder: 'please enter bank account',
-    emailPlaceholder: 'please enter email',
-    telPlaceholder: 'please enter tel',
-  },
-  step3: {
-    title: 'Invoice Mailed',
-    subtitle: 'Contact us after the electronic invoice is issued',
-    consignee: 'Consignee',
-    mobileNum: 'Mobile Num',
-    deliveryAddress: 'Address',
-    fullAddress: 'Full Address',
-  },
-  step4: {
-    title: 'Application Completed',
-    subtitle: 'Contact Customer Service if you have any questions',
-    finishTitle: 'Application is completed.',
-    finishTips:
-      'The electronic invoice is expected to be sent to your email within 1-3 working days. Please be patient for the delivery of the paper invoice.',
-    reapply: 'reapply',
-    check: 'check progress',
-  },
-  preStep: 'pre step',
-  nextStep: 'next step',
-};
diff --git a/src/locales/lang/en_US/pages/index.ts b/src/locales/lang/en_US/pages/index.ts
deleted file mode 100644
index 47da178b..00000000
--- a/src/locales/lang/en_US/pages/index.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import dashboardBase from './dashboard-base';
-import dashboardDetail from './dashboard-detail';
-import detailBase from './detail-base';
-import detailCard from './detail-card';
-import detailDeploy from './detail-deploy';
-import detailSecondary from './detail-secondary';
-import formBase from './form-base';
-import formStep from './form-step';
-import listBase from './list-base';
-import listCard from './list-card';
-import listFilter from './list-filter';
-import listTree from './list-tree';
-import login from './login';
-import result from './result';
-import user from './user';
-
-export default {
-  dashboardBase,
-  dashboardDetail,
-  listBase,
-  listCard,
-  listFilter,
-  listTree,
-  detailBase,
-  detailCard,
-  detailDeploy,
-  detailSecondary,
-  formBase,
-  formStep,
-  user,
-  login,
-  result,
-};
diff --git a/src/locales/lang/en_US/pages/list-base.ts b/src/locales/lang/en_US/pages/list-base.ts
deleted file mode 100644
index c5de9ae4..00000000
--- a/src/locales/lang/en_US/pages/list-base.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export default {
-  export: 'export',
-  create: 'create',
-  select: 'select',
-  items: 'items',
-  contractName: 'Name',
-  contractStatus: 'Status',
-  contractNum: 'Number',
-  contractType: 'Type',
-  contractPayType: 'Pay Type',
-  contractAmount: 'Amount',
-  operation: 'Operation',
-  detail: 'detail',
-  delete: 'delete',
-  pay: 'pay',
-  receive: 'received',
-  placeholder: 'please enter to search',
-  contractStatusEnum: {
-    fail: 'fail',
-    audit: 'audit',
-    executing: 'executing',
-    pending: 'pending',
-    finish: 'finish',
-  },
-};
diff --git a/src/locales/lang/en_US/pages/list-card.ts b/src/locales/lang/en_US/pages/list-card.ts
deleted file mode 100644
index ac86551f..00000000
--- a/src/locales/lang/en_US/pages/list-card.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export default {
-  create: 'Create Product',
-  placeholder: 'please enter to search',
-  productName: 'Name',
-  productStatus: 'Status',
-  productDescription: 'Description',
-  productType: 'Type',
-  productRemark: 'Remark',
-  productStatusEnum: {
-    off: 'off',
-    on: 'on',
-  },
-};
diff --git a/src/locales/lang/en_US/pages/list-filter.ts b/src/locales/lang/en_US/pages/list-filter.ts
deleted file mode 100644
index ff8b4c56..00000000
--- a/src/locales/lang/en_US/pages/list-filter.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/src/locales/lang/en_US/pages/list-tree.ts b/src/locales/lang/en_US/pages/list-tree.ts
deleted file mode 100644
index 1186fd64..00000000
--- a/src/locales/lang/en_US/pages/list-tree.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  placeholder: 'please enter to search',
-};
diff --git a/src/locales/lang/en_US/pages/login.ts b/src/locales/lang/en_US/pages/login.ts
deleted file mode 100644
index d2e62a5c..00000000
--- a/src/locales/lang/en_US/pages/login.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export default {
-  loginTitle: 'Login in',
-  noAccount: 'No Account?',
-  createAccount: 'Create Account',
-  remember: 'Remember Account',
-  forget: 'Forget Account',
-  signIn: 'Sign in',
-  existAccount: 'Exist Account?',
-  refresh: 'refresh',
-  wechatLogin: 'Login with WeChat',
-  accountLogin: 'Login with Account',
-  phoneLogin: 'Login with Mobile Phone',
-  loginSuccess: 'Login successful',
-  input: {
-    account: 'please enter account',
-    password: 'please enter password',
-    phone: 'please enter phone',
-    verification: 'please enter verification code',
-  },
-  required: {
-    account: 'account is required',
-    phone: 'phone is required',
-    password: 'password is required',
-    verification: 'verification code is require',
-  },
-  sendVerification: 'send',
-};
diff --git a/src/locales/lang/en_US/pages/result.ts b/src/locales/lang/en_US/pages/result.ts
deleted file mode 100644
index df5fb51a..00000000
--- a/src/locales/lang/en_US/pages/result.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export default {
-  403: {
-    tips: 'sorry, you don not have permission to access this page. Please contact the creator through WeCom',
-    back: 'Back to homepage',
-  },
-  404: {
-    subtitle: 'Sorry, the page is not found',
-    back: 'Back to homepage',
-  },
-  500: {
-    subtitle: 'Sorry, the server is error',
-    back: 'Back to homepage',
-  },
-  fail: {
-    title: 'Create fail',
-    subtitle: 'Sorry, your project creation has failed',
-    back: 'Back to homepage',
-    modify: 'Back to modify',
-  },
-  success: {
-    title: 'Project is created',
-    subtitle: 'Contact the person in charge of distributing the application',
-    back: 'Back to homepage',
-    progress: 'Check Progress',
-  },
-  maintenance: {
-    title: 'System maintenance',
-    subtitle: 'Please try again later',
-    back: 'Back to homepage',
-  },
-  browserIncompatible: {
-    title: 'browser is incompatible',
-    subtitle: 'the browser version you are using is too outdated to open the current webpage.',
-    back: 'Back to homepage',
-    recommend: 'TDesign Starter recommend the following browser',
-  },
-  networkError: {
-    title: 'Network Error',
-    subtitle: 'Network error, please try again later',
-    back: 'Back to homepage',
-    reload: 'Reload',
-  },
-};
diff --git a/src/locales/lang/en_US/pages/user.ts b/src/locales/lang/en_US/pages/user.ts
deleted file mode 100644
index 5c49b18b..00000000
--- a/src/locales/lang/en_US/pages/user.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-export default {
-  markDay: 'Good afternoon, today marks your 100th day at Tencent',
-  personalInfo: {
-    title: 'Personal Info',
-    position: 'Employee of the Hong Kong and Macau Business Expansion team',
-
-    desc: {
-      phone: 'Phone',
-      mobile: 'Mobile',
-      seat: 'Seat',
-      email: 'Email',
-      position: 'Position',
-      leader: 'Leader',
-      entity: 'Entity',
-      joinDay: 'Day of join',
-      group: 'Group',
-    },
-  },
-  contentList: 'Content List',
-  visitData: 'Visit Data',
-  teamMember: 'Team Member',
-  serviceProduction: 'Service Product',
-};
diff --git a/src/locales/lang/zh_CN.json b/src/locales/lang/zh_CN.json
new file mode 100644
index 00000000..e89bf7c6
--- /dev/null
+++ b/src/locales/lang/zh_CN.json
@@ -0,0 +1,754 @@
+{
+  "lang": "简体中文",
+  "common": {
+    "appName": "TDesign Starter",
+    "copyright": "Copyright @ 2021-2025 Tencent. All Rights Reserved",
+    "conjunction": "和",
+    "admin": "admin"
+  },
+  "components": {
+    "isSetup": {
+      "on": "已启用",
+      "off": "已停用"
+    },
+    "manage": "管理",
+    "delete": "删除",
+    "deleteSuccess": "删除成功",
+    "copySuccess": "复制成功",
+    "copyFail": "复制失败",
+    "submitSuccess": "提交成功",
+    "commonTable": {
+      "contractName": "合同名称",
+      "contractNamePlaceholder": "请输入合同名称",
+      "contractStatus": "合同状态",
+      "contractStatusPlaceholder": "请输入合同状态",
+      "contractNum": "合同编号",
+      "contractNumPlaceholder": "请输入合同编号",
+      "contractType": "合同类型",
+      "contractTypePlaceholder": "请选择合同类型",
+      "contractPayType": "合同支付类型",
+      "contractAmount": "合同金额",
+      "operation": "操作",
+      "detail": "详情",
+      "delete": "删除",
+      "placeholder": "请输入内容搜索",
+      "contractStatusEnum": {
+        "fail": "审核失败",
+        "audit": "待审核",
+        "executing": "履行中",
+        "pending": "待履行",
+        "finish": "已完成"
+      },
+      "contractTypeEnum": {
+        "main": "主合同",
+        "sub": "子合同",
+        "supplement": "补充合同"
+      },
+      "reset": "重置",
+      "query": "查询"
+    }
+  },
+  "layout": {
+    "header": {
+      "code": "代码仓库",
+      "help": "帮助文档",
+      "user": "个人中心",
+      "signOut": "退出登录",
+      "setting": "系统设置"
+    },
+    "notice": {
+      "title": "通知中心",
+      "clear": "清空",
+      "setRead": "设为已读",
+      "empty": "空",
+      "emptyNotice": "暂无通知",
+      "viewAll": "查看全部"
+    },
+    "searchPlaceholder": "请输入搜索内容",
+    "search": {
+      "placeholder": "输入要搜索内容"
+    },
+    "tagTabs": {
+      "closeOther": "关闭其他",
+      "closeLeft": "关闭左侧",
+      "closeRight": "关闭右侧",
+      "refresh": "刷新"
+    },
+    "setting": {
+      "title": "页面配置",
+      "theme": {
+        "mode": "主题模式",
+        "color": "主题色",
+        "options": {
+          "light": "明亮",
+          "dark": "深色",
+          "auto": "跟随系统"
+        }
+      },
+      "navigationLayout": "导航布局",
+      "sideMode": "侧边栏模式",
+      "splitMenu": "分割菜单（混合模式下有效）",
+      "fixedSidebar": "固定侧边栏",
+      "element": {
+        "title": "元素开关",
+        "showHeader": "显示顶栏",
+        "showBreadcrumb": "显示面包屑",
+        "showFooter": "显示页脚",
+        "useTagTabs": "展示多标签Tab页",
+        "menuAutoCollapsed": "菜单自动折叠"
+      },
+      "tips": "请复制后手动修改配置文件: /src/config/style.ts",
+      "copy": {
+        "title": "复制配置项",
+        "success": "复制成功",
+        "fail": "复制失败"
+      }
+    }
+  },
+  "constants": {
+    "contract": {
+      "name": "合同名称",
+      "status": "合同状态",
+      "num": "合同编号",
+      "type": "合同类型",
+      "typePlaceholder": "请输入类型",
+      "payType": "合同收支类型",
+      "amount": "合同金额",
+      "amountPlaceholder": "请输入金额",
+      "signDate": "合同签订日期",
+      "effectiveDate": "合同生效日期",
+      "endDate": "合同结束日期",
+      "createDate": "合同创建时间",
+      "company": "甲方",
+      "employee": "乙方",
+      "pay": "付款",
+      "receive": "收款",
+      "remark": "备注",
+      "attachment": "附件",
+      "statusOptions": {
+        "fail": "审核失败",
+        "auditPending": "待审核",
+        "execPending": "待履行",
+        "executing": "审核成功",
+        "finish": "已完成"
+      },
+      "typeOptions": {
+        "main": "主合同",
+        "sub": "子合同",
+        "supplement": "补充合同"
+      }
+    }
+  },
+  "pages": {
+    "dashboardBase": {
+      "title": "概览仪表盘",
+      "outputOverview": {
+        "title": "出入库概览",
+        "subtitle": "(件)",
+        "export": "导出数据",
+        "month": {
+          "input": "本月入库总计（件）",
+          "output": "本月出库总计（件）"
+        },
+        "since": "自从上周以来"
+      },
+      "rankList": {
+        "title": "销售订单排名",
+        "week": "本周",
+        "month": "近三月",
+        "info": "详情"
+      },
+      "topPanel": {
+        "card1": "总收入",
+        "card2": "总退款",
+        "card3": "活跃用户（个）",
+        "card4": "产生订单（个）",
+        "cardTips": "自从上周以来",
+        "analysis": {
+          "title": "统计数据",
+          "unit": "万元",
+          "series1": "本月",
+          "series2": "上月",
+          "channels": "销售渠道",
+          "channel1": "线上",
+          "channel2": "门店",
+          "channelTips": "销售占比"
+        }
+      },
+      "saleColumns": {
+        "index": "排名",
+        "productName": "客户名称",
+        "growUp": "较上周",
+        "count": "订单量",
+        "operation": "操作"
+      },
+      "buyColumns": {
+        "index": "排名",
+        "productName": "供应商名称",
+        "growUp": "较上周",
+        "count": "订单量",
+        "operation": "操作"
+      },
+      "saleTend": {
+        "item1": "国家电网有限公司",
+        "item2": "深圳燃气集团股份有限公司",
+        "item3": "国家烟草专卖局",
+        "item4": "中国电信集团有限公司",
+        "item5": "中国移动通信集团有限公司",
+        "item6": "新余市办公用户采购项目"
+      },
+      "buyTend": {
+        "item1": "腾讯科技（深圳）有限公司",
+        "item2": "大润发有限公司",
+        "item3": "四川海底捞股份有限公司",
+        "item4": "索尼（中国）有限公司",
+        "item5": "松下电器（中国）有限公司",
+        "item6": "新余市办公用户采购项目"
+      },
+      "chart": {
+        "week1": "周一",
+        "week2": "周二",
+        "week3": "周三",
+        "week4": "周四",
+        "week5": "周五",
+        "week6": "周六",
+        "week7": "周日",
+        "max": "最大值",
+        "min": "最小值",
+        "thisMonth": "本月",
+        "lastMonth": "上月"
+      }
+    },
+    "dashboardDetail": {
+      "topPanel": {
+        "title": "本月采购申请情况",
+        "quarter": "环比",
+        "paneList": {
+          "totalRequest": "总申请数（次）",
+          "suppliers": "供应商数量（个）",
+          "productCategory": "采购商品品类（类）",
+          "applicant": "申请人数量（人）",
+          "completionRate": "申请完成率（%）",
+          "arrivalRate": "到货及时率（%）"
+        }
+      },
+      "procurement": {
+        "title": "采购商品申请趋势",
+        "goods": {
+          "cup": "杯子",
+          "tea": "茶叶",
+          "honey": "蜂蜜",
+          "flour": "面粉",
+          "coffeeMachine": "咖啡机",
+          "massageMachine": "按摩仪"
+        }
+      },
+      "ssl": "SSL证书",
+      "sslDescription": "SSL证书又叫服务器证书，腾讯云为您提供证书的一站式服务，包括免费、付费证书的申请、管理及部署",
+      "satisfaction": {
+        "title": "采购商品满意度分布",
+        "export": "导出数据"
+      },
+      "chart": {
+        "week1": "周一",
+        "week2": "周二",
+        "week3": "周三",
+        "week4": "周四",
+        "week5": "周五",
+        "week6": "周六",
+        "week7": "周日",
+        "max": "最大值",
+        "min": "最小值",
+        "thisMonth": "本月",
+        "lastMonth": "上月"
+      }
+    },
+    "detailBase": {
+      "baseInfo": {
+        "title": "基本信息"
+      },
+      "sampleData": {
+        "contractName": "总部办公用品采购项目",
+        "status": "履行中",
+        "company": "腾讯科技（深圳）有限公司",
+        "employee": "欧尚",
+        "fileName": "总部办公用品采购项目合同.pdf"
+      },
+      "changelog": {
+        "title": "变更记录",
+        "step1": {
+          "title": "上传合同附件",
+          "subtitle": "这里是提示文字"
+        },
+        "step2": {
+          "title": "修改合同金额",
+          "subtitle": "这里是提示文字"
+        },
+        "step3": {
+          "title": "新建合同",
+          "desc": "管理员-李川操作"
+        }
+      }
+    },
+    "detailCard": {
+      "baseInfo": {
+        "title": "基本信息"
+      },
+      "invoice": {
+        "title": "发票进度",
+        "step1": {
+          "title": "申请提交",
+          "content": "已于12月21日提交"
+        },
+        "step2": {
+          "title": "电子发票",
+          "content": "预计1～3个工作日"
+        },
+        "step3": {
+          "title": "发票已邮寄",
+          "content": "电子发票开出后7个工作日联系"
+        },
+        "step4": {
+          "title": "完成"
+        }
+      },
+      "product": {
+        "title": "产品目录",
+        "add": "新增产品",
+        "month": "月份",
+        "quarter": "季度"
+      },
+      "detail": {
+        "title": "产品采购明细",
+        "budgetExceeded": "超预算",
+        "form": {
+          "applyNo": "申请号",
+          "product": "产品名称",
+          "productNo": "产品编号",
+          "operation": "操作",
+          "department": "申请部门",
+          "num": "采购数量",
+          "createTime": "创建时间",
+          "manage": "管理",
+          "delete": "删除"
+        }
+      },
+      "products": {
+        "product1": {
+          "name": "MacBook Pro 2021",
+          "company": "苹果公司（Apple Inc. ）",
+          "size": "13.3 英寸",
+          "cpu": "Apple M1",
+          "memory": "RAM 16GB",
+          "info": "最高可选配 16GB 内存 · 最高可选配 2TB 存储设备 电池续航最长达 18 小时"
+        },
+        "product2": {
+          "name": "Surface Laptop Go",
+          "company": "微软（Microsoft Corporation）",
+          "size": "12.4 英寸",
+          "cpu": "Core i7",
+          "memory": "RAM 16GB",
+          "info": "常规使用 Surface，续航时间最长可达13小时 随时伴您工作"
+        }
+      }
+    },
+    "detailDeploy": {
+      "deployTrend": {
+        "title": "部署趋势",
+        "warning": "告警情况",
+        "thisMonth": "本月",
+        "thisWeek": "本周",
+        "lastMonth": "上月",
+        "thisYear": "今年",
+        "lastYear": "去年",
+        "week1": "周一",
+        "week2": "周二",
+        "week3": "周三",
+        "week4": "周四",
+        "week5": "周五",
+        "week6": "周六",
+        "week7": "周日"
+      },
+      "projectList": {
+        "title": "项目列表",
+        "dialog": {
+          "title": "基本信息"
+        },
+        "table": {
+          "name": "名称",
+          "admin": "管理员",
+          "createTime": "创建时间",
+          "operation": "操作",
+          "manage": "管理",
+          "delete": "删除"
+        }
+      },
+      "baseInfo": {
+        "clusterName": "集群名",
+        "clusterId": "集群ID",
+        "status": "状态",
+        "running": "运行中",
+        "k8sVersion": "K8S版本",
+        "config": "配置",
+        "region": "所在地域",
+        "guangzhou": "广州",
+        "project": "新增资源所属项目",
+        "defaultProject": "默认项目",
+        "nodeCount": "节点数量",
+        "nodeNetwork": "节点网络",
+        "containerNetwork": "容器网络",
+        "clusterCredential": "集群凭证",
+        "showCredential": "显示凭证",
+        "createUpdate": "创建/更新",
+        "description": "描述"
+      }
+    },
+    "detailSecondary": {
+      "read": "已读通知",
+      "unread": "未读通知",
+      "all": "全部通知",
+      "setRead": "设为已读",
+      "setUnread": "设为未读",
+      "delete": "删除通知",
+      "deleteConfirm": "删除通知",
+      "deleteTip": "确认删除通知：{content}吗？",
+      "empty": "暂无通知"
+    },
+    "notification": {
+      "contract": "合同动态",
+      "invoice": "票务动态",
+      "meeting": "会议通知",
+      "msg1": "腾讯大厦一楼改造施工项目 已通过审核！",
+      "msg2": "三季度生产原材料采购项目 开票成功！",
+      "msg3": "2021-01-01 10:00的【国家电网线下签约】会议即将开始，请提前10分钟前往 会议室1 进行签到！",
+      "msg4": "一季度生产原材料采购项目 开票成功！"
+    },
+    "formBase": {
+      "title": "合同信息",
+      "contractName": "合同名称",
+      "contractNamePlaceholder": "请输入合同名称",
+      "contractStatus": "合同状态",
+      "contractNum": "合同编号",
+      "contractType": "合同类型",
+      "contractTypePlaceholder": "请输入类型",
+      "contractPayType": "合同收支类型",
+      "contractAmount": "合同金额",
+      "contractAmountPlaceholder": "请输入金额",
+      "contractSignDate": "合同签订日期",
+      "contractEffectiveDate": "合同生效日期",
+      "contractEndDate": "合同结束日期",
+      "company": "甲方",
+      "employee": "乙方",
+      "pay": "付款",
+      "receive": "收款",
+      "upload": "上传文件",
+      "uploadFile": "上传合同",
+      "uploadTips": "请上传pdf文件，大小在60M以内",
+      "otherInfo": "其他信息",
+      "remark": "备注",
+      "remarkPlaceholder": "请输入备注",
+      "notaryPublic": "公证人",
+      "fileSizeExceed": "上传文件不能大于60M",
+      "uploadFail": "上传失败",
+      "confirm": "确认提交",
+      "cancel": "取消",
+      "validation": {
+        "name": "请输入合同名称",
+        "type": "请选择合同类型",
+        "payment": "请选择合同收付类型",
+        "amount": "请输入合同金额",
+        "partyA": "请选择甲方",
+        "partyB": "请选择乙方",
+        "signDate": "请选择日期",
+        "startDate": "请选择日期",
+        "endDate": "请选择日期"
+      },
+      "typeOptions": {
+        "typeA": "类型A",
+        "typeB": "类型B",
+        "typeC": "类型C"
+      },
+      "partyOptions": {
+        "companyA": "甲方公司",
+        "companyB": "乙方公司",
+        "companyC": "丙方公司"
+      }
+    },
+    "formStep": {
+      "validation": {
+        "name": "请选择合同名称",
+        "type": "请选择类型",
+        "title": "请输入发票抬头",
+        "taxNum": "请输入纳税人识别号",
+        "consignee": "请输入收货人",
+        "mobileNum": "请输入手机号码",
+        "deliveryAddress": "请选择收货地址",
+        "fullAddress": "请输入详细地址"
+      },
+      "options": {
+        "nameA": "合同A",
+        "nameB": "合同B",
+        "nameC": "合同C",
+        "typeA": "类型A",
+        "typeB": "类型B",
+        "typeC": "类型C",
+        "address1": "广东省深圳市南山区",
+        "address2": "北京市海淀区",
+        "address3": "上海市徐汇区",
+        "address4": "四川省成都市高新区",
+        "address5": "广东省广州市天河区",
+        "address6": "陕西省西安市高新区"
+      },
+      "step1": {
+        "title": "提交申请",
+        "subtitle": "已于12月21日提交",
+        "rules": "发票开具规则",
+        "rule1": "1、申请开票后，电子发票在1～3个工作日内开具；增值税专用发票（纸质）如资质审核通过，将在电子发票开具后10个工作日内为您寄出；",
+        "rule2": "2、开票金额为您实际支付金额；",
+        "rule3": "3、如有疑问请直接联系：13300001111。",
+        "contractName": "合同名称",
+        "contractTips": "请选择合同名称",
+        "invoiceType": "发票类型",
+        "amount": "开票金额",
+        "submit": "提交申请"
+      },
+      "step2": {
+        "title": "电子信息",
+        "subtitle": "如有疑问联系客服",
+        "invoiceTitle": "发票抬头",
+        "taxNum": "纳税人识别号",
+        "address": "地址",
+        "bank": "开户行",
+        "bankAccount": "银行账号",
+        "email": "邮箱",
+        "tel": "手机号",
+        "titlePlaceholder": "请输入电子信息",
+        "subtitlePlaceholder": "请输入如有疑问联系客服",
+        "invoiceTitlePlaceholder": "请输入发票抬头",
+        "taxNumPlaceholder": "请输入纳税人识别号",
+        "addressPlaceholder": "请输入地址",
+        "bankPlaceholder": "请输入开户行",
+        "bankAccountPlaceholder": "请输入银行账号",
+        "emailPlaceholder": "请输入邮箱",
+        "telPlaceholder": "请输入手机号"
+      },
+      "step3": {
+        "title": "发票已邮寄",
+        "subtitle": "电子发票开出后联系",
+        "consignee": "收货人",
+        "mobileNum": "手机号码",
+        "deliveryAddress": "收货地址",
+        "fullAddress": "详细地址"
+      },
+      "step4": {
+        "title": "完成申请",
+        "subtitle": "如有疑问联系客服",
+        "finishTitle": "完成开票申请",
+        "finishTips": "预计1～3个工作日会将电子发票发至邮箱，发票邮寄请耐心等待",
+        "reapply": "再次申请",
+        "check": "查看进度"
+      },
+      "preStep": "上一步",
+      "nextStep": "下一步"
+    },
+    "listBase": {
+      "export": "导出合同",
+      "create": "新建合同",
+      "select": "已选",
+      "items": "项",
+      "contractName": "合同名称",
+      "contractStatus": "合同状态",
+      "contractNum": "合同编号",
+      "contractType": "合同类型",
+      "contractPayType": "合同收支类型",
+      "contractAmount": "合同金额",
+      "operation": "操作",
+      "detail": "详情",
+      "delete": "删除",
+      "pay": "付款",
+      "receive": "收款",
+      "placeholder": "请输入内容搜索",
+      "deleteConfirm": "确认删除当前所选合同？",
+      "deleteTip": "删除后，{name}的所有合同信息将被清空，且无法恢复",
+      "contractStatusEnum": {
+        "fail": "审核失败",
+        "audit": "待审核",
+        "executing": "履行中",
+        "pending": "待履行",
+        "finish": "已完成"
+      }
+    },
+    "listCard": {
+      "create": "新建产品",
+      "placeholder": "请输入内容搜索",
+      "loading": "加载数据中...",
+      "deleteConfirm": "确认删除所选产品？",
+      "deleteSuccess": "删除成功",
+      "deleteTip": "确认删除后{name}的所有产品信息将被清空, 且无法恢复",
+      "productName": "产品名称",
+      "productStatus": "产品状态",
+      "productDescription": "产品描述",
+      "productType": "产品类型",
+      "productRemark": "备注",
+      "productStatusEnum": {
+        "off": "停用",
+        "on": "启用"
+      },
+      "dialogForm": {
+        "productNamePlaceholder": "请输入产品名称",
+        "cancel": "取消",
+        "confirm": "确定",
+        "typeGateway": "网关",
+        "typeAI": "人工智能",
+        "typeCVM": "CVM",
+        "validation": {
+          "productName": "请输入产品名称"
+        }
+      }
+    },
+    "listFilter": {},
+    "listTree": {
+      "placeholder": "请输入内容进行搜索",
+      "treeData": {
+        "shenzhen": "深圳总部",
+        "beijing": "北京总部",
+        "shanghai": "上海总部",
+        "hunan": "湖南",
+        "hubei": "湖北",
+        "generalOffice": "总办",
+        "marketing": "市场部",
+        "technology": "技术部",
+        "finance": "财务部",
+        "purchase1": "采购1组",
+        "purchase2": "采购2组",
+        "finance1": "财务1组",
+        "finance2": "财务2组"
+      }
+    },
+    "login": {
+      "loginTitle": "登录到",
+      "noAccount": "没有账号吗?",
+      "existAccount": "已有账号?",
+      "createAccount": "注册新账号",
+      "remember": "记住账号",
+      "forget": "忘记账号",
+      "signIn": "登录",
+      "register": "注册",
+      "refresh": "刷新",
+      "wechatLogin": "使用微信扫一扫登录",
+      "accountLogin": "使用账号登录",
+      "phoneLogin": "使用手机号登录",
+      "loginSuccess": "登录成功",
+      "countdown": "{count}秒后可重发",
+      "input": {
+        "account": "请输入账号",
+        "password": "请输入登录密码",
+        "phone": "请输入手机号",
+        "verification": "请输入验证码"
+      },
+      "required": {
+        "account": "账号必填",
+        "phone": "手机号必填",
+        "password": "密码必填",
+        "verification": "验证码必填"
+      },
+      "sendVerification": "发送验证码",
+      "register": {
+        "phonePlaceholder": "请输入您的手机号",
+        "emailPlaceholder": "请输入您的邮箱",
+        "passwordPlaceholder": "请输入登录密码",
+        "verifyCodePlaceholder": "请输入验证码",
+        "sendVerifyCode": "发送验证码",
+        "resendCountdown": "{count}秒后可重发",
+        "agreeTerms": "我已阅读并同意",
+        "serviceTerms": "TDesign服务协议",
+        "privacyStatement": "TDesign 隐私声明",
+        "registerBtn": "注册",
+        "useEmailRegister": "使用邮箱注册",
+        "usePhoneRegister": "使用手机号注册",
+        "validation": {
+          "phone": "手机号必填",
+          "email": "邮箱必填",
+          "emailFormat": "请输入正确的邮箱",
+          "password": "密码必填",
+          "verifyCode": "验证码必填",
+          "agreeTerms": "请同意TDesign服务协议和TDesign 隐私声明"
+        },
+        "messages": {
+          "registerSuccess": "注册成功"
+        }
+      }
+    },
+    "result": {
+      "403": {
+        "tips": "抱歉，您无权限访问此页面，企业微信联系创建者",
+        "back": "返回首页"
+      },
+      "404": {
+        "subtitle": "抱歉，您访问的页面不存在",
+        "back": "返回首页"
+      },
+      "500": {
+        "subtitle": "抱歉，服务器出错啦",
+        "back": "返回首页"
+      },
+      "fail": {
+        "title": "创建失败",
+        "subtitle": "抱歉，您的项目创建失败，企业微信联系检查创建者权限，或返回修改。",
+        "back": "回到首页",
+        "modify": "返回修改"
+      },
+      "success": {
+        "title": "项目已创建成功",
+        "subtitle": "可以联系负责人分发应用",
+        "back": "回到首页",
+        "progress": "查看进度"
+      },
+      "maintenance": {
+        "title": "系统维护中",
+        "subtitle": "系统维护中，请稍后再试",
+        "back": "回到首页"
+      },
+      "browserIncompatible": {
+        "title": "浏览器不兼容",
+        "subtitle": "抱歉，您正在使用的浏览器版本过低，无法打开当前网页。",
+        "back": "回到首页",
+        "recommend": "TDesign Starter 推荐以下主流浏览器"
+      },
+      "networkError": {
+        "title": "网络异常",
+        "subtitle": "网络异常, 请稍后重试",
+        "back": "回到首页",
+        "reload": "重新加载"
+      }
+    },
+    "user": {
+      "markDay": "下午好，今天是你加入鹅厂的第 100 天",
+      "greeting": "Hi，Image",
+      "unit": "（次）",
+      "account": "My Account",
+      "organization": "腾讯/腾讯公司/某事业群/某产品部/某运营中心/商户服务组",
+      "personalInfo": {
+        "title": "个人信息",
+        "position": "港澳业务拓展组员工 直客销售 ",
+        "desc": {
+          "phone": "座机",
+          "mobile": "手机",
+          "seat": "座位",
+          "email": "邮箱",
+          "position": "职位",
+          "leader": "上级",
+          "entity": "主体",
+          "joinDay": "入职时间",
+          "group": "所属团队"
+        },
+        "tencentGroup": "腾讯集团",
+        "seniorDesigner": "高级 UI 设计师"
+      },
+      "visitData": "首页访问数据",
+      "contentList": "内容列表",
+      "teamMember": "团队成员",
+      "serviceProduction": "服务产品"
+    }
+  }
+}
diff --git a/src/locales/lang/zh_CN/components.ts b/src/locales/lang/zh_CN/components.ts
deleted file mode 100644
index ffdf9183..00000000
--- a/src/locales/lang/zh_CN/components.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-export default {
-  isSetup: {
-    on: '已启用',
-    off: '已停用',
-  },
-  manage: '管理',
-  delete: '删除',
-  commonTable: {
-    contractName: '合同名称',
-    contractNamePlaceholder: '请输入合同名称',
-    contractStatus: '合同状态',
-    contractStatusPlaceholder: '请输入合同状态',
-    contractNum: '合同编号',
-    contractNumPlaceholder: '请输入合同编号',
-    contractType: '合同类型',
-    contractTypePlaceholder: '请选择合同类型',
-    contractPayType: '合同支付类型',
-    contractAmount: '合同金额',
-    operation: '操作',
-    detail: '详情',
-    delete: '删除',
-    placeholder: '请输入内容搜索',
-    contractStatusEnum: {
-      fail: '审核失败',
-      audit: '待审核',
-      executing: '履行中',
-      pending: '待履行',
-      finish: '已完成',
-    },
-    contractTypeEnum: {
-      main: '主合同',
-      sub: '子合同',
-      supplement: '补充合同',
-    },
-    reset: '重置',
-    query: '查询',
-  },
-};
diff --git a/src/locales/lang/zh_CN/index.ts b/src/locales/lang/zh_CN/index.ts
deleted file mode 100644
index f27b2dc8..00000000
--- a/src/locales/lang/zh_CN/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import componentsLocale from 'tdesign-vue-next/es/locale/zh_CN';
-
-import components from './components';
-import layout from './layout';
-import pages from './pages';
-
-export default {
-  lang: '简体中文',
-  layout,
-  pages,
-  components,
-  constants: {
-    contract: {
-      name: '合同名称',
-      status: '合同状态',
-      num: '合同编号',
-      type: '合同类型',
-      typePlaceholder: '请输入类型',
-      payType: '合同收支类型',
-      amount: '合同金额',
-      amountPlaceholder: '请输入金额',
-      signDate: '合同签订日期',
-      effectiveDate: '合同生效日期',
-      endDate: '合同结束日期',
-      createDate: '合同创建时间',
-      company: '甲方',
-      employee: '乙方',
-      pay: '付款',
-      receive: '收款',
-      remark: '备注',
-      attachment: '附件',
-      statusOptions: {
-        fail: '审核失败',
-        auditPending: '待审核',
-        execPending: '待履行',
-        executing: '审核成功',
-        finish: '已完成',
-      },
-      typeOptions: {
-        main: '主合同',
-        sub: '子合同',
-        supplement: '补充合同',
-      },
-    },
-  },
-  componentsLocale,
-};
diff --git a/src/locales/lang/zh_CN/layout.ts b/src/locales/lang/zh_CN/layout.ts
deleted file mode 100644
index 5c9aca47..00000000
--- a/src/locales/lang/zh_CN/layout.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-export default {
-  header: {
-    code: '代码仓库',
-    help: '帮助文档',
-    user: '个人中心',
-    signOut: '退出登录',
-    setting: '系统设置',
-  },
-  notice: {
-    title: '通知中心',
-    clear: '清空',
-    setRead: '设为已读',
-    empty: '空',
-    emptyNotice: '暂无通知',
-    viewAll: '查看全部',
-  },
-  searchPlaceholder: '请输入搜索内容',
-  tagTabs: {
-    closeOther: '关闭其他',
-    closeLeft: '关闭左侧',
-    closeRight: '关闭右侧',
-    refresh: '刷新',
-  },
-  setting: {
-    title: '页面配置',
-    theme: {
-      mode: '主题模式',
-      color: '主题色',
-      options: {
-        light: '明亮',
-        dark: '深色',
-        auto: '跟随系统',
-      },
-    },
-    navigationLayout: '导航布局',
-    sideMode: '侧边栏模式',
-    splitMenu: '分割菜单（混合模式下有效）',
-    fixedSidebar: '固定侧边栏',
-    element: {
-      title: '元素开关',
-      showHeader: '显示顶栏',
-      showBreadcrumb: '显示面包屑',
-      showFooter: '显示页脚',
-      useTagTabs: '展示多标签Tab页',
-      menuAutoCollapsed: '菜单自动折叠',
-    },
-    tips: '请复制后手动修改配置文件: /src/config/style.ts',
-    copy: {
-      title: '复制配置项',
-      success: '复制成功',
-      fail: '复制失败',
-    },
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/dashboard-base.ts b/src/locales/lang/zh_CN/pages/dashboard-base.ts
deleted file mode 100644
index 64cf01b6..00000000
--- a/src/locales/lang/zh_CN/pages/dashboard-base.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-export default {
-  title: '概览仪表盘',
-  outputOverview: {
-    title: '出入库概览',
-    subtitle: '(件)',
-    export: '导出数据',
-    month: {
-      input: '本月入库总计（件）',
-      output: '本月出库总计（件）',
-    },
-    since: '自从上周以来',
-  },
-  rankList: {
-    title: '销售订单排名',
-    week: '本周',
-    month: '近三月',
-    info: '详情',
-  },
-  topPanel: {
-    card1: '总收入',
-    card2: '总退款',
-    card3: '活跃用户（个）',
-    card4: '产生订单（个）',
-    cardTips: '自从上周以来',
-    analysis: {
-      title: '统计数据',
-      unit: '万元',
-      series1: '本月',
-      series2: '上月',
-      channels: '销售渠道',
-      channel1: '线上',
-      channel2: '门店',
-      channelTips: '销售占比',
-    },
-  },
-  saleColumns: {
-    index: '排名',
-    productName: '客户名称',
-    growUp: '较上周',
-    count: '订单量',
-    operation: '操作',
-  },
-  buyColumns: {
-    index: '排名',
-    productName: '供应商名称',
-    growUp: '较上周',
-    count: '订单量',
-    operation: '操作',
-  },
-  chart: {
-    week1: '周一',
-    week2: '周二',
-    week3: '周三',
-    week4: '周四',
-    week5: '周五',
-    week6: '周六',
-    week7: '周日',
-    max: '最大值',
-    min: '最小值',
-    thisMonth: '本月',
-    lastMonth: '上月',
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/dashboard-detail.ts b/src/locales/lang/zh_CN/pages/dashboard-detail.ts
deleted file mode 100644
index 5e47ad81..00000000
--- a/src/locales/lang/zh_CN/pages/dashboard-detail.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-export default {
-  topPanel: {
-    title: '本月采购申请情况',
-    quarter: '环比',
-    paneList: {
-      totalRequest: '总申请数（次）',
-      suppliers: '供应商数量（个）',
-      productCategory: '采购商品品类（类）',
-      applicant: '申请人数量（人）',
-      completionRate: '申请完成率（%）',
-      arrivalRate: '到货及时率（%）',
-    },
-  },
-  procurement: {
-    title: '采购商品申请趋势',
-    goods: {
-      cup: '杯子',
-      tea: '茶叶',
-      honey: '蜂蜜',
-      flour: '面粉',
-      coffeeMachine: '咖啡机',
-      massageMachine: '按摩仪',
-    },
-  },
-  ssl: 'SSL证书',
-  sslDescription: 'SSL证书又叫服务器证书，腾讯云为您提供证书的一站式服务，包括免费、付费证书的申请、管理及部署',
-  satisfaction: {
-    title: '采购商品满意度分布',
-    export: '导出数据',
-  },
-  chart: {
-    week1: '周一',
-    week2: '周二',
-    week3: '周三',
-    week4: '周四',
-    week5: '周五',
-    week6: '周六',
-    week7: '周日',
-    max: '最大值',
-    min: '最小值',
-    thisMonth: '本月',
-    lastMonth: '上月',
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/detail-base.ts b/src/locales/lang/zh_CN/pages/detail-base.ts
deleted file mode 100644
index 65ed5cd2..00000000
--- a/src/locales/lang/zh_CN/pages/detail-base.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  baseInfo: {
-    title: '基本信息',
-  },
-  changelog: {
-    title: '变更记录',
-    step1: {
-      title: '上传合同附件',
-      subtitle: '这里是提示文字',
-    },
-    step2: {
-      title: '修改合同金额',
-      subtitle: '这里是提示文字',
-    },
-    step3: {
-      title: '新建合同',
-      desc: '管理员-李川操作',
-    },
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/detail-card.ts b/src/locales/lang/zh_CN/pages/detail-card.ts
deleted file mode 100644
index 88f81ce7..00000000
--- a/src/locales/lang/zh_CN/pages/detail-card.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export default {
-  baseInfo: {
-    title: '基本信息',
-  },
-  invoice: {
-    title: '发票进度',
-    step1: {
-      title: '申请提交',
-      content: '已于12月21日提交',
-    },
-    step2: {
-      title: '电子发票',
-      content: '预计1～3个工作日',
-    },
-    step3: {
-      title: '发票已邮寄',
-      content: '电子发票开出后7个工作日联系',
-    },
-    step4: {
-      title: '完成',
-    },
-  },
-  product: {
-    title: '产品目录',
-    add: '新增产品',
-    month: '月份',
-    quarter: '季度',
-  },
-  detail: {
-    title: '产品采购明细',
-    form: {
-      applyNo: '申请号',
-      product: '产品名称',
-      productNo: '产品编号',
-      operation: '操作',
-      department: '申请部门',
-      num: '采购数量',
-      createTime: '创建时间',
-      manage: '管理',
-      delete: '删除',
-    },
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/detail-deploy.ts b/src/locales/lang/zh_CN/pages/detail-deploy.ts
deleted file mode 100644
index 12fc15a8..00000000
--- a/src/locales/lang/zh_CN/pages/detail-deploy.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export default {
-  deployTrend: {
-    title: '部署趋势',
-    warning: '告警情况',
-    thisMonth: '本月',
-    thisWeek: '本周',
-    lastMonth: '上月',
-    thisYear: '今年',
-    lastYear: '去年',
-    week1: '周一',
-    week2: '周二',
-    week3: '周三',
-    week4: '周四',
-    week5: '周五',
-    week6: '周六',
-    week7: '周日',
-  },
-  projectList: {
-    title: '项目列表',
-    dialog: {
-      title: '基本信息',
-    },
-    table: {
-      name: '名称',
-      admin: '管理员',
-      createTime: '创建时间',
-      operation: '操作',
-      manage: '管理',
-      delete: '删除',
-    },
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/detail-secondary.ts b/src/locales/lang/zh_CN/pages/detail-secondary.ts
deleted file mode 100644
index c66270d1..00000000
--- a/src/locales/lang/zh_CN/pages/detail-secondary.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export default {
-  read: '已读通知',
-  unread: '未读通知',
-  all: '全部通知',
-  setRead: '设为已读',
-  setUnread: '设为未读',
-  delete: '删除通知',
-  empty: '暂无通知',
-};
diff --git a/src/locales/lang/zh_CN/pages/form-base.ts b/src/locales/lang/zh_CN/pages/form-base.ts
deleted file mode 100644
index 1b119f85..00000000
--- a/src/locales/lang/zh_CN/pages/form-base.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export default {
-  title: '合同信息',
-  contractName: '合同名称',
-  contractStatus: '合同状态',
-  contractNum: '合同编号',
-  contractType: '合同类型',
-  contractTypePlaceholder: '请输入类型',
-  contractPayType: '合同收支类型',
-  contractAmount: '合同金额',
-  contractAmountPlaceholder: '请输入金额',
-  contractSignDate: '合同签订日期',
-  contractEffectiveDate: '合同生效日期',
-  contractEndDate: '合同结束日期',
-  company: '甲方',
-  employee: '乙方',
-  pay: '付款',
-  receive: '收款',
-  upload: '上传文件',
-  uploadFile: '上传合同',
-  uploadTips: '请上传pdf文件，大小在60M以内',
-  otherInfo: '其他信息',
-  remark: '备注',
-  remarkPlaceholder: '请输入备注',
-  notaryPublic: '公证人',
-  confirm: '确认提交',
-  cancel: '取消',
-};
diff --git a/src/locales/lang/zh_CN/pages/form-step.ts b/src/locales/lang/zh_CN/pages/form-step.ts
deleted file mode 100644
index bad33a9c..00000000
--- a/src/locales/lang/zh_CN/pages/form-step.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-export default {
-  step1: {
-    title: '提交申请',
-    subtitle: '已于12月21日提交',
-    rules: '发票开具规则',
-    rule1:
-      '1、申请开票后，电子发票在1～3个工作日内开具；增值税专用发票（纸质）如资质审核通过，将在电子发票开具后10个工作日内为您寄出；',
-    rule2: '2、开票金额为您实际支付金额；',
-    rule3: '3、如有疑问请直接联系：13300001111。',
-    contractName: '合同名称',
-    contractTips: '请选择合同名称',
-    invoiceType: '发票类型',
-    amount: '开票金额',
-    submit: '提交申请',
-  },
-  step2: {
-    title: '电子信息',
-    subtitle: '如有疑问联系客服',
-    invoiceTitle: '发票抬头',
-    taxNum: '纳税人识别号',
-    address: '地址',
-    bank: '开户行',
-    bankAccount: '银行账号',
-    email: '邮箱',
-    tel: '手机号',
-    titlePlaceholder: '请输入电子信息',
-    subtitlePlaceholder: '请输入如有疑问联系客服',
-    invoiceTitlePlaceholder: '请输入发票抬头',
-    taxNumPlaceholder: '请输入纳税人识别号',
-    addressPlaceholder: '请输入地址',
-    bankPlaceholder: '请输入开户行',
-    bankAccountPlaceholder: '请输入银行账号',
-    emailPlaceholder: '请输入邮箱',
-    telPlaceholder: '请输入手机号',
-  },
-  step3: {
-    title: '发票已邮寄',
-    subtitle: '电子发票开出后联系',
-    consignee: '收货人',
-    mobileNum: '手机号码',
-    deliveryAddress: '收货地址',
-    fullAddress: '详细地址',
-  },
-  step4: {
-    title: '完成申请',
-    subtitle: '如有疑问联系客服',
-    finishTitle: '完成开票申请',
-    finishTips: '预计1～3个工作日会将电子发票发至邮箱，发票邮寄请耐心等待',
-    reapply: '再次申请',
-    check: '查看进度',
-  },
-  preStep: '上一步',
-  nextStep: '下一步',
-};
diff --git a/src/locales/lang/zh_CN/pages/index.ts b/src/locales/lang/zh_CN/pages/index.ts
deleted file mode 100644
index 47da178b..00000000
--- a/src/locales/lang/zh_CN/pages/index.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import dashboardBase from './dashboard-base';
-import dashboardDetail from './dashboard-detail';
-import detailBase from './detail-base';
-import detailCard from './detail-card';
-import detailDeploy from './detail-deploy';
-import detailSecondary from './detail-secondary';
-import formBase from './form-base';
-import formStep from './form-step';
-import listBase from './list-base';
-import listCard from './list-card';
-import listFilter from './list-filter';
-import listTree from './list-tree';
-import login from './login';
-import result from './result';
-import user from './user';
-
-export default {
-  dashboardBase,
-  dashboardDetail,
-  listBase,
-  listCard,
-  listFilter,
-  listTree,
-  detailBase,
-  detailCard,
-  detailDeploy,
-  detailSecondary,
-  formBase,
-  formStep,
-  user,
-  login,
-  result,
-};
diff --git a/src/locales/lang/zh_CN/pages/list-base.ts b/src/locales/lang/zh_CN/pages/list-base.ts
deleted file mode 100644
index 5a96799d..00000000
--- a/src/locales/lang/zh_CN/pages/list-base.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export default {
-  export: '导出合同',
-  create: '新建合同',
-  select: '已选',
-  items: '项',
-  contractName: '合同名称',
-  contractStatus: '合同状态',
-  contractNum: '合同编号',
-  contractType: '合同类型',
-  contractPayType: '合同收支类型',
-  contractAmount: '合同金额',
-  operation: '操作',
-  detail: '详情',
-  delete: '删除',
-  pay: '付款',
-  receive: '收款',
-  placeholder: '请输入内容搜索',
-  contractStatusEnum: {
-    fail: '审核失败',
-    audit: '待审核',
-    executing: '履行中',
-    pending: '待履行',
-    finish: '已完成',
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/list-card.ts b/src/locales/lang/zh_CN/pages/list-card.ts
deleted file mode 100644
index 38323f18..00000000
--- a/src/locales/lang/zh_CN/pages/list-card.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export default {
-  create: '新建产品',
-  placeholder: '请输入内容搜索',
-  productName: '产品名称',
-  productStatus: '产品状态',
-  productDescription: '产品描述',
-  productType: '产品类型',
-  productRemark: '备注',
-  productStatusEnum: {
-    off: '停用',
-    on: '启用',
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/list-filter.ts b/src/locales/lang/zh_CN/pages/list-filter.ts
deleted file mode 100644
index ff8b4c56..00000000
--- a/src/locales/lang/zh_CN/pages/list-filter.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/src/locales/lang/zh_CN/pages/list-tree.ts b/src/locales/lang/zh_CN/pages/list-tree.ts
deleted file mode 100644
index c7d68a7d..00000000
--- a/src/locales/lang/zh_CN/pages/list-tree.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  placeholder: '请输入内容进行搜索',
-};
diff --git a/src/locales/lang/zh_CN/pages/login.ts b/src/locales/lang/zh_CN/pages/login.ts
deleted file mode 100644
index 962f973d..00000000
--- a/src/locales/lang/zh_CN/pages/login.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export default {
-  loginTitle: '登录到',
-  noAccount: '没有账号吗?',
-  existAccount: '已有账号?',
-  createAccount: '注册新账号',
-  remember: '记住账号',
-  forget: '忘记账号',
-  signIn: '登录',
-  register: '注册',
-  refresh: '刷新',
-  wechatLogin: '使用微信扫一扫登录',
-  accountLogin: '使用账号登录',
-  phoneLogin: '使用手机号登录',
-  loginSuccess: '登录成功',
-  input: {
-    account: '请输入账号',
-    password: '请输入登录密码',
-    phone: '请输入手机号',
-    verification: '请输入验证码',
-  },
-  required: {
-    account: '账号必填',
-    phone: '手机号必填',
-    password: '密码必填',
-    verification: '验证码必填',
-  },
-  sendVerification: '发送验证码',
-};
diff --git a/src/locales/lang/zh_CN/pages/result.ts b/src/locales/lang/zh_CN/pages/result.ts
deleted file mode 100644
index e00487c8..00000000
--- a/src/locales/lang/zh_CN/pages/result.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export default {
-  403: {
-    tips: '抱歉，您无权限访问此页面，企业微信联系创建者',
-    back: '返回首页',
-  },
-  404: {
-    subtitle: '抱歉，您访问的页面不存在',
-    back: '返回首页',
-  },
-  500: {
-    subtitle: '抱歉，服务器出错啦',
-    back: '返回首页',
-  },
-  fail: {
-    title: '创建失败',
-    subtitle: '抱歉，您的项目创建失败，企业微信联系检查创建者权限，或返回修改。',
-    back: '回到首页',
-    modify: '返回修改',
-  },
-  success: {
-    title: '项目已创建成功',
-    subtitle: '可以联系负责人分发应用',
-    back: '回到首页',
-    progress: '查看进度',
-  },
-  maintenance: {
-    title: '系统维护中',
-    subtitle: '系统维护中，请稍后再试',
-    back: '回到首页',
-  },
-  browserIncompatible: {
-    title: '浏览器不兼容',
-    subtitle: '抱歉，您正在使用的浏览器版本过低，无法打开当前网页。',
-    back: '回到首页',
-    recommend: 'TDesign Starter 推荐以下主流浏览器',
-  },
-  networkError: {
-    title: '网络异常',
-    subtitle: '网络异常, 请稍后重试',
-    back: '回到首页',
-    reload: '重新加载',
-  },
-};
diff --git a/src/locales/lang/zh_CN/pages/user.ts b/src/locales/lang/zh_CN/pages/user.ts
deleted file mode 100644
index c1a8b2f9..00000000
--- a/src/locales/lang/zh_CN/pages/user.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export default {
-  markDay: '下午好，今天是你加入鹅厂的第 100 天',
-  personalInfo: {
-    title: '个人信息',
-    position: '港澳业务拓展组员工 直客销售 ',
-    desc: {
-      phone: '座机',
-      mobile: '手机',
-      seat: '座位',
-      email: '邮箱',
-      position: '职位',
-      leader: '上级',
-      entity: '主体',
-      joinDay: '入职时间',
-      group: '所属团队',
-    },
-  },
-  visitData: '首页访问数据',
-  contentList: '内容列表',
-  teamMember: '团队成员',
-  serviceProduction: '服务产品',
-};
diff --git a/src/locales/useLocale.ts b/src/locales/useLocale.ts
index 7bf7d46f..2b0b1c56 100644
--- a/src/locales/useLocale.ts
+++ b/src/locales/useLocale.ts
@@ -1,21 +1,27 @@
 import { useLocalStorage } from '@vueuse/core';
 import type { GlobalConfigProvider } from 'tdesign-vue-next';
 import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
 
-import { i18n, langCode, localeConfigKey } from '@/locales/index';
+import type { SupportedLocale } from '@/locales/index';
+import { i18n, localeConfigKey, supportedLocales } from '@/locales/index';
+import { useNotificationStore } from '@/store/modules/notification';
 
 export function useLocale() {
-  const { locale } = useI18n({ useScope: 'global' });
-  function changeLocale(lang: string) {
-    // 如果切换的语言不在对应语言文件里则默认为简体中文
-    if (!langCode.includes(lang)) {
-      lang = 'zh_CN';
-    }
+  const locale = computed({
+    get: () => i18n.global.locale.value,
+    set: (val: string) => {
+      i18n.global.locale.value = val;
+    },
+  });
+  const storedLocale = useLocalStorage<SupportedLocale>(localeConfigKey, 'zh_CN');
 
-    locale.value = lang;
-    useLocalStorage(localeConfigKey, 'zh_CN').value = lang;
-  }
+  const changeLocale = (lang: string) => {
+    const validLang = supportedLocales.includes(lang as SupportedLocale) ? (lang as SupportedLocale) : 'zh_CN';
+    locale.value = validLang;
+    storedLocale.value = validLang;
+    // 刷新持久化的翻译数据
+    useNotificationStore().refreshMsgData();
+  };
 
   const getComponentsLocale = computed(() => {
     return i18n.global.getLocaleMessage(locale.value).componentsLocale as GlobalConfigProvider;
diff --git a/src/pages/dashboard/base/components/RankList.vue b/src/pages/dashboard/base/components/RankList.vue
index 53adf2c6..a1c5a2f0 100644
--- a/src/pages/dashboard/base/components/RankList.vue
+++ b/src/pages/dashboard/base/components/RankList.vue
@@ -8,7 +8,7 @@
             <t-radio-button value="monthVal">{{ t('pages.dashboardBase.rankList.month') }}</t-radio-button>
           </t-radio-group>
         </template>
-        <t-table :data="SALE_TEND_LIST" :columns="SALE_COLUMNS" row-key="productName">
+        <t-table :data="saleTendData" :columns="SALE_COLUMNS" row-key="productName">
           <template #index="{ rowIndex }">
             <span :class="getRankClass(rowIndex)">
               {{ rowIndex + 1 }}
@@ -35,7 +35,7 @@
             <t-radio-button value="monthVal">{{ t('pages.dashboardBase.rankList.month') }}</t-radio-button>
           </t-radio-group>
         </template>
-        <t-table :data="BUY_TEND_LIST" :columns="BUY_COLUMNS" row-key="productName">
+        <t-table :data="buyTendData" :columns="BUY_COLUMNS" row-key="productName">
           <template #index="{ rowIndex }">
             <span :class="getRankClass(rowIndex)">
               {{ rowIndex + 1 }}
@@ -56,13 +56,28 @@
 </template>
 <script setup lang="ts">
 import type { TdBaseTableProps } from 'tdesign-vue-next';
+import { computed } from 'vue';
 
 import Trend from '@/components/trend/index.vue';
 import { t } from '@/locales';
 
 import { BUY_TEND_LIST, SALE_TEND_LIST } from '../constants';
 
-const SALE_COLUMNS: TdBaseTableProps['columns'] = [
+const saleTendData = computed(() =>
+  SALE_TEND_LIST.map((item) => ({
+    ...item,
+    productName: t(item.productName),
+  })),
+);
+
+const buyTendData = computed(() =>
+  BUY_TEND_LIST.map((item) => ({
+    ...item,
+    productName: t(item.productName),
+  })),
+);
+
+const SALE_COLUMNS = computed<TdBaseTableProps['columns']>(() => [
   {
     align: 'center',
     colKey: 'index',
@@ -96,9 +111,9 @@ const SALE_COLUMNS: TdBaseTableProps['columns'] = [
     width: 70,
     fixed: 'right',
   },
-];
+]);
 
-const BUY_COLUMNS: TdBaseTableProps['columns'] = [
+const BUY_COLUMNS = computed<TdBaseTableProps['columns']>(() => [
   {
     align: 'center',
     colKey: 'index',
@@ -132,7 +147,7 @@ const BUY_COLUMNS: TdBaseTableProps['columns'] = [
     width: 70,
     fixed: 'right',
   },
-];
+]);
 
 const rehandleClickOp = (val: MouseEvent) => {
   console.log(val);
diff --git a/src/pages/dashboard/base/constants.ts b/src/pages/dashboard/base/constants.ts
index 48b401ac..93803717 100644
--- a/src/pages/dashboard/base/constants.ts
+++ b/src/pages/dashboard/base/constants.ts
@@ -8,37 +8,37 @@ interface TendItem {
 export const SALE_TEND_LIST: Array<TendItem> = [
   {
     growUp: 1,
-    productName: '国家电网有限公司',
+    productName: 'pages.dashboardBase.saleTend.item1',
     count: 7059,
     date: '2021-09-01',
   },
   {
     growUp: -1,
-    productName: '深圳燃气集团股份有限公司',
+    productName: 'pages.dashboardBase.saleTend.item2',
     count: 6437,
     date: '2021-09-01',
   },
   {
     growUp: 4,
-    productName: '国家烟草专卖局',
+    productName: 'pages.dashboardBase.saleTend.item3',
     count: 4221,
     date: '2021-09-01',
   },
   {
     growUp: 3,
-    productName: '中国电信集团有限公司',
+    productName: 'pages.dashboardBase.saleTend.item4',
     count: 3317,
     date: '2021-09-01',
   },
   {
     growUp: -3,
-    productName: '中国移动通信集团有限公司',
+    productName: 'pages.dashboardBase.saleTend.item5',
     count: 3015,
     date: '2021-09-01',
   },
   {
     growUp: -3,
-    productName: '新余市办公用户采购项目',
+    productName: 'pages.dashboardBase.saleTend.item6',
     count: 2015,
     date: '2021-09-12',
   },
@@ -47,37 +47,37 @@ export const SALE_TEND_LIST: Array<TendItem> = [
 export const BUY_TEND_LIST: Array<TendItem> = [
   {
     growUp: 1,
-    productName: '腾讯科技（深圳）有限公司',
+    productName: 'pages.dashboardBase.buyTend.item1',
     count: 3015,
     date: '2021-09-01',
   },
   {
     growUp: -1,
-    productName: '大润发有限公司',
+    productName: 'pages.dashboardBase.buyTend.item2',
     count: 2015,
     date: '2021-09-01',
   },
   {
     growUp: 6,
-    productName: '四川海底捞股份有限公司',
+    productName: 'pages.dashboardBase.buyTend.item3',
     count: 1815,
     date: '2021-09-11',
   },
   {
     growUp: -3,
-    productName: '索尼（中国）有限公司',
+    productName: 'pages.dashboardBase.buyTend.item4',
     count: 1015,
     date: '2021-09-21',
   },
   {
     growUp: -4,
-    productName: '松下电器（中国）有限公司',
+    productName: 'pages.dashboardBase.buyTend.item5',
     count: 445,
     date: '2021-09-19',
   },
   {
     growUp: -3,
-    productName: '新余市办公用户采购项目',
+    productName: 'pages.dashboardBase.buyTend.item6',
     count: 2015,
     date: '2021-09-12',
   },
diff --git a/src/pages/dashboard/base/index.ts b/src/pages/dashboard/base/index.ts
index daa3559a..0d1d18b3 100644
--- a/src/pages/dashboard/base/index.ts
+++ b/src/pages/dashboard/base/index.ts
@@ -8,7 +8,15 @@ import { getChartListColor } from '@/utils/color';
 
 /** 首页 dashboard 折线图 */
 export function constructInitDashboardDataset(type: string) {
-  const dateArray: Array<string> = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];
+  const dateArray: Array<string> = [
+    t('pages.dashboardBase.chart.week1'),
+    t('pages.dashboardBase.chart.week2'),
+    t('pages.dashboardBase.chart.week3'),
+    t('pages.dashboardBase.chart.week4'),
+    t('pages.dashboardBase.chart.week5'),
+    t('pages.dashboardBase.chart.week6'),
+    t('pages.dashboardBase.chart.week7'),
+  ];
 
   const datasetAxis = {
     xAxis: {
@@ -41,8 +49,8 @@ export function constructInitDashboardDataset(type: string) {
           symbolSize: 0,
           markPoint: {
             data: [
-              { type: 'max', name: '最大值' },
-              { type: 'min', name: '最小值' },
+              { type: 'max', name: t('pages.dashboardBase.chart.max') },
+              { type: 'min', name: t('pages.dashboardBase.chart.min') },
             ],
           },
           lineStyle: {
@@ -336,7 +344,7 @@ export function getPieChartDataSet({
     },
     series: [
       {
-        name: '销售渠道',
+        name: t('pages.dashboardBase.topPanel.analysis.channels'),
         type: 'pie',
         radius: ['48%', '60%'],
         avoidLabelOverlap: true,
diff --git a/src/pages/dashboard/detail/constants.ts b/src/pages/dashboard/detail/constants.ts
index e9782b9a..cbaeacf7 100644
--- a/src/pages/dashboard/detail/constants.ts
+++ b/src/pages/dashboard/detail/constants.ts
@@ -1,6 +1,6 @@
 import { t } from '@/locales';
 
-export const PANE_LIST_DATA = [
+export const getPaneListData = () => [
   {
     title: t('pages.dashboardDetail.topPanel.paneList.totalRequest'),
     number: '1126',
@@ -34,7 +34,7 @@ export const PANE_LIST_DATA = [
   },
 ];
 
-export const PRODUCT_LIST = [
+export const getProductList = () => [
   {
     description: t('pages.dashboardDetail.sslDescription'),
     index: 1,
diff --git a/src/pages/dashboard/detail/index.vue b/src/pages/dashboard/detail/index.vue
index 74f28e11..b25e3227 100644
--- a/src/pages/dashboard/detail/index.vue
+++ b/src/pages/dashboard/detail/index.vue
@@ -77,7 +77,7 @@ import { useSettingStore } from '@/store';
 import { changeChartsTheme } from '@/utils/color';
 import { LAST_7_DAYS } from '@/utils/date';
 
-import { PANE_LIST_DATA, PRODUCT_LIST } from './constants';
+import { getPaneListData, getProductList } from './constants';
 import { getFolderLineDataSet, getScatterDataSet } from './index';
 
 defineOptions({
@@ -88,6 +88,9 @@ echarts.use([GridComponent, LegendComponent, TooltipComponent, LineChart, Scatte
 const store = useSettingStore();
 const chartColors = computed(() => store.chartColors);
 
+const PANE_LIST_DATA = computed(() => getPaneListData());
+const PRODUCT_LIST = computed(() => getProductList());
+
 // lineChart logic
 let lineContainer: HTMLElement;
 let lineChart: echarts.ECharts;
diff --git a/src/pages/detail/advanced/constants.ts b/src/pages/detail/advanced/constants.ts
index 51ffbf13..a4b2108f 100644
--- a/src/pages/detail/advanced/constants.ts
+++ b/src/pages/detail/advanced/constants.ts
@@ -1,14 +1,14 @@
 import { t } from '@/locales';
 
-export const BASE_INFO_DATA = [
+export const getBaseInfoData = () => [
   {
     name: t('constants.contract.name'),
-    value: '总部办公用品采购项目',
+    value: t('pages.detailBase.sampleData.contractName'),
     type: null,
   },
   {
     name: t('constants.contract.status'),
-    value: '履行中',
+    value: t('pages.detailBase.sampleData.status'),
     type: {
       key: 'contractStatus',
       value: 'inProgress',
@@ -36,12 +36,12 @@ export const BASE_INFO_DATA = [
   },
   {
     name: t('constants.contract.company'),
-    value: '腾讯科技（深圳）有限公司',
+    value: t('pages.detailBase.sampleData.company'),
     type: null,
   },
   {
     name: t('constants.contract.employee'),
-    value: '欧尚',
+    value: t('pages.detailBase.sampleData.employee'),
     type: null,
   },
   {
@@ -61,7 +61,7 @@ export const BASE_INFO_DATA = [
   },
   {
     name: t('constants.contract.attachment'),
-    value: '总部办公用品采购项目合同.pdf',
+    value: t('pages.detailBase.sampleData.fileName'),
     type: {
       key: 'contractAnnex',
       value: 'pdf',
@@ -79,24 +79,24 @@ export const BASE_INFO_DATA = [
   },
 ];
 
-export const PRODUCT_LIST = [
-  {
-    name: 'MacBook Pro 2021',
-    subtitle: '苹果公司（Apple Inc. ）',
-    size: '13.3 英寸',
-    cpu: 'Apple M1',
-    memory: 'RAM 16GB',
-    info: '最高可选配 16GB 内存 · 最高可选配 2TB 存储设备 电池续航最长达 18 小时',
+export const getProductList = () => [
+  {
+    name: t('pages.detailCard.products.product1.name'),
+    subtitle: t('pages.detailCard.products.product1.company'),
+    size: t('pages.detailCard.products.product1.size'),
+    cpu: t('pages.detailCard.products.product1.cpu'),
+    memory: t('pages.detailCard.products.product1.memory'),
+    info: t('pages.detailCard.products.product1.info'),
     use: 1420,
     stock: 1500,
   },
   {
-    name: 'Surface Laptop Go',
-    subtitle: '微软（Microsoft Corporation）',
-    size: '12.4 英寸',
-    cpu: 'Core i7',
-    memory: 'RAM 16GB',
-    info: '常规使用 Surface，续航时间最长可达13小时 随时伴您工作',
+    name: t('pages.detailCard.products.product2.name'),
+    subtitle: t('pages.detailCard.products.product2.company'),
+    size: t('pages.detailCard.products.product2.size'),
+    cpu: t('pages.detailCard.products.product2.cpu'),
+    memory: t('pages.detailCard.products.product2.memory'),
+    info: t('pages.detailCard.products.product2.info'),
     use: 120,
     stock: 2000,
   },
diff --git a/src/pages/detail/advanced/index.vue b/src/pages/detail/advanced/index.vue
index c333c027..e81eee36 100644
--- a/src/pages/detail/advanced/index.vue
+++ b/src/pages/detail/advanced/index.vue
@@ -89,7 +89,7 @@
               variant="light"
               size="medium"
               style="margin-left: var(--td-comp-margin-s)"
-              >超预算</t-tag
+              >{{ t('pages.detailCard.detail.budgetExceeded') }}</t-tag
             >
           </span>
         </template>
@@ -131,18 +131,21 @@
   </div>
 </template>
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 
 import { getPurchaseList } from '@/api/detail';
 import { t } from '@/locales';
 
 import Product from './components/Product.vue';
-import { BASE_INFO_DATA, PRODUCT_LIST } from './constants';
+import { getBaseInfoData, getProductList } from './constants';
 
 defineOptions({
   name: 'DetailAdvanced',
 });
 
+const BASE_INFO_DATA = computed(() => getBaseInfoData());
+const PRODUCT_LIST = computed(() => getProductList());
+
 const columns = [
   {
     width: 280,
diff --git a/src/pages/detail/base/index.vue b/src/pages/detail/base/index.vue
index faf8ccf1..00125f05 100644
--- a/src/pages/detail/base/index.vue
+++ b/src/pages/detail/base/index.vue
@@ -35,21 +35,23 @@
   </div>
 </template>
 <script setup lang="ts">
+import { computed } from 'vue';
+
 import { t } from '@/locales';
 
 defineOptions({
   name: 'DetailBase',
 });
 
-const BASE_INFO_DATA = [
+const BASE_INFO_DATA = computed(() => [
   {
     name: t('constants.contract.name'),
-    value: '总部办公用品采购项目',
+    value: t('pages.detailBase.sampleData.contractName'),
     type: null,
   },
   {
     name: t('constants.contract.status'),
-    value: '履行中',
+    value: t('pages.detailBase.sampleData.status'),
     type: {
       key: 'contractStatus',
       value: 'inProgress',
@@ -77,12 +79,12 @@ const BASE_INFO_DATA = [
   },
   {
     name: t('constants.contract.company'),
-    value: '腾讯科技（深圳）有限公司',
+    value: t('pages.detailBase.sampleData.company'),
     type: null,
   },
   {
     name: t('constants.contract.employee'),
-    value: '欧尚',
+    value: t('pages.detailBase.sampleData.employee'),
     type: null,
   },
   {
@@ -102,7 +104,7 @@ const BASE_INFO_DATA = [
   },
   {
     name: t('constants.contract.attachment'),
-    value: '总部办公用品采购项目合同.pdf',
+    value: t('pages.detailBase.sampleData.fileName'),
     type: {
       key: 'contractAnnex',
       value: 'pdf',
@@ -113,7 +115,7 @@ const BASE_INFO_DATA = [
     value: '2020-12-22 10:00:00',
     type: null,
   },
-];
+]);
 </script>
 <style lang="less" scoped>
 @import './index.less';
diff --git a/src/pages/detail/deploy/constants.ts b/src/pages/detail/deploy/constants.ts
index 0c6c9a34..71ed1904 100644
--- a/src/pages/detail/deploy/constants.ts
+++ b/src/pages/detail/deploy/constants.ts
@@ -1,11 +1,13 @@
-export const BASE_INFO_DATA = [
+import { t } from '@/locales';
+
+export const getBaseInfoData = () => [
   {
-    name: '集群名',
+    name: t('pages.detailDeploy.baseInfo.clusterName'),
     value: 'helloworld',
     type: null,
   },
   {
-    name: '集群ID',
+    name: t('pages.detailDeploy.baseInfo.clusterId'),
     value: 'cls - 2ntelvxw',
     type: {
       key: 'color',
@@ -13,40 +15,40 @@ export const BASE_INFO_DATA = [
     },
   },
   {
-    name: '状态',
-    value: '运行中',
+    name: t('pages.detailDeploy.baseInfo.status'),
+    value: t('pages.detailDeploy.baseInfo.running'),
     type: {
       key: 'color',
       value: 'green',
     },
   },
   {
-    name: 'K8S版本',
+    name: t('pages.detailDeploy.baseInfo.k8sVersion'),
     value: '1.7.8',
     type: null,
   },
   {
-    name: '配置',
+    name: t('pages.detailDeploy.baseInfo.config'),
     value: '6.73 核 10.30 GB',
     type: null,
   },
   {
-    name: '所在地域',
-    value: '广州',
+    name: t('pages.detailDeploy.baseInfo.region'),
+    value: t('pages.detailDeploy.baseInfo.guangzhou'),
     type: null,
   },
   {
-    name: '新增资源所属项目',
-    value: '默认项目',
+    name: t('pages.detailDeploy.baseInfo.project'),
+    value: t('pages.detailDeploy.baseInfo.defaultProject'),
     type: null,
   },
   {
-    name: '节点数量',
+    name: t('pages.detailDeploy.baseInfo.nodeCount'),
     value: '4 个',
     type: null,
   },
   {
-    name: '节点网络',
+    name: t('pages.detailDeploy.baseInfo.nodeNetwork'),
     value: 'vpc - 5frmkm1x',
     type: {
       key: 'color',
@@ -54,20 +56,20 @@ export const BASE_INFO_DATA = [
     },
   },
   {
-    name: '容器网络',
+    name: t('pages.detailDeploy.baseInfo.containerNetwork'),
     value: '172.16.0.0 / 16',
     type: null,
   },
   {
-    name: '集群凭证',
-    value: '显示凭证',
+    name: t('pages.detailDeploy.baseInfo.clusterCredential'),
+    value: t('pages.detailDeploy.baseInfo.showCredential'),
     type: {
       key: 'color',
       value: 'blue',
     },
   },
   {
-    name: '创建/更新',
+    name: t('pages.detailDeploy.baseInfo.createUpdate'),
     value: '2018-05-31 22:11:44 2018-05-31 22:11:44',
     type: {
       key: 'contractAnnex',
@@ -75,7 +77,7 @@ export const BASE_INFO_DATA = [
     },
   },
   {
-    name: '描述',
+    name: t('pages.detailDeploy.baseInfo.description'),
     value: 'istio_test',
     type: null,
   },
diff --git a/src/pages/detail/deploy/index.vue b/src/pages/detail/deploy/index.vue
index 810abe70..f4fa0e6c 100644
--- a/src/pages/detail/deploy/index.vue
+++ b/src/pages/detail/deploy/index.vue
@@ -57,7 +57,7 @@
       <template #body>
         <div class="dialog-info-block">
           <div class="dialog-info-block">
-            <div v-for="(item, index) in BASE_INFO_DATA" :key="index" class="info-item">
+            <div v-for="(item, index) in baseInfoData" :key="index" class="info-item">
               <h1>{{ item.name }}</h1>
               <span
                 :class="{
@@ -85,7 +85,7 @@ import { t } from '@/locales';
 import { useSettingStore } from '@/store';
 import { changeChartsTheme } from '@/utils/color';
 
-import { BASE_INFO_DATA } from './constants';
+import { getBaseInfoData } from './constants';
 import { get2ColBarChartDataSet, getSmoothLineDataSet } from './index';
 
 defineOptions({
@@ -159,6 +159,7 @@ const fetchData = async () => {
   }
 };
 const visible = ref(false);
+const baseInfoData = computed(() => getBaseInfoData());
 
 // monitorChart logic
 let monitorContainer: HTMLElement;
diff --git a/src/pages/detail/secondary/index.vue b/src/pages/detail/secondary/index.vue
index d628e024..fa0ae4f8 100644
--- a/src/pages/detail/secondary/index.vue
+++ b/src/pages/detail/secondary/index.vue
@@ -43,8 +43,8 @@
     </div>
     <t-dialog
       v-model:visible="visible"
-      header="删除通知"
-      :body="`确认删除通知：${selectedItem && selectedItem.content}吗？`"
+      :header="t('pages.detailSecondary.deleteConfirm')"
+      :body="t('pages.detailSecondary.deleteTip', { content: selectedItem?.content ?? '' })"
       :on-confirm="deleteMsg"
     />
   </div>
diff --git a/src/pages/form/base/constants.ts b/src/pages/form/base/constants.ts
index 0eccc6e4..0be0f287 100644
--- a/src/pages/form/base/constants.ts
+++ b/src/pages/form/base/constants.ts
@@ -1,16 +1,18 @@
 import type { FormRule, UploadFile } from 'tdesign-vue-next';
 
-export const FORM_RULES: Record<string, FormRule[]> = {
-  name: [{ required: true, message: '请输入合同名称', type: 'error' }],
-  type: [{ required: true, message: '请选择合同类型', type: 'error' }],
-  payment: [{ required: true, message: '请选择合同收付类型', type: 'error' }],
-  amount: [{ required: true, message: '请输入合同金额', type: 'error' }],
-  partyA: [{ required: true, message: '请选择甲方', type: 'error' }],
-  partyB: [{ required: true, message: '请选择乙方', type: 'error' }],
-  signDate: [{ required: true, message: '请选择日期', type: 'error' }],
-  startDate: [{ required: true, message: '请选择日期', type: 'error' }],
-  endDate: [{ required: true, message: '请选择日期', type: 'error' }],
-};
+import { t } from '@/locales';
+
+export const getFormRules = (): Record<string, FormRule[]> => ({
+  name: [{ required: true, message: t('pages.formBase.validation.name'), type: 'error' }],
+  type: [{ required: true, message: t('pages.formBase.validation.type'), type: 'error' }],
+  payment: [{ required: true, message: t('pages.formBase.validation.payment'), type: 'error' }],
+  amount: [{ required: true, message: t('pages.formBase.validation.amount'), type: 'error' }],
+  partyA: [{ required: true, message: t('pages.formBase.validation.partyA'), type: 'error' }],
+  partyB: [{ required: true, message: t('pages.formBase.validation.partyB'), type: 'error' }],
+  signDate: [{ required: true, message: t('pages.formBase.validation.signDate'), type: 'error' }],
+  startDate: [{ required: true, message: t('pages.formBase.validation.startDate'), type: 'error' }],
+  endDate: [{ required: true, message: t('pages.formBase.validation.endDate'), type: 'error' }],
+});
 
 export const INITIAL_DATA = {
   name: '',
@@ -26,20 +28,20 @@ export const INITIAL_DATA = {
   files: [] as Array<UploadFile>,
 };
 
-export const TYPE_OPTIONS = [
-  { label: 'Type A', value: '1' },
-  { label: 'Type B', value: '2' },
-  { label: 'Type C', value: '3' },
+export const getTypeOptions = () => [
+  { label: t('pages.formBase.typeOptions.typeA'), value: '1' },
+  { label: t('pages.formBase.typeOptions.typeB'), value: '2' },
+  { label: t('pages.formBase.typeOptions.typeC'), value: '3' },
 ];
 
-export const PARTY_A_OPTIONS = [
-  { label: 'Company A', value: '1' },
-  { label: 'Company B', value: '2' },
-  { label: 'Company C', value: '3' },
+export const getPartyAOptions = () => [
+  { label: t('pages.formBase.partyOptions.companyA'), value: '1' },
+  { label: t('pages.formBase.partyOptions.companyB'), value: '2' },
+  { label: t('pages.formBase.partyOptions.companyC'), value: '3' },
 ];
 
-export const PARTY_B_OPTIONS = [
-  { label: 'Company A', value: '1' },
-  { label: 'Company B', value: '2' },
-  { label: 'Company C', value: '3' },
+export const getPartyBOptions = () => [
+  { label: t('pages.formBase.partyOptions.companyA'), value: '1' },
+  { label: t('pages.formBase.partyOptions.companyB'), value: '2' },
+  { label: t('pages.formBase.partyOptions.companyC'), value: '3' },
 ];
diff --git a/src/pages/form/base/index.vue b/src/pages/form/base/index.vue
index 56a830f4..d57cc7c1 100644
--- a/src/pages/form/base/index.vue
+++ b/src/pages/form/base/index.vue
@@ -2,7 +2,7 @@
   <t-form
     class="base-form"
     :data="formData"
-    :rules="FORM_RULES"
+    :rules="formRules"
     label-align="top"
     :label-width="100"
     @reset="onReset"
@@ -17,13 +17,17 @@
         <t-row class="row-gap" :gutter="[32, 24]">
           <t-col :span="6">
             <t-form-item :label="t('pages.formBase.contractName')" name="name">
-              <t-input v-model="formData.name" :style="{ width: '322px' }" placeholder="请输入内容" />
+              <t-input
+                v-model="formData.name"
+                :style="{ width: '322px' }"
+                :placeholder="t('pages.formBase.contractNamePlaceholder')"
+              />
             </t-form-item>
           </t-col>
           <t-col :span="6">
             <t-form-item :label="t('pages.formBase.contractType')" name="type">
               <t-select v-model="formData.type" :style="{ width: '322px' }" class="demo-select-base" clearable>
-                <t-option v-for="(item, index) in TYPE_OPTIONS" :key="index" :value="item.value" :label="item.label">
+                <t-option v-for="(item, index) in typeOptions" :key="index" :value="item.value" :label="item.label">
                   {{ item.label }}
                 </t-option>
               </t-select>
@@ -53,7 +57,7 @@
                 :placeholder="t('pages.formBase.contractTypePlaceholder')"
                 clearable
               >
-                <t-option v-for="(item, index) in PARTY_A_OPTIONS" :key="index" :value="item.value" :label="item.label">
+                <t-option v-for="(item, index) in partyAOptions" :key="index" :value="item.value" :label="item.label">
                   {{ item.label }}
                 </t-option>
               </t-select>
@@ -68,7 +72,7 @@
                 class="demo-select-base"
                 clearable
               >
-                <t-option v-for="(item, index) in PARTY_B_OPTIONS" :key="index" :value="item.value" :label="item.label">
+                <t-option v-for="(item, index) in partyBOptions" :key="index" :value="item.value" :label="item.label">
                   {{ item.label }}
                 </t-option>
               </t-select>
@@ -158,43 +162,47 @@
 <script setup lang="ts">
 import type { SubmitContext, UploadFailContext, UploadFile } from 'tdesign-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 import { t } from '@/locales';
 
-import { FORM_RULES, INITIAL_DATA, PARTY_A_OPTIONS, PARTY_B_OPTIONS, TYPE_OPTIONS } from './constants';
+import { getFormRules, getPartyAOptions, getPartyBOptions, getTypeOptions, INITIAL_DATA } from './constants';
 
 defineOptions({
   name: 'FormBase',
 });
 
 const formData = ref({ ...INITIAL_DATA });
+const formRules = computed(() => getFormRules());
+const typeOptions = computed(() => getTypeOptions());
+const partyAOptions = computed(() => getPartyAOptions());
+const partyBOptions = computed(() => getPartyBOptions());
 
 const onReset = () => {
-  MessagePlugin.warning('取消新建');
+  MessagePlugin.warning(t('pages.formBase.cancel'));
 };
 const onSubmit = (ctx: SubmitContext) => {
   if (ctx.validateResult === true) {
-    MessagePlugin.success('新建成功');
+    MessagePlugin.success(t('pages.result.success.title'));
   }
 };
 const beforeUpload = (file: UploadFile) => {
   if (!/\.pdf$/.test(file.name)) {
-    MessagePlugin.warning('请上传pdf文件');
+    MessagePlugin.warning(t('pages.formBase.uploadTips'));
     return false;
   }
   if (file.size > 60 * 1024 * 1024) {
-    MessagePlugin.warning('上传文件不能大于60M');
+    MessagePlugin.warning(t('pages.formBase.fileSizeExceed'));
     return false;
   }
   return true;
 };
 const handleFail = (options: UploadFailContext) => {
-  MessagePlugin.error(`文件 ${options.file.name} 上传失败`);
+  MessagePlugin.error(`${options.file.name} ${t('pages.formBase.uploadFail')}`);
 };
 // 用于格式化接口响应值，error 会被用于上传失败的提示文字；url 表示文件/图片地址
 const formatResponse = (res: any) => {
-  return { ...res, error: '上传失败，请重试', url: res.url };
+  return { ...res, error: t('pages.formBase.uploadFail'), url: res.url };
 };
 </script>
 <style lang="less" scoped>
diff --git a/src/pages/form/step/constants.ts b/src/pages/form/step/constants.ts
index 583d4f93..3da6d046 100644
--- a/src/pages/form/step/constants.ts
+++ b/src/pages/form/step/constants.ts
@@ -1,35 +1,37 @@
 import type { FormRule } from 'tdesign-vue-next';
 
-export const FORM_RULES: Record<string, FormRule[]> = {
-  name: [{ required: true, type: 'error' }],
-  type: [{ required: true, type: 'error' }],
-  title: [{ required: true, type: 'error' }],
-  taxNum: [{ required: true, type: 'error' }],
-  consignee: [{ required: true, type: 'error' }],
-  mobileNum: [{ required: true, type: 'error' }],
-  deliveryAddress: [{ required: true, type: 'error' }],
-  fullAddress: [{ required: true, type: 'error' }],
-};
+import { t } from '@/locales';
+
+export const getFormRules = (): Record<string, FormRule[]> => ({
+  name: [{ required: true, message: t('pages.formStep.validation.name'), type: 'error' }],
+  type: [{ required: true, message: t('pages.formStep.validation.type'), type: 'error' }],
+  title: [{ required: true, message: t('pages.formStep.validation.title'), type: 'error' }],
+  taxNum: [{ required: true, message: t('pages.formStep.validation.taxNum'), type: 'error' }],
+  consignee: [{ required: true, message: t('pages.formStep.validation.consignee'), type: 'error' }],
+  mobileNum: [{ required: true, message: t('pages.formStep.validation.mobileNum'), type: 'error' }],
+  deliveryAddress: [{ required: true, message: t('pages.formStep.validation.deliveryAddress'), type: 'error' }],
+  fullAddress: [{ required: true, message: t('pages.formStep.validation.fullAddress'), type: 'error' }],
+});
 
-export const NAME_OPTIONS = [
-  { label: 'A', value: '1' },
-  { label: 'B', value: '2' },
-  { label: 'C', value: '3' },
+export const getNameOptions = () => [
+  { label: t('pages.formStep.options.nameA'), value: '1' },
+  { label: t('pages.formStep.options.nameB'), value: '2' },
+  { label: t('pages.formStep.options.nameC'), value: '3' },
 ];
 
-export const TYPE_OPTIONS = [
-  { label: 'Type A', value: '1' },
-  { label: 'Type B', value: '2' },
-  { label: 'Type C', value: '3' },
+export const getTypeOptions = () => [
+  { label: t('pages.formStep.options.typeA'), value: '1' },
+  { label: t('pages.formStep.options.typeB'), value: '2' },
+  { label: t('pages.formStep.options.typeC'), value: '3' },
 ];
 
-export const ADDRESS_OPTIONS = [
-  { label: '广东省深圳市南山区', value: '1' },
-  { label: '北京市海淀区', value: '2' },
-  { label: '上海市徐汇区', value: '3' },
-  { label: '四川省成都市高新区', value: '4' },
-  { label: '广东省广州市天河区', value: '5' },
-  { label: '陕西省西安市高新区', value: '6' },
+export const getAddressOptions = () => [
+  { label: t('pages.formStep.options.address1'), value: '1' },
+  { label: t('pages.formStep.options.address2'), value: '2' },
+  { label: t('pages.formStep.options.address3'), value: '3' },
+  { label: t('pages.formStep.options.address4'), value: '4' },
+  { label: t('pages.formStep.options.address5'), value: '5' },
+  { label: t('pages.formStep.options.address6'), value: '6' },
 ];
 
 export const INITIAL_DATA1 = {
diff --git a/src/pages/form/step/index.vue b/src/pages/form/step/index.vue
index 1db79742..c8c1faf6 100644
--- a/src/pages/form/step/index.vue
+++ b/src/pages/form/step/index.vue
@@ -27,20 +27,20 @@
         v-show="activeForm === 0"
         class="step-form"
         :data="formData1"
-        :rules="FORM_RULES"
+        :rules="formRules"
         label-align="right"
         @submit="(result: SubmitContext) => onSubmit(result, 1)"
       >
         <t-form-item :label="t('pages.formStep.step1.contractName')" name="name">
           <t-select v-model="formData1.name" :style="{ width: '480px' }" class="demo-select-base" clearable>
-            <t-option v-for="(item, index) in NAME_OPTIONS" :key="index" :value="item.value" :label="item.label">
+            <t-option v-for="(item, index) in nameOptions" :key="index" :value="item.value" :label="item.label">
               {{ item.label }}
             </t-option>
           </t-select>
         </t-form-item>
         <t-form-item :label="t('pages.formStep.step1.invoiceType')" name="type">
           <t-select v-model="formData1.type" :style="{ width: '480px' }" class="demo-select-base" clearable>
-            <t-option v-for="(item, index) in TYPE_OPTIONS" :key="index" :value="item.value" :label="item.label">
+            <t-option v-for="(item, index) in typeOptions" :key="index" :value="item.value" :label="item.label">
               {{ item.label }}
             </t-option>
           </t-select>
@@ -56,7 +56,7 @@
         v-show="activeForm === 1"
         class="step-form"
         :data="formData2"
-        :rules="FORM_RULES"
+        :rules="formRules"
         label-align="left"
         @reset="onReset(0)"
         @submit="(result: SubmitContext) => onSubmit(result, 2)"
@@ -121,7 +121,7 @@
         v-show="activeForm === 2"
         class="step-form"
         :data="formData3"
-        :rules="FORM_RULES"
+        :rules="formRules"
         label-align="left"
         @reset="onReset(1)"
         @submit="(result: SubmitContext) => onSubmit(result, 6)"
@@ -134,7 +134,7 @@
         </t-form-item>
         <t-form-item :label="t('pages.formStep.step3.deliveryAddress')" name="deliveryAddress">
           <t-select v-model="formData3.deliveryAddress" :style="{ width: '480px' }" class="demo-select-base" clearable>
-            <t-option v-for="(item, index) in ADDRESS_OPTIONS" :key="index" :value="item.value" :label="item.label">
+            <t-option v-for="(item, index) in addressOptions" :key="index" :value="item.value" :label="item.label">
               {{ item.label }}
             </t-option>
           </t-select>
@@ -173,13 +173,13 @@ import { useRouter } from 'vue-router';
 import { t } from '@/locales';
 
 import {
-  ADDRESS_OPTIONS,
-  FORM_RULES,
+  getAddressOptions,
+  getFormRules,
+  getNameOptions,
+  getTypeOptions,
   INITIAL_DATA1,
   INITIAL_DATA2,
   INITIAL_DATA3,
-  NAME_OPTIONS,
-  TYPE_OPTIONS,
 } from './constants';
 
 defineOptions({
@@ -191,6 +191,11 @@ const formData2 = ref({ ...INITIAL_DATA2 });
 const formData3 = ref({ ...INITIAL_DATA3 });
 const activeForm = ref(0);
 
+const formRules = computed(() => getFormRules());
+const nameOptions = computed(() => getNameOptions());
+const typeOptions = computed(() => getTypeOptions());
+const addressOptions = computed(() => getAddressOptions());
+
 const amount = computed(() => {
   if (formData1.value.name === '1') {
     return '565421';
diff --git a/src/pages/list/base/index.vue b/src/pages/list/base/index.vue
index 5d30eab3..9db3ea62 100644
--- a/src/pages/list/base/index.vue
+++ b/src/pages/list/base/index.vue
@@ -77,7 +77,7 @@
 
     <t-dialog
       v-model:visible="confirmVisible"
-      header="确认删除当前所选合同？"
+      :header="t('pages.listBase.deleteConfirm')"
       :body="confirmBody"
       :on-cancel="onCancel"
       @confirm="onConfirmDelete"
@@ -104,7 +104,7 @@ defineOptions({
 
 const store = useSettingStore();
 
-const COLUMNS: PrimaryTableCol<TableRowData>[] = [
+const COLUMNS = computed<PrimaryTableCol<TableRowData>[]>(() => [
   { colKey: 'row-select', type: 'multiple', width: 64, fixed: 'left' },
   {
     title: t('pages.listBase.contractName'),
@@ -145,7 +145,7 @@ const COLUMNS: PrimaryTableCol<TableRowData>[] = [
     width: 160,
     colKey: 'op',
   },
-];
+]);
 
 const data = ref([]);
 const pagination = ref({
@@ -177,7 +177,7 @@ const deleteIdx = ref(-1);
 const confirmBody = computed(() => {
   if (deleteIdx.value > -1) {
     const { name } = data.value[deleteIdx.value];
-    return `删除后，${name}的所有合同信息将被清空，且无法恢复`;
+    return t('pages.listBase.deleteTip', { name });
   }
   return '';
 });
@@ -205,7 +205,7 @@ const onConfirmDelete = () => {
     selectedRowKeys.value.splice(selectedIdx, 1);
   }
   confirmVisible.value = false;
-  MessagePlugin.success('删除成功');
+  MessagePlugin.success(t('components.deleteSuccess'));
   resetIdx();
 };
 
diff --git a/src/pages/list/card/components/DialogForm.vue b/src/pages/list/card/components/DialogForm.vue
index 2ce1d275..bf061520 100644
--- a/src/pages/list/card/components/DialogForm.vue
+++ b/src/pages/list/card/components/DialogForm.vue
@@ -26,8 +26,8 @@
           <t-textarea v-model="textareaValue" :style="{ width: '480px' }" name="description" />
         </t-form-item>
         <t-form-item style="float: right">
-          <t-button variant="outline" @click="onClickCloseBtn">取消</t-button>
-          <t-button theme="primary" type="submit">确定</t-button>
+          <t-button variant="outline" @click="onClickCloseBtn">{{ t('pages.listCard.dialogForm.cancel') }}</t-button>
+          <t-button theme="primary" type="submit">{{ t('pages.listCard.dialogForm.confirm') }}</t-button>
         </t-form-item>
       </t-form>
     </template>
@@ -37,7 +37,7 @@
 import type { FormRules, SubmitContext } from 'tdesign-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
 import type { PropType } from 'vue';
-import { ref, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 
 import { t } from '@/locales';
 
@@ -72,11 +72,11 @@ const INITIAL_DATA: FormData = {
   amount: 0,
 };
 
-const SELECT_OPTIONS = [
-  { label: '网关', value: '1' },
-  { label: '人工智能', value: '2' },
-  { label: 'CVM', value: '3' },
-];
+const SELECT_OPTIONS = computed(() => [
+  { label: t('pages.listCard.dialogForm.typeGateway'), value: '1' },
+  { label: t('pages.listCard.dialogForm.typeAI'), value: '2' },
+  { label: t('pages.listCard.dialogForm.typeCVM'), value: '3' },
+]);
 
 const formVisible = ref(false);
 const formData = ref({ ...INITIAL_DATA });
@@ -84,7 +84,7 @@ const textareaValue = ref('');
 
 const onSubmit = ({ validateResult, firstError }: SubmitContext) => {
   if (!firstError) {
-    MessagePlugin.success('提交成功');
+    MessagePlugin.success(t('components.submitSuccess'));
     formVisible.value = false;
   } else {
     console.log('Errors: ', validateResult);
@@ -118,7 +118,7 @@ watch(
   },
 );
 
-const rules: FormRules<FormData> = {
-  name: [{ required: true, message: '请输入产品名称', type: 'error' }],
-};
+const rules = computed<FormRules<FormData>>(() => ({
+  name: [{ required: true, message: t('pages.listCard.dialogForm.validation.productName'), type: 'error' }],
+}));
 </script>
diff --git a/src/pages/list/card/index.vue b/src/pages/list/card/index.vue
index ee3f2752..de80cce4 100644
--- a/src/pages/list/card/index.vue
+++ b/src/pages/list/card/index.vue
@@ -48,12 +48,12 @@
     </template>
 
     <div v-else-if="dataLoading" class="list-card-loading">
-      <t-loading size="large" text="加载数据中..." />
+      <t-loading size="large" :text="t('pages.listCard.loading')" />
     </div>
 
     <t-dialog
       v-model:visible="confirmVisible"
-      header="确认删除所选产品？"
+      :header="t('pages.listCard.deleteConfirm')"
       :body="confirmBody"
       :on-cancel="onCancel"
       @confirm="onConfirmDelete"
@@ -108,7 +108,7 @@ const fetchData = async () => {
 };
 
 const confirmBody = computed(() =>
-  deleteProduct.value ? `确认删除后${deleteProduct.value.name}的所有产品信息将被清空, 且无法恢复` : '',
+  deleteProduct.value ? t('pages.listCard.deleteTip', { name: deleteProduct.value.name }) : '',
 );
 
 onMounted(() => {
@@ -135,7 +135,7 @@ const onConfirmDelete = () => {
   const { index } = deleteProduct.value;
   productList.value.splice(index - 1, 1);
   confirmVisible.value = false;
-  MessagePlugin.success('删除成功');
+  MessagePlugin.success(t('pages.listCard.deleteSuccess'));
 };
 const onCancel = () => {
   deleteProduct.value = undefined;
diff --git a/src/pages/list/tree/constants.ts b/src/pages/list/tree/constants.ts
index 33dc05c1..0211582e 100644
--- a/src/pages/list/tree/constants.ts
+++ b/src/pages/list/tree/constants.ts
@@ -1,50 +1,52 @@
-export const TREE_DATA = [
+import { t } from '@/locales';
+
+export const getTreeData = () => [
   {
-    label: '深圳总部',
+    label: t('pages.listTree.treeData.shenzhen'),
     value: 0,
     children: [
       {
-        label: '总办',
+        label: t('pages.listTree.treeData.generalOffice'),
         value: '0-0',
       },
       {
-        label: '市场部',
+        label: t('pages.listTree.treeData.marketing'),
         value: '0-1',
         children: [
           {
-            label: '采购1组',
+            label: t('pages.listTree.treeData.purchase1'),
             value: '0-1-0',
           },
           {
-            label: '采购2组',
+            label: t('pages.listTree.treeData.purchase2'),
             value: '0-1-1',
           },
         ],
       },
       {
-        label: '技术部',
+        label: t('pages.listTree.treeData.technology'),
         value: '0-2',
       },
     ],
   },
   {
-    label: '北京总部',
+    label: t('pages.listTree.treeData.beijing'),
     value: 1,
     children: [
       {
-        label: '总办',
+        label: t('pages.listTree.treeData.generalOffice'),
         value: '1-0',
       },
       {
-        label: '市场部',
+        label: t('pages.listTree.treeData.marketing'),
         value: '1-1',
         children: [
           {
-            label: '采购1组',
+            label: t('pages.listTree.treeData.purchase1'),
             value: '1-1-0',
           },
           {
-            label: '采购2组',
+            label: t('pages.listTree.treeData.purchase2'),
             value: '1-1-1',
           },
         ],
@@ -52,23 +54,23 @@ export const TREE_DATA = [
     ],
   },
   {
-    label: '上海总部',
+    label: t('pages.listTree.treeData.shanghai'),
     value: 2,
     children: [
       {
-        label: '市场部',
+        label: t('pages.listTree.treeData.marketing'),
         value: '2-0',
       },
       {
-        label: '财务部',
+        label: t('pages.listTree.treeData.finance'),
         value: '2-1',
         children: [
           {
-            label: '财务1组',
+            label: t('pages.listTree.treeData.finance1'),
             value: '2-1-0',
           },
           {
-            label: '财务2组',
+            label: t('pages.listTree.treeData.finance2'),
             value: '2-1-1',
           },
         ],
@@ -76,11 +78,11 @@ export const TREE_DATA = [
     ],
   },
   {
-    label: '湖南',
+    label: t('pages.listTree.treeData.hunan'),
     value: 3,
   },
   {
-    label: '湖北',
+    label: t('pages.listTree.treeData.hubei'),
     value: 4,
   },
 ];
diff --git a/src/pages/list/tree/index.vue b/src/pages/list/tree/index.vue
index 87e2e20c..ee857dd2 100644
--- a/src/pages/list/tree/index.vue
+++ b/src/pages/list/tree/index.vue
@@ -7,7 +7,7 @@
             <search-icon size="var(--td-comp-size-xxxs)" />
           </template>
         </t-input>
-        <t-tree :data="TREE_DATA" hover expand-on-click-node :default-expanded="expanded" :filter="filterByText" />
+        <t-tree :data="treeData" hover expand-on-click-node :default-expanded="expanded" :filter="filterByText" />
       </div>
       <div class="list-tree-content">
         <common-table />
@@ -18,12 +18,12 @@
 <script setup lang="ts">
 import { SearchIcon } from 'tdesign-icons-vue-next';
 import type { TreeNodeModel } from 'tdesign-vue-next';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 import CommonTable from '@/components/common-table/index.vue';
 import { t } from '@/locales';
 
-import { TREE_DATA } from './constants';
+import { getTreeData } from './constants';
 
 defineOptions({
   name: 'ListTree',
@@ -31,6 +31,7 @@ defineOptions({
 
 const filterByText = ref();
 const filterText = ref();
+const treeData = computed(() => getTreeData());
 
 const expanded = ['0', '0-0', '0-1', '0-2', '0-3', '0-4'];
 
diff --git a/src/pages/login/components/Login.vue b/src/pages/login/components/Login.vue
index 26ed9d52..7b31588d 100644
--- a/src/pages/login/components/Login.vue
+++ b/src/pages/login/components/Login.vue
@@ -62,7 +62,7 @@
       <t-form-item class="verification-code" name="verifyCode">
         <t-input v-model="formData.verifyCode" size="large" :placeholder="t('pages.login.input.verification')" />
         <t-button size="large" variant="outline" :disabled="countDown > 0" @click="sendCode">
-          {{ countDown === 0 ? t('pages.login.sendVerification') : `${countDown}秒后可重发` }}
+          {{ countDown === 0 ? t('pages.login.sendVerification') : t('pages.login.countdown', { count: countDown }) }}
         </t-button>
       </t-form-item>
     </template>
@@ -83,7 +83,7 @@
 <script setup lang="ts">
 import type { FormInstanceFunctions, FormRule, SubmitContext } from 'tdesign-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { useCounter } from '@/hooks';
@@ -100,12 +100,12 @@ const INITIAL_DATA = {
   checked: false,
 };
 
-const FORM_RULES: Record<string, FormRule[]> = {
+const FORM_RULES = computed<Record<string, FormRule[]>>(() => ({
   phone: [{ required: true, message: t('pages.login.required.phone'), type: 'error' }],
   account: [{ required: true, message: t('pages.login.required.account'), type: 'error' }],
   password: [{ required: true, message: t('pages.login.required.password'), type: 'error' }],
   verifyCode: [{ required: true, message: t('pages.login.required.verification'), type: 'error' }],
-};
+}));
 
 const type = ref('password');
 
diff --git a/src/pages/login/components/Register.vue b/src/pages/login/components/Register.vue
index 54e13394..1b700a5f 100644
--- a/src/pages/login/components/Register.vue
+++ b/src/pages/login/components/Register.vue
@@ -10,7 +10,12 @@
   >
     <template v-if="type === 'phone'">
       <t-form-item name="phone">
-        <t-input v-model="formData.phone" :maxlength="11" size="large" placeholder="请输入您的手机号">
+        <t-input
+          v-model="formData.phone"
+          :maxlength="11"
+          size="large"
+          :placeholder="t('pages.login.register.phonePlaceholder')"
+        >
           <template #prefix-icon>
             <t-icon name="user" />
           </template>
@@ -20,7 +25,12 @@
 
     <template v-if="type === 'email'">
       <t-form-item name="email">
-        <t-input v-model="formData.email" type="text" size="large" placeholder="请输入您的邮箱">
+        <t-input
+          v-model="formData.email"
+          type="text"
+          size="large"
+          :placeholder="t('pages.login.register.emailPlaceholder')"
+        >
           <template #prefix-icon>
             <t-icon name="mail" />
           </template>
@@ -34,7 +44,7 @@
         size="large"
         :type="showPsw ? 'text' : 'password'"
         clearable
-        placeholder="请输入登录密码"
+        :placeholder="t('pages.login.register.passwordPlaceholder')"
       >
         <template #prefix-icon>
           <t-icon name="lock-on" />
@@ -47,35 +57,46 @@
 
     <template v-if="type === 'phone'">
       <t-form-item class="verification-code" name="verifyCode">
-        <t-input v-model="formData.verifyCode" size="large" placeholder="请输入验证码" />
+        <t-input
+          v-model="formData.verifyCode"
+          size="large"
+          :placeholder="t('pages.login.register.verifyCodePlaceholder')"
+        />
         <t-button variant="outline" :disabled="countDown > 0" @click="handleCounter">
-          {{ countDown === 0 ? '发送验证码' : `${countDown}秒后可重发` }}
+          {{
+            countDown === 0
+              ? t('pages.login.register.sendVerifyCode')
+              : t('pages.login.register.resendCountdown', { count: countDown })
+          }}
         </t-button>
       </t-form-item>
     </template>
 
     <t-form-item class="check-container" name="checked">
-      <t-checkbox v-model="formData.checked">我已阅读并同意 </t-checkbox> <span>TDesign服务协议</span> 和
-      <span>TDesign 隐私声明</span>
+      <t-checkbox v-model="formData.checked">{{ t('pages.login.register.agreeTerms') }} </t-checkbox>
+      <span>{{ t('pages.login.register.serviceTerms') }}</span>
+      {{ t('common.conjunction') }}
+      <span>{{ t('pages.login.register.privacyStatement') }}</span>
     </t-form-item>
 
     <t-form-item>
-      <t-button block size="large" type="submit"> 注册 </t-button>
+      <t-button block size="large" type="submit"> {{ t('pages.login.register.registerBtn') }} </t-button>
     </t-form-item>
 
     <div class="switch-container">
-      <span class="tip" @click="switchType(type === 'phone' ? 'email' : 'phone')">{{
-        type === 'phone' ? '使用邮箱注册' : '使用手机号注册'
-      }}</span>
+      <span class="tip" @click="switchType(type === 'phone' ? 'email' : 'phone')">
+        {{ type === 'phone' ? t('pages.login.register.useEmailRegister') : t('pages.login.register.usePhoneRegister') }}
+      </span>
     </div>
   </t-form>
 </template>
 <script setup lang="ts">
 import type { FormRule, SubmitContext } from 'tdesign-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 import { useCounter } from '@/hooks';
+import { t } from '@/locales';
 
 const emit = defineEmits(['register-success']);
 
@@ -87,15 +108,15 @@ const INITIAL_DATA = {
   checked: false,
 };
 
-const FORM_RULES: Record<string, FormRule[]> = {
-  phone: [{ required: true, message: '手机号必填', type: 'error' }],
+const FORM_RULES = computed<Record<string, FormRule[]>>(() => ({
+  phone: [{ required: true, message: t('pages.login.register.validation.phone'), type: 'error' }],
   email: [
-    { required: true, message: '邮箱必填', type: 'error' },
-    { email: true, message: '请输入正确的邮箱', type: 'warning' },
+    { required: true, message: t('pages.login.register.validation.email'), type: 'error' },
+    { email: true, message: t('pages.login.register.validation.emailFormat'), type: 'warning' },
   ],
-  password: [{ required: true, message: '密码必填', type: 'error' }],
-  verifyCode: [{ required: true, message: '验证码必填', type: 'error' }],
-};
+  password: [{ required: true, message: t('pages.login.register.validation.password'), type: 'error' }],
+  verifyCode: [{ required: true, message: t('pages.login.register.validation.verifyCode'), type: 'error' }],
+}));
 
 const type = ref('phone');
 
@@ -109,10 +130,10 @@ const [countDown, handleCounter] = useCounter();
 const onSubmit = (ctx: SubmitContext) => {
   if (ctx.validateResult === true) {
     if (!formData.value.checked) {
-      MessagePlugin.error('请同意TDesign服务协议和TDesign 隐私声明');
+      MessagePlugin.error(t('pages.login.register.validation.agreeTerms'));
       return;
     }
-    MessagePlugin.success('注册成功');
+    MessagePlugin.success(t('pages.login.register.messages.registerSuccess'));
     emit('register-success');
   }
 };
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index d0e47dcc..9c23e7c6 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -5,7 +5,7 @@
     <div class="login-container">
       <div class="title-container">
         <h1 class="title margin-no">{{ t('pages.login.loginTitle') }}</h1>
-        <h1 class="title">TDesign Starter</h1>
+        <h1 class="title">{{ t('common.appName') }}</h1>
         <div class="sub-title">
           <p class="tip">{{ type === 'register' ? t('pages.login.existAccount') : t('pages.login.noAccount') }}</p>
           <p class="tip" @click="switchType(type === 'register' ? 'login' : 'register')">
@@ -19,7 +19,7 @@
       <tdesign-setting />
     </div>
 
-    <footer class="copyright">Copyright @ 2021-2025 Tencent. All Rights Reserved</footer>
+    <footer class="copyright">{{ t('common.copyright') }}</footer>
   </div>
 </template>
 <script setup lang="ts">
diff --git a/src/pages/user/constants.ts b/src/pages/user/constants.ts
index 74f03adc..9b8b2be6 100644
--- a/src/pages/user/constants.ts
+++ b/src/pages/user/constants.ts
@@ -1,10 +1,12 @@
+import { t } from '@/locales';
+
 export interface UserInfoListType {
   title: string;
   content: string;
   span?: number;
 }
 
-export const USER_INFO_LIST: Array<UserInfoListType> = [
+export const getUserInfoList = (): Array<UserInfoListType> => [
   {
     title: 'pages.user.personalInfo.desc.mobile',
     content: '+86 13923734567',
@@ -23,7 +25,7 @@ export const USER_INFO_LIST: Array<UserInfoListType> = [
   },
   {
     title: 'pages.user.personalInfo.desc.entity',
-    content: '腾讯集团',
+    content: t('pages.user.personalInfo.tencentGroup'),
   },
   {
     title: 'pages.user.personalInfo.desc.leader',
@@ -31,7 +33,7 @@ export const USER_INFO_LIST: Array<UserInfoListType> = [
   },
   {
     title: 'pages.user.personalInfo.desc.position',
-    content: '高级 UI 设计师',
+    content: t('pages.user.personalInfo.seniorDesigner'),
   },
   {
     title: 'pages.user.personalInfo.desc.joinDay',
@@ -39,31 +41,31 @@ export const USER_INFO_LIST: Array<UserInfoListType> = [
   },
   {
     title: 'pages.user.personalInfo.desc.group',
-    content: '腾讯/腾讯公司/某事业群/某产品部/某运营中心/商户服务组',
+    content: t('pages.user.organization'),
     span: 6,
   },
 ];
 
-export const TEAM_MEMBERS = [
+export const getTeamMembers = () => [
   {
     avatar: 'https://avatars.githubusercontent.com/Wen1kang',
-    title: 'Lovellzhong 钟某某',
-    description: '直客销售 港澳拓展组员工',
+    title: 'Lovellzhong',
+    description: `${t('pages.user.teamMember')} 1`,
   },
   {
     avatar: 'https://avatars.githubusercontent.com/pengYYYYY',
-    title: 'Jiajingwang 彭某某',
-    description: '前端开发 前台研发组员工',
+    title: 'Jiajingwang',
+    description: `${t('pages.user.teamMember')} 2`,
   },
   {
     avatar: 'https://avatars.githubusercontent.com/u/24469546?s=96&v=4',
-    title: 'cruisezhang 林某某',
-    description: '技术产品 产品组员工',
+    title: 'cruisezhang',
+    description: `${t('pages.user.teamMember')} 3`,
   },
   {
     avatar: 'https://avatars.githubusercontent.com/u/88708072?s=96&v=4',
-    title: 'Lovellzhang 商某某',
-    description: '产品运营 港澳拓展组员工',
+    title: 'Lovellzhang',
+    description: `${t('pages.user.teamMember')} 4`,
   },
 ];
 
diff --git a/src/pages/user/index.ts b/src/pages/user/index.ts
index 9e258bdb..94e3aca0 100644
--- a/src/pages/user/index.ts
+++ b/src/pages/user/index.ts
@@ -1,4 +1,5 @@
 import type { TChartColor } from '@/config/color';
+import { t } from '@/locales';
 import { getDateArray, getRandomArray } from '@/utils/charts';
 import { getChartListColor } from '@/utils/color';
 
@@ -8,7 +9,15 @@ export function getFolderLineDataSet({
   placeholderColor,
   borderColor,
 }: { dateTime?: Array<string> } & TChartColor) {
-  let dateArray: Array<string> = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];
+  let dateArray: Array<string> = [
+    t('pages.dashboardBase.chart.week1'),
+    t('pages.dashboardBase.chart.week2'),
+    t('pages.dashboardBase.chart.week3'),
+    t('pages.dashboardBase.chart.week4'),
+    t('pages.dashboardBase.chart.week5'),
+    t('pages.dashboardBase.chart.week6'),
+    t('pages.dashboardBase.chart.week7'),
+  ];
   if (dateTime.length > 0) {
     const divideNum = 7;
     dateArray = getDateArray(dateTime, divideNum);
@@ -25,7 +34,12 @@ export function getFolderLineDataSet({
       left: 'center',
       bottom: '0',
       orient: 'horizontal', // legend 横向布局。
-      data: ['杯子', '茶叶', '蜂蜜', '面粉'],
+      data: [
+        t('pages.dashboardDetail.procurement.goods.cup'),
+        t('pages.dashboardDetail.procurement.goods.tea'),
+        t('pages.dashboardDetail.procurement.goods.honey'),
+        t('pages.dashboardDetail.procurement.goods.flour'),
+      ],
       textStyle: {
         fontSize: 12,
         color: placeholderColor,
@@ -64,7 +78,7 @@ export function getFolderLineDataSet({
         showSymbol: true,
         symbol: 'circle',
         symbolSize: 8,
-        name: '杯子',
+        name: t('pages.dashboardDetail.procurement.goods.cup'),
         stack: '总量',
         data: [
           getRandomArray(),
@@ -85,7 +99,7 @@ export function getFolderLineDataSet({
         showSymbol: true,
         symbol: 'circle',
         symbolSize: 8,
-        name: '茶叶',
+        name: t('pages.dashboardDetail.procurement.goods.tea'),
         stack: '总量',
         data: [
           getRandomArray(),
@@ -106,7 +120,7 @@ export function getFolderLineDataSet({
         showSymbol: true,
         symbol: 'circle',
         symbolSize: 8,
-        name: '蜂蜜',
+        name: t('pages.dashboardDetail.procurement.goods.honey'),
         stack: '总量',
         data: [
           getRandomArray(),
@@ -127,7 +141,7 @@ export function getFolderLineDataSet({
         showSymbol: true,
         symbol: 'circle',
         symbolSize: 8,
-        name: '面粉',
+        name: t('pages.dashboardDetail.procurement.goods.flour'),
         stack: '总量',
         data: [
           getRandomArray(),
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index d12f4b27..7e9d5987 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -3,7 +3,7 @@
     <t-col :flex="3">
       <div class="user-left-greeting">
         <div>
-          Hi，Image
+          {{ t('pages.user.greeting') }}
           <span class="regular"> {{ t('pages.user.markDay') }}</span>
         </div>
         <img src="@/assets/assets-tencent-logo.png" class="logo" />
@@ -16,7 +16,7 @@
           </t-button>
         </template>
         <t-descriptions :column="4" item-layout="vertical">
-          <t-descriptions-item v-for="(item, index) in USER_INFO_LIST" :key="index" :label="t(item.title)">
+          <t-descriptions-item v-for="(item, index) in userInfoList" :key="index" :label="t(item.title)">
             {{ item.content }}
           </t-descriptions-item>
         </t-descriptions>
@@ -28,7 +28,12 @@
             <p>{{ t('pages.user.contentList') }}</p>
           </t-tab-panel>
           <t-tab-panel value="second" :label="t('pages.user.contentList')">
-            <t-card :bordered="false" class="card-padding-no" :title="t('pages.user.visitData')" describe="（次）">
+            <t-card
+              :bordered="false"
+              class="card-padding-no"
+              :title="t('pages.user.visitData')"
+              :describe="t('pages.user.unit')"
+            >
               <template #actions>
                 <t-date-range-picker
                   class="card-date-picker-container"
@@ -51,7 +56,7 @@
     <t-col :flex="1">
       <t-card class="user-intro" :bordered="false">
         <t-avatar size="80px">T</t-avatar>
-        <div class="name">My Account</div>
+        <div class="name">{{ t('pages.user.account') }}</div>
         <div class="position">{{ t('pages.user.personalInfo.position') }}</div>
       </t-card>
 
@@ -62,7 +67,7 @@
           </t-button>
         </template>
         <t-list :split="false">
-          <t-list-item v-for="(item, index) in TEAM_MEMBERS" :key="index">
+          <t-list-item v-for="(item, index) in teamMembers" :key="index">
             <t-list-item-meta :image="item.avatar" :title="item.title" :description="item.description" />
           </t-list-item>
         </t-list>
@@ -100,7 +105,7 @@ import { useSettingStore } from '@/store';
 import { changeChartsTheme } from '@/utils/color';
 import { LAST_7_DAYS } from '@/utils/date';
 
-import { PRODUCT_LIST, TEAM_MEMBERS, USER_INFO_LIST } from './constants';
+import { getTeamMembers, getUserInfoList, PRODUCT_LIST } from './constants';
 import { getFolderLineDataSet } from './index';
 
 defineOptions({
@@ -170,6 +175,9 @@ const getIcon = (type: string) => {
   }
 };
 
+const userInfoList = computed(() => getUserInfoList());
+const teamMembers = computed(() => getTeamMembers());
+
 watch(
   () => store.brandTheme,
   () => {
diff --git a/src/store/modules/notification.ts b/src/store/modules/notification.ts
index c5fabd3b..460597b0 100644
--- a/src/store/modules/notification.ts
+++ b/src/store/modules/notification.ts
@@ -1,12 +1,13 @@
 import { defineStore } from 'pinia';
 
+import { t } from '@/locales';
 import type { NotificationItem } from '@/types/interface';
 
-const msgData = [
+const getMsgData = () => [
   {
     id: '123',
-    content: '腾讯大厦一楼改造施工项目 已通过审核！',
-    type: '合同动态',
+    content: t('pages.notification.msg1'),
+    type: t('pages.notification.contract'),
     status: true,
     collected: false,
     date: '2021-01-01 08:00',
@@ -14,8 +15,8 @@ const msgData = [
   },
   {
     id: '124',
-    content: '三季度生产原材料采购项目 开票成功！',
-    type: '票务动态',
+    content: t('pages.notification.msg2'),
+    type: t('pages.notification.invoice'),
     status: true,
     collected: false,
     date: '2021-01-01 08:00',
@@ -23,8 +24,8 @@ const msgData = [
   },
   {
     id: '125',
-    content: '2021-01-01 10:00的【国家电网线下签约】会议即将开始，请提前10分钟前往 会议室1 进行签到！',
-    type: '会议通知',
+    content: t('pages.notification.msg3'),
+    type: t('pages.notification.meeting'),
     status: true,
     collected: false,
     date: '2021-01-01 08:00',
@@ -32,8 +33,8 @@ const msgData = [
   },
   {
     id: '126',
-    content: '一季度生产原材料采购项目 开票成功！',
-    type: '票务动态',
+    content: t('pages.notification.msg4'),
+    type: t('pages.notification.invoice'),
     status: true,
     collected: false,
     date: '2021-01-01 08:00',
@@ -41,11 +42,11 @@ const msgData = [
   },
 ];
 
-type MsgDataType = typeof msgData;
+type MsgDataType = ReturnType<typeof getMsgData>;
 
 export const useNotificationStore = defineStore('notification', {
   state: () => ({
-    msgData,
+    msgData: getMsgData(),
   }),
   getters: {
     unreadMsg: (state) => state.msgData.filter((item: NotificationItem) => item.status),
@@ -55,6 +56,9 @@ export const useNotificationStore = defineStore('notification', {
     setMsgData(data: MsgDataType) {
       this.msgData = data;
     },
+    refreshMsgData() {
+      this.msgData = getMsgData();
+    },
   },
-  persist: true,
+  persist: false,
 });
diff --git a/src/store/modules/tabs-router.ts b/src/store/modules/tabs-router.ts
index 97ec5a03..2e15c1ae 100644
--- a/src/store/modules/tabs-router.ts
+++ b/src/store/modules/tabs-router.ts
@@ -7,7 +7,7 @@ const homeRoute: Array<TRouterInfo> = [
   {
     path: '/dashboard/base',
     routeIdx: 0,
-    title: '仪表盘',
+    title: { zh_CN: '仪表盘', en_US: 'Dashboard' },
     name: 'DashboardBase',
     isHome: true,
   },
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 1df45fe5..884fac39 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia';
 
+import { t } from '@/locales';
 import { usePermissionStore } from '@/store';
 import type { UserInfo } from '@/types/interface';
 
@@ -27,13 +28,13 @@ export const useUserStore = defineStore('user', {
         // if (account !== 'td') {
         //   return {
         //     code: 401,
-        //     message: '账号不存在',
+        //     message: t('pages.login.validation.accountNotFound'),
         //   };
         // }
         // if (['main_', 'dev_'].indexOf(password) === -1) {
         //   return {
         //     code: 401,
-        //     message: '密码错误',
+        //     message: t('pages.login.validation.passwordError'),
         //   };
         // }
         // const token = {
@@ -42,7 +43,7 @@ export const useUserStore = defineStore('user', {
         // }[password];
         return {
           code: 200,
-          message: '登录成功',
+          message: t('pages.login.loginSuccess'),
           data: 'main_token',
         };
       };
diff --git a/src/types/interface.d.ts b/src/types/interface.d.ts
index ab48300b..bf39d0db 100644
--- a/src/types/interface.d.ts
+++ b/src/types/interface.d.ts
@@ -2,10 +2,13 @@ import type { TabValue } from 'tdesign-vue-next';
 import type { Component, DefineComponent, FunctionalComponent } from 'vue';
 import type { LocationQueryRaw, RouteMeta, RouteRecordName } from 'vue-router';
 
+import type { LocalizedTitle } from '@/locales';
+
 export interface MenuRoute {
   // TODO: menuitem 组件实际支持 string 类型但是类型错误，暂时使用 any 类型避免打包错误待组件类型修复
   path: any;
-  title?: string | Record<string, string>;
+  /** 多语言标题对象，如 { zh_CN: '仪表盘', en_US: 'Dashboard' } */
+  title?: LocalizedTitle;
   name?: string;
   icon?: string | Component | FunctionalComponent | DefineComponent;
   redirect?: string;
@@ -34,7 +37,8 @@ export interface TRouterInfo {
   path: string;
   query?: LocationQueryRaw;
   routeIdx?: number;
-  title?: string;
+  /** 多语言标题对象，如 { zh_CN: '仪表盘', en_US: 'Dashboard' } */
+  title?: LocalizedTitle;
   name?: RouteRecordName;
   isAlive?: boolean;
   isHome?: boolean;
diff --git a/src/types/router.d.ts b/src/types/router.d.ts
index f995e9a9..29018685 100644
--- a/src/types/router.d.ts
+++ b/src/types/router.d.ts
@@ -2,10 +2,12 @@ import 'vue-router';
 
 import type { Component, DefineComponent, FunctionalComponent } from 'vue';
 
+import type { LocalizedTitle } from '@/locales';
+
 export {};
 declare module 'vue-router' {
   interface RouteMeta {
-    title?: string | Record<string, string>;
+    title?: LocalizedTitle;
     icon?: string | Component | FunctionalComponent | DefineComponent;
     expanded?: boolean;
     orderNo?: number;