@titaui/pc 1.7.97 → 1.7.98

package/src/components/okr-detail/base-info/other-infos/date-cycle/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useState, useCallback } from 'react';
 import OkrPeriodSelector from '../../../../okr-period-selector';
 import { SelectCycleData } from '../../../../okr-period-selector/select-cycle';
+import { getLocale } from '../../../../../utils/getLocale';
 import './index.scss';
 
 interface IDateCycleProps {
@@ -29,7 +30,7 @@ const DateCycle: FC<IDateCycleProps> = ({cycle, setCycle, okrId, canEdit = false
 
   return (
     <div className='base-info-cycle-wrapper'>
-      <div className='base-info-cycle-title'>周期</div>
+      <div className='base-info-cycle-title'>{getLocale('Mod_period')}</div>
       <OkrPeriodSelector renderInnerContent={renderClickArea} cycle={cycle} setCycle={setCycle} okrId={okrId} canEdit={canEdit} getCycleRange={true}/>
     </div>
   )

package/src/components/okr-detail/base-info/other-infos/okr-type/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useState, useCallback, useContext } from "react";
 import { OpenDepartmentName } from "../../../../../utils/open-data";
 import BaseOkrType from "../../../components/base-okr-type";
+import { getLocale } from "../../../../../utils/getLocale";
 import { GeneralDataContext } from "../../../context";
 
 import "./index.scss";
@@ -23,13 +24,13 @@ const OkrType: FC<IOkrTypeProps> = ({ okrId, canEdit = false }) => {
   const [isFocus, setIsFocus] = useState(false);
 
   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 == -1 ? '默认部门' : <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 handleButtonFocus = useCallback(() => {
@@ -59,7 +60,7 @@ const OkrType: FC<IOkrTypeProps> = ({ okrId, canEdit = false }) => {
 
   return (
     <div className="base-info-type-wrapper">
-      <div className="base-info-type-title">类型</div>
+      <div className="base-info-type-title">{getLocale('Mod_Type')}</div>
       {canEdit ? (
         <BaseOkrType
           renderInnerContent={renderInnerContent}

package/src/components/okr-detail/base-info/other-infos/principal/index.tsx

@@ -5,6 +5,7 @@ import Avatar from '../../../../avatar';
 import BorderWrapper from '../common/border-wrapper';
 import UserSelector from "../../../../user-selector/index";
 import PopConfirm from '../../../../../components-v1/popConfirm';
+import { getLocale } from "../../../../../utils/getLocale";
 import './index.scss';
 
 interface IPrincipalProps {
@@ -48,7 +49,7 @@ const Principal: FC<IPrincipalProps> = ({user, onChangeUser, canEdit = false}) =
 
   return (
     <div className="base-info-other-infos__principal">
-      <div className="base-info-other-infos__principal-title">负责人</div>
+      <div className="base-info-other-infos__principal-title">{getLocale('Mod_Owner')}</div>
       <div
         className="base-info-other-infos__principal-user"
         ref={selectUserRef}

package/src/components/okr-detail/base-info/other-infos/visibility/index.tsx

@@ -4,19 +4,20 @@ import SelectLayer from '../../../../select-layer';
 import './index.scss';
 import Tooltip from "../../../../tooltip";
 import { OpenDepartmentName, OpenUserName } from "../../../../../utils/open-data";
+import { getLocale } from "../../../../../utils/getLocale";
 
 const visibilityList = [
-  { value: 1, label: '全公司' },
-  { value: 2, label: '仅相关成员' },
-  { value: 3, label: '仅直接下属' },
-  { value: 4, label: '指定范围' },
+  { value: 1, label: getLocale('OKR_MyO_Pop_Public') },
+  { value: 2, label: getLocale('OKR_MyO_From_Associatedmem') },
+  { value: 3, label: getLocale('OKR_MyO_Pop_Directrep') },
+  { value: 4, label: getLocale('OKR_MyO_Pop_Specified') },
 ];
 
 const visibilityMapText = {
-  1: '全公司',
-  2: '仅相关成员',
-  3: '仅直接下属',
-  4: '指定范围'
+  1: getLocale('OKR_MyO_Pop_Public'),
+  2: getLocale('OKR_MyO_From_Associatedmem'),
+  3: getLocale('OKR_MyO_Pop_Directrep'),
+  4: getLocale('OKR_MyO_Pop_Specified')
 }
 
 interface IVisibilityProps {
@@ -83,10 +84,10 @@ const Visibility: FC<IVisibilityProps> = ({visibility, visiableLimit, onChangeVi
   return (
     <div className="base-info-other-infos__visibility-wrapper">
       <div className="base-info-other-infos__visibility-title" ref={titleRef}>
-        可见范围
+        {getLocale('OKR_MyO_Pop_Title_Perm')}
         <Tooltip
           overlay={
-            "除所选范围外，超级管理员、目标管理员、目标负责人的部门负责人以及目标负责人、内部成员、关注者上级领导也可见"
+            getLocale('OKR_MyO_Pop_Inadditiontot')
           }
           placement="top"
           align={{offset: [0, 0]}}

package/src/components/okr-detail/base-info/person/index.tsx

@@ -3,6 +3,7 @@ import Avatar from '../../../avatar';
 import UserSelector from '../../../user-selector';
 import AddSvg from '../img/base-info-add.svg';
 import Tooltip from "../../../tooltip";
+import { getLocale } from "../../../../utils/getLocale";
 import './index.scss';
 
 interface IPersonProps {
@@ -55,7 +56,7 @@ const Person: FC<IPersonProps> = ({users, canEdit, onAddUser, onDelUser, type =
             destroyPopupOnHide={true}
             trigger={
               <div className='base-info-other-infos__principal-trigger-content'>
-                <Tooltip overlay={`添加${type === 'participant' ? '参与' : '关注'}人`} placement="top">
+                <Tooltip overlay={type === 'participant' ? getLocale('OKR_MyO_Es_Addparticipant') : getLocale('OKR_MyO_Es_Addfollowers')} placement="top">
                   <div style={{width: '24px', height: '24px'}}></div>
                 </Tooltip>
               </div>

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

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { getFeedById, cancelPraise, addPraise } from '../../request-apis';
 import Avatar from '../../../avatar';
 import VoteSelector from '../../../upvote/selector';
-import attitudeArr from '../../../upvote/attitude';
+import getAttitudeArr from '../../../upvote/attitude';
 import UpvoteListModal from '../../../upvote/upvoteListModal';
 import firework from '../../../firework';
 import './index.scss';
@@ -52,7 +52,7 @@ export default props => {
     firework({
       'x': x,
       'y': y,
-      'images': attitudeArr.map(a => a.img),
+      'images': getAttitudeArr().map(a => a.img),
     });
   }, []);
 
@@ -108,7 +108,7 @@ export default props => {
               color={publishUser.avatar.color}
               name={publishUser.name}
             />
-            <img src={attitudeArr.find(att => att.type == feedData.praiseUserIds[publishUser.userId]).img} />
+            <img src={getAttitudeArr().find(att => att.type == feedData.praiseUserIds[publishUser.userId]).img} />
           </div>;
         })}
       </div>

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

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import Pop from '../../../../../components-v1/pop';
 import suspend from '../../../../../components-v1/pop/Pop';
 import { Button } from './buttonv2';
+import { getLocale } from "../../../../../utils/getLocale";
 
 const ConfirmWrapper = styled.div`
   /* TODO padding 可动态调整 */
@@ -70,10 +71,10 @@ export default class Confirm extends Component<ConfirmProp, {}> {
             <FooterWrapper>
               <div className='fr' style={{ float: 'right' }}>
                 <Button type='secondary' floating onClick={this.handleCancel} style={{ marginRight: 5 }}>
-                  取消
+                  {getLocale('Mod_Cancel')}
               </Button>
                 <Button type='primary' floating onClick={this.handleOk}>
-                  确定
+                  {getLocale('OKR_MyO_Butt_Determine')}
               </Button>
               </div>
             </FooterWrapper>

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

@@ -45,7 +45,7 @@ export default ({
 
     updateOCommitType({ okrId, okrType, departmentId, groupId })
       .then((resp) => {
-        Toast.Success("操作成功", { canClose: false });
+        Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
         onTypeChange({
           okrType,
           departmentName,

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

@@ -4,6 +4,7 @@ import { getUserInfo } from '../../../../utils/bs-global';
 import StatelessDropdown from '../../../../components-v1/dropDownSelector/StatelessDropdown'
 import { OpenDepartmentName } from '../../../../utils/open-data';
 import UserSelector from  '../../../user-selector';
+import { getLocale } from "../../../../utils/getLocale";
 import './index.scss';
 
 import { BaseAuth } from '../../../../utils/auth';
@@ -28,11 +29,11 @@ interface ObjectTypeState {
   groupName?: string;
   auth?: boolean;
 }
-const radios = [
-  { label: '公司', value: 3 },
-  { label: '部门', value: 2 },
-  { label: '团队', value: 4 },
-  { label: '个人', value: 1 },
+const getRadios = () => [
+  { label: getLocale('OKR_MyO_Pop_Company'), value: 3 },
+  { label: getLocale('Mod_Department'), value: 2 },
+  { label: getLocale('OKR_MyO_Text_Team'), value: 4 },
+  { label: getLocale('OKR_MyO_Pop_Individual'), value: 1 },
 ];
 export default class ObjectType extends Component<ObjectTypeProps, ObjectTypeState> {
   constructor(props: ObjectTypeProps) {
@@ -97,9 +98,9 @@ export default class ObjectType extends Component<ObjectTypeProps, ObjectTypeSta
             <StatelessDropdown
               className='mx-w-240'
               overlayClassName='okr-detail-okrtype__selector--has-underline'
-              labelText='团队'
+              labelText={getLocale('OKR_MyO_Text_Team')}
             >
-              {this.state.groupName || '团队'}
+              {this.state.groupName || getLocale('OKR_MyO_Text_Team')}
             </StatelessDropdown>
           </div>
         }
@@ -123,7 +124,7 @@ export default class ObjectType extends Component<ObjectTypeProps, ObjectTypeSta
               <StatelessDropdown
                 className='mx-w-240'
                 overlayClassName='okr-detail-okrtype__selector--has-underline'
-                labelText='部门'
+                labelText={getLocale('Mod_Department')}
               >
                 <OpenDepartmentName
                   id={this.state.departmentId}
@@ -156,8 +157,8 @@ export default class ObjectType extends Component<ObjectTypeProps, ObjectTypeSta
   render() {
     return (
       <Fragment>
-        <RadioGroup name='okrType' labelText='类型' style={{ marginBottom: 8 }}>
-          {radios.map(({ label, value }) => (
+        <RadioGroup name='okrType' labelText={getLocale('Mod_Type')} style={{ marginBottom: 8 }}>
+          {getRadios().map(({ label, value }) => (
             <Radio
               key={value}
               value={value}

package/src/components/okr-detail/components/header/edit-name.tsx

@@ -2,6 +2,7 @@ import React, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import Toast from "../../../toast";
 import { updateOkrName } from "../../request-apis";
+import { getLocale } from "../../../../utils/getLocale";
 
 interface IEditNameProps {
   okrName: string;
@@ -22,7 +23,7 @@ const EditNameCmp = (props: IEditNameProps) => {
 
   const checkError = (val) => {
     if (val.length == 0) {
-      setErrorTip("目标名称不能为空");
+      setErrorTip(getLocale('OKR_MyO_Pop_Targetname'));
       return;
     }
     if (val.length > 500) {
@@ -87,7 +88,7 @@ const EditNameCmp = (props: IEditNameProps) => {
           )}
           onClick={cancelEditHandler}
         >
-          取消
+          {getLocale('Mod_Cancel')}
         </span>
         <span
           className={classNames(
@@ -96,7 +97,7 @@ const EditNameCmp = (props: IEditNameProps) => {
           )}
           onClick={confiremEditHandle}
         >
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </span>
       </div>
     </section>

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

@@ -14,6 +14,7 @@ import { OkrRiskMapping } from "../../../progress/utils";
 import Tooltip from "../../../tooltip";
 import { OAuth } from "../../../../utils/auth";
 import { GeneralDataContext } from "../../context";
+import { getLocale } from "../../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -90,7 +91,7 @@ const Header = (props) => {
       );
     return (
       <span className={`okr-drawer-header__action-progress`}>
-        <Tooltip overlay="更新目标完成度" placement="top">
+        <Tooltip overlay={getLocale('OKR_MyO_Pop_Upd_Upd')} placement="top">
           <span onClick={onOpenModal} style={{ cursor: "pointer" }}>
             {progressCmp}
           </span>

package/src/components/okr-detail/components/header/o-name.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import classNames from "classnames";
+import { getLocale } from "../../../../utils/getLocale";
 interface IOnameProps {
   okrName: string;
   okrStatus: number;
@@ -25,7 +26,7 @@ const OName = (props: IOnameProps) => {
       </span>
       {children}
       {okrStatus == 2 && (
-        <span className="okr-drawer-header__over-tag">已结束</span>
+        <span className="okr-drawer-header__over-tag">{getLocale('OKR_MyO_Butt_Hasended')}</span>
       )}
     </div>
   );

package/src/components/okr-detail/components/o-classify.tsx

@@ -5,6 +5,7 @@ import Toast from "../../toast";
 import Tooltip from "../../tooltip";
 import Popup from "../../popup";
 import { updateClassify } from "../request-apis";
+import { getLocale } from "../../../utils/getLocale";
 
 interface IOclassifyProps {
   editable: boolean;
@@ -41,13 +42,13 @@ const OClassify = (props: IOclassifyProps) => {
         className="okr-drawer-header__classify-popup-item"
         onClick={() => updateClassifyHandler(1)}
       >
-        承诺型
+        {getLocale('OKR_MyO_Es_Commitment')}
       </div>
       <div
         className="okr-drawer-header__classify-popup-item"
         onClick={() => updateClassifyHandler(2)}
       >
-        愿景型
+        {getLocale('OKR_MyO_Es_Visiontype')}
       </div>
     </div>
   );
@@ -56,7 +57,7 @@ const OClassify = (props: IOclassifyProps) => {
   if (editable) {
     return (
       <Popup popup={popContent} popupVisible={visible} placement="bottomLeft">
-        <Tooltip overlay={okrClassify == 1 ? "承诺型" : "愿景型"} placement="top">
+        <Tooltip overlay={okrClassify == 1 ? getLocale('OKR_MyO_Es_Commitment') : getLocale('OKR_MyO_Es_Visiontype')} placement="top">
           <span
             className={classNames("okr-drawer-header__classify", {
               "okr-drawer-header__classify--promise": okrClassify == 1,
@@ -69,7 +70,7 @@ const OClassify = (props: IOclassifyProps) => {
     );
   } else {
     return (
-      <Tooltip overlay={okrClassify == 1 ? "承诺型" : "愿景型"} palcement="top">
+      <Tooltip overlay={okrClassify == 1 ? getLocale('OKR_MyO_Es_Commitment') : getLocale('OKR_MyO_Es_Visiontype')} palcement="top">
         <span
           className={classNames("okr-drawer-header__classify", {
             "okr-drawer-header__classify--promise": okrClassify == 1,

package/src/components/okr-detail/components/o-progress-update/index.tsx

@@ -3,6 +3,7 @@ import { CommonContext } from "../../context";
 import Toast from "../../../toast";
 import ProgressModal from '../../../okr-progress-modal'
 import { updateProgress } from "../../request-apis";
+import { getLocale } from "../../../../utils/getLocale";
 interface IProps {
   okrInfo: any;
   renderContent: Function;
@@ -11,7 +12,7 @@ interface IProps {
   setUpdateData?: Function;
 }
 const OProgressUpdate = (props: IProps) => {
-  const { okrInfo, renderContent, setProgress, setUpdateData, title = "更新目标完成度" } = props;
+  const { okrInfo, renderContent, setProgress, setUpdateData, title = getLocale('OKR_MyO_Pop_Upd_Upd') } = props;
   const [visible, setVisible] = useState(false);
   const commonContext = useContext(CommonContext);
   const { refreshAll } = commonContext;

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

@@ -7,6 +7,7 @@ import preCls from "../../precls";
 import drawerManager from "../../../../../drawer-manager";
 import { KRAuth, OAuth } from "../../../../../../utils/auth";
 import TooltipText from "../../../../../tooltip/tooltip-text";
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -59,7 +60,7 @@ export default (props) => {
           },
         })
         .then(() => {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         });
     } else {
@@ -69,7 +70,7 @@ export default (props) => {
           "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         });
     }
@@ -83,7 +84,7 @@ export default (props) => {
           "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
@@ -96,7 +97,7 @@ export default (props) => {
           "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
@@ -134,7 +135,7 @@ export default (props) => {
                 ref={btnRef}
               >
                 <span className="tu-icon-add1" />
-                新建
+                {getLocale('OKR_MyO_E_Butt_Newlybuild')}
               </span>
             }
           >
@@ -143,14 +144,14 @@ export default (props) => {
               exIconClass="e-kr-node-layer-icon"
               name="addTask"
             >
-              <span>添加任务</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Addtask')}</span>
             </IconItem>
             <IconItem
               icon="tu-icon-Add-xiangmu"
               exIconClass="e-kr-node-layer-icon"
               name="addProject"
             >
-              <span>添加项目</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Addproject')}</span>
             </IconItem>
           </DropSelector>
 
@@ -162,7 +163,7 @@ export default (props) => {
                 className={classNames(`${preCls}__e-kr-node-actions-connect`)}
               >
                 <span className="tu-icon-guanlian e-kr-node__guanlian-icon" />
-                关联
+                {getLocale('Mod_Associate')}
               </span>
             }
           >
@@ -171,14 +172,14 @@ export default (props) => {
               exIconClass="e-kr-node-layer-icon"
               name="relateTask"
             >
-              <span>关联任务</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Assotask')}</span>
             </IconItem>
             <IconItem
               icon="tu-icon-GL-xiangmu"
               exIconClass="e-kr-node-layer-icon"
               name="relateProject"
             >
-              <span>关联项目</span>
+              <span>{getLocale('OKR_MyO_E_Butt_AssProjects')}</span>
             </IconItem>
           </DropSelector>
         </div>

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/constant.ts

@@ -1,3 +1,5 @@
+import { getLocale } from "../../../../../../utils/getLocale";
+
 export const EStatusClass2StatusType = {
   'tu-icon-finished': 2,
   'tu-icon-running': 1,
@@ -19,10 +21,10 @@ export const EStatusStatus2ClassType = {
 }
 
 export const EStatusClass2StatusTypeText = {
-  'tu-icon-finished': '已完成',
-  'tu-icon-running': '进行中',
-  'tu-icon-canceled': '已取消',
-  'tu-icon-deferred': '已延迟',
-  'tu-icon-paused': '暂停中',
-  'tu-icon-notstart': '未开始'
+  'tu-icon-finished': getLocale('OKR_MyO_E_From_Completed'),
+  'tu-icon-running': getLocale('Per_MyRe_text_Inprogress'),
+  'tu-icon-canceled': getLocale('OKR_MyO_E_From_Delayed'),
+  'tu-icon-deferred': getLocale('OKR_MyO_E_From_Delayed'),
+  'tu-icon-paused': getLocale('OKR_MyO_E_From_Suspended'),
+  'tu-icon-notstart': getLocale('OKR_MyO_E_From_NotStarted')
 }

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import preCls from '../../precls';
+import { getLocale } from '../../../../../../utils/getLocale';
 import './index.scss';
 
 export default props => {
@@ -10,6 +11,6 @@ export default props => {
     key={index}
     className={classNames(`${preCls}__e-empty-node`)}
   >
-    用「任务/项目」来支撑，OKR 落地更有保障 💪
+    {getLocale('OKR_MyO_E_SupportedtaskProject')} 💪
   </div>
 }

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

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import DropSelector, { Item } from '../../../../../drop-selector';
 import preCls from '../../precls';
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import './index.scss';
 
@@ -29,11 +30,11 @@ export default props => {
         <span className={classNames(`${preCls}__e-task-node-priority-p${level}`)} />
       }
     >
-      <Item name="1"><span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />最高</Item>
-      <Item name="2"><span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />高</Item>
-      <Item name="3"><span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />中</Item>
-      <Item name="4"><span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />低</Item>
-      <Item name="5"><span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />非常低</Item>
+      <Item name="1"><span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</Item>
+      <Item name="2"><span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</Item>
+      <Item name="3"><span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Middle')}</Item>
+      <Item name="4"><span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Low')}</Item>
+      <Item name="5"><span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Verylow')}</Item>
     </DropSelector>
   </React.Fragment>
 }

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

@@ -14,6 +14,7 @@ import TooltipText from '../../../../../tooltip/tooltip-text';
 import { isPlatform } from "../../../../../../utils/platform";
 import DrawerManager from "../../../../../drawer-manager";
 import {escapeHtml} from '../../../../../../utils/helpers'
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import './index.scss';
 
@@ -93,7 +94,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-project-node-actions-connect`)} onClick={() => setUnConnectVisible(true)}>
             <span className="tu-icon-quxiaoguanlian e-node-status-icon" />
           </span>
@@ -104,8 +105,8 @@ export default props => {
     <DialogConfirm visible={unConnectVisible} type="warning">
       <span type="title">确定取消关联吗？</span>
       <span type="content">取消关联后该项目将不在此目标下显示</span>
-      <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>取消</CancelButton>
-      <SureButton type="button" onClick={onSureUnConnectHandler}>确定</SureButton>
+      <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/e-node/e-status-dropdown.js

@@ -3,6 +3,7 @@ import Popup from '../../../../../popup';
 import classNames from 'classnames';
 import DropSelector, { IconItem } from '../../../../../drop-selector';
 import preCls from '../../precls';
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import './index.scss';
 
@@ -35,12 +36,12 @@ export default props => {
         </span>
       }
     >
-      <IconItem name="tu-icon-finished" exIconClass='e-node-status-icon'>已完成</IconItem>
-      <IconItem name="tu-icon-running" exIconClass='e-node-status-icon'>进行中</IconItem>
-      <IconItem name="tu-icon-canceled" exIconClass='e-node-status-icon'>已取消</IconItem>
-      <IconItem name="tu-icon-deferred" exIconClass='e-node-status-icon'>已延迟</IconItem>
-      <IconItem name="tu-icon-paused" exIconClass='e-node-status-icon'>暂停中</IconItem>
-      <IconItem name="tu-icon-notstart" exIconClass='e-node-status-icon'>未开始</IconItem>
+      <IconItem name="tu-icon-finished" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Completed')}</IconItem>
+      <IconItem name="tu-icon-running" exIconClass='e-node-status-icon'>{getLocale('Per_MyRe_text_Inprogress')}</IconItem>
+      <IconItem name="tu-icon-canceled" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
+      <IconItem name="tu-icon-deferred" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
+      <IconItem name="tu-icon-paused" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Suspended')}</IconItem>
+      <IconItem name="tu-icon-notstart" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_NotStarted')}</IconItem>
     </DropSelector>
   </React.Fragment>
 }