@titaui/pc 1.8.61 → 1.9.3

package/src/components/okr-detail/components/score/index.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import classNames from "classnames";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 interface IProps {
@@ -51,7 +52,7 @@ const Score = (props: IProps) => {
         <span className={`okr-drawer-score__text`}>{score == 1 ? '1': Number(score).toFixed(2) * 1}分</span> :
         <span>
           <span />
-          <span>{editable ? '评分' : '--'}</span>
+          <span>{editable ? getLocale('Per_Ass_New_Appr_detail_Scor') : '--'}</span>
         </span>
       }
     </span>

package/src/components/okr-detail/detail-footer/index.tsx

@@ -3,6 +3,7 @@ import { OpenUserName } from '../../../utils/open-data';
 import { addComment } from '../request-apis';
 import { getBSGlobal } from '../../../utils/bs-global'
 import MBlog from '../../mblog';
+import { getLocale } from "../../../utils/getLocale";
 import './index.scss';
 
 const loginUserId = getBSGlobal('loginUserInfo').Id;
@@ -63,7 +64,7 @@ function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }:
     return (
       <div className='okr-detail-drawer-bottom-mblog-wrapper' onMouseDown={e => e.stopPropagation()}>
         {!!reply && <div className="okr-detail-reply-to-user" style={{ height: 'auto', padding: '3px 0' }}>
-          <span style={{ position: 'relative', top: '2px' }}>回复</span>
+          <span style={{ position: 'relative', top: '2px' }}>{getLocale('Mod_Reply')}</span>
           <div className="okr-detail-drawer-reply-user">
             <span className="name"><OpenUserName name={reply.userName} id={reply.userId} /></span>
             <span className="tu-icon-cross" onClick={() => {
@@ -73,13 +74,13 @@ function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }:
         </div>}
         <MBlog
           defaultContent={''}
-          placeholderText="请输入沟通内容"
+          placeholderText={getLocale('Mod_contentofyour')}
           isHasPlaceholder
           isShowRangeDropDown={false}
           isShowSendSms={false}
           isShowBtnCancel={false}
           isShowRange={false}
-          submitText='发布'
+          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
           initialTextHeight={96}
           autoResizing={false}
           autoFocus={autoFocus}
@@ -101,7 +102,7 @@ function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }:
       onClick={() => setActive(true)}
     >
       <i className="tu-icon-bianji2" />
-      需要沟通，请 @ta
+      {getLocale('Mod_Needcommunicate')}
       <img src={require('../images/nice.svg')} />
     </div>
   );

package/src/components/okr-detail/detail-header/actions.tsx

@@ -2,6 +2,7 @@ import { getBSGlobal } from '../../../utils/bs-global';
 import { OAuth } from '../../../utils/auth';
 import { OkrRole, OkrStatus } from './enums';
 import dayjs from 'dayjs';
+import { getLocale } from "../../../utils/getLocale";
 
 interface IOkrHeadActionData {
   roleType: number;
@@ -43,7 +44,7 @@ export function getOkrHeadActions(data: IOkrHeadActionData) {
 const addShareButton: ActionDealFunction = ({ openShareModal }, actions) => {
   actions.push({
     icon: 'tu-icon-fenxiang',
-    title: '分享',
+    title: getLocale('OKR_MyO_Share'),
     onClick: openShareModal
   });
 };
@@ -52,26 +53,26 @@ const addVisibilityButton: ActionDealFunction = ({auth,visibility, detailInfo,ch
   
   let children = [
     {
-      title: '全公司',
+      title: getLocale('OKR_MyO_Pop_Public'),
       onClick:() => changeVisiblilty(1)
     },
     {
-      title: '仅相关成员',
+      title: getLocale('OKR_MyO_From_Associatedmem'),
       onClick:() => changeVisiblilty(2)
     },
     {
-      title: '仅直接下属',
+      title: getLocale('OKR_MyO_Pop_Directrep'),
       onClick:() => changeVisiblilty(3)
     },
     {
-      title: '指定范围',
+      title: getLocale('OKR_MyO_Pop_Specified'),
       onClick:() => changeVisiblilty(4)
     },
   ]
   const editable = auth.hasAuth() && detailInfo.status == OkrStatus.inProgress;
   actions.push({
     icon: visibility != 1 ? 'tu-icon-simi-icon' : 'tu-icon-gongkai',
-    title: children[visibility - 1].title + '可见',
+    title: children[visibility - 1].title + getLocale('OKR_MyO_Text_Visible'),
     children: editable ? children : null,
   });
 };
@@ -89,7 +90,7 @@ const addFollowButton: ActionDealFunction = ({ roleType,detailInfo,onChangeOkrFo
   if (roleType == OkrRole.follower) {
     actions.push({
       icon: 'okr-drawer-header-followed',
-      title: '取消关注',
+      title: getLocale('OKR_MyO_Butt_Unfollow'),
       onClick: () => onChangeOkrFollow(false)
     });
     return;
@@ -106,7 +107,7 @@ const addExitButton: ActionDealFunction = ({roleType,onQuit},actions) => {
   if(roleType == OkrRole.member){
     actions.push({
       icon:'tu-icon-tuichu',
-      title: '退出参与',
+      title: getLocale('Pro_Admin_pop_Withdraw'),
       onClick: onQuit
     })
   }
@@ -119,7 +120,7 @@ const addFinishOrReopenButton: ActionDealFunction = ({ detailInfo,auth,onFinishO
   if(detailInfo.status == OkrStatus.inProgress){
     actions.push({
       icon:'tu-icon-liebiao-jieshu',
-      title: '结束目标',
+      title: getLocale('OKR_MyO_EndObjective'),
       onClick: ()=>onFinishOrReOpen(true)
     })
   }else {
@@ -135,7 +136,7 @@ const addFinishOrReopenButton: ActionDealFunction = ({ detailInfo,auth,onFinishO
 const addCopyButton: ActionDealFunction = ({onCopyOkr}, actions) => {
   actions.push({
     icon:'tu-icon-liebiao-fuzhi',
-    title: '复制目标',
+    title: getLocale('OKR_MyO_Butt_CopyObjective'),
     onClick: () => onCopyOkr()
   })
 }
@@ -144,7 +145,7 @@ const addDeleteButton: ActionDealFunction = ({auth,onDeleteOkr},actions) => {
   if(!auth.hasAuth()) return;
   actions.push({
     icon:'tu-icon-del',
-    title: '删除目标',
+    title: getLocale('OKR_MyO_Butt_DeleteO'),
     onClick:onDeleteOkr
   })
 }

package/src/components/okr-detail/detail-header/confirm.tsx

@@ -1,8 +1,7 @@
-import React, { ReactElement } from 'react';
+import React, { ReactElement, useState, useCallback } from 'react';
 import ReactDom from 'react-dom';
 import Confirm, { CancelButton, SureButton } from '../../../components/dialog-confirm';
-import { useState } from 'react';
-import { useCallback } from 'react';
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   title: string;
@@ -30,11 +29,11 @@ function OkrDetailHeaderConfirm({ onConfirm, title='', content='' }: Props): Rea
       }
 
       <CancelButton type='button' onClick={() => handleConfirm(false)}>
-        取消
+        {getLocale('Mod_Cancel')}
       </CancelButton>
-      {/* <WarningButton type="button">删除</WarningButton> */}
+      {/* <WarningButton type="button">{getLocale('Mod_Delete')}</WarningButton> */}
       <SureButton type='button' onClick={() => handleConfirm(true)}>
-        确定
+        {getLocale('OKR_MyO_Butt_Determine')}
       </SureButton>
     </Confirm>
   );

package/src/components/okr-detail/detail-header/delete-confirm/delete-confirm.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement, useState } from 'react'
 import { DeleteWrapper, DeleteTitle, Options, ButtonGroup, Icon } from './style';
 import { Button } from 'tita-ui';
 import  Tooltip  from '../../../tooltip'
+import { getLocale } from "../../../../utils/getLocale";
 
 interface Props {
   onConfirm: any
@@ -12,7 +13,7 @@ interface DeleteOptionsObj {
   text: string;
   tips: string;
 }
-const deleteOptions: DeleteOptionsObj[] = [
+const getDeleteOptions = ():DeleteOptionsObj[] => [
   {
     id: 0,
     text: '不删除目标下的任务',
@@ -21,12 +22,12 @@ const deleteOptions: DeleteOptionsObj[] = [
   {
     id: 1,
     text: '同时删除目标下所有任务',
-    tips: '审批中的任务将不会被删除',
+    tips: getLocale('Pro_detail_Tasksapproval'),
   },
   {
     id: 2,
-    text: '同时删除我负责的，我参与的，我派发的任务',
-    tips: '审批中的任务将不会被删除',
+    text: getLocale('Pro_detail_Attheametime'),
+    tips: getLocale('Pro_detail_Tasksapproval'),
   },
 ];
 function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
@@ -35,7 +36,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
     <DeleteWrapper onClick={e => e.stopPropagation()}>
       <DeleteTitle>目标删除操作不可恢复！请谨慎操作</DeleteTitle>
       <div>
-        {deleteOptions.map((option: DeleteOptionsObj) => (
+        {getDeleteOptions().map((option: DeleteOptionsObj) => (
           <Options key={option.id} onClick={() => setSelected(option.id)}>
             <Icon
               className={
@@ -57,7 +58,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
             onCancel()
           }}
         >
-          取消
+          {getLocale('Mod_Cancel')}
         </Button>
         <Button
           type='primary'
@@ -65,7 +66,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
             onConfirm(selected)
           }
         >
-          提交
+          {getLocale('Pro_detail_Submission')}
         </Button>
       </ButtonGroup>
     </DeleteWrapper>

package/src/components/okr-detail/detail-header/index.tsx

@@ -25,6 +25,7 @@ import { PopConfirm } from "tita-ui";
 import { GeneralDataContext, CommonContext } from "../context";
 import OkrDeleteConfirm from "./delete-confirm/delete-confirm";
 import drawerManager from "../../drawer-manager";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -52,7 +53,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
           areaUserIds: (visibilityScope.users || []).map((g) => g.userId),
         },
       });
-      Toast.Success("操作成功");
+      Toast.Success(getLocale('Mod_Successfuloperat'));
       context.setGeneralVisibility({ visibility, visibilityScope });
     },
     [detailInfo]
@@ -105,7 +106,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
             : await deleteUser(loginUserId, detailInfo.workId, 3);
           context.setGeneralRoleType(follow ? 3 : 0);
           //关注
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
           if (!follow) {
             commonContext.refreshAll();
           }
@@ -113,7 +114,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
       },
       onFinishOrReOpen: async (isFinish: boolean) => {
         const res = await openOkrHeaderConfirm(
-          isFinish ? "确定结束该目标吗？" : "确定重启该目标吗？"
+          isFinish ? getLocale('OKR_MyO_Areycloseobjective') : "确定重启该目标吗？"
         );
         if (res) {
           isFinish
@@ -121,7 +122,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
             : await start(detailInfo.workId);
           commonContext.refreshAll();
           //刷新
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
         }
       },
       onQuit: async () => {
@@ -134,7 +135,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
           // context.setGeneralRoleType(0)
           commonContext.refreshAll();
           //刷新
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
         }
       },
     });
@@ -216,7 +217,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
                 'deleteType': selected,
                 'workId': detailInfo.workId,
               });
-              Toast.Success("删除成功");
+              Toast.Success(getLocale('Pro_detail_Deletsuccess'));
               commonContext.refreshAll();
             }}
             onCancel={() => popRef.current && popRef.current.getRef().hide()}

package/src/components/okr-detail/e-list/search-form/fields/e-order.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import DropSelector, { Item } from '../../../../drop-selector';
 import DownArrowSvg from '../../images/line-down-arrow.svg';
+import { getLocale } from "../../../../../utils/getLocale";
 
 import '../index.scss';
 import './index.scss';
@@ -82,19 +83,19 @@ export default props => {
       onChange={onChangeHandler}
       popupPlacement={'bottomLeft'}
       checked={['orderBySystem']}
-      trigger={<div className={classNames(`${preCls}__field-order`)}>默认排序 <i className={'tu-icon-arrow-down'}/></div>}
+      trigger={<div className={classNames(`${preCls}__field-order`)}>{getLocale('OKR_MyO_E_From_Defaultsort')} <i className={'tu-icon-arrow-down'}/></div>}
     >
       <Item name="orderBySystem">
-        <span className={selectName === 'orderBySystem' ? classNames(`${preCls}__select-item--selected`) : ''}>系统默认排序</span>
+        <span className={selectName === 'orderBySystem' ? classNames(`${preCls}__select-item--selected`) : ''}>{getLocale('Pro_page_Plan_Sysdefault')}</span>
       </Item>
       <Item name="orderByCreateDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByCreateDate} label="创建时间" />
+        <OrderItem order={orderByCreateDate} label={getLocale('OKR_MyO_E_From_Creationtime')} />
       </Item>
       <Item name="orderByStartDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByStartDate} label="开始时间" />
+        <OrderItem order={orderByStartDate} label={getLocale('Mod_Startingtime')} />
       </Item>
       <Item name="orderByEndDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByEndDate} label="结束时间" />
+        <OrderItem order={orderByEndDate} label={getLocale('Mod_EndTime')} />
       </Item>
     </DropSelector>
   </div>

package/src/components/okr-detail/e-list/search-form/fields/e-status.js

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import DropSelector, { Item } from '../../../../drop-selector';
 import DownArrowSvg from '../../images/line-down-arrow.svg';
+import { getLocale } from "../../../../../utils/getLocale";
 
 import '../index.scss';
 
@@ -34,15 +35,15 @@ export default (props) => {
       hideOnChange={false}
       onChange={onItemClickHandler}
       limitHeight={false}
-      trigger={<div className={classNames(`${preCls}__field-status`)}>状态 <i className={'tu-icon-arrow-down'}/></div>}
+      trigger={<div className={classNames(`${preCls}__field-status`)}>{getLocale('Mod_States')} <i className={'tu-icon-arrow-down'}/></div>}
     >
-      <Item name="all">全部状态</Item>
-      <Item name="unstart">未开始</Item>
-      <Item name="doing">进行中</Item>
-      <Item name="finish">已结束</Item>
-      <Item name="delay">已延迟</Item>
-      <Item name="cancel">已取消</Item>
-      <Item name="pause">暂停中</Item>
+      <Item name="all">{getLocale('OKR_MyO_Butt_AllStates')}</Item>
+      <Item name="unstart">{getLocale('OKR_MyO_E_From_NotStarted')}</Item>
+      <Item name="doing">{getLocale('Per_MyRe_text_Inprogress')}</Item>
+      <Item name="finish">{getLocale('OKR_MyO_Butt_Hasended')}</Item>
+      <Item name="delay">{getLocale('OKR_MyO_E_From_Delayed')}</Item>
+      <Item name="cancel">{getLocale('OKR_MyO_E_From_Cancelled')}</Item>
+      <Item name="pause">{getLocale('OKR_MyO_E_From_Suspended')}</Item>
     </DropSelector>
   </div>
 }

package/src/components/okr-detail/e-list/search-form/fields/e-user.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import FieldTreeSelector from '../../../../user-selector/export-modules/field-tree-selector';
+import { getLocale } from "../../../../../utils/getLocale";
 import '../index.scss';
 
 const preCls = 'ode-search-form';
@@ -20,7 +21,7 @@ export default ({ selectUsers, setSelectUsers }) => {
       disabledDepartSelect={true}
       panes={{ 'depart': true, 'group': false }}
     >
-      <div className={classNames(`${preCls}__field-user`)}>人员 <i className={'tu-icon-arrow-down'} /></div>
+      <div className={classNames(`${preCls}__field-user`)}>{getLocale('Per_Ma_form_detail_Personnel')} <i className={'tu-icon-arrow-down'} /></div>
     </FieldTreeSelector>
   </div >
 }

package/src/components/okr-detail/e-list/search-form/index.js

@@ -6,7 +6,7 @@ import EStatusField from "./fields/e-status";
 import EOrderField from "./fields/e-order";
 import EUserField from "./fields/e-user";
 import { getUserInfo } from "../../../../utils/bs-global";
-
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const preCls = "ode-search-form";
@@ -57,7 +57,7 @@ export default (props) => {
       JSON.stringify(selectUsers)
     );
     setHasRememberCondition(true);
-    Toast.Success("操作成功", { canClose: false });
+    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
   };
 
   const handleCancelRemeberSearchCondition = () => {
@@ -67,7 +67,7 @@ export default (props) => {
     localStorage.setItem(`okrDrawerENoteOrder${loginUser}`, "");
     localStorage.setItem(`okrDrawerESelectUsers${loginUser}`, "");
     setHasRememberCondition(false);
-    Toast.Success("操作成功", { canClose: false });
+    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
   };
 
   const showRemeberCondition = useMemo(() => {
@@ -105,7 +105,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleRemeberSearchCondition}
           >
-            记住筛选
+            {getLocale('Pro_page_Plan_Remember')}
           </span>
         ) : null}
         {hasRememberCondition && (
@@ -113,7 +113,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleCancelRemeberSearchCondition}
           >
-            取消记住
+            {getLocale('OKR_MyO_Butt_Cancelremember')}
           </span>
         )}
       </span>

package/src/components/okr-detail/e-list/util.ts

@@ -1,6 +1,7 @@
 import cloneDeep from 'clone-deep';
 import { SortTypeMap, EStatusMap } from './constant';
 import { getUserInfo } from '../../../utils/bs-global';
+import { getLocale } from '../../../utils/getLocale';
 
 // 扁平数据转换为树
 export const toTree = data => {
@@ -57,7 +58,7 @@ export const formatTreeDataToNode = (tree, isInitCondition) => {
       return {
         'key': item.mileStoneId,
         'index': index,
-        'title': item.mileStoneId !== 0 ? item.mileStoneName : '目标下的其他执行',
+        'title': item.mileStoneId !== 0 ? item.mileStoneName : getLocale('OKR_MyO_Butt_Otherexecutions'),
         'nodeType': 'e-kr',
         'isLeaf': false,
         'children': getETreeNode(item.tasks, true, item.createUserId,item.user),
@@ -72,7 +73,7 @@ export const formatTreeDataToNode = (tree, isInitCondition) => {
         result.push({
           'key': item.mileStoneId,
           'index': index,
-          'title': item.mileStoneId !== 0 ? item.mileStoneName : '目标下的其他执行',
+          'title': item.mileStoneId !== 0 ? item.mileStoneName : getLocale('OKR_MyO_Butt_Otherexecutions'),
           'nodeType': 'e-kr',
           'isLeaf': false,
           'children': getETreeNode(item.tasks, true, item.createUserId,item.user),
@@ -99,7 +100,7 @@ export const formatEListDataToSelectTree = (data, workId, isInitCondition) => {
     'oEList': isInitCondition && formatOTreeDataToNode.length === 0 ? [[{
       'key': 0,
       'index': 0,
-      'title': '目标下的其他执行',
+      'title': getLocale('OKR_MyO_Butt_Otherexecutions'),
       'nodeType': 'e-kr',
       'isLeaf': false,
       'children': [

package/src/components/okr-detail/index.js

@@ -18,6 +18,7 @@ import DrawerManagerContext from "../drawer-manager/context";
 import OkrDetailErrorPage from './error-page'
 import Loading from './loading';
 import AoNice from './components/ao-nice';
+import { getLocale } from "../../utils/getLocale";
 
 import "./index.scss";
 const preCls = "okr-detail";
@@ -207,19 +208,19 @@ const OkrDetail = props => {
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="E-执行" key="exec" >
+                      <TabPane tab={getLocale('OKR_MyO_Exec_Tab_Execution')} key="exec" >
                         <TabPanelContent style={{ 'paddingTop': 10 }}>
                           <EList okrId={okrId} okrInfo={okrInfo} />
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="进展" key="progress">
+                      <TabPane tab={getLocale('Feed_Tab_Title_Progress')} key="progress">
                         <TabPanelContent style={{ 'paddingTop': 0 }}>
                           <Schedule okrInfo={okrInfo} />
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="互动" key="cooperation">
+                      <TabPane tab={getLocale('OKR_MyO_KRP_nteract')} key="cooperation">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <OkrDetailCooperation
                             feedId={okrInfo.feedId}
@@ -231,7 +232,7 @@ const OkrDetail = props => {
                       </TabPane>
 
                       {EWorkReport && source != 861 &&
-                      <TabPane tab="E周报" key="eReport">
+                      <TabPane tab={getLocale('OKR_MyO_Ew_Tab_Eweekly')} key="eReport">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <EReportList
                             okrId={okrInfo.workId}
@@ -242,7 +243,7 @@ const OkrDetail = props => {
                       </TabPane>}
 
                       {OkrAnalyse&&
-                      <TabPane tab="复盘" key="review">
+                      <TabPane tab={getLocale('OKR_MyO_KRP_Review')} key="review">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <Review
                             editAble
@@ -261,7 +262,7 @@ const OkrDetail = props => {
                         </TabPanelContent>
                       </TabPane>}
 
-                      <TabPane tab="基本信息" key="baseInfo">
+                      <TabPane tab={getLocale('Per_Ass_New_title_text_BasicIn')} key="baseInfo">
                         <TabPanelContent style={{ 'paddingTop': 8 }}>
                           <BaseInfo okrId={okrId} detailInfo={okrInfo} />
                         </TabPanelContent>

package/src/components/okr-detail/okr-list/add-parent-okr.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
 import classNames from 'classnames';
+import { getLocale } from "../../../utils/getLocale";
 import './index.scss';
 
 const preCls = 'okr-detail-okrs-list'
@@ -9,7 +10,7 @@ export default props => {
   return <React.Fragment>
     <div className={classNames(`${preCls}__align-to-add`)} onClick={onClick}>
       <span className={classNames(`${preCls}__align-to-add-prefix`, 'tu-icon-add1')} />
-      <span className={classNames(`${preCls}__align-to-add-text`)}>添加</span>
+      <span className={classNames(`${preCls}__align-to-add-text`)}>{getLocale('Per_Ma_form_newdetail_Addto')}</span>
     </div>
   </React.Fragment>
 }

package/src/components/okr-detail/okr-list/create-kr-item/index.tsx

@@ -6,6 +6,7 @@ import Confidence from '../../../confidence';
 import { getUserInfo } from '../../../../utils/bs-global';
 import { hasAncestorElement } from './dom';
 import { createNewKr } from '../../request-apis';
+import { getLocale } from '../../../../utils/getLocale';
 
 import './index.scss';
 interface Props {
@@ -162,7 +163,7 @@ function CreateKr({
     <div className={preCls}>
       <div className={classNames(`${preCls}__input`)}>
         <Input
-          placeholder='创建关键成果KR，回车即可创建成功'
+          placeholder={getLocale('OKR_MyO_Text_Createkeyr')}
           inputRef={inputRef}
           value={krName}
           onChange={e => setKrName(e.target.value)}
@@ -174,12 +175,12 @@ function CreateKr({
           style={{ 'display': showTip ? 'block' : 'none', 'zIndex': 1 }}
           onClick={stopPropagation}
         >
-          书写建议：KR是<span>可量化</span>的，需要体现行动结果
+          {getLocale('OKR_MyO_Text_Recommendation')}
           <br />
-          <p>示例：完成4篇宣传文案的发布，实现至少一篇宣传稿出现在某网站搜索「OKR」 的首屏</p>
+          <p>{getLocale('OKR_MyO_Text_ExampleC')}</p>
           <div>
-            <a onClick={onNextTalk}>下次再说</a>
-            <a onClick={onNoMoreShow}>不再提示</a>
+            <a onClick={onNextTalk}>{getLocale('OKR_MyO_Butt_Nexttime')}</a>
+            <a onClick={onNoMoreShow}>{getLocale('OKR_MyO_Butt_Nomor')}</a>
           </div>
         </p>
         <span className={classNames(`${preCls}__heart`)}>

package/src/components/okr-detail/okr-list/create-kr-item/style.ts

@@ -139,7 +139,7 @@ export const OName = styled.div`
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
-    font-weight:500;
+    font-weight: 600;
     &:hover {
       color: #2879ff;
     }

package/src/components/okr-detail/okr-list/empty/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../../utils/getLocale';
 
 import './index.scss';
 
@@ -12,16 +13,16 @@ export default ({ onCreateKr, canEditOkr, style={} }) => {
       <span />
     </div>
     <div className={classNames(`${preCls}__desp`)}>
-      <div className={classNames(`${preCls}__desp-h1`)}>目标已创建，赶快制定衡量目标达成的关键成果吧~</div>
+      <div className={classNames(`${preCls}__desp-h1`)}>{getLocale('OKR_MyO_Pop_developkro')}</div>
       <div className={classNames(`${preCls}__desp-h2`)}>
-        <span>请先了解</span>
-        <a href="https://wiki.tita.com/pages/viewpage.action?pageId=852060" target="_blank">什么是关键成果？</a>
+        <span>{getLocale('OKR_MyO_Pop_understand')}</span>
+        <a href="https://wiki.tita.com/pages/viewpage.action?pageId=852060" target="_blank">{getLocale('OKR_MyO_Pop_Whatarekre')}</a>
       </div>
     </div>
     {canEditOkr && 
       <div className={classNames(`${preCls}__action`)}>
         <span className={classNames(`${preCls}__action-btn`)} onClick={() => onCreateKr()}>
-          <span>添加关键成果</span>
+          <span>{getLocale('OKR_MyO_Text_Addkeyr')}</span>
         </span>
       </div>
     }