diff --git a/sysom_web/src/locales/en-US/pages.js b/sysom_web/src/locales/en-US/pages.js
index 14f0a3050cb867112a54690a98be3f8db6b56c38..887012ab00ed125badd9b3b678f12e707dbbfbe8 100644
--- a/sysom_web/src/locales/en-US/pages.js
+++ b/sysom_web/src/locales/en-US/pages.js
@@ -30,7 +30,7 @@ export default {
   // 'pages.admin.subPage.title': 'This page can only be viewed by Admin',
   // 'pages.admin.subPage.alertMessage': 'Umi ui is now released, welcome to use npm run ui to start the experience.',
 
-  'pages.language': '中文',
+  'pages.language': 'Chinese',
   'pages.layouts.userLayout.title': 'System Operation&Maintenance',
   'pages.login.accountLogin.tab': 'Account Login',
   'pages.login.passwordLogin.tab': 'Change Password',
@@ -254,8 +254,8 @@ export default {
   'pages.migrate.ok': 'OK',
   'pages.migrate.cancel': 'Cancel',
   'pages.migrate.nomachinegroup': 'No machine group currently',
-  'pages.migrate.machinestotal': 'Total number of machines:',
-  'pages.migrate.migratemachines': 'Number of machines to be migrated:',
+  'pages.migrate.machinestotal': 'Machine population:',
+  'pages.migrate.migratemachines': 'Machine to be migrated:',
   'pages.migrate.implementation': 'Batch implementation',
   'pages.migrate.configuration': 'Migration configuration',
   'pages.migrate.acquisition': 'Failed to update data acquisition, error message:',
@@ -270,6 +270,26 @@ export default {
   'pages.migrate.nfsbackupipadress_please': 'Enter the IP address of the NFS service',
   'pages.migrate.backunfs_please': 'Please enter the directory where the backup is stored in the NFS',
   'pages.migrate.notneedbackup_please': 'Enter a directory that does not need to be backed up',
+
+  'pages.migrate.machine_IP': 'Machine IP (System version)',
+  'pages.migrate.migration_state': 'Migration state',
+  'pages.migrate.not_migrated': 'Not migrated',
+  'pages.migrate.in_operation': 'In operation',
+  'pages.migrate.in_readiness': 'In readiness',
+  'pages.migrate.successful': 'Successful',
+  'pages.migrate.lose': 'Lose',
+  'pages.migrate.nonsupport': 'Nonsupport',
+  'pages.migrate.schedule': 'Schedule',
+  'pages.migrate.controls': 'Controls',
+  'pages.migrate.migration_conf': 'Migration configuration',
+  'pages.migrate.system_backup': 'System backup',
+  'pages.migrate.environmental_pre': 'Environmental preparation',
+  'pages.migrate.risk_assessment': 'Risk assessment',
+  'pages.migrate.migration_imp': 'Migration implementation',
+  'pages.migrate.restart_machine': 'Restart machine',
+  'pages.migrate.system_res': 'System restoration',
+  'pages.migrate.reset_status': 'Reset status',
+
   'pages.vmcore.list': 'Outage list',
   'pages.vmcore.coreindex': 'Core index',
   'pages.vmcore.totalnumberlast30days': 'Total number of outages in the last 30 days',
@@ -330,4 +350,52 @@ export default {
   'pages.diagnose.dispatchingflamediagram': 'Dispatching flame diagram',
   'pages.diagnose.importdiagnosisresultsoffline': 'Import diagnosis results offline',
   'pages.diagnose.carddeckexpansion': 'Card deck expansion',
+  'pages.home.host_center': 'Host center',
+  'pages.home.host_overview': 'Host overview',
+  'pages.home.clusters_num': 'Clusters',
+  'pages.home.machine_num': 'Main machine',
+  'pages.home.online_machines': 'On-line machines',
+  'pages.home.offline_machines': 'Off-line machines',
+  'pages.home.abnormal_machines': 'Abnormal machines',
+  'pages.home.physical_machine': 'Physical machine',
+  'pages.home.three_months': 'Three months',
+  'pages.home.kernel_version': 'Kernel version distribution',
+  'pages.home.log_center': 'Log center',
+  'pages.home.log_overview': 'Log overview',
+  'pages.home.journal_center': 'The Journal center records user login and logout operations and helps you audit user behaviors',
+  'pages.home.diary_entries': 'Diary entries',
+  'pages.home.users_number': 'Number of users',
+  'pages.home.abnormal_diary': 'Abnormal diary',
+  'pages.home.user_chart': 'User data chart',
+  'pages.home.diary_chart': 'Diary entries chart',
+  'pages.home.resource_center': 'Resource center',
+  'pages.home.resource_overview': 'Resource overview',
+  'pages.home.total_CPU': 'Total CPU',
+  'pages.home.total_memory': 'Total memory',
+  'pages.home.disk_size': 'Total disk size',
+  'pages.home.NIC_bandwidth': 'Total NIC bandwidth',
+  'pages.home.resource_utilization': 'Resource utilization',
+  'pages.home.CPU_utilization': 'CPU utilization',
+  'pages.home.memory_utilization': 'Memory utilization',
+  'pages.home.disk_utilization': 'Disk utilization',
+  'pages.home.network_utilization': 'Network utilization',
+  'pages.home.CPU_memory': 'CPU/Memory usage',
+  'pages.home.safety_center': 'Safety center',
+  'pages.home.safety_overview': 'Security overview',
+  'pages.home.safety_score': 'Safety score',
+  'pages.home.exigency': 'Exigency',
+  'pages.home.high_risk': 'High risk',
+  'pages.home.risk_in': 'Risk in',
+  'pages.home.low_risk': 'Low-risk',
+  'pages.home.vulnerability_fixed': 'Vulnerability to be fixed',
+  'pages.home.vulnerability_historical': 'Historical fix vulnerability',
+  'pages.home.security_operation': 'Security operation trend',
+  'pages.home.outage_center': 'Outage center',
+  'pages.home.outage_overview': 'Outage overview',
+  'pages.home.core_index': 'Core index',
+  'pages.home.downtime_30day': '30days downtime',
+  'pages.home.downtime_7day': '7days downtime',
+  'pages.home.monthly_failure': 'Monthly Downtime',
+  'pages.home.daily_downtime': 'Daily downtime',
+  'pages.home.downtime_trend': 'Downtime trend',
 };
\ No newline at end of file
diff --git a/sysom_web/src/locales/zh-CN/pages.js b/sysom_web/src/locales/zh-CN/pages.js
index 8baecf58eaeb4494935244bacb653d7a4f6da78b..9f3945658d43f340553a12aed5c5bd44a23a9f6c 100644
--- a/sysom_web/src/locales/zh-CN/pages.js
+++ b/sysom_web/src/locales/zh-CN/pages.js
@@ -1,5 +1,5 @@
 export default {
-  'pages.language': 'English',
+  'pages.language': '英文',
   'pages.layouts.userLayout.title': '系统运维平台',
   'pages.login.accountLogin.tab': '账户密码登录',
   'pages.login.passwordLogin.tab': '账户密码修改',
@@ -278,7 +278,7 @@ export default {
   'pages.migrate.ok': '确定',
   'pages.migrate.cancel': '取消',
   'pages.migrate.nomachinegroup': '暂无机器组',
-  'pages.migrate.machinestotal': '机器总数',
+  'pages.migrate.machinestotal': '机器总数：',
   'pages.migrate.migratemachines': '待迁移机器数：',
   'pages.migrate.implementation': '批量实施',
   'pages.migrate.configuration': '迁移配置',
@@ -294,6 +294,26 @@ export default {
   'pages.migrate.nfsbackupipadress_please': '请输入NFS服务的IP地址',
   'pages.migrate.backunfs_please': '请输入备份存放在NFS的目录',
   'pages.migrate.notneedbackup_please': '请输入本机无需备份的目录',
+
+  'pages.migrate.machine_IP': '机器 IP（系统版本）',
+  'pages.migrate.migration_state': '迁移状态',
+  'pages.migrate.not_migrated': '未迁移',
+  'pages.migrate.in_operation': '运行中',
+  'pages.migrate.in_readiness': '就绪中',
+  'pages.migrate.successful': '成功',
+  'pages.migrate.lose': '失败',
+  'pages.migrate.nonsupport': '不支持',
+  'pages.migrate.schedule': '进度',
+  'pages.migrate.controls': '操作',
+  'pages.migrate.migration_conf': '迁移配置',
+  'pages.migrate.system_backup': '系统备份',
+  'pages.migrate.environmental_pre': '环境准备',
+  'pages.migrate.risk_assessment': '风险评估',
+  'pages.migrate.migration_imp': '迁移实施',
+  'pages.migrate.restart_machine': '重启机器',
+  'pages.migrate.system_res': '系统还原',
+  'pages.migrate.reset_status': '重置状态',
+
   'pages.vmcore.list': '宕机列表',
   'pages.vmcore.coreindex': '核心指标',
   'pages.vmcore.totalnumberlast30days': '最近30天宕机总数',
@@ -366,4 +386,52 @@ export default {
   'pages.diagnose.DStatuslevel': 'D状态负载影响度',
   'pages.diagnose.systemhealthy': '系统目前健康，无D状态进程',
   'pages.diagnose.RStatuslevel': 'R状态负载影响度',
+  'pages.home.host_center': '主机中心',
+  'pages.home.host_overview': '主机概述',
+  'pages.home.clusters_num': '集群数',
+  'pages.home.machine_num': '主机数',
+  'pages.home.online_machines': '在线机器数',
+  'pages.home.offline_machines': '离线机器数',
+  'pages.home.abnormal_machines': '异常机器数',
+  'pages.home.physical_machine': '物理机数',
+  'pages.home.three_months': '近三个月',
+  'pages.home.kernel_version': '内核版本分布',
+  'pages.home.log_center': '日志中心',
+  'pages.home.log_overview': '日志概述',
+  'pages.home.journal_center': '日记中心用于记录用户登录登出等操作，可协助您完成用户行为审计',
+  'pages.home.diary_entries': '日记条数',
+  'pages.home.users_number': '用户总数',
+  'pages.home.abnormal_diary': '异常日记',
+  'pages.home.user_chart': '用户数据趋势图',
+  'pages.home.diary_chart': '日记条数趋势图',
+  'pages.home.resource_center': '资源中心',
+  'pages.home.resource_overview': '资源概述',
+  'pages.home.total_CPU': 'CPU总数',
+  'pages.home.total_memory': '内存总数',
+  'pages.home.disk_size': '磁盘总大小',
+  'pages.home.NIC_bandwidth': '网卡总带宽',
+  'pages.home.resource_utilization': '资源利用率',
+  'pages.home.CPU_utilization': 'CPU利用率',
+  'pages.home.memory_utilization': '内存利用率',
+  'pages.home.disk_utilization': '磁盘利用率',
+  'pages.home.network_utilization': '网络利用率',
+  'pages.home.CPU_memory': 'CPU/内存利用率',
+  'pages.home.safety_center': '安全中心',
+  'pages.home.safety_overview': '安全概述',
+  'pages.home.safety_score': '安全评分',
+  'pages.home.exigency': '紧急',
+  'pages.home.high_risk': '高危',
+  'pages.home.risk_in': '中危',
+  'pages.home.low_risk': '低危',
+  'pages.home.vulnerability_fixed': '待修复漏洞',
+  'pages.home.vulnerability_historical': '历史修复漏洞',
+  'pages.home.security_operation': '安全运营趋势',
+  'pages.home.outage_center': '宕机中心',
+  'pages.home.outage_overview': '宕机概述',
+  'pages.home.core_index': '核心指标',
+  'pages.home.downtime_30day': '近30天宕机数',
+  'pages.home.downtime_7day': '近7天宕机数',
+  'pages.home.monthly_failure': '月宕机率',
+  'pages.home.daily_downtime': '日宕机率',
+  'pages.home.downtime_trend': '宕机趋势',
 };
\ No newline at end of file
diff --git a/sysom_web/src/pages/home/ArcLable.jsx b/sysom_web/src/pages/home/ArcLable.jsx
index 7d4951ae566c518d1858e1ff64a456f40832f7af..c228789af41a2bf7cc111f81e126f86df5ed5629 100644
--- a/sysom_web/src/pages/home/ArcLable.jsx
+++ b/sysom_web/src/pages/home/ArcLable.jsx
@@ -74,7 +74,7 @@ const ArcLable = withSize({ monitorHeight: true })(props => {
           : <text textAnchor="middle" dominantBaseline="middle" fontSize="large" fill={TextColor}> {value}</text>
         }
       </g>
-      <text x={size.width / 2} y={size.height - 10} textAnchor="middle" dominantBaseline="ideographic" fill="#FFFFFF"> {title}</text>
+      <text x={size.width / 2} y={size.height - 10} textAnchor="middle" dominantBaseline="ideographic" fill="#FFFFFF">{title}</text>
     </svg>
   )
 })
diff --git a/sysom_web/src/pages/home/CveLable.jsx b/sysom_web/src/pages/home/CveLable.jsx
index 3b017ab7da2d4b8dc83a395bb470c9306ab9d061..c001026efa4cdae2c57da61483c2a50018acf260 100644
--- a/sysom_web/src/pages/home/CveLable.jsx
+++ b/sysom_web/src/pages/home/CveLable.jsx
@@ -1,4 +1,5 @@
 import { withSize } from 'react-sizeme';
+import { FormattedMessage } from 'umi';
 
 const CveLable = withSize({ monitorHeight: true })(props => {
   const { arcs, value, subValue, title, size, subArcColor, warning, line, textColor } = props;
@@ -28,7 +29,7 @@ const CveLable = withSize({ monitorHeight: true })(props => {
         </linearGradient>
       </defs>
       <rect x="0" y="0" width="10em" height="10em" stroke="#1E80F1" />
-      <text x="0" y="0"> 紧急</text>
+      <text x="0" y="0"> <FormattedMessage id="pages.home.exigency" defaultMessage="Exigency" /></text>
     </svg>
   )
 })
diff --git a/sysom_web/src/pages/home/index.jsx b/sysom_web/src/pages/home/index.jsx
index daf8d93149ed7bcbb1c028fb061f7dfa94db9bb1..868205bd8b63a06b1ecd33b721e1bed3f73b4917 100644
--- a/sysom_web/src/pages/home/index.jsx
+++ b/sysom_web/src/pages/home/index.jsx
@@ -7,10 +7,12 @@ import { getHomeData } from "./service"
 import ArcLable from './ArcLable';
 import DashLable from './DashLable';
 import CveLable from './CveLable';
+import { useIntl, FormattedMessage } from 'umi';
 
 
 const Home = (props) => {
   const { data, error, loading } = useRequest(getHomeData);
+  const intl = useIntl();
 
   if (loading)
     return <Spin tip="Loading..."></Spin>
@@ -91,23 +93,45 @@ const Home = (props) => {
     <>
       <ProCard style={{ flexGrow: 1 }} bodyStyle={{ flexGrow: 1 }} gutter={8} ghost>
         <ProCard style={{ height: "100%" }} direction="column" gutter={[0, 8]} ghost>
-          <ProCard title="主机中心" subTitle="主机概述" >
+          <ProCard title={intl.formatMessage({
+            id: 'pages.home.host_center',
+            defaultMessage: 'Host center',
+          })} 
+          subTitle={intl.formatMessage({
+            id: 'pages.home.host_overview',
+            defaultMessage: 'Host overview',
+          })} >
             {/*饼图*/}
             <div style={{ display: "flex" }}>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: 0, endAngle: 270, color: "#222B4F" }]} value={data.hostOverview.numberOfClusters} title="集群数" />
+                <ArcLable arcs={[{ startAngle: 0, endAngle: 270, color: "#222B4F" }]} value={data.hostOverview.numberOfClusters} title={intl.formatMessage({
+                  id: 'pages.home.clusters_num',
+                  defaultMessage: 'Clusters',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -150, endAngle: 120, color: "#222B4F" }]} value={data.hostOverview.numberOfHosts} title="主机数" />
+                <ArcLable arcs={[{ startAngle: -150, endAngle: 120, color: "#222B4F" }]} value={data.hostOverview.numberOfHosts} title={intl.formatMessage({
+                  id: 'pages.home.machine_num',
+                  defaultMessage: 'Main machine',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -225, endAngle: 45, color: "#222B4F" }]} value={data.hostOverview.numberOfOnlineMachines} title="在线机器数" />
+                <ArcLable arcs={[{ startAngle: -225, endAngle: 45, color: "#222B4F" }]} value={data.hostOverview.numberOfOnlineMachines} title={intl.formatMessage({
+                  id: 'pages.home.online_machines',
+                  defaultMessage: 'On-line machines',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -180, endAngle: 90, color: "#222B4F" }]} value={data.hostOverview.numberOfOfflineMachines} title="离线机器数" />
+                <ArcLable arcs={[{ startAngle: -180, endAngle: 90, color: "#222B4F" }]} value={data.hostOverview.numberOfOfflineMachines} title={intl.formatMessage({
+                  id: 'pages.home.offline_machines',
+                  defaultMessage: 'Off-line machines',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -270, endAngle: 0, color: "#222B4F" }]} warning value={data.hostOverview.numberOfAbnormalMachines} title="异常机器数" />
+                <ArcLable arcs={[{ startAngle: -270, endAngle: 0, color: "#222B4F" }]} warning value={data.hostOverview.numberOfAbnormalMachines} title={intl.formatMessage({
+                  id: 'pages.home.abnormal_machines',
+                  defaultMessage: 'Abnormal machines',
+                })} />
               </div>
             </div>
 
@@ -119,31 +143,38 @@ const Home = (props) => {
             <div style={{ display: "flex" }}>
               <div style={{ flexBasis: "50%", marginRight: "8px" }}>
                 <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-                  <div style={{ marginRight: "8px" }}>物理机数 </div>
-                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+                  <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.physical_machine" defaultMessage="Physical machine" /> </div>
+                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
                 </div>
                 <Column {...NumbersOfMachinesTrendsConfig} />
               </div>
               <div style={{ flexBasis: "50%", marginLeft: "8px" }}>
-                <div style={{ marginTop: "16px", marginBottom: "8px" }}>内核版本分布 </div>
+                <div style={{ marginTop: "16px", marginBottom: "8px" }}><FormattedMessage id="pages.home.kernel_version" defaultMessage="Kernel version distribution" /> </div>
                 <Column {...kernelVersionStatisticsConfig} />
               </div>
             </div>
 
           </ProCard>
-          <ProCard title="日志中心" subTitle="日志概述" >
-            <div>日记中心用于记录用户登录登出等操作，可协助您完成用户行为审计</div>
+          <ProCard title={intl.formatMessage({
+            id: 'pages.home.log_center',
+            defaultMessage: 'Log center',
+          })} 
+          subTitle={intl.formatMessage({
+            id: 'pages.home.log_overview',
+            defaultMessage: 'Log overview',
+          })} >
+            <div><FormattedMessage id="pages.home.journal_center" defaultMessage="The Journal center records user login and logout operations and helps you audit user behaviors" /></div>
             <div style={{ display: "flex", justifyContent: "space-around" }}>
               <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto", margin: "16px 40px 16px 0px" }}>
-                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} >日记条数</div>
+                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} ><FormattedMessage id="pages.home.diary_entries" defaultMessage="Diary entries" /></div>
                 <CycleLineLable value={data.logOverview.numberOfLogs} />
               </div>
               <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto" }}>
-                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} >用户总数</div>
+                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} ><FormattedMessage id="pages.home.users_number" defaultMessage="Number of users" /></div>
                 <CycleLineLable value={data.logOverview.totalNumberOfUsers} />
               </div>
               <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto", margin: "16px 0px 16px 40px" }}>
-                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} >异常日记</div>
+                <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} ><FormattedMessage id="pages.home.abnormal_diary" defaultMessage="Abnormal diary" /></div>
                 <CycleLineLable value={data.logOverview.numberOfAbnormalLogs} warning />
               </div>
             </div>
@@ -155,34 +186,54 @@ const Home = (props) => {
             <div style={{ display: "flex" }}>
               <div style={{ flexBasis: "50%", marginRight: "8px" }}>
                 <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-                  <div style={{ marginRight: "8px" }}>用户数据趋势图</div>
-                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+                  <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.user_chart" defaultMessage="User data chart" /></div>
+                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
                 </div>
                 <Column {...userNumbersTrendsConfig} />
               </div>
               <div style={{ flexBasis: "50%", marginLeft: "8px" }}>
                 <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-                  <div style={{ marginRight: "8px" }}>日记条数趋势图</div>
-                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+                  <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.diary_chart" defaultMessage="Diary entries chart" /></div>
+                  <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
                 </div>
                 <Column {...logsTrendsConfig} />
               </div>
             </div>
           </ProCard>
         </ProCard>
-        <ProCard title="资源中心" subTitle="资源概述">
+
+        <ProCard title={intl.formatMessage({
+            id: 'pages.home.resource_center',
+            defaultMessage: 'Resource center',
+          })} 
+          subTitle={intl.formatMessage({
+            id: 'pages.home.resource_overview',
+            defaultMessage: 'Resource overview',
+          })}>
           <div style={{ display: "flex" }}>
             <div style={{ flexBasis: "25%", margin: "4px" }}>
-              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalNumberOfCPUs} title="CPU总数" />
+              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalNumberOfCPUs} title={intl.formatMessage({
+                id: 'pages.home.total_CPU',
+                defaultMessage: 'Total CPU',
+              })} />
             </div>
             <div style={{ flexBasis: "25%", margin: "4px" }}>
-              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalMemory} title="内存总数" />
+              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalMemory} title={intl.formatMessage({
+                id: 'pages.home.total_memory',
+                defaultMessage: 'Total memory',
+              })} />
             </div>
             <div style={{ flexBasis: "25%", margin: "4px" }}>
-              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalDiskSize} title="磁盘总大小" />
+              <ArcLable subArcColor={"#222B4F"} value={data.resourceOverview.totalDiskSize} title={intl.formatMessage({
+                id: 'pages.home.disk_size',
+                defaultMessage: 'Total disk size',
+              })} />
             </div>
             <div style={{ flexBasis: "25%", margin: "4px" }}>
-              <ArcLable subArcColor={"#432F2A"} value={data.resourceOverview.totalNetworkBandwidth} title="网卡总带宽" />
+              <ArcLable subArcColor={"#432F2A"} value={data.resourceOverview.totalNetworkBandwidth} title={intl.formatMessage({
+                id: 'pages.home.NIC_bandwidth',
+                defaultMessage: 'Total NIC bandwidth',
+              })} />
             </div>
           </div>
 
@@ -190,24 +241,36 @@ const Home = (props) => {
           <div style={{ width: "100%", height: "5px", background: "black", borderRadius: "10px" }}></div>
 
           {/*仪表盘*/}
-          <div style={{ margin: "8px 0px" }}>资源利用率</div>
+          <div style={{ margin: "8px 0px" }}><FormattedMessage id="pages.home.resource_utilization" defaultMessage="Resource utilization" /></div>
           <div style={{ display: "flex", justifyContent: "space-around" }}>
             <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto", marginRight: "16px" }}>
-              <DashLable value={data.resourceUtilization.cpuUtilization} title="CPU利用率" />
+              <DashLable value={data.resourceUtilization.cpuUtilization} title={intl.formatMessage({
+                id: 'pages.home.CPU_utilization',
+                defaultMessage: 'CPU utilization',
+              })} />
             </div>
             <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto", marginRight: "16px" }}>
-              <DashLable value={data.resourceUtilization.memoryUtilization} title="内存利用率" />
+              <DashLable value={data.resourceUtilization.memoryUtilization} title={intl.formatMessage({
+                id: 'pages.home.memory_utilization',
+                defaultMessage: 'Memory utilization',
+              })} />
             </div>
             <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto", marginRight: "16px" }}>
-              <DashLable value={data.resourceUtilization.diskUtilization} title="磁盘利用率" />
+              <DashLable value={data.resourceUtilization.diskUtilization} title={intl.formatMessage({
+                id: 'pages.home.disk_utilization',
+                defaultMessage: 'Disk utilization',
+              })} />
             </div>
             <div style={{ width: "100px", maxWidth: "160px", display: "flex", alignItems: "center", flex: "auto" }}>
-              <DashLable value={data.resourceUtilization.networkUtilization} title="网络利用率" />
+              <DashLable value={data.resourceUtilization.networkUtilization} title={intl.formatMessage({
+                id: 'pages.home.network_utilization',
+                defaultMessage: 'Network utilization',
+              })} />
             </div>
           </div>
           <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-            <div style={{ marginRight: "8px" }}>CPU/内存利用率</div>
-            <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+            <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.CPU_memory" defaultMessage="CPU/Memory usage" /></div>
+            <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
           </div>
           <div >
             <Bar {...cpuAndMemUtilizationConfig} />
@@ -215,15 +278,15 @@ const Home = (props) => {
           <div style={{ display: "flex" }}>
             <div style={{ flexBasis: "50%", marginRight: "8px" }}>
               <div style={{ display: "flex", marginTop: "20px", marginBottom: "8px" }}>
-                <div style={{ marginRight: "8px" }}>网络利用率</div>
-                <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+                <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.network_utilization" defaultMessage="Network utilization" /></div>
+                <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
               </div>
               <Column {...networkUtilizationConfig} />
             </div>
             <div style={{ flexBasis: "50%", marginLeft: "8px" }}>
               <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-                <div style={{ marginRight: "8px" }}>磁盘利用率</div>
-                <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+                <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.disk_utilization" defaultMessage="Disk utilization" /></div>
+                <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
               </div>
               <Column {...diskUtilizationConfig} />
             </div>
@@ -231,11 +294,21 @@ const Home = (props) => {
 
         </ProCard>
         <ProCard direction="column" gutter={[0, 8]} ghost>
-          <ProCard title="安全中心" subTitle="安全概述" >
+          <ProCard title={intl.formatMessage({
+            id: 'pages.home.safety_center',
+            defaultMessage: 'Safety center',
+          })} 
+          subTitle={intl.formatMessage({
+            id: 'pages.home.safety_overview',
+            defaultMessage: 'Security overview',
+          })} >
             <div style={{ display: "flex", justifyContent: "space-around" }}>
               <div style={{ flexBasis: "25%", margin: "4px" }}>
                 <ArcLable withLine textColor="#39E1CF" value={data.CVEOverview.safetyRating.score}
-                  subValue={data.CVEOverview.safetyRating.type} title="安全评分" />
+                  subValue={data.CVEOverview.safetyRating.type} title={intl.formatMessage({
+                    id: 'pages.home.safety_score',
+                    defaultMessage: 'Safety score',
+                  })} />
               </div>
               <div style={{ display: "flex", marginTop: "24px" }}>
                 <div><CveLable /></div>
@@ -243,7 +316,7 @@ const Home = (props) => {
                   <div style={{ display: "flex", marginBottom: "12px" }}>
                     <div>
                       <div style={{ fontSize: "xx-small", }}>
-                        紧急
+                        <FormattedMessage id="pages.home.exigency" defaultMessage="Exigency" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Critical}
@@ -251,7 +324,7 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", }}>
-                        高危
+                        <FormattedMessage id="pages.home.high_risk" defaultMessage="High risk" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Important}
@@ -259,7 +332,7 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", }}>
-                        中危
+                        <FormattedMessage id="pages.home.risk_in" defaultMessage="Risk in" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Moderate}
@@ -267,21 +340,21 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", }}>
-                        低危
+                        <FormattedMessage id="pages.home.low_risk" defaultMessage="Low-risk" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Low}
                       </div>
                     </div>
                   </div>
-                  <span> 待修复漏洞</span>
+                  <span> <FormattedMessage id="pages.home.vulnerability_fixed" defaultMessage="Vulnerability to be fixed" /></span>
                 </div>
 
                 <div style={{ textAlign: "center" }}>
                   <div style={{ display: "flex", marginBottom: "12px" }}>
                     <div>
                       <div style={{ fontSize: "xx-small", marginRight: "2px" }}>
-                        紧急
+                        <FormattedMessage id="pages.home.exigency" defaultMessage="Exigency" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Critical}
@@ -289,7 +362,7 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", marginRight: "2px" }}>
-                        高危
+                        <FormattedMessage id="pages.home.high_risk" defaultMessage="High risk" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Important}
@@ -297,7 +370,7 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", marginRight: "2px" }}>
-                        中危
+                        <FormattedMessage id="pages.home.risk_in" defaultMessage="Risk in" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Moderate}
@@ -305,44 +378,63 @@ const Home = (props) => {
                     </div>
                     <div>
                       <div style={{ fontSize: "xx-small", marginRight: "2px" }}>
-                        低危
+                        <FormattedMessage id="pages.home.low_risk" defaultMessage="Low-risk" />
                       </div>
                       <div style={{ textAlign: "center", width: "3em", fontSize: "xx-small", margin: "4px", color: "#1E80F1", borderStyle: "solid", borderRadius: "2px", borderColor: "#1E80F1" }}>
                         {data.CVEOverview.CVETobeFixed.Low}
                       </div>
                     </div>
                   </div>
-                  <span > 历史修复漏洞</span>
+                  <span> <FormattedMessage id="pages.home.vulnerability_historical" defaultMessage="Historical fix vulnerability" /></span>
                 </div>
               </div>
 
             </div>
             <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-              <div style={{ marginRight: "8px" }}>安全运营趋势</div>
-              <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+              <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.security_operation" defaultMessage="Security operation trend" /></div>
+              <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
             </div>
             <Line {...securityOperationsTrendsConfig} />
           </ProCard>
-          <ProCard style={{ height: "100%" }} title="宕机中心" subTitle="宕机概述" >
+          <ProCard style={{ height: "100%" }} title={intl.formatMessage({
+            id: 'pages.home.outage_center',
+            defaultMessage: 'Outage center',
+          })} 
+          subTitle={intl.formatMessage({
+            id: 'pages.home.outage_overview',
+            defaultMessage: 'Outage overview',
+          })} >
             <div style={{ display: "flex", justifyContent: "space-around" }}>
-              <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} >核心指标</div>
+              <div style={{ writingMode: "vertical-lr", margin: "8px", paddingTop: "8px", borderRadius: "10px", paddingBottom: "8px", background: "#2C2C2C" }} ><FormattedMessage id="pages.home.core_index" defaultMessage="Core index" /></div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -150, endAngle: 120, color: "#222B4F" }]} warning value={data.CarshOverview.monthlyCrashTimes} title="近30天宕机数" />
+                <ArcLable arcs={[{ startAngle: -150, endAngle: 120, color: "#222B4F" }]} warning value={data.CarshOverview.monthlyCrashTimes} title={intl.formatMessage({
+                  id: 'pages.home.downtime_30day',
+                  defaultMessage: '30days downtime',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -225, endAngle: 45, color: "#222B4F" }]} warning value={data.CarshOverview.weeklyCrashTimes} title="近7天宕机数" />
+                <ArcLable arcs={[{ startAngle: -225, endAngle: 45, color: "#222B4F" }]} warning value={data.CarshOverview.weeklyCrashTimes} title={intl.formatMessage({
+                  id: 'pages.home.downtime_7day',
+                  defaultMessage: '7days downtime',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -180, endAngle: 90, color: "#222B4F" }]} warning value={data.CarshOverview.monthlyCrashRate} title="月宕机率" />
+                <ArcLable arcs={[{ startAngle: -180, endAngle: 90, color: "#222B4F" }]} warning value={data.CarshOverview.monthlyCrashRate} title={intl.formatMessage({
+                  id: 'pages.home.monthly_failure',
+                  defaultMessage: 'Monthly Downtime',
+                })} />
               </div>
               <div style={{ flexBasis: "20%" }}>
-                <ArcLable arcs={[{ startAngle: -270, endAngle: 0, color: "#222B4F" }]} warning value={data.CarshOverview.weeklyCrashRate} title="日宕机率" />
+                <ArcLable arcs={[{ startAngle: -270, endAngle: 0, color: "#222B4F" }]} warning value={data.CarshOverview.weeklyCrashRate} title={intl.formatMessage({
+                  id: 'pages.home.daily_downtime',
+                  defaultMessage: 'Daily downtime',
+                })} />
               </div>
             </div>
 
             <div style={{ display: "flex", marginTop: "16px", marginBottom: "8px" }}>
-              <div style={{ marginRight: "8px" }}>宕机趋势</div>
-              <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> 近三个月</div>
+              <div style={{ marginRight: "8px" }}><FormattedMessage id="pages.home.downtime_trend" defaultMessage="Downtime trend" /></div>
+              <div style={{ fontSize: "xx-small", color: "#1E80F1", borderStyle: "solid", borderRadius: "10px", borderColor: "#1E80F1" }}> <FormattedMessage id="pages.home.three_months" defaultMessage="Three months" /></div>
             </div>
             <Column {...carshTrendsConfig} />
 
diff --git a/sysom_web/src/pages/migrate/implement/components/Banner/index.jsx b/sysom_web/src/pages/migrate/implement/components/Banner/index.jsx
index b082f32cf265e74365bcba8a2f92379aec9cbb5d..d01428215904c9e235e125cf1041b5a32352ccf0 100644
--- a/sysom_web/src/pages/migrate/implement/components/Banner/index.jsx
+++ b/sysom_web/src/pages/migrate/implement/components/Banner/index.jsx
@@ -250,7 +250,7 @@ const machineGroup = (props) => {
               <Statistic
                 title={intl.formatMessage({
                   id: 'pages.migrate.machinestotal',
-                  defaultMessage: 'Total number of machines:',
+                  defaultMessage: 'Machine population:',
                 })}
                 value={nodeTotal}
                 valueStyle={{ color: 'rgba(255,255,255,0.85)', fontSize: 30 }}
@@ -260,7 +260,7 @@ const machineGroup = (props) => {
               <Statistic
                 title={intl.formatMessage({
                   id: 'pages.migrate.migratemachines',
-                  defaultMessage: 'Number of machines to be migrated:',
+                  defaultMessage: 'Machine to be migrated:',
                 })}
                 value={abnormalNodeTotal}
                 valueStyle={{ color: '#FF4D4F', fontSize: 30 }}
diff --git a/sysom_web/src/pages/migrate/implement/components/Nodes/index.jsx b/sysom_web/src/pages/migrate/implement/components/Nodes/index.jsx
index 02503b2fecb608de3c7d8c8e48d62a55b4818bcb..3272d1dfe981e87beb77ec3d75da5685e7baef69 100644
--- a/sysom_web/src/pages/migrate/implement/components/Nodes/index.jsx
+++ b/sysom_web/src/pages/migrate/implement/components/Nodes/index.jsx
@@ -2,7 +2,7 @@
 import React, { Fragment, useContext, useEffect } from 'react';
 import { Card, Tooltip, Skeleton, Modal, message, Menu, Progress, Button } from 'antd';
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
-import { withRouter } from 'umi';
+import { withRouter, useIntl, FormattedMessage } from 'umi';
 
 import { WrapperContext } from '../../containers';
 import { SET_DATA } from '../../containers/constants';
@@ -396,8 +396,8 @@ export default withRouter(
           bordered={false}
           title={
             <span>
-              <em>机器列表</em>
-              <i>（ {nodeTotal}台 ）</i>
+              <em>机器列表 </em>
+              <i>( {nodeTotal} 台 ) </i>
             </span>
           }
           extra={