@titaui/pc 1.8.5 → 1.8.6

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-task.js

@@ -31,6 +31,7 @@ import EPriorityDropdown from "../../../../../e-priority";
 import TooltipText from "../../../../../tooltip/tooltip-text";
 import { isPlatform } from "../../../../../../utils/platform";
 import DrawerManager from "../../../../../drawer-manager";
+import { getLocale } from "../../../../../../utils/getLocale";
 import "./index.scss";
 
 // status=3 已过期 status=2 已完成
@@ -78,7 +79,7 @@ export default (props) => {
       .then((data) => {
         if (data.Code === 1) {
           setUser(user.data);
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
         } else {
           Toast.Error(data.Message, { canClose: false });
         }
@@ -95,7 +96,7 @@ export default (props) => {
     })
       .then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setDateInfo({
             ...dateInfo,
             status: EStatusClass2StatusType[statusType],
@@ -120,7 +121,7 @@ export default (props) => {
     })
       .then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           refreshEList();
         } else {
           Toast.Error(resp.Message, { canClose: false });
@@ -156,7 +157,7 @@ export default (props) => {
             status: resp.Data.status,
           });
 
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
         } else {
           Toast.Error(resp.Message, { canClose: false });
         }
@@ -272,7 +273,7 @@ export default (props) => {
         </span>
 
         {okrInfo.status === 1 && (hasRelativeAuth || isParticipant) ? (
-          <Tooltip overlay={"取消关联"} placement="top">
+          <Tooltip overlay={getLocale('OKR_MyO_Text_Cancel')} placement="top">
             <span
               className={classNames(`${preCls}__e-task-node-actions-connect`)}
               onClick={() => setUnConnectVisible(true)}
@@ -287,10 +288,10 @@ export default (props) => {
         <span type="title">确定取消关联吗？</span>
         <span type="content">取消关联后该任务将不在此目标下显示</span>
         <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>
-          取消
+          {getLocale('Mod_Cancel')}
         </CancelButton>
         <SureButton type="button" onClick={onSureUnConnectHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </SureButton>
       </DialogConfirm>
     </div>

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -25,6 +25,7 @@ import {
   updateKrProgressAndStatus,
   deleteKr
 } from '../../../../request-apis';
+import { getLocale } from "../../../../../../utils/getLocale";
 import './index.scss';
 
 const OkrRowColumn = ({ children, width, marginLeft = 0 }) => {
@@ -125,7 +126,7 @@ export default props => {
     const { Message } = await deleteKr(data.mileStoneId);
     setDeleteModalVisible(false);
     if (!Message) {
-      Toast.Success("删除成功");
+      Toast.Success(getLocale('Pro_detail_Deletsuccess'));
       setTimeout(() => {
         refreshAll()
         updateKrs()
@@ -260,7 +261,7 @@ export default props => {
 
     <ProgressModal
       okrInfo={data}
-      title='更新 KR 完成度'
+      title={getLocale('OKR_MyO_Title_UpdateKR')}
       visible={krModalVsible}
       onClose={() => setKrModalVsible(false)}
       onOk={onProcessModalOk}
@@ -269,10 +270,10 @@ export default props => {
     />
 
     <DialogConfirm visible={deleteModalVisible} type="warning">
-      <span type="title">确定要删除该关键成果吗？</span>
-      <span type="content">该关键成果将被删除不可恢复，请谨慎操作!</span>
-      <CancelButton type="button" onClick={() => setDeleteModalVisible(false)}>取消</CancelButton>
-      <WarningButton type="button" onClick={onDeleteKrHandler}>删除</WarningButton>
+      <span type="title">{getLocale('OKR_MyO_KRP_Deletekey')}</span>
+      <span type="content">{getLocale('OKR_MyO_KRP_Thekeyachieve')}</span>
+      <CancelButton type="button" onClick={() => setDeleteModalVisible(false)}>{getLocale('Mod_Cancel')}</CancelButton>
+      <WarningButton type="button" onClick={onDeleteKrHandler}>{getLocale('Mod_Delete')}</WarningButton>
     </DialogConfirm>
   </div>
 }

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/edit-pop.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import Popup from '../../../../../../popup';
 import styled from 'styled-components'
+import { getLocale } from "../../../../../../../utils/getLocale";
 
 const Wrapper = styled.div`
   min-width: 343px;
@@ -224,11 +225,11 @@ export default class EditPop extends PureComponent<Props> {
         {information}
         {extra}
         <BtnWrapper>
-          <CancelBtn onClick={this.handleCancel}>取消</CancelBtn>
+          <CancelBtn onClick={this.handleCancel}>{getLocale('Mod_Cancel')}</CancelBtn>
           <SureBtn onClick={this.handleConfirm} style={{
             ...sureBtnStyle1,
             ...sureBtnStyle2
-          }}>确定</SureBtn>
+          }}>{getLocale('OKR_MyO_Butt_Determine')}</SureBtn>
         </BtnWrapper>
       </Body>
     </Wrapper>;

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/kr-push-score.tsx

@@ -17,6 +17,7 @@ import {
   AvatarWrapper,
   IconEdit
 } from './style';
+import { getLocale } from "../../../../../../../utils/getLocale";
 
 interface Props {
   setRefInParent: Function
@@ -166,7 +167,7 @@ export default class Score extends PureComponent<Props, State> {
       });
       return;
     }
-    return '请输入0-1之间的数字，支持小数点后两位';
+    return getLocale('OKR_MyO_KRP_Please0and1');
   }
 
 
@@ -197,11 +198,11 @@ export default class Score extends PureComponent<Props, State> {
   getScoreEditPopOption = () => {
     const { atUsers, showScoreInfoError } = this.state;
     return {
-      title: '@ta查看，ta可以通过系统通知修改kr分数',
-      inputName: '评分',
+      title: getLocale('OKR_MyO_Himhertocheck'),
+      inputName: getLocale('Per_Ass_New_Appr_detail_Scor'),
       onConfirm: this.handleUpdateScore,
       value: this.props.value,
-      placeHolder: '请输入0-1间的数字，支持小数点后两位',
+      placeHolder: getLocale('OKR_MyO_KRP_Please0and1'),
       align: 'left',
 
       type: 'line',
@@ -218,18 +219,18 @@ export default class Score extends PureComponent<Props, State> {
       information: (this.state.showScoreInfoError ?
 
         <ScoreInfoWrapperError data-length={`已输入 ${this.state.areaLength} 个字，最多可输入 1000 个字`}>
-          <ScoreInfoSpanText>说明</ScoreInfoSpanText>
+          <ScoreInfoSpanText>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
           <ScoreInfoSpanTextareaError
             ref={this.state.scoreInfoErrorRef}
-            placeholder={'请输入评分说明'}
+            placeholder={getLocale('OKR_MyO_scoredescription')}
             onChange={this.handleScoreInfoTextChange}
             value={htmlDecodeByRegExp(this.state.scoreInfoText)} />
         </ScoreInfoWrapperError> :
         <ScoreInfoWrapper>
-          <ScoreInfoSpanText>说明</ScoreInfoSpanText>
+          <ScoreInfoSpanText>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
           <ScoreInfoSpanTextarea
             ref={this.state.scoreInfoRef}
-            placeholder={'请输入评分说明'}
+            placeholder={getLocale('OKR_MyO_scoredescription')}
             onChange={this.handleScoreInfoTextChange}
             value={htmlDecodeByRegExp(this.state.scoreInfoText)} />
         </ScoreInfoWrapper>
@@ -239,7 +240,7 @@ export default class Score extends PureComponent<Props, State> {
        */
       extra: (
         <ExtraWrapper>
-          <CallSomeoneSpan>@ta查看</CallSomeoneSpan>
+          <CallSomeoneSpan>{getLocale('OKR_MyO_himher')}</CallSomeoneSpan>
           {
             atUsers.map((item: User, index) => {
               return (
@@ -272,7 +273,7 @@ export default class Score extends PureComponent<Props, State> {
         'color': '#0CC991',
         'fontSize': '12px',
         'cursor': 'pointer'
-      }}>{value}</span>{hasText ? '分' : ''}</span> :
+      }}>{value}</span>{hasText ? getLocale('Per_Set_Form_Quantifier_Points') : ''}</span> :
       <p style={{ 'color': '#BFC3C7', 'fontSize': '12px' }}>--</p>
   }
 
@@ -284,9 +285,9 @@ export default class Score extends PureComponent<Props, State> {
         <span style={{ 'color': '#0CC991', 'cursor': 'pointer', 'fontSize': '12px' }}>
           {value}
         </span>
-        {hasText ? '分' : ''}
+        {hasText ? getLocale('Per_Set_Form_Quantifier_Points') : ''}
       </span> :
-      <span style={{ 'color': '#106ECC', 'fontSize': '12px', 'cursor': 'pointer' }}>评分</span>
+      <span style={{ 'color': '#106ECC', 'fontSize': '12px', 'cursor': 'pointer' }}>{getLocale('Per_Ass_New_Appr_detail_Scor')}</span>
   }
 
   render() {
@@ -309,7 +310,7 @@ export default class Score extends PureComponent<Props, State> {
                 <IconEdit
                   className="tu-icon-edit"
                   data-for="krPush"
-                  data-tip="编辑"
+                  data-tip={getLocale('Mod_Editor')}
                   onClick={(e: any) => {
                     // @ts-ignore
                     this.score.handleClick(e)

package/src/components/okr-detail/components/okr-tree/tree-node/kr-parent-node/index.js

@@ -15,6 +15,7 @@ import { getProcessColor } from '../../../../../progress/utils';
 import { CommonContext, OkrListContext } from '../../../../context';
 import { cancelParentOkr } from '../../../../request-apis';
 import preCls from '../../precls';
+import { getLocale } from '../../../../../../utils/getLocale';
 
 import './index.scss';
 
@@ -66,7 +67,7 @@ export default props => {
       modifyOParent && modifyOParent();
     } else if (name == 'cancelParent') {
       await cancelParentOkr(okrInfo.workId);
-      Toast.Success('操作成功');
+      Toast.Success(getLocale('Mod_Successfuloperat'));
       removeParent();
     }
   }
@@ -161,10 +162,10 @@ export default props => {
                 trigger={<span className="tu-icon-diot" />}
               >
                 <IconItem icon="tu-icon-bianji3" name='modifyParent'>
-                  <span>修改对齐</span>
+                  <span>{getLocale('OKR_MyO_Butt_ModifyAlig')}</span>
                 </IconItem>
                 <IconItem icon="tu-icon-liebiao-duiqinubiao" name='cancelParent'>
-                  <span>取消对齐</span>
+                  <span>{getLocale('OKR_MyO_Butt_CancelAlig')}</span>
                 </IconItem>
               </DropSelector>
             </div>}

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/index.js

@@ -7,19 +7,22 @@ import { OkrRiskMapping } from "../../../../../progress/utils";
 import drawerManager from "../../../../../drawer-manager";
 import Progress from "../../../../../progress";
 import OClassify from "../../../o-classify";
+import preCls from '../../precls';
+import { getLocale } from "../../../../../../utils/getLocale";
 import Avatar from "../../../../../avatar";
 import IconText from "../../../icon-text";
 import OkrType from "../../../okr-type";
-import preCls from "../../precls";
 import EditChildOkrWeight from "./edit-child-okr-weight";
 
 import "./index.scss";
 
-const SeasonTectMap = {
-  1: "一",
-  2: "二",
-  3: "三",
-  4: "四",
+const getSeasonTectMap = () => {
+  return {
+    1: '一',
+    2: '二',
+    3: '三',
+    4: '四',
+  }
 };
 
 export default (props) => {
@@ -39,7 +42,7 @@ export default (props) => {
       case 1:
         return `${annualNum}年度`;
       case 2:
-        return `${annualNum}年 第${SeasonTectMap[yqmnum]}季度`;
+        return `${annualNum}年 第${getSeasonTectMap()[yqmnum]}季度`;
       case 3:
         return `${annualNum}年 ${yqmnum}月`;
       default:

package/src/components/okr-detail/components/okr-tree/tree-node/o-parent-node/index.js

@@ -13,13 +13,16 @@ import DropSelector, { IconItem } from '../../../../../drop-selector';
 import OClassify from "../../../o-classify";
 import preCls from '../../precls';
 import { OkrRiskMapping } from '../../../../../progress/utils';
+import { getLocale } from "../../../../../../utils/getLocale";
 import './index.scss';
 
-const SeasonTectMap = {
-  1: '一',
-  2: '二',
-  3: '三',
-  4: '四',
+const getSeasonTectMap = () => {
+  return {
+    1: '一',
+    2: '二',
+    3: '三',
+    4: '四',
+  }
 };
 
 export default props => {
@@ -45,7 +48,7 @@ export default props => {
       case 1:
         return `${annualNum}年度`;
       case 2:
-        return `${annualNum}年 第${SeasonTectMap[yqmnum]}季度`;
+        return `${annualNum}年 第${getSeasonTectMap()[yqmnum]}季度`;
       case 3:
         return `${annualNum}年 ${yqmnum}月`;
       default:
@@ -58,7 +61,7 @@ export default props => {
       modifyOParent && modifyOParent();
     } else if (name == 'cancelParent') {
       await cancelParentOkr(okrInfo.workId);
-      Toast.Success('操作成功');
+      Toast.Success(getLocale('Mod_Successfuloperat'));
       removeParent();
     }
     setDropSelectorVisible(false);
@@ -129,10 +132,10 @@ export default props => {
               trigger={<span className="tu-icon-diot" />}
             >
               <IconItem icon="tu-icon-bianji3" name='modifyParent'>
-                <span>修改对齐</span>
+                <span>{getLocale('OKR_MyO_Butt_ModifyAlig')}</span>
               </IconItem>
               <IconItem icon="tu-icon-liebiao-duiqinubiao" name='cancelParent'>
-                <span>取消对齐</span>
+                <span>{getLocale('OKR_MyO_Butt_CancelAlig')}</span>
               </IconItem>
             </DropSelector>
           </div>}

package/src/components/okr-detail/components/okr-type.tsx

@@ -2,6 +2,8 @@ import React, { useState } from "react";
 import { OpenDepartmentName } from "../../../utils/open-data";
 import CommonTypePopup from './base-okr-type'
 import IconText from "./icon-text";
+import { getLocale } from "../../../utils/getLocale";
+
 interface IOkrType {
   okrType: number;
   departmentId: number;
@@ -25,10 +27,10 @@ const OType = (props: IProps) => {
     return window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrTypeSetting;
   });
   const okrTypeMap = {
-    1: { icon: "tu-icon-liebiao-geren", text: "个人" }, // 个人
+    1: { icon: "tu-icon-liebiao-geren", text: getLocale('OKR_MyO_Pop_Individual') }, // 个人
     2: { icon: "tu-icon-liebiao-xiashu", text: departmentId > 0 ? <OpenDepartmentName id={departmentId} name={departmentName} /> : '默认部门' }, // 部门
-    3: { icon: "tu-icon-gong_si", text: "公司" }, // 公司
-    4: { icon: "tu-icon-liebiao-tuandui", text: groupName || "团队" }, // 团队
+    3: { icon: "tu-icon-gong_si", text: getLocale('OKR_MyO_Pop_Company') }, // 公司
+    4: { icon: "tu-icon-liebiao-tuandui", text: groupName || getLocale('OKR_MyO_Text_Team') }, // 团队
   };
 
   const triggerContent = () => (

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>