@titaui/pc 1.8.5 → 1.8.6

package/src/pages/group-management/table/index.js

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import './index.scss';
 import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
 import {isWx,getUserInfo} from '../groupInterface'
+import { getLocale } from '../../../utils/getLocale';
 import ReactTooltip from 'react-tooltip';
 const preCls = 'user-group-page'
 
@@ -15,7 +16,7 @@ export default props => {
   }
   const columns = [
     {
-      title: '姓名',
+      title: getLocale('Mod_UserName'),
       dataIndex: 'name',
       key: 'name',
       render: (text, data) => {
@@ -48,7 +49,7 @@ export default props => {
       }
     },
     {
-      title: '部门',
+      title: getLocale('Mod_Department'),
       dataIndex: 'departmentName',
       key: 'departmentName',
       render:(text,data)=>{

package/src/pages/group-management/tree/add-group-dialog/index.js

@@ -4,6 +4,7 @@ import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 import Toast from "../../../../components/toast"
 import { addGroup } from '../../groupInterface';
+import { getLocale } from '../../../../utils/getLocale';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
 import '../index.scss';
@@ -82,10 +83,10 @@ export default props => {
       title={<div>新增群组</div>}
       footer={[
         <button type="button" className="btn btn-default" key="close" onClick={onDialogCloseHandler}>
-          取消
+          {getLocale('Mod_Cancel')}
         </button>,
         <button type="button" className={`btn ${isDisable?'btn-gray':'btn-primary'}`} disabled={isDisable} key="save" onClick={onAddGroupHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </button>
       ]}
     >

package/src/pages/group-management/tree/delete-group-dialog/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 
+import { getLocale } from '../../../../utils/getLocale.ts';
 import { addGroup, getVisible, editGroup } from '../../groupInterface';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
@@ -41,10 +42,10 @@ export default props => {
         </div>
         <div className={classNames(`${preCls}__dialog-dele-group-footer`)}>
             <div type="button" className="btn btn-default" key="close" onClick={() => setVisible(false)}>
-            取消
+            {getLocale('Mod_Cancel')}
             </div>
             <div type="button" className="btn btn-error" key="dele" onClick={onDelete}>
-            删除
+            {getLocale('Mod_Delete')}
             </div>
         </div> 
     </Dialog>

package/src/pages/group-management/tree/edit-group-dialog/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 import Toast from "../../../../components/toast"
+import { getLocale } from '../../../../utils/getLocale.ts';
 import { addGroup, getVisible, editGroup } from '../../groupInterface';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
@@ -78,10 +79,10 @@ export default props => {
       title={<div>编辑群组</div>}
       footer={[
         <button type="button" className="btn btn-default" key="close" onClick={onDialogCloseHandler}>
-          取消
+          {getLocale('Mod_Cancel')}
         </button>,
         <button type="button" className={`btn ${isDisable?'btn-gray':'btn-primary'}`}  disabled={isDisable}  key="save" onClick={editGroupHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </button>
       ]}
     >

package/src/pages/group-management/tree/group-form/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import UserSelector from '../../../../components/user-selector';
 import { Textarea, Radio } from 'tita-ui';
 import { getVisible } from '../../groupInterface';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss'
 
 const preCls = 'user-group-page'
@@ -108,14 +109,14 @@ export default forwardRef((props, ref) => {
           checked={scopeChecked == 0 ? true : false}
           onChange={() => onRadioClickHandler(0)}
         />
-        <label htmlFor="total" className="text">全部人员</label>
+        <label htmlFor="total" className="text">{getLocale('Pro_page_Plan_Allpersonnel')}</label>
       </span>
       <span>
         <Radio id="scope"
           checked={scopeChecked == 1 ? true : false}
           onChange={() => onRadioClickHandler(1)}
         />
-        <label htmlFor="scope" className="text">指定人员</label>
+        <label htmlFor="scope" className="text">{getLocale('Per_Ass_New_Appr_detail_Design')}</label>
       </span>
       {scopeChecked == 1 &&
         <div className={classNames(`${preCls}__form-field-seletor`)}>

package/src/pages/group-management/tree/operation-panel.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../utils/getLocale';
 import './index.scss';
 
 const preCls = 'user-group-page'
@@ -9,10 +10,10 @@ export default props => {
 
   return <div className={classNames(`${preCls}__operation`)} onClick={e => e.stopPropagation()}>
     <div className={classNames(`${preCls}__operation-item`)} onClick={onEdit}>
-      <span>编辑</span>
+      <span>{getLocale('Mod_Editor')}</span>
     </div>
     <div className={classNames(`${preCls}__operation-item`)} onClick={onDelete}>
-      <span>删除</span>
+      <span>{getLocale('Mod_Delete')}</span>
     </div>
   </div>
 }

package/src/pages/group-management/tree/trigger-render.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Trigger from 'rc-trigger';
 import OpeartionPanel from './operation-panel';
 import { deleteGroupType } from "../groupInterface"
+import { getLocale } from '../../../utils/getLocale';
 import Toast from "../../../components/toast"
 import DeleteGroupDialog from './delete-group-dialog';
 import './index.scss';
@@ -18,7 +19,7 @@ export default props => {
   const onDeleteOk = () =>{
     deleteGroupType(props.id).then(res=>{
       if(res.Code==1){
-        Toast.Success('删除成功')
+        Toast.Success(getLocale('Pro_detail_Deletsuccess'))
       }
       props.onDelete && props.onDelete(props)
     } 

package/src/pages/home/components/data-list/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, Fragment } from "react";
 import HomeDataTable from "./table";
 import HomeNavSelector from './nav-selector'
+import { getLocale } from "../../../../utils/getLocale";
 // import Pagination from '../../../../components/pagination'
 import './index.scss'
 
@@ -18,18 +19,18 @@ const HomePageDataList = () => {
 
   const [source, setSource] = useState('')//从url中获取页面来源
   const [type, setType] = useState('')//从url中获取查找类型
-  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: '全部周期', yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
+  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: getLocale('OKR_MyO_Butt_AllStates'), yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
 
   const typeMap = new Map()
-  typeMap.set('all', '全部')
-  typeMap.set('hadNotAlign', '未对齐')
-  typeMap.set('hadAlign', '已对齐')
-  typeMap.set('hadNotUpdate', '未更新')
-  typeMap.set('hadUpdate', '已更新')
-  typeMap.set('normalOkr', '正常')
-  typeMap.set('riskOkr', '有风险')
-  typeMap.set('dalyOkr', '已延期')
-  typeMap.set('endOkr', '已结束')
+  typeMap.set('all', getLocale('Mod_all'))
+  typeMap.set('hadNotAlign', getLocale('OKR_Db_Unaligned'))
+  typeMap.set('hadAlign', getLocale('OKR_Db_Aligned'))
+  typeMap.set('hadNotUpdate', getLocale('HP_Notupdated'))
+  typeMap.set('hadUpdate', getLocale('HP_Updated'))
+  typeMap.set('normalOkr', getLocale('OKR_MyO_Pop_Upd_Notrack'))
+  typeMap.set('riskOkr', getLocale('OKR_MyO_Pop_Upd_Atrisk'))
+  typeMap.set('dalyOkr', getLocale('OKR_MyO_Pop_Upd_Postoned'))
+  typeMap.set('endOkr', getLocale('OKR_MyO_Butt_Hasended'))
 
 
   useEffect(() => {
@@ -53,7 +54,7 @@ const HomePageDataList = () => {
         {/* 为什么inline不可以？ */}
         <a href='#homepage' className={`${preCls}__header--back`} >
           <span className="tu-icon-fanhui" />
-          返回
+          {getLocale('Mod_Back')}
         </a>
         <b />
         {source === 'align' && 'OKR 对齐'}

package/src/pages/home/components/data-list/nav-selector/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import SearchDropdown from '../../../../../components/search-dropdown'
 import PeriodSelector from '../../../../../components/period-selector'
-
+import { getLocale } from "../../../../../utils/getLocale";
 import { CycleTime } from '../index'
 
 interface Props {
@@ -24,7 +24,7 @@ const HomeNavSelector = (props: Props) => {
     switch (cycleType) {
       case '-1':
         setCycleTime({
-          name: '全部周期',
+          name: getLocale('OKR_MyO_Butt_AllStates'),
           cycleType: cycleType,
           yearNum: annualNum,
           yqmNum: yqmNum
@@ -32,7 +32,7 @@ const HomeNavSelector = (props: Props) => {
         break
       case '0':
         setCycleTime({
-          name: '自定义',
+          name: getLocale('Mod_Customization'),
           yearNum: annualNum,
           cycleType: cycleType,
           yqmNum: yqmNum
@@ -93,27 +93,27 @@ const HomeNavSelector = (props: Props) => {
           {
             source === 'align' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotAlign'>未对齐</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadAlign'>已对齐</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadNotAlign'>{getLocale('OKR_Db_Unaligned')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadAlign'>{getLocale('OKR_Db_Aligned')}</SearchDropdown.Option>
             </SearchDropdown>
           }
           {
             source === 'update' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotUpdate'>未更新</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadUpdate'>已更新</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadNotUpdate'>{getLocale('HP_Notupdated')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadUpdate'>{getLocale('HP_Updated')}</SearchDropdown.Option>
             </SearchDropdown>
           }
           {
             source === 'target' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='normalOkr'>正常</SearchDropdown.Option>
-              <SearchDropdown.Option value='riskOkr'>有风险</SearchDropdown.Option>
-              <SearchDropdown.Option value='dalyOkr'>已延期</SearchDropdown.Option>
-              <SearchDropdown.Option value='endOkr'>已结束</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='normalOkr'>{getLocale('OKR_MyO_Pop_Upd_Notrack')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='riskOkr'>{getLocale('OKR_MyO_Pop_Upd_Atrisk')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='dalyOkr'>{getLocale('OKR_MyO_Pop_Upd_Postoned')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='endOkr'>{getLocale('OKR_MyO_Butt_Hasended')}</SearchDropdown.Option>
             </SearchDropdown>
           }
         </div>

package/src/pages/home/components/data-list/table/columns/index.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import LinkColumn from './link';
 import OkrNameColumn from "./okrName";
 import ProgressAndRiskColumn from './progressAndRisk';
+import { getLocale } from '../../../../../../utils/getLocale';
 import TagColumn from './tag';
 import UserColumn from './user';
 import CycleTime from './cycleTime'
@@ -9,7 +10,7 @@ import UpdateTime from './updateTime'
 import CreateDate from './createDate'
 
 export const okrAlignColumns = [{
-  title: '名称',
+  title: getLocale('Mod_Name'),
   width: '38%',
   render: (data) => <OkrNameColumn onClick={data.behave}>{data.okrName}</OkrNameColumn>
 }, {
@@ -17,7 +18,7 @@ export const okrAlignColumns = [{
   width: '19%',
   render: (data) => <CycleTime>{data.cycleTime}</CycleTime>
 }, {
-  title: '负责人',
+  title: getLocale('Mod_Owner'),
   width: '12%',
   render: (data) => <UserColumn userInfo={data.userInfo} />
 }, {
@@ -25,21 +26,21 @@ export const okrAlignColumns = [{
   width: '12%',
   render: (data) => <ProgressAndRiskColumn status={data.status} progress={data.progress} riskLevel={data.riskLevel} />
 }, {
-  title: '状态',
+  title: getLocale('Mod_States'),
   width: '12%',
-  render: (data) => <TagColumn color={data.typeName === '已对齐' ? "green" : 'red'}>
+  render: (data) => <TagColumn color={data.typeName === getLocale('OKR_Db_Aligned') ? "green" : 'red'}>
     {data.typeName}
   </TagColumn>
 }, {
-  title: '操作',
+  title: getLocale('Mod_Operation'),
   width: '7%',
   render: (data) => <LinkColumn onClick={data.behave} >
-    {data.typeName === '已对齐' ? '查看详情' : '去对齐'}
+    {data.typeName === getLocale('OKR_Db_Aligned') ? getLocale('Mod_Checkdetails') : '去对齐'}
   </LinkColumn>
 }]
 
 export const okrUpdateColumns = [{
-  title: '名称',
+  title: getLocale('Mod_Name'),
   width: '38%',
   render: (data) => <OkrNameColumn onClick={data.behave} type={data.okrType}>{data.okrName}</OkrNameColumn>
 }, {
@@ -47,7 +48,7 @@ export const okrUpdateColumns = [{
   width: '19%',
   render: (data) => <CycleTime>{data.cycleTime}</CycleTime>
 }, {
-  title: '负责人',
+  title: getLocale('Mod_Owner'),
   width: '12%',
   render: (data) => <UserColumn userInfo={data.userInfo} />
 }, {
@@ -55,20 +56,20 @@ export const okrUpdateColumns = [{
   width: '12%',
   render: (data) => <ProgressAndRiskColumn status={data.status} progress={data.progress} riskLevel={data.riskLevel} />
 }, {
-  title: '最近更新',
+  title: getLocale('Pro_detail_Recentupdated'),
   width: '12%',
   render: (data) => <UpdateTime updateTime={data.updateTime} />
 }, {
-  title: '操作',
+  title: getLocale('Mod_Operation'),
   width: '7%',
   render: (data) =>
     <LinkColumn onClick={data.behave}>
-      {data.typeName === '已更新' ? '查看详情' : '去更新'}
+      {data.typeName === getLocale('HP_Updated') ? getLocale('Mod_Checkdetails') : getLocale('OKR_OKRW_Gotoupdate')}
     </LinkColumn >
 }]
 
 export const myOkrColumns = [{
-  title: '名称',
+  title: getLocale('Mod_Name'),
   width: '38%',
   render: (data) => <OkrNameColumn onClick={data.behave} type={data.okrType}>{data.okrName}</OkrNameColumn>
 }, {
@@ -76,7 +77,7 @@ export const myOkrColumns = [{
   width: '19%',
   render: (data) => <CycleTime>{data.cycleTime}</CycleTime>
 }, {
-  title: '负责人',
+  title: getLocale('Mod_Owner'),
   width: '12%',
   render: (data) => <UserColumn userInfo={data.userInfo} />
 }, {
@@ -84,7 +85,7 @@ export const myOkrColumns = [{
   width: '12%',
   render: (data) => <ProgressAndRiskColumn status={data.status} progress={data.progress} riskLevel={data.riskLevel} />
 }, {
-  title: '最近更新',
+  title: getLocale('Pro_detail_Recentupdated'),
   width: '12%',
   render: (data) => <UpdateTime updateTime={data.updateTime} />
 }, {

package/src/pages/home/components/data-list/table/columns/progressAndRisk.tsx

@@ -1,4 +1,5 @@
 import React, { ReactElement, useState, useEffect, useRef } from 'react'
+import { getLocale } from '../../../../../../utils/getLocale';
 import Tooltip from '../../../../../../components/tooltip'
 interface Props {
   progress: number;
@@ -16,24 +17,24 @@ function ProgressAndRiskColumn({ progress, riskLevel, status }: Props): ReactEle
   useEffect(() => {
     if (status === 2) {
       setColors(['#96A9C4', '#7585A2'])
-      setTipText('已结束')
+      setTipText(getLocale('OKR_MyO_Butt_Hasended'))
     } else {
       switch (riskLevel) {
         case 0: case 1: case 6:
           setColors(['#94C2FD', '#5B8FF9'])
-          setTipText('正常')
+          setTipText(getLocale('OKR_MyO_Pop_Upd_Notrack'))
           break;
         case 2:
           setColors(['#FFCE6B', '#FAAD14'])
-          setTipText('有风险')
+          setTipText(getLocale('OKR_MyO_Pop_Upd_Atrisk'))
           break;
         case 3: case 5:
           setColors(['#FF9C9C', '#F36E6E'])
-          setTipText('已延期')
+          setTipText(getLocale('OKR_MyO_Pop_Upd_Postoned'))
           break;
         case 4:
           setColors(['#96A9C4', '#7585A2'])
-          setTipText('已结束')
+          setTipText(getLocale('OKR_MyO_Butt_Hasended'))
           break;
       }
     }

package/src/pages/home/components/data-list/table/utils-function.ts

@@ -1,5 +1,6 @@
 import { postForTableList } from '../../../../../utils/request'
 import { TableData } from './data-list-interface'
+import { getLocale } from '../../../../../utils/getLocale'
 import drawerManager from '../../../../../components/drawer-manager'
 import { okrAlignColumns, okrUpdateColumns, myOkrColumns } from './columns'
 
@@ -96,7 +97,7 @@ export default (source, params): Promise<{ dataList: TableData[], dataTotal: num
               },
               riskLevel: item.manualRiskLevel,
               progress: item.progress,
-              typeName: item.parentId > 0 || item.parentKrId > 0 ? '已对齐' : '未对齐',
+              typeName: item.parentId > 0 || item.parentKrId > 0 ? getLocale('OKR_Db_Aligned') : getLocale('OKR_Db_Unaligned'),
               updateTime: item.lastUpdatedDate,
               status: item.status,
               createDate: item.CreateDate,

package/src/pages/home/components/guide/index.tsx

@@ -1,8 +1,9 @@
 import { getUserInfo } from "../../../../utils/bs-global";
 import React, { ReactElement, useState, useEffect } from "react";
 import Queue from "rc-queue-anim";
-import "./index.scss";
+import { getLocale } from "../../../../utils/getLocale";
 import HomeGuideStepItem from "./stepItem";
+import "./index.scss";
 
 interface Props {}
 
@@ -28,7 +29,7 @@ function HomePageGuide({}: Props): ReactElement {
           onClick={() => setVisible(true)}
         >
           <i className="tu-icon-T-zhinan" />
-          如何使用 Tita
+            {getLocale('HP_HowTita')}
         </div>
       )}
       {visible && (
@@ -40,30 +41,30 @@ function HomePageGuide({}: Props): ReactElement {
             />
             <div className={prefixCls + "__guide-steps"}>
               <div className={prefixCls + "__guide-title"}>
-                四步上手 Tita OKR
+                {getLocale('HP_FourstepsTita')}
               </div>
               <HomeGuideStepItem
-                title="设定 OKR"
+                title={getLocale('HP_DevelopOKR')}
                 step={1}
-                linkName="教程: 如何在 Tita 上设定 OKR"
+                linkName={getLocale('HP_Tut_developOKRs')}
                 href="https://club.tita.com/18150.html"
               />
               <HomeGuideStepItem
-                title="对齐 OKR"
+                title={getLocale('HP_AlignmentOKR')}
                 step={2}
-                linkName="教程: 如何在 Tita 上对齐 OKR"
+                linkName={getLocale('HP_TutalignmentOKR')}
                 href="https://club.tita.com/18150.html"
               />
               <HomeGuideStepItem
-                title="任务执行支撑目标达成"
+                title={getLocale('HP_Taskachievement')}
                 step={3}
-                linkName="教程: 如何在 Tita 上分解任务"
+                linkName={getLocale('HP_TuttasksonTita')}
                 href="https://club.tita.com/18165.html"
               />
               <HomeGuideStepItem
-                title="更新进度"
+                title={getLocale('HP_UpdateProgress')}
                 step={4}
-                linkName="教程: 如何在 Tita 上更新 OKR"
+                linkName={getLocale('HP_TutOKRonTita')}
                 href="https://club.tita.com/18179.html"
                 isFinalStep
               />
@@ -74,7 +75,7 @@ function HomePageGuide({}: Props): ReactElement {
                 target="_blank"
               >
                 <i className="tu-icon-shoushi" />
-                更多产品培训课程
+                {getLocale('HP_Morecourses')}
               </a>
             </div>
           </div>

package/src/pages/home/components/header/index.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react'
 import Tabs,{ TabPane }  from '../../../../components/tabs'
+import { getLocale } from '../../../../utils/getLocale'
 import "./index.scss"
 
 interface Props {
@@ -10,7 +11,7 @@ function Header({}: Props): ReactElement {
   return (
     <div className="tita-tab-header">
       <Tabs size={"big"}>
-        <TabPane tab="我的" tabKey="my"></TabPane>
+        <TabPane tab={getLocale('HP_My')} tabKey="my"></TabPane>
       </Tabs>
     </div>
   )

package/src/pages/home-page-data-list/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import HomeDataTable from '../home/components/data-list/table';
 import HomeNavSelector from '../home/components/data-list/nav-selector';
+import { getLocale } from '../../utils/getLocale';
 // import Pagination from '../../../../components/pagination'
 import '../home/components/data-list/index.scss';
 
@@ -17,22 +18,22 @@ const HomePageDataList = () => {
   const [source, setSource] = useState(''); //从url中获取页面来源
   const [type, setType] = useState(''); //从url中获取查找类型
   const [cycleTime, setCycleTime] = useState<CycleTime>({
-    name: '全部周期',
+    name: getLocale('OKR_MyO_Butt_AllStates'),
     yearNum: '2021',
     cycleType: '-1',
     yqmNum: '0',
   }); //周期时间
 
   const typeMap = new Map();
-  typeMap.set('all', '全部');
-  typeMap.set('hadNotAlign', '未对齐');
-  typeMap.set('hadAlign', '已对齐');
-  typeMap.set('hadNotUpdate', '未更新');
-  typeMap.set('hadUpdate', '已更新');
-  typeMap.set('normalOkr', '正常');
-  typeMap.set('riskOkr', '有风险');
-  typeMap.set('dalyOkr', '已延期');
-  typeMap.set('endOkr', '已结束');
+  typeMap.set('all', getLocale('Mod_all'));
+  typeMap.set('hadNotAlign', getLocale('OKR_Db_Unaligned'));
+  typeMap.set('hadAlign', getLocale('OKR_Db_Aligned'));
+  typeMap.set('hadNotUpdate', getLocale('HP_Notupdated'));
+  typeMap.set('hadUpdate', getLocale('HP_Updated'));
+  typeMap.set('normalOkr', getLocale('OKR_MyO_Pop_Upd_Notrack'));
+  typeMap.set('riskOkr', getLocale('OKR_MyO_Pop_Upd_Atrisk'));
+  typeMap.set('dalyOkr', getLocale('OKR_MyO_Pop_Upd_Postoned'));
+  typeMap.set('endOkr', getLocale('OKR_MyO_Butt_Hasended'));
 
   useEffect(() => {
     const query = window.location.hash.split('?')[1]; //将hash后的以#分开，取后面
@@ -54,7 +55,7 @@ const HomePageDataList = () => {
         {/* 为什么inline不可以？ */}
         <a href="#homepage" className={`${preCls}__header--back`}>
           <span className="tu-icon-fanhui" />
-          返回
+          {getLocale('Mod_Back')}
         </a>
         <b />
         {source === 'align' && 'OKR 对齐'}

package/src/pages/like-ranking/column.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import TooltipText from "../../components/tooltip/tooltip-text";
 
 import Avatar from "../../components/avatar/default"
-import { isWx, getUserInfo,formatNum } from "../../utils/bs-global";
-import { getUrlForUserPage } from "../../utils/tools";
-import { OpenUserName, OpenDepartmentName, isWechat } from "../../utils/open-data";
+import { formatNum } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
+import { OpenUserName, OpenDepartmentName, } from "../../utils/open-data";
 
 import "./index.scss";
 
@@ -27,7 +27,7 @@ export const columns = () => {
 
   return [
     {
-      title: "排名",
+      title: getLocale('Feed_Set_Form_Title_Ranking'),
       dataIndex: "rankNum",
       width:100,
       key: "rankNum",
@@ -39,7 +39,7 @@ export const columns = () => {
       },
     },
     {
-      title: "姓名",
+      title: getLocale('Mod_UserName'),
       dataIndex: "name",
       key: "name",
       width:100,
@@ -71,7 +71,7 @@ export const columns = () => {
       },
     },
     {
-      title: "所属部门",
+      title: getLocale('Per_Ass_New_Appr_detail_Affiliat'),
       width:100,
       dataIndex: "departmentName",
       key: "departmentName",
@@ -88,7 +88,7 @@ export const columns = () => {
       },
     },
     {
-      title: "一级部门",
+      title: getLocale('Per_Ass_New_Appr_detail_First'),
       width:100,
       dataIndex: "oneLevelDepName",
       key: "oneLevelDepName",
@@ -105,7 +105,7 @@ export const columns = () => {
       },
     },
     {
-      title: "点赞数",
+      title: getLocale('Feed_Set_Form_Title_Likes'),
       width:100,
       dataIndex: "pariseNums",
       key: "pariseNums",
@@ -114,7 +114,7 @@ export const columns = () => {
         return (
           <span className={`${preCls}__td-like`}>
             <span className={`${preCls}__td-num`}>{formatNum(data.pariseNums)}</span>
-            点赞
+            {getLocale('Mod_Kudos')}
           </span>
         );
       },

package/src/pages/like-ranking/filter-buttons/department.tsx

@@ -1,5 +1,6 @@
-import React, { FC, useState, useRef } from "react";
+import React, { FC, useRef } from "react";
 
+import { getLocale } from "../../../utils/getLocale";
 import UserSelector from "../../../components/user-selector";
 import SearchDropdown from "./search-dropdown";
 import "./index.scss";
@@ -23,7 +24,7 @@ const DepartMent: FC<any> = ({ setParma }) => {
         onSelect={onDepartSelect}
         position="bottomLeft"
       >
-        <SearchDropdown>部门</SearchDropdown>
+        <SearchDropdown>{getLocale('Mod_Department')}</SearchDropdown>
       </UserSelector>
 
     </div>