多语言: 账号信息页

public/locales/en/common.json

@@ -30,6 +30,13 @@
   "LoginTimeout": "Login timeout",
   "LoginTimeoutTip": "Please input your password",
 
+  "userProfile": "User Profile",
+  "Telephone": "Telephone",
+  "Email": "Email address",
+  "Address": "Address",
+  "Company": "Company",
+  "Department": "Department",
+
   "datetime": {
     "thisWeek": "This Week",
     "lastWeek": "Last Week",

public/locales/zh/common.json

@@ -30,6 +30,13 @@
   "LoginTimeout": "登录超时",
   "LoginTimeoutTip": "请输入密码",
 
+  "userProfile": "账号信息",
+  "Telephone": "联系电话",
+  "Email": "电子邮箱",
+  "Address": "公司地址",
+  "Company": "公司名称",
+  "Department": "部门",
+
   "datetime": {
     "thisWeek": "本周",
     "lastWeek": "上周",

src/views/account/Profile.jsx

@@ -1,7 +1,9 @@
 import { Descriptions, Col, Row } from 'antd';
 import { useStore } from '@/stores/StoreContext.js';
+import { useTranslation } from 'react-i18next';
 
 function Profile() {
+  const { t } = useTranslation();
 
   const { authStore } = useStore();
   const { login } = authStore;
@@ -9,11 +11,11 @@ function Profile() {
   return (
     <Row>
       <Col span={12} offset={6}>
-        <Descriptions title="User Profile" layout="vertical" column={2}>
-          <Descriptions.Item label="Username">{login.username}</Descriptions.Item>
-          <Descriptions.Item label="Telephone">{login.telephone}</Descriptions.Item>
-          <Descriptions.Item label="Email address">{login.emailAddress}</Descriptions.Item>
-          <Descriptions.Item label="Company">{login.travelAgencyName}</Descriptions.Item>
+        <Descriptions title={t('userProfile')} layout="vertical" column={2}>
+          <Descriptions.Item label={t("Username")}>{login.username}</Descriptions.Item>
+          <Descriptions.Item label={t("Telephone")}>{login.telephone}</Descriptions.Item>
+          <Descriptions.Item label={t("Email")}>{login.emailAddress}</Descriptions.Item>
+          <Descriptions.Item label={t("Company")}>{login.travelAgencyName}</Descriptions.Item>
         </Descriptions>
       </Col>
     </Row>