@titaui/pc 1.8.61 → 1.9.3

package/src/components/nav-top/request.apis.ts

@@ -64,3 +64,7 @@ export const getMessages = () => {
     })
     .then((data) => data);
 };
+
+export const changeLang = (lang) => {
+  return rget('v1')(`multiLange/change?lang=${lang}`)
+}

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

@@ -29,6 +29,7 @@ import DialogConfirm, {
 } from "../../dialog-confirm";
 import { GeneralDataContext, CommonContext } from "../context";
 import { OAuth } from "../../../utils/auth";
+import { getLocale } from "../../../utils/getLocale";
 
 interface IUser {
   name: string;
@@ -57,10 +58,8 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
 
   const { okrInfo, setOkrInfo } = useContext(CommonContext);
 
-  const [originalDesc, setOriginalDesc] = useState(
-    decodeURI(encodeURI(okrInfo.description)) || ""
-  );
-  // const [desc, setDesc] = useState(decodeURI(encodeURI(okrInfo.description)));
+  const originDesc = decodeURI(encodeURI(okrInfo.description)) === 'null' ? '' : decodeURI(encodeURI(okrInfo.description));
+  const [originalDesc, setOriginalDesc] = useState(originDesc || "");
   const [participant, setParticipant] = useState<IUser[]>([]);
   const [followers, setFollowers] = useState<IUser[]>([]);
   const [canEditAllInfo, setCanEditAllInfo] = useState(
@@ -93,7 +92,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
       if (desc.trim().length > 5000) return;
       saveODesc(okrInfo.workId, desc).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setOkrInfo({ ...okrInfo, description: desc });
         } else {
           Toast.Error("操作失败", { canClose: false });
@@ -107,7 +106,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
     (user) => {
       transferPrincipal(okrInfo.workId, user.email, user.id).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           let tempParticipant = [...participant];
           // 当前登录的是有权限的人，将负责人转为参与人或者关注人中的一个
           const isParticipantIndex = findUserIndex(tempParticipant, user.id);
@@ -145,7 +144,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
   const handleChangeClassify = useCallback((classify) => {
     updateOClassify(classify, okrInfo.workId).then((resp) => {
       if (resp.Code === 1) {
-        Toast.Success("操作成功", { canClose: false });
+        Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
         setGeneralOkrClassify(classify);
       } else {
         Toast.Error(resp.Message, { canClose: false });
@@ -171,7 +170,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
         areaGroupIds
       ).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setGeneralVisibility({
             visibility: visiableValue,
             visibilityScope: data,
@@ -288,7 +287,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
     deleteUser(delUser.id, okrInfo.workId, delUserType === 1 ? 2 : 3)
       .then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success("删除成功", { canClose: false });
+          Toast.Success(getLocale('Pro_detail_Deletsuccess'), { canClose: false });
           setGeneralRoleType(delUser.id === loginUser.Id ? 0 : generalRoleType);
           if (delUserType === 1) {
             participant.splice(userIndex, 1);
@@ -372,13 +371,13 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
       <DialogConfirm visible={showDialogConfirm} type="warning">
         {/* @ts-ignore */}
         <span type="title">
-          确定删除此{delUserType === 1 ? "参与" : "关注"}人吗？
+          确定删除此{delUserType === 1 ? "参与" : getLocale('OKR_MyO_Butt_Follow')}人吗？
         </span>
         <CancelButton type="button" onClick={cancelDelPerson}>
-          取消
+          {getLocale('Mod_Cancel')}
         </CancelButton>
         <WarningButton type="button" onClick={ensureDelPerson}>
-          删除
+          {getLocale('Mod_Delete')}
         </WarningButton>
       </DialogConfirm>
     );
@@ -419,7 +418,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
           !canEditAllInfo &&
           participant.length === 0 ? null : (
             <>
-              <span className="base-info__person-block-title">参与人</span>
+              <span className="base-info__person-block-title">{getLocale('Mod_Participants')}</span>
               <Person
                 users={participant}
                 canEdit={canEditPerson}
@@ -435,7 +434,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
           setting.TargetFollowers &&
           followers.length === 0 ? null : (
             <>
-              <span className="base-info__person-block-title">关注人</span>
+              <span className="base-info__person-block-title">{getLocale('Mod_Followers')}</span>
               <Person
                 type="followers"
                 users={followers}

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

@@ -1,5 +1,5 @@
-import React, { FC, useState, useRef, useCallback } from "react";
-import { useEffect } from "react";
+import React, { FC, useState, useEffect, useRef, useCallback } from "react";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 interface IODescProps {
@@ -21,7 +21,6 @@ const ODesc: FC<IODescProps> = ({
   const [hasError, setHasError] = useState(false);
   const [isShowMore, setIsShowMore] = useState(false);
   const [desc, setDesc] = useState(originalDesc);
-  // const [originalDesc,setOriginalDesc] = useState(decodeURI(encodeURI(data.description))||'')
   const [showMoreBtn, setShowMoreBtn] = useState(false);
   const textareaRef = useRef(document.createElement("textarea"));
   const textRef = useRef(document.createElement("div"));
@@ -69,12 +68,6 @@ const ODesc: FC<IODescProps> = ({
     [originalDesc, desc, onChangeDesc, hasError]
   );
 
-  // const handleEnsureDesc = useCallback((e) => {
-  //   setIsFocus(false);
-  //   setIsAddDesc(false)
-  //   onChangeDesc && onChangeDesc();
-  // }, [onChangeDesc]);
-
   useEffect(() => {
     if (isFocus) {
       setShowMoreBtn(false);
@@ -109,7 +102,7 @@ const ODesc: FC<IODescProps> = ({
     <>
       {canEdit || desc ? (
         <div className="base-info-o-desc-wrapper">
-          <div className="o-desc__title">目标描述</div>
+          <div className="o-desc__title">{getLocale('OKR_MyO_Es_Targetdescri')}</div>
           {!isAddDesc ? (
             <div
               className={`o-desc__text-area-box 
@@ -127,7 +120,7 @@ const ODesc: FC<IODescProps> = ({
                 ref={textRef}
               >
                 {!desc ? (
-                  <span className="o-desc__add-desc">添加目标描述</span>
+                  <span className="o-desc__add-desc">{getLocale('OKR_MyO_Es_AddOdescription')}</span>
                 ) : (
                   desc
                 )}
@@ -143,7 +136,7 @@ const ODesc: FC<IODescProps> = ({
             >
               {isShowMore ? (
                 <span className="o-desc__show-more--up">
-                  收起
+                  {getLocale('Mod_Fold')}
                   <span className="o-desc-arrow-icon tu-icon-arrow-up"></span>
                 </span>
               ) : (
@@ -163,7 +156,7 @@ const ODesc: FC<IODescProps> = ({
               value={desc}
               onChange={handleTextareaChange}
               onFocus={handleODescWrapperFocus}
-              placeholder={"添加目标描述"}
+              placeholder={getLocale('OKR_MyO_Es_AddOdescription')}
             ></textarea>
           )}
           {isFocus && canEdit ? (
@@ -174,13 +167,13 @@ const ODesc: FC<IODescProps> = ({
                   className="o-desc__btn o-desc__btn--cancel"
                   onClick={handleCancelInputDesc}
                 >
-                  取消
+                  {getLocale('Mod_Cancel')}
                 </div>
                 <div
                   className="o-desc__btn o-desc__btn--ensure"
                   onClick={handleEnsureDesc}
                 >
-                  确定
+                  {getLocale('OKR_MyO_Butt_Determine')}
                 </div>
               </div>
             </div>

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

@@ -2,12 +2,13 @@ import React, { FC, useCallback } from "react";
 import SelectLayer from '../../../../select-layer';
 import PromiseSvg from '../../img/promise.svg';
 import DesireSvg from '../../img/desire.svg';
+import { getLocale } from "../../../../../utils/getLocale";
 
 import './index.scss';
 
-const okrClassifyList = [
-  { label: '承诺型', value: 1 },
-  { label: '愿景型', value: 2 }
+const getOkrClassifyList = () => [
+  { label: getLocale('OKR_MyO_Es_Commitment'), value: 1 },
+  { label: getLocale('OKR_MyO_Es_Visiontype'), value: 2 }
 ]
 
 interface IClassifyProps {
@@ -30,16 +31,16 @@ const Classify: FC<IClassifyProps> = ({ initValue, onChangeClassify, canEdit = f
   return (
     <div className='base-info-other-infos__classify'>
       <div className="base-info-other-infos__classify-title">
-        类别
+        {getLocale('OKR_MyO_Es_Category')}
       </div>
       <div>
         <SelectLayer
           canEdit={canEdit}
           renderSuffixIconClass='base-info-other-infos__classify-icon'
           renderSuffixIcon={IconMap}
-          items={okrClassifyList}
+          items={getOkrClassifyList()}
           initValue={initValue}
-          initText='暂无'
+          initText={getLocale('OKR_MyO_E_Temporarilynone')}
           onChangeSelect={handleSelectOkrClassify}
         />
       </div>

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;
@@ -24,7 +25,7 @@ const OProgressUpdate = (props: IProps) => {
       ...params,
     });
     if (data.Code == 1) {
-      Toast.Success("更新成功");
+      Toast.Success(getLocale('Per_Ma_form_Updatesuc'));
       refreshAll && refreshAll();
       setVisible(false)
     } else {