@titaui/pc 1.7.97 → 1.7.98

package/src/components/menus/i18n.ts

@@ -1,52 +1,49 @@
-
 class I18N {
 
-  public menu_alldeparment = '公司全部';
-  public menu_myokr = '我的 OKR';
-  public menu_responsible = '我负责的';
-  public menu_participated = '我参与的';
-  public menu_concerned = '我关注的';
-  public menu_subordinate = '下属 OKR';
-  public menu_concerned_user = '关注的人';
-  public menu_other = '其它';
-  public menu_okrmap = 'OKR 地图';
-  public menu_okrdashboard = 'OKR 仪表盘';
-  public menu_okr_working_method = 'OKR 工作法';
-  public menu_okrcases = 'OKR 案例库';
-
-  public menu_myass = '我的考核';
-  public menu_evaluated_ass = '我评价的';
-  public menu_subordinate_ass = '下属考核';
-  public menu_department_ass = '部门考核';
-  public menu_management_ass = '考核管理';
-  public menu_template_ass = '考核模板';
-  public menu_library_ass = '考核指标库';
-  public menu_score_ass = '评价设置';
-  public menu_help_ass = '考核帮助';
-  public menu_statistics_ass = '考核报表';
-  public menu_dashboard_ass = '考核仪表盘';
-
-  public input_search_user = '搜索同事';
-
-  public nofollowers = '暂无关注的人';
+  public menu_alldeparment = `OKR_Menu_Title_All`;
+  public menu_myokr = `OKR_Menu_Title_MyOKRs`;
+  public menu_responsible = `OKR_Menu_Title03_Owned`;
+  public menu_participated = `OKR_Menu_Title_Collaborator`;
+  public menu_concerned = `OKR_Menu_Title_FollowingOKRs`;
+  public menu_subordinate = `OKR_Menu_Title_DirectReports`;
+  public menu_concerned_user = `OKR_Menu_Title_FollowingOKR`;
+  public menu_other = `OKR_Menu_Title_Others`;
+  public menu_okrmap = `OKR_Menu_Title_Alignment`;
+  public menu_okrdashboard = `OKR_Menu_Title_Dashboard`;
+  public menu_okr_working_method = `OKR_Menu_Title_OKRWork`;
+  public menu_okrcases = `OKR_Menu_Title_OKRExamples`;
+
+  public menu_myass = `Per_Menu_Title_MyReviews`;
+  public menu_evaluated_ass = `Per_Menu_Title_MyEvaluation`;
+  public menu_subordinate_ass = `Per_Menu_Title_Subordinate`;
+  public menu_department_ass = `Per_Menu_Title_Department`;
+  public menu_management_ass = `Per_Menu_Title_AssessmentMana`;
+  public menu_template_ass = `Per_Menu_Title_Assessmenttempla`;
+  public menu_library_ass = `Per_Menu_Title_IndicatorDatabase`;
+  public menu_score_ass = `Per_Menu_Title_Settings`;
+  public menu_help_ass = `Per_Menu_Title_Help`;
+  public menu_statistics_ass = `Per_Menu_Title_Reports`;
+  public menu_dashboard_ass = `Per_Menu_Title_Dashboard`;
+  public menu_basesetting = `Per_Menu_Title_Label_BasicSettings`
+
+  public input_search_user = `OKR_Menu_text_SearchMembers`;
+
+  public nofollowers = `OKR_Menu_txt_NoFollowers`;
   public nosubordinates = '暂无下属';
-  public alldeparment = '公司全部';
-  public unsubscribe = '取消关注';
-
-  public menu_regulation_enterprise = '企业管理规定'
-  public menu_regulation_okr = 'OKR规定'
-  public menu_regulation_project = '项目规定'
-  public menu_regulation_plan = '计划规定'
-  public menu_regulation_daily = '日报规定'
-  public menu_regulation_weekly = '周报规定'
-  public menu_regulation_monthly = '月报规定'
-
-
-  constructor(isEN = false) {
-    if (isEN) {
-      // 替换成英文
-    }
+  public alldeparment = `OKR_Menu_Title_All`;
+  public unsubscribe = `OKR_MyO_Butt_Unfollow`;
+
+  public menu_regulation_enterprise = `Per_Menu_ManRegu`
+  public menu_regulation_okr = `Regul_Menu_OKR`
+  public menu_regulation_project = `Regul_Menu_Projects`
+  public menu_regulation_plan = `Regul_Menu_Tasks`
+  public menu_regulation_daily = `Regul_Menu_DailyReport`
+  public menu_regulation_weekly = `Regul_Menu_WeeklyReport`
+  public menu_regulation_monthly = `Regul_Menu_MonthlyReport`
+
+
+  constructor() {
   }
 }
 
-export const locale = new I18N(false);
+export const locale = new I18N();

package/src/components/nav-top/components/user-message/components/remind/remind-item.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import TooltipText from "../../../../../tooltip/tooltip-text";
 import Bell from "../../images/app-tixing.svg";
 import { apiServer, userId } from "../../constant";
+import { getLocale } from "../../../../../../utils/getLocale";
 import "./index.scss";
 
 
@@ -24,7 +25,7 @@ const Remind = (props) => {
       <img src={Bell} className={classNames(`${preCls}__item-photo`)} />
       <div className={classNames(`${preCls}__item-right`)}>
         <div className={classNames(`${preCls}__item-right-name`)}>
-          <span>任务</span>
+          <span>{getLocale('Mod_Tasks')}</span>
           <span className={classNames(`${preCls}__item-right-name-status`)}>
             {item.content}
           </span>

package/src/components/nav-top/components/user-message/msg/index.tsx

@@ -7,6 +7,7 @@ import Inform from "../components/inform";
 import Remind from "../components/remind";
 import TabTitle from "../components/tab-title";
 import { getMessages } from "../../../request.apis";
+import { getLocale } from "../../../../../utils/getLocale";
 import "./index.scss";
 
 const prefixCls = "titaui-user-message-msg";
@@ -60,7 +61,7 @@ const UserMessage = (props) => {
             tab={
               <TabTitle
                 data={getData("todoIndicator")}
-                title="待办"
+                title={getLocale('Top_Message_title_Todos')}
                 tab={"todos"}
               />
             }
@@ -84,7 +85,7 @@ const UserMessage = (props) => {
             tab={
               <TabTitle
                 data={getData("mLeaveandComment")}
-                title="@与回复"
+                title={getLocale('Top_Message_title_@&Replies')}
                 tab={"replys"}
               />
             }
@@ -93,7 +94,7 @@ const UserMessage = (props) => {
             <Reply onItemClick={onItemClick} handleIntervalRequestMessageInfo={handleIntervalRequestMessageInfo}/>
           </TabPane>
           <TabPane
-            tab={<TabTitle data={remindTotal} title="提醒" tab={"reminds"} />}
+            tab={<TabTitle data={remindTotal} title={getLocale('Top_Message_title_AlarmReminders')} tab={"reminds"} />}
             key="reminds"
           >
             <Remind onItemClick={onItemClick} handleIntervalRequestMessageInfo={handleIntervalRequestMessageInfo} handleIgnoreTask={handleIgnoreTask}/>

package/src/components/nav-top/components/user-message/utils.ts

@@ -1,3 +1,5 @@
+import { getLocale } from "../../../../utils/getLocale";
+
 export const htmlToText = (text) => {
 	let div = document.createElement('div');
 	div.innerHTML = text;
@@ -8,7 +10,7 @@ export const deleteText = (text) => {
 	const last = text.trim().slice(-4);
   if (last === '查看任务') {
     text = text.trim().slice(0, -4);
-  } else if (last === '查看详情') {
+  } else if (last === getLocale('Mod_Checkdetails')) {
     text = text.trim().slice(0, -4);
   } else if (last === '进入日报') {
     text = text.trim().slice(0, -4);

package/src/components/nav-top/components/user-own-menu/components/own-menu/index.scss

@@ -5,6 +5,7 @@
   box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
   border-radius: 16px;
   padding: 16px 26px 16px 12px;
+  user-select: none;
   &__card {
     &-items {
       margin-bottom: 5px;
@@ -20,7 +21,7 @@
         left: 8px;
         display: inline-block;
         content: "";
-        width: 100px;
+        width: 100%;
         height: 1px;
         background: linear-gradient(
           297deg,
@@ -53,9 +54,28 @@
         font-weight: 400;
         color: #3f4755;
         line-height: 22px;
+        min-width: 110px;
+        display: inline-block;
         &:hover {
           color: #2879ff;
         }
+        &-suffix {
+          font-size: 14px;
+          color: #3F4755;
+          line-height: 22px;
+          display: inline-flex;
+          align-items: center;
+          &-lang {
+            &--selected {
+              color: #2879FF;
+            }
+          }
+          &-icon {
+            display: inline-block;
+            transform: rotate(90deg);
+            margin: 0 10px;
+          }
+        }
       }
     }
   }

package/src/components/nav-top/components/user-own-menu/components/own-menu/index.tsx

@@ -1,12 +1,31 @@
 import React, { useState } from "react";
 import classNames from "classnames";
 import { getOwnSet } from "../../utils";
+import ConditionRender from "../../../../../condition-render";
+import { changeLang } from "../../../../request.apis";
+import { getBSGlobal } from "../../../../../../utils/bs-global";
+import Toast from "../../../../../toast";
 import "./index.scss";
 
 const preCls = "titaui-nav-top-user-own-menu";
 
 const User = () => {
   const [ownSet] = useState(getOwnSet());
+  const lang =
+    (getBSGlobal("I18NInfo") && getBSGlobal("I18NInfo").I18NUserLang) ||
+    "zh_CN";
+
+  const handleChangeLang = () => {
+    const replaceLang = lang === "zh_CN" ? "en_US" : "zh_CN";
+    changeLang(replaceLang).then((resp) => {
+      if (resp.Code === 1 && resp.Data === true) {
+        window.location.reload();
+      } else {
+        Toast.Error("切换语言失败，请稍后重试", { canClose: false });
+      }
+    });
+  };
+
   return (
     <div className={classNames(`${preCls}`)}>
       <ul className={classNames(`${preCls}__card`)}>
@@ -15,11 +34,53 @@ const User = () => {
             {items.map((item) => (
               <li className={classNames(`${preCls}__card-item`)} key={item.id}>
                 <i
-                  className={classNames(`${preCls}__card-item-img`,item.url)}
+                  className={classNames(`${preCls}__card-item-img`, item.icon)}
                 />
-                <a href={item.objUrl} className={classNames(`${preCls}__card-item-title`)}>
+                <ConditionRender condition={!!item.objUrl}>
+                  <a
+                    href={item.objUrl}
+                    className={classNames(`${preCls}__card-item-title`)}
+                  >
                     {item.title}
-                </a>
+                  </a>
+                </ConditionRender>
+                <ConditionRender condition={!item.objUrl}>
+                  <span onClick={handleChangeLang}>
+                    <a
+                      className={classNames(`${preCls}__card-item-title`)}
+                    >
+                      {item.title}
+                    </a>
+                    <span
+                      className={classNames(
+                        `${preCls}__card-item-title-suffix`
+                      )}
+                    >
+                      <span
+                        className={classNames({
+                          [`${preCls}__card-item-title-suffix-lang--selected`]:
+                            lang === "zh_CN",
+                        })}
+                      >
+                        中
+                      </span>
+                      <i
+                        className={classNames(
+                          "tu-icon-shangxia",
+                          `${preCls}__card-item-title-suffix-icon`
+                        )}
+                      />
+                      <span
+                        className={classNames({
+                          [`${preCls}__card-item-title-suffix-lang--selected`]:
+                            lang === "en_US",
+                        })}
+                      >
+                        EN
+                      </span>
+                    </span>
+                  </span>
+                </ConditionRender>
               </li>
             ))}
           </div>

package/src/components/nav-top/components/user-own-menu/utils.ts

@@ -1,63 +1,88 @@
+import { getLocale } from "../../../../utils/getLocale";
 import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
 import { IOwnSetType } from "../../interface";
 
 const userId = getUserInfo().Id;
 const apiServer = getBSGlobal("apiPath");
+const i18nInfo = getBSGlobal('I18NInfo');
 const tm = getBSGlobal("tm");
 
 const isTestCompanyManageRule = /gift/g.test(apiServer);
 
-export const getOwnSet = () => {
-  const ownhandle = [
-    {
-      id: "ownHome",
-      url: "tu-icon-myhome",
-      title: "个人信息",
-      objUrl: `${apiServer}/u/${userId}/Home/#user-info`,
-    },
-    {
-      id: "ownSet",
-      url: "tu-icon-APP-shezhi",
-      title: "个人设置",
-      objUrl: `${apiServer}/u/${userId}/Home/#setting`,
-    },
-  ];
+const getOwnhandle = () => [
+  {
+    id: "ownHome",
+    icon: "tu-icon-myhome",
+    title: getLocale('Per_Menu_Perinfo'),
+    objUrl: `${apiServer}/u/${userId}/Home/#user-info`,
+    otherInfo: {}
+  },
+  {
+    id: "ownSet",
+    icon: "tu-icon-APP-shezhi",
+    title: getLocale('Per_Menu_MySettings'),
+    objUrl: `${apiServer}/u/${userId}/Home/#setting`,
+    otherInfo: {}
+  },
+];
+
+const getExit = () => [
+  {
+    id: "Logout",
+    icon: "tu-icon-tuichu",
+    title: getLocale('Per_Menu_Logout'),
+    objUrl: `${apiServer}/Account/Logout`,
+    otherInfo: {}
+  },
+];
+
+const getLimit = () => [
+  {
+    id: "manage",
+    icon: "tu-icon-myqyht",
+    title: getLocale('Per_Menu_Admin'),
+    objUrl: `${tm}`,
+    otherInfo: {}
+  },
+  {
+    id: "open",
+    icon: "tu-icon-my-gjgn",
+    title: getLocale('Per_Menu_AdvancedFeatures'),
+    objUrl: `${tm}${tm.indexOf(`${userId}/TmHome`) != -1 ?'':`/${userId}/TmHome`}#?iTalentFrameType=iframe&iTalentFrame=${tm.indexOf(`${userId}/TmHome`) != -1 ?`${tm.replace(`/TmHome`,'')}`:`${tm}/${userId}`}/indexV2#/advancedSettings`,
+    otherInfo: {}
+  },
+  {
+    id: "role",
+    icon: "tu-icon-gongsi",
+    title: getLocale('Per_Menu_ManRegu'),
+    objUrl: `${apiServer}/u/${userId}/Home#/enterprise/manage?reactRouterName=okr`,
+    otherInfo: {}
+  },
+]
 
-  const limit = [
-    {
-      id: "manage",
-      url: "tu-icon-myqyht",
-      title: "企业管理后台",
-      objUrl: `${tm}`,
-    },
-    {
-      id: "open",
-      url: "tu-icon-my-gjgn",
-      title: "开启高级设置",
-      objUrl: `${tm}${tm.indexOf(`${userId}/TmHome`) != -1 ?'':`/${userId}/TmHome`}#?iTalentFrameType=iframe&iTalentFrame=${tm.indexOf(`${userId}/TmHome`) != -1 ?`${tm.replace(`/TmHome`,'')}`:`${tm}/${userId}`}/indexV2#/advancedSettings`,
-    },
-    {
-      id: "role",
-      url: "tu-icon-gongsi",
-      title: "企业管理规定",
-      objUrl: `${apiServer}/u/${userId}/Home#/enterprise/manage?reactRouterName=okr`,
-    },
-  ];
+const getLang = () => [
+  {
+    id: "i18n",
+    icon: "tu-icon-yuyan",
+    title: getLocale('Per_Menu_language'),
+    objUrl: ``,
+    otherInfo: {
+      lang: i18nInfo.I18NUserLang,
+    }
+  },
+]
 
-  const exit = [
-    {
-      id: "Logout",
-      url: "tu-icon-tuichu",
-      title: "退出登录",
-      objUrl: `${apiServer}/Account/Logout`,
-    },
-  ];
+export const getOwnSet = () => {
+  
   let newOwnSet: IOwnSetType[] = [];
-  newOwnSet.push(ownhandle);
+  newOwnSet.push(getOwnhandle());
   const role = getUserInfo().Role;
   if (role === 2 || role === 4) {
-    newOwnSet.push(limit);
+    newOwnSet.push(getLimit());
+  }
+  if (i18nInfo && i18nInfo.I18NOpen === 'true') {
+    newOwnSet.push(getLang())
   }
-  newOwnSet.push(exit);
+  newOwnSet.push(getExit());
   return newOwnSet;
 };

package/src/components/nav-top/components/version/index.tsx

@@ -3,6 +3,7 @@ import { getBSGlobal } from "../../../../utils/bs-global";
 import VersionChangeModal from "../../../version-change-modal";
 import { Versions } from "../../../version-change-modal/constant";
 import { versionTextMap } from "../../constant";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-nav-top-version";
@@ -23,7 +24,7 @@ const Version: FC = () => {
         onClick={handleShowVersionSelector}
       >
         <span className={`${prefix}__version-info-name`}>{versionTextMap[versionInfo.MenuVersion || Versions.Flagship]}</span>
-        <span className={`${prefix}__version-info-countdown`}>剩余{versionInfo.Day}天</span>
+        <span className={`${prefix}__version-info-countdown`}>{getLocale('OKR_MyO_E_Remaining')}{versionInfo.Day}天</span>
       </div>
       <VersionChangeModal
         ref={versionChangeModalRef}

package/src/components/nav-top/interface.ts

@@ -5,9 +5,10 @@ export interface IMenuProps {
 
 export interface IOwnSetItemType {
   id: string;
-  url: any;
+  icon: any;
   title: string;
   objUrl: string;
+  otherInfo: Object;
 }
 
 export type IOwnSetType = IOwnSetItemType[];

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;
@@ -93,7 +94,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 +108,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 +146,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 +172,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 +289,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 +373,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 +420,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 +436,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 {
@@ -109,7 +109,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 +127,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 +143,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 +163,7 @@ const ODesc: FC<IODescProps> = ({
               value={desc}
               onChange={handleTextareaChange}
               onFocus={handleODescWrapperFocus}
-              placeholder={"添加目标描述"}
+              placeholder={getLocale('OKR_MyO_Es_AddOdescription')}
             ></textarea>
           )}
           {isFocus && canEdit ? (
@@ -174,13 +174,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>