@titaui/pc 1.8.61 → 1.9.3

package/src/components/okr-progress-modal/helper.js

@@ -1,75 +1,115 @@
 import React, { Fragment } from 'react';
+import { getLocale } from '../../utils/getLocale';
 
-export const O_SETTING = {
-  settingTitle: '目标完成度自动更新设置',
-  switchLabel: '设置目标完成度自动更新',
-  options: [
-    {
-      label: '根据关键成果KR完成度自动更新',
-      key: 1,
-      tooltip: '选择后，目标完成度不可编辑，由系统根据关键成果KR完成度自动计算',
+export const getO_SETTING = () => {
+  return {
+    settingTitle: getLocale('OKR_MyO_Pop_Upd_Setmatically'),
+    switchLabel: getLocale('OKR_MyO_Pop_Upd_Setmatically'),
+    options: [
+      {
+        label: getLocale('OKR_MyO_Pop_Upd_Autup'),
+        key: 1,
+        tooltip: getLocale('OKR_MyO_Pop_Upd_KRCompletion'),
+      },
+      {
+        label: getLocale('OKR_MyO_Pop_Upd_Autcom'),
+        key: 2,
+        tooltip: getLocale('OKR_MyO_Pop_Upd_SubO'),
+      },
+    ],
+    getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
+      if (autoUpdate) {
+        if (updateWay == 1) return <span className='auto-update__recommand-tip'>{getLocale('OKR_MyO_Pop_Upd_Automatic')}</span>;
+        if (updateWay == 2) return <span className='auto-update__recommand-tip'>{getLocale('OKR_MyO_calculationSubO')}</span>;
+      } else {
+        const { childOkrProgress, childkrProgress } = recommandProgressObj;
+        const textArr = [];
+        childkrProgress !== -1 && textArr.push(`${getLocale('OKR_MyO_Pop_Upd_KRCom')}${childkrProgress}${getLocale('OKR_MyO_Pop_Upd_Percentage')}`);
+        childOkrProgress !== -1 && textArr.push(`子目标完成度${childOkrProgress}${getLocale('OKR_MyO_Pop_Upd_Percentage')}`);
+        if (textArr.length == 0) return '';
+        return (
+          <Fragment>
+            <span className='auto-update__recommand-icon'>{getLocale('Per_Ass_Pop_title_Recommend')}</span>
+            <span className='auto-update__recommand-tip'>（{textArr.join('，')}）</span>
+          </Fragment>
+        );
+      }
     },
-    {
-      label: '根据子目标完成度自动更新',
-      key: 2,
-      tooltip: '选择后，目标完成度不可编辑，由系统根据子目标完成度自动计算',
-    },
-  ],
-  getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
-    if (autoUpdate) {
-      if (updateWay == 1) return <span className='auto-update__recommand-tip'>系统根据KR完成度和权重自动计算</span>;
-      if (updateWay == 2) return <span className='auto-update__recommand-tip'>系统根据子目标完成度自动计算</span>;
-    } else {
-      const { childOkrProgress, childkrProgress } = recommandProgressObj;
-      const textArr = [];
-      childkrProgress !== -1 && textArr.push(`KR完成度${childkrProgress}%`);
-      childOkrProgress !== -1 && textArr.push(`子目标完成度${childOkrProgress}%`);
-      if (textArr.length == 0) return '';
-      return (
-        <Fragment>
-          <span className='auto-update__recommand-icon'>推荐</span>
-          <span className='auto-update__recommand-tip'>（{textArr.join('，')}）</span>
-        </Fragment>
-      );
-    }
-  },
+  }
 };
 
-export const KR_SETTING = {
-  settingTitle: 'KR 完成度自动更新设置',
-  switchLabel: '设置 KR 完成度自动更新',
-  options: [
-    {
-      label: '根据任务和项目完成度自动更新',
-      key: 1,
-      tooltip: '选择后，KR完成度不可编辑，由系统根据KR下任务和项目完成度自动计算',
-    },
-    {
-      label: '根据子目标完成度自动更新',
-      key: 2,
-      tooltip: '选择后，KR完成度不可编辑，由系统根据子目标完成度自动计算',
+export const getKR_SETTING = () => {
+  return {
+    settingTitle: getLocale('OKR_MyO_KRCompletion'),
+    switchLabel: getLocale('OKR_MyO_SetKRcompletion'),
+    options: [
+      {
+        label: getLocale('OKR_MyO_Updatetask'),
+        key: 1,
+        tooltip: getLocale('OKR_MyO_AeKRcompletionde'),
+      },
+      {
+        label: getLocale('OKR_MyO_Pop_Upd_Autcom'),
+        key: 2,
+        tooltip: getLocale('OKR_MyO_KRcompletionde'),
+      },
+    ],
+    getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
+      if (autoUpdate) {
+        if (updateWay == 1) return <span className='auto-update__recommand-tip'>{getLocale('OKR_MyO_Automatic')}</span>;
+        if (updateWay == 2) return <span className='auto-update__recommand-tip'>{getLocale('OKR_MyO_calculationSubO')}</span>;
+      } else {
+        const { childOkrProgress, childEProgress } = recommandProgressObj;
+        const textArr = [];
+        childEProgress !== -1 && textArr.push(`${getLocale('OKR_MyO_Ecompletion')}${childEProgress}${getLocale('OKR_MyO_Pop_Upd_Percentage')}`);
+        childOkrProgress !== -1 && textArr.push(`子目标完成度${childOkrProgress}${getLocale('OKR_MyO_Pop_Upd_Percentage')}`);
+        if (textArr.length == 0) return '';
+        return (
+          <Fragment>
+            <span className='auto-update__recommand-icon'>{getLocale('Per_Ass_Pop_title_Recommend')}</span>
+            <span className='auto-update__recommand-tip' style={{ marginLeft: 0}}>({textArr.join('，')})</span>
+          </Fragment>
+        );
+      }
     },
-  ],
-  getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
-    if (autoUpdate) {
-      if (updateWay == 1) return <span className='auto-update__recommand-tip'>系统根据任务和项目完成度自动计算</span>;
-      if (updateWay == 2) return <span className='auto-update__recommand-tip'>系统根据子目标完成度自动计算</span>;
-    } else {
-      const { childOkrProgress, childEProgress } = recommandProgressObj;
-      const textArr = [];
-      childEProgress !== -1 && textArr.push(`E执行完成度${childEProgress}%`);
-      childOkrProgress !== -1 && textArr.push(`子目标完成度${childOkrProgress}%`);
-      if (textArr.length == 0) return '';
-      return (
-        <Fragment>
-          <span className='auto-update__recommand-icon'>推荐</span>
-          <span className='auto-update__recommand-tip' style={{ marginLeft: 0}}>({textArr.join('，')})</span>
-        </Fragment>
-      );
-    }
-  },
+  }
 };
 
 export const transProgress = (progress) => {
   return progress == -1 ? 0: progress;
 }
+
+export const getKrOptions = () => [
+  {
+    id: 1,
+    color: '#2879ff',
+    text: getLocale('OKR_MyO_Pop_Upd_Notrack'),
+  },
+  {
+    id: 2,
+    color: '#F6BD16',
+    text: getLocale('OKR_MyO_Pop_Upd_Atrisk'),
+  },
+  {
+    id: 3,
+    color: '#F05E5E',
+    text: getLocale('OKR_MyO_Pop_Upd_Postoned'),
+  },
+];
+export const getOptions = () => [
+  {
+    id: 6,
+    color: '#2879ff',
+    text: getLocale('OKR_MyO_Pop_Upd_Notrack'),
+  },
+  {
+    id: 2,
+    color: '#F6BD16',
+    text: getLocale('OKR_MyO_Pop_Upd_Atrisk'),
+  },
+  {
+    id: 3,
+    color: '#F05E5E',
+    text: getLocale('OKR_MyO_Pop_Upd_Postoned'),
+  },
+];

package/src/components/okr-progress-modal/index.tsx

@@ -4,49 +4,16 @@ import { Input, Modal, Tooltip } from 'tita-ui';
 import  Switch  from '../switch';
 import classNames from 'classnames';
 import Textarea from './textarea';
-import { O_SETTING, KR_SETTING, transProgress } from './helper';
+import { getO_SETTING, getKR_SETTING, transProgress, getKrOptions, getOptions } from './helper';
 import { ErrorTip, List, Item, Icon, Options, OptionsWrapper } from './style';
 import { IRecommandProgressObj, OptionsObj, IProgressModalProps } from './interface';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
-const krOptions: OptionsObj[] = [
-  {
-    id: 1,
-    color: '#2879ff',
-    text: '正常',
-  },
-  {
-    id: 2,
-    color: '#F6BD16',
-    text: '有风险',
-  },
-  {
-    id: 3,
-    color: '#F05E5E',
-    text: '已延期',
-  },
-];
-const options: OptionsObj[] = [
-  {
-    id: 6,
-    color: '#2879ff',
-    text: '正常',
-  },
-  {
-    id: 2,
-    color: '#F6BD16',
-    text: '有风险',
-  },
-  {
-    id: 3,
-    color: '#F05E5E',
-    text: '已延期',
-  },
-];
 const ProgressModal: React.FC<IProgressModalProps> = props => {
   const { maxLength, okrInfo, onClose, onOk, title, visible, isKr } = props;
 
-  const configure = isKr ? KR_SETTING : O_SETTING;
+  const configure = isKr ? getKR_SETTING() : getO_SETTING();
 
   const reg = /^[0-9]*[1-9][0-9]*$/;
   const [errorProgress, setErrorProgress] = useState(false);
@@ -103,12 +70,10 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
       <span
         className='auto-update__item-label'
         style={{ alignSelf: 'flex-start', marginTop: '10px' }}
-      >
-        进展
-      </span>
+      >{getLocale('Feed_Tab_Title_Progress')}</span>
       <Textarea
         hasError={errorRemark}
-        placeholder='请输入进展'
+        placeholder={getLocale('OKR_MyO_Pop_Upd_Pleprogress')}
         style={{
           flex: 1,
           height: '75px',
@@ -132,7 +97,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
 
   const onOkHandler = () => {
     onOk({
-      progress: progress + '%',
+      progress: progress + getLocale('OKR_MyO_Pop_Upd_Percentage'),
       progressDescription,
       riskLevel: selected,
       updateProgressWay: autoUpdate ? updateWay : 0,
@@ -151,6 +116,8 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
       className="common-modal"
       maskClosable={false}
       onCancel={onCancelHandler}
+      okText={getLocale('OKR_MyO_Butt_Determine')}
+      cancelText={getLocale('Mod_Cancel')}
       onOk={onOkHandler}
       okDisabled={errorProgress || errorRemark}
       title={title}
@@ -159,7 +126,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
     >
       <List>
         <Item>
-          <span className='auto-update__item-label'>完成度</span>
+          <span className='auto-update__item-label'>{getLocale('OKR_MyO_Pop_Upd_Progress')}</span>
           <div className='auto-update__item-progress'>
             <Input
               type='number'
@@ -176,18 +143,16 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
                 'auto-update__item-progress-input__suffix--disabled': autoUpdate,
               })}
             >
-              %
+              {getLocale('OKR_MyO_Pop_Upd_Percentage')}
             </span>
           </div>
           <span>{configure.getRecommandText(autoUpdate, updateWay, recommandProgressObj)}</span>
-          <ErrorTip className={`error-progress ${errorProgress ? 'slideIn' : ''}`}>
-            请输入大于0的整数
-          </ErrorTip>
+          <ErrorTip className={`error-progress ${errorProgress ? 'slideIn' : ''}`}>{getLocale('OKR_MyO_KRP_Please0')}</ErrorTip>
         </Item>
         <Item>
-          <span className='auto-update__item-label'>状态</span>
+          <span className='auto-update__item-label'>{getLocale('Mod_States')}</span>
           <OptionsWrapper>
-            {(isKr ? krOptions : options).map((option: OptionsObj) => (
+            {(isKr ? getKrOptions() : getOptions()).map((option: OptionsObj) => (
               <Options key={option.id} onClick={() => setSelected(option.id)}>
                 <Icon
                   color={option.color}
@@ -248,7 +213,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
             )}
             onClick={() => setSettingFold(!settingFolded)}
           >
-            {settingFolded ? '收起' : configure.settingTitle}
+            {settingFolded ? getLocale('Mod_Fold') : configure.settingTitle}
           </span>
         </div>
       </List>
@@ -257,7 +222,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
 };
 
 ProgressModal.defaultProps = {
-  title: '更新完成度',
+  title: getLocale('OKR_MyO_Prog_Butt_Update'),
   maxLength: 500,
 };
 

package/src/components/okr-review/ReviewPop/components/ReviewBody/index.tsx

@@ -26,6 +26,8 @@ import {
   AvatarWrapper,
 } from "./style";
 
+import { getLocale } from '../../../../../utils/getLocale';
+
 import UserSelectorPop from "../../../../../components-v1/userSelector/UserSelectorPop";
 import { getApiUrl, taker } from "../../../../../utils/request-v1";
 import {
@@ -315,7 +317,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
     if (data.isStandardMode) {
       return (
         <ReviewProblem>
-          <ReviewCatalog>问题与不足</ReviewCatalog>
+          <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Problems')}</ReviewCatalog>
           <TextareaView
             maxLength={5000}
             value={htmlDecodeByRegExp(data.Drawback)}
@@ -324,7 +326,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
             onChange={(value: string) =>
               this._handlerStandardModeProblemChange(value)
             }
-            placeholder="<p>请描述出现的某个问题并针对该问题展开分析</p>"
+            placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pldescribe') + "</p>"}
           />
         </ReviewProblem>
       );
@@ -334,14 +336,14 @@ export default class ReviewBody extends PureComponent<Props, State> {
           <ReviewProblem key={index}>
             <div>
               <ReviewCatalog className="drawback">
-                <span>{`问题与不足${index + 1}`}</span>
+                <span>{`${getLocale('OKR_MyO_KRP_Pop_Problems')}${index + 1}`}</span>
                 <ConfirmPop
                   className="review-delete-tips"
                   onSubmit={() => this._handlerDeleteReviewProblem(index)}
                   confirmTipText={`确定删除整个问题与不足${index + 1}吗？`}
                   align="bottom right"
                 >
-                  <span className="delete-replay">删除</span>
+                  <span className="delete-replay">{getLocale('Mod_Delete')}</span>
                 </ConfirmPop>
               </ReviewCatalog>
               <TextareaView
@@ -357,11 +359,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
                     index
                   )
                 }
-                placeholder="<p>请描述出现的某个问题并针对该问题展开分析</p>"
+                placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pldescribe') + "</p>"}
               />
             </div>
             <div>
-              <ReviewCatalogSecond>根本原因</ReviewCatalogSecond>
+              <ReviewCatalogSecond>{getLocale('OKR_MyO_KRP_Pop_Rootcause')}</ReviewCatalogSecond>
               <TextareaView
                 maxLength={5000}
                 value={htmlDecodeByRegExp(item.cause)}
@@ -370,11 +372,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
                 onChange={(value: string) =>
                   this._handlerAdvancedModeProblemChange("cause", value, index)
                 }
-                placeholder="<p>请填写问题出现的根本原因</p>"
+                placeholder={"<p>"+getLocale('OKR_MyO_KRP_Pop_Pleasefillproblem')+"</p>"}
               />
             </div>
             <div>
-              <ReviewCatalogSecond>相应解决措施</ReviewCatalogSecond>
+              <ReviewCatalogSecond>{getLocale('OKR_MyO_KRP_Pop_Correspond')}</ReviewCatalogSecond>
               <TextareaView
                 maxLength={5000}
                 value={htmlDecodeByRegExp(item.measures)}
@@ -387,7 +389,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
                     index
                   )
                 }
-                placeholder="<p>请根据上述原因给出可落地的解决措施</p>"
+                placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pleabovereasons') + "</p>"}
               />
             </div>
           </ReviewProblem>
@@ -582,7 +584,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
       <ReviewBodyContainer>
         <ReviewBodyScroll maxHeight={maxHeight}>
           <ReviewTarget>
-            <ReviewCatalog>复盘对象</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Reviewobject')}</ReviewCatalog>
             <ReviewContent className="target-name">
               <IconTarget
                 className={ObjData.ObjType == 65 ? "review-kr" : "tu-icon-OKR"}
@@ -595,7 +597,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
             </ReviewContent>
           </ReviewTarget>
           <ReviewWorth>
-            <ReviewCatalog>价值与收获</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Value')}</ReviewCatalog>
             <TextareaView
               maxLength={5000}
               value={htmlDecodeByRegExp(data.gains)}
@@ -604,7 +606,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
               onChange={(value: string) =>
                 this._handlerReviewWorthChange(value)
               }
-              placeholder="<p>我们从过程中学到了什么新东西？</p><p>如果有人要进行同样的行动，我会给他什么建议？</p>"
+              placeholder={"<p>我们从过程中学到了什么新东西？</p><p>" + getLocale('OKR_MyO_KRP_Pop_Ifsomeone') + "</p>"}
             />
           </ReviewWorth>
           {this._renderReviewProblemView()}
@@ -614,11 +616,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
               className={data.drawbackList.length == 0 ? "none-drawback" : ""}
             >
               <IconAdd className="tu-icon-add"></IconAdd>
-              <span>添加问题与不足</span>
+              <span>{getLocale('OKR_MyO_KRP_Pop_Addproandd')}</span>
             </AddReviewProblem>
           )}
           <ReviewAction ref="creatActionPlan">
-            <ReviewCatalog>改进计划</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Lmproveplan')}</ReviewCatalog>
             <ReviewContent>
               {this._renderActionPlans(data.taskList)}
               <BtnCreateTask
@@ -627,12 +629,12 @@ export default class ReviewBody extends PureComponent<Props, State> {
                 }
               >
                 <IconAdd className="tu-icon-add"></IconAdd>
-                创建行动计划
+                {getLocale('OKR_MyO_KRP_Pop_Createplan')}
               </BtnCreateTask>
             </ReviewContent>
           </ReviewAction>
           <ReviewMember>
-            <ReviewCatalog>参与人员</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Participants')}</ReviewCatalog>
             <ReviewContent className="review-meber">
               {this._renderReviewMembers(data.reviewMebers, EditType)}
               <UserSelectorPop
@@ -652,7 +654,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
           <ReviewMode>
             <span onClick={this._switchMode}>
               <IconSwitch className="tu-icon-change"></IconSwitch>
-              <span>{data.isStandardMode ? "高级模式" : "标准模式"}</span>
+              <span>{data.isStandardMode ? getLocale('OKR_MyO_Pop_Advancedmode') : getLocale('OKR_MyO_KRP_Pop_Butt_Standard')}</span>
             </span>
           </ReviewMode>
         </ReviewBodyScroll>

package/src/components/okr-review/ReviewPop/components/ReviewBody/style.ts

@@ -55,7 +55,7 @@ export const ReviewCatalog = styled.div`
 export const ReviewCatalogSecond = styled.div`
   margin-top: 3px;
   margin-left: 8px;
-  font-weight: 500;
+  font-weight: 600;
   color: #565e66;
 `;
 export const ReviewTarget = styled.div`

package/src/components/okr-review/ReviewPop/index.tsx

@@ -5,7 +5,7 @@ import { ReviewDataObject, DrawbackObject } from './components/ReviewBody';
 import { ObjDataObject } from '../index';
 import { getApiUrl, taker } from '../../../utils/request-v1';
 import { htmlEncodeByRegExp, htmlDecodeByRegExp } from '../../../utils/mblog';
-
+import { getLocale } from '../../../utils/getLocale';
 import { ReviewPopWrapper, ReviewContainer, ReviewHead, ReviewFoot, IconClose, BtnGroup, BtnCancle, BtnConfirm } from './style';
 
 interface Props {
@@ -124,7 +124,7 @@ export default class ReviewPop extends PureComponent<Props, State> {
     taker(url, 'POST', data).then(res => {
       if (res.Code == 1) {
         localStorage.removeItem(this.localStorageKey);
-        this.showToast('Submit', 1, `${EditType === 0 ? '提交' : '更新'}成功`, 1500);
+        this.showToast('Submit', 1, `${EditType === 0 ? getLocale('Pro_detail_Submission') : getLocale('OKR_MyO_Butt_Update')}成功`, 1500);
       } else {
         this.showToast('Submit', 0, res.Message, 3000);
       }
@@ -175,7 +175,7 @@ export default class ReviewPop extends PureComponent<Props, State> {
       <ReviewPopWrapper className={className}>
         <ReviewContainer>
           <ReviewHead>
-            <p>{`复盘${ObjData.ObjType == 65 ? 'KR' : '目标'}`}</p>
+            <p>{`${getLocale('OKR_MyO_KRP_Review')}${ObjData.ObjType == 65 ? 'KR' : getLocale('Mod_Objective')}`}</p>
             <IconClose className='tu-icon-close' onClick={() => onSubmit()}></IconClose>
           </ReviewHead>
           <ReviewBody
@@ -188,8 +188,8 @@ export default class ReviewPop extends PureComponent<Props, State> {
             onChange={(data: ReviewDataObject) => this._handlerEditChange(data)}
           />
           <ReviewFoot>
-            <BtnConfirm style={{ visibility: EditType === 0 ? 'visible' : 'hidden' }} onClick={() => this.showToast('SaveDraft', 1, '保存成功')} disabled={submitType === 'SaveDraft' && submitStatus === 2}>
-              保存草稿
+            <BtnConfirm style={{ visibility: EditType === 0 ? 'visible' : 'hidden' }} onClick={() => this.showToast('SaveDraft', 1, getLocale('Pro_page_Plan_Saved'))} disabled={submitType === 'SaveDraft' && submitStatus === 2}>
+              {getLocale('OKR_MyO_KRP_Pop_SaveDraft')}
             </BtnConfirm>
             <BtnGroup>
               <BtnCancle
@@ -198,10 +198,10 @@ export default class ReviewPop extends PureComponent<Props, State> {
                   onSubmit();
                 }}
               >
-                取消
+                {getLocale('Mod_Cancel')}
               </BtnCancle>
               <BtnConfirm disabled={!isAllowSubmit || (submitType == 'Submit' && submitStatus === 2)} onClick={() => this._handlerSubmit()}>
-                确定
+                {getLocale('OKR_MyO_Butt_Determine')}
               </BtnConfirm>
             </BtnGroup>
           </ReviewFoot>

package/src/components/okr-review/components/ReviewItem/index.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import { ReviewItemContainer, ItemName, ItemOptions, ItemEdit, IconEdit, ItemDetail, IconDetail } from './style'
 import { isHavePermission } from '../../common'
+import { getLocale } from '../../../../utils/getLocale';
 interface Props {
   className?: string
   editAble: boolean
@@ -27,14 +28,14 @@ export default class ReviewItem extends PureComponent<Props> {
     const { className, isCompactMode, editReview, reviewItemData, editAble } = this.props
     return (
       <ReviewItemContainer className={className} mode={isCompactMode ? 0 : 1}>
-        <ItemName mode={isCompactMode ? 0 : 1}>复盘 ({reviewItemData.creatDate})</ItemName>
+        <ItemName mode={isCompactMode ? 0 : 1}>{getLocale('OKR_MyO_KRP_Review')} ({reviewItemData.creatDate})</ItemName>
         <ItemOptions>
           <ItemEdit onMouseDown={editReview} style={{ visibility: reviewItemData.editable || isHavePermission || editAble ? 'visible' : 'hidden' }}>
             <IconEdit className="tu-icon-bianji"></IconEdit>
-            <span>编辑</span>
+            <span>{getLocale('Mod_Editor')}</span>
           </ItemEdit>
           <ItemDetail onMouseDown={() => this._handlerLinkToReviewDetail()}>
-            <span>查看详情</span>
+            <span>{getLocale('Mod_Checkdetails')}</span>
             <IconDetail className="tu-icon-xiangqing"></IconDetail>
           </ItemDetail>
         </ItemOptions>

package/src/components/okr-review/components/confirm-pop/ConfirmPop.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import Pop from '../../../../components-v1/pop';
 import { ConfirmWrapper, ConfirmText, ConfirmBtnGroup, ButtonCancel, ButtonConfirm } from './style';
+import { getLocale } from '../../../../utils/getLocale';
 
 interface Props {
   className?: string
@@ -26,11 +27,8 @@ export default class ConfirmPop extends PureComponent<Props> {
   static defaultProps = {
     isShowConfirmTitle: false,
     confirmTitle: '提示',
-    confirmTipText: '此操作不可恢复，您确定删除吗？',
     isShowCancelBtn: true,
-    btnCancelText: '取消',
     isShowConfirmBtn: true,
-    btnConfirmText: '确定'
   }
 
   handleShowPop = () => {
@@ -51,9 +49,9 @@ export default class ConfirmPop extends PureComponent<Props> {
       isShowConfirmTitle,
       isShowCancelBtn,
       confirmTitle,
-      confirmTipText,
-      btnCancelText,
-      btnConfirmText
+      confirmTipText = getLocale('Mod_cannotberecovered'),
+      btnCancelText = getLocale('Mod_Cancel'),
+      btnConfirmText = getLocale('OKR_MyO_Butt_Determine')
     } = this.props
 
     return (

package/src/components/okr-review/index.tsx

@@ -9,6 +9,7 @@ import { getApiUrl, taker } from '../../utils/request-v1';
 import { isHavePermission } from './common';
 import { ReviewContainer, ReviewHead, ReviewAdd, IconAdd, ReviewFilter, IconFilter, FilterTime, ReviewEmpty, IconWiki, ReviewList } from './style';
 import { isPlatform } from '../../utils/open-data';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   className?: string;
@@ -140,7 +141,7 @@ export default class Review extends PureComponent<Props, State> {
             onClick={() => this.setState({ 'isShowReviewPop': true, 'editType': 0 })}
           >
             <IconAdd className='tu-icon-add' mode={isCompactMode ? 0 : 1}></IconAdd>
-            <span>添加复盘</span>
+            <span>{getLocale('OKR_MyO_KRP_AddReview')}</span>
           </ReviewAdd>
           {(reviewList.length > 0 || isFiltered) && (
             <ReviewFilter>
@@ -152,7 +153,7 @@ export default class Review extends PureComponent<Props, State> {
                 onConfirm={this._handleTimePickConfirm}
                 popupPlacement={'bottomRight'}
               >
-                {!isFiltered && <span>时间筛选</span>}
+                {!isFiltered && <span>{getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</span>}
                 <IconFilter className='tu-icon-calendar'></IconFilter>
                 {isFiltered && <FilterTime>{`${startDate} - ${endDate}`}</FilterTime>}
               </RangePickerPop>
@@ -161,14 +162,14 @@ export default class Review extends PureComponent<Props, State> {
         </ReviewHead>
         {reviewList.length === 0 ? (
           <ReviewEmpty mode={isCompactMode ? 0 : 1}>
-            {isFiltered ? <p>没有找到你想要的</p> : <p>尚未复盘过</p>}
+            {isFiltered ? <p>{getLocale('Mod_ lookingfor')}</p> : <p>{getLocale('OKR_MyO_Re_Notreviewed')}</p>}
             {!isPlatform('dd') && (
               <p className='learnmore'>
                 <a href={
                   isFeishu('https://wiki.tita.com/x/vIK3') || 'https://docs.tita.com/tita-how-to-write-review-summary/'
                 } target='_blank'>
                   <IconWiki className='tu-icon-wiki' mode={isCompactMode ? 0 : 1}></IconWiki>
-                  <span>了解复盘的重要性</span>
+                  <span>{getLocale('OKR_MyO_KRP_Pop_Understandt')}</span>
                 </a>
               </p>
             )}

package/src/components/okr-share/pink-card/card.tsx

@@ -2,6 +2,7 @@ import { OpenDepartmentName, OpenUserName } from '../../../utils/open-data';
 import React, { ReactElement } from 'react';
 import { Avatar } from 'tita-ui';
 import { ShareData } from '../index';
+import { getLocale } from '../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -22,7 +23,7 @@ function Card({ data }: Props): ReactElement {
         <span>
           <OpenUserName name={data.user.name} id={data.user.userId} />的
         </span>
-        OKR
+        {getLocale('Menu_Title_OKRs')}
       </div>
       <div className='okr-share-card-user__dept'>
         <OpenDepartmentName name={data.user.departmentName} id={data.user.departmentId} />