@titaui/pc 1.8.61 → 1.9.0

package/src/components/ereport-list/index.tsx

@@ -26,6 +26,7 @@ import {
   ItemOptionsMoreInfoTextStyle,
   ItemOptionsMoreInfoBackgroundStyle
 } from './style';
+import { getLocale } from "../../utils/getLocale";
 import './index.scss';
 
 interface Props {
@@ -164,11 +165,11 @@ class EReportList extends React.Component<Props, State> {
         <ItemOptionsActionsDivStyle>
           <ItemOptionsChildsDivStyle>
             <ItemOptionsShareBackgroundStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)} className={'tu-icon-share1'} />
-            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>分享</ItemOptionsShareTextStyle>
+            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>{getLocale('OKR_MyO_Share')}</ItemOptionsShareTextStyle>
           </ItemOptionsChildsDivStyle>
           <ItemOptionsChildsDivStyle>
             {/*修改了打开新页面的方式*/}
-            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>查看详情</ItemOptionsMoreInfoTextStyle>
+            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>{getLocale('Mod_Checkdetails')}</ItemOptionsMoreInfoTextStyle>
             <ItemOptionsMoreInfoBackgroundStyle onClick={() => { window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`) }} className={'tu-icon-xiangqing'} />
           </ItemOptionsChildsDivStyle>
 
@@ -209,7 +210,7 @@ class EReportList extends React.Component<Props, State> {
   }
   getTimePick() {
     return <ListTopDivStyle ref={this.state.timePickRef}>
-      <ListTopLabelStyle>列表</ListTopLabelStyle>
+      <ListTopLabelStyle>{getLocale('OKR_MyO_Ew_List')}</ListTopLabelStyle>
       <ListTopTimePickDivStyle>
         <TimePickStyle data-name={'time-pick'} className={'tu-icon-schedule'} />
         <RangePickerPop
@@ -219,7 +220,7 @@ class EReportList extends React.Component<Props, State> {
           container={document.body}
           onConfirm={this.handleTimePickConfirm}>
           <TimePickTextStyle data-name={'time-pick'}>
-            {this.state.selectedPeriodValue || '时间筛选'}</TimePickTextStyle>
+            {this.state.selectedPeriodValue || getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</TimePickTextStyle>
         </RangePickerPop>
       </ListTopTimePickDivStyle>
     </ListTopDivStyle>
@@ -231,7 +232,7 @@ class EReportList extends React.Component<Props, State> {
       <ListStyle onClick={this.handleClickReportListsDiv}>
         {this.getTimePick()}
         {eReportWeekList.length === 0 ?
-          <EReportListEmpty text={'没有找到你想要的'} /> :
+          <EReportListEmpty text={getLocale('Mod_ lookingfor')} /> :
           this.getListItem(eReportWeekList)
         }
         {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}

package/src/components/file-list/components/single-file/index.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import { ISingleFileProps } from "../../interface";
 import { getFileTypeMapIcon } from "../../util";
 import Tooltip from "../../../tooltip";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-new-file-list-single-file";
@@ -48,7 +49,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              预览
+              {getLocale('Mod_Preview')}
             </a>
           )}
           {isImg && data.previewUrl && (
@@ -64,7 +65,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              预览
+              {getLocale('Mod_Preview')}
             </a>
           )}
           {showDownload && (
@@ -80,7 +81,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              下载
+              {getLocale('Mod_Download')}
             </a>
           )}
         </div>

package/src/components/form/form-fields/department/department-input.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { OpenDepartmentName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Department {
@@ -19,7 +20,7 @@ interface Props {
 const preCls = 'form-field-department';
 
 export default (props: Props) => {
-  const { department, placeholder = '请选择', onClick, onClear } = props;
+  const { department, placeholder = getLocale('Mod_Pleaseselect'), onClick, onClear } = props;
 
   const renderDepartName = () => {
     if (!department) return <span />;

package/src/components/form/form-fields/duties/duties-input.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -16,7 +17,7 @@ interface Duties {
 const preCls = 'form-field-duties';
 
 export default (props: Props) => {
-  const { duties, placeholder = '请选择', onClear, onClick } = props;
+  const { duties, placeholder = getLocale('Mod_Pleaseselect'), onClear, onClick } = props;
 
   const onHandleClear = e => {
     e.preventDefault();

package/src/components/form/form-fields/input/index.tsx

@@ -14,6 +14,7 @@ interface Props {
   verifies?: verify[];
   placeholder?: string;
   onChange?: Function;
+  onCheckSuccess?: Function;
   value?: any;
   require?: boolean;
   type?: string;
@@ -47,6 +48,7 @@ export default forwardRef((props: Props, ref) => {
     disabled,
     getContainer,
     layout,
+    onCheckSuccess,
     className="",
   } = props;
 
@@ -83,6 +85,7 @@ export default forwardRef((props: Props, ref) => {
     setHasActive(false);
   }
 
+
   const onChangeHandler = () => {
     const value = inputRef.current && inputRef.current.value;
     onChange && onChange(value);
@@ -91,9 +94,11 @@ export default forwardRef((props: Props, ref) => {
     if (errors.length) {
       setHasError(true);
       setTip(errors[0].tip);
+      onCheckSuccess && onCheckSuccess(false)
     } else {
       setHasError(false);
       setTip('');
+      onCheckSuccess && onCheckSuccess(true)
     }
   }
 

package/src/components/form/form-fields/input-verification-code/index.scss

@@ -103,6 +103,7 @@
       font-weight: 400;
       color: #A4ACB9;
       background: #F7F8FA;
+      cursor: not-allowed;
     }
   }
 }

package/src/components/form/form-fields/input-verification-code/index.tsx

@@ -30,6 +30,7 @@ interface Props {
   btnClick?: Function;
   className?: string;
   beforeSend?: Function;
+  canClickCode?:boolean;
 }
 interface Error {
   name: string;
@@ -58,13 +59,14 @@ export default forwardRef((props: Props, ref) => {
     className = "",
     btnClick = () => {},
     beforeSend,
+    canClickCode=true,
   } = props;
 
   const inputRef = useRef<any>();
   const [hasError, setHasError] = useState<boolean>(false);
   const [hasActive, setHasActive] = useState<boolean>(false);
   const [btn_info, setBtn_info] = useState<any>("获取验证码");
-  const [btnCanClick, setBtnCanClick] = useState<any>(true);
+  const [btnCanClick, setBtnCanClick] = useState<any>(canClickCode);
   const [tip, setTip] = useState<string>("");
   const [value, setValue] = useState<string>(props.value || "");
 
@@ -72,6 +74,10 @@ export default forwardRef((props: Props, ref) => {
     setValue(props.value);
   }, [props.value]);
 
+  useEffect(()=>{
+    setBtnCanClick(canClickCode)
+  },[canClickCode])
+
   const verifing = (): Error[] => {
     const value = inputRef.current && inputRef.current.value;
     if (!verifies || !verifies.length) return [];
@@ -116,8 +122,8 @@ export default forwardRef((props: Props, ref) => {
     }
     if (!btnCanClick) return;
 
-    btnClick && btnClick();
-    let time = 60;
+    let isSuccess = btnClick && btnClick();
+    let time = isSuccess?60:3;
     setBtn_info(`${time}s重新发送`);
     setBtnCanClick(false);
     let timer = setInterval(() => {

package/src/components/form/form-fields/user/user-input.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import Avatar from '../../../avatar/default';
 import Tooltip from '../../../tooltip';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -13,7 +14,7 @@ interface Props {
 const preCls = 'form-field-user';
 
 export default (props: Props) => {
-  const { users, placeholder = '请选择', onClear } = props;
+  const { users, placeholder = getLocale('Mod_Pleaseselect'), onClear } = props;
   const userNames: any = [];
 
   (users || []).forEach(user => {

package/src/components/grid-layout/near-visitors/index.tsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { CardTitle, Gap, CardContainer } from "../commen-components";
 import Visitor from "./visitor";
 import postComponentForData from "../util/network"
+import { getLocale } from "../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -27,13 +28,13 @@ export default function VisitorsComponents() {
   return (
     <CardContainer styles={{ padding: '12px 16px' }}>
       <CardTitle
-        content='最近访客'
+        content={getLocale('HP_RecentVisitors')}
         iconUrl={require('../image/Recent-visitors.png')}
       />
       <Gap />
       {
         visitorList.length === 0
-          ? <div className="nearVisitors-Component-noOneText" >最近访问你的人</div>
+          ? <div className="nearVisitors-Component-noOneText" >{getLocale('HP_Peoplevisited')}</div>
           : <div className="nearVisitors-Component-visitor">
             {
               // 固定为最近访问的8个用户

package/src/components/grid-layout/okr-align/index.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { getLocale } from "../../../utils/getLocale";
 import TitaChart from '../../tita-chart'
 import { CardTitle, CardContainer, CardFlexContent, DataItem, EmptyBackGround } from '../commen-components'
 import { toDataList } from '../util/click-link'
@@ -51,24 +52,24 @@ export default function OKRAlignComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content='OKR对齐'
+        content={getLocale('HP_OKRAlignment')}
         iconUrl={require('../image/align.png')}
-        tips='设置对齐目标，OKR 才能上下支撑'
+        tips={getLocale('HP_SetOKR')}
       />
       {
         isMyOKREmpty
           ? <EmptyBackGround
             imgSrc={require('../image/OKRalign-empty.png')}
-            content='对齐 Ta 人目标，支撑企业落地 OKR'
+            content={getLocale('HP_AligningOKR')}
             behave={{
               type: 'moreinfo',
-              text: '如何对齐目标',
+              text: getLocale('HP_Howaligninggoals'),
               link: 'https://club.tita.com/18179.html'
             }} />
           : <CardFlexContent>
             <TitaChart.LiquidBall PrePercentNum={0} name="对齐率" percentNum={alignPercent} />
-            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label='已对齐' handleDataClick={() => handleDataClick('hadAlign')} />
-            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label='未对齐' handleDataClick={() => handleDataClick('hadNotAlign')} />
+            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Aligned')} handleDataClick={() => handleDataClick('hadAlign')} />
+            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Unaligned')} handleDataClick={() => handleDataClick('hadNotAlign')} />
           </CardFlexContent>
       }
 

package/src/components/grid-layout/okr-progress/index.tsx

@@ -4,6 +4,7 @@ import { CardTitle, CardFlexContent, CardContainer, DataItem, EmptyBackGround }
 import postComponentForData from "../util/network"
 
 import onClickLinkChangeHash, { toDataList } from "../util/click-link";
+import { getLocale } from "../../../utils/getLocale";
 
 import "../index.scss";
 
@@ -56,26 +57,26 @@ export default function OKRProgressComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content="KR进展"
+        content={getLocale('HP_Executiotasks')}
         iconUrl={require('../image/Progress.png')}
-        tips="我负责的 OKR 下的 KR 更新进展统计"
+        tips={getLocale('HP_ProgressKROKR')}
       >
         {!isMyOKREmpty && (
           <a
             onClick={() => onClickLinkChangeHash('okr%2Fmanage')}
             className="grid-component-card-title__behave"
           >
-            去更新
+            {getLocale('OKR_OKRW_Gotoupdate')}
           </a>
         )}
       </CardTitle>
       {isMyOKREmpty ? (
         <EmptyBackGround
           imgSrc={require('../image/OKRprogress-empty.png')}
-          content="定期反馈工作进展，是一种良好的工作习惯"
+          content={getLocale('HP_Regulgoodwork')}
           behave={{
             type: 'moreinfo',
-            text: '了解如何更新进度',
+            text: getLocale('HP_Learnupdate'),
             link: 'https://club.tita.com/18179.html',
           }}
         />
@@ -90,13 +91,13 @@ export default function OKRProgressComponent() {
             num={hadUpdateOkrNum}
             updataNum={weekLatelyUpdatekrProgress}
             numColor="#3F4755"
-            label="已更新"
+            label={getLocale('HP_Updated')}
             handleDataClick={() => handleDataClick('hadUpdate')}
           />
           <DataItem
             num={hadNotUpdateOkrNum}
             numColor="#3F4755"
-            label="未更新"
+            label={getLocale('HP_Notupdated')}
             handleDataClick={() => handleDataClick('hadNotUpdate')}
           />
         </CardFlexContent>

package/src/components/grid-layout/okr-target/index.tsx

@@ -3,6 +3,7 @@ import TitaChart from '../../tita-chart';
 import { CardTitle, CardFlexContent, CardContainer, EmptyBackGround } from '../commen-components'
 import postComponentForData from "../util/network"
 import { toDataList, toOkrTarget } from '../util/click-link'
+import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
@@ -26,25 +27,25 @@ export default function OKRTargetComponent() {
         switch (item.componentDataProp) {
           case "MyNormalOkrCount":
             data.push({
-              type: '正常',
+              type: getLocale('OKR_MyO_Pop_Upd_Notrack'),
               value: item.componentDataCount
             })
             break
           case "MyRiskOkrCount":
             data.push({
-              type: '有风险',
+              type: getLocale('OKR_MyO_Pop_Upd_Atrisk'),
               value: item.componentDataCount
             })
             break
           case "MyDlayOkrCount":
             data.push({
-              type: '已延期',
+              type: getLocale('OKR_MyO_Pop_Upd_Postoned'),
               value: item.componentDataCount
             })
             break
           case "MyFinishOkrCount":
             data.push({
-              type: '已结束',
+              type: getLocale('OKR_MyO_Butt_Hasended'),
               value: item.componentDataCount
             })
             break
@@ -74,16 +75,16 @@ export default function OKRTargetComponent() {
   const handlePieLegendClick = (event) => {
     const target = event.target.attrs.text
     switch (target) {
-      case '正常':
+      case getLocale('OKR_MyO_Pop_Upd_Notrack'):
         handlePieClick('normalOkr')
         break
-      case '有风险':
+      case getLocale('OKR_MyO_Pop_Upd_Atrisk'):
         handlePieClick('riskOkr')
         break
-      case '已延期':
+      case getLocale('OKR_MyO_Pop_Upd_Postoned'):
         handlePieClick('dalyOkr')
         break
-      case '已结束':
+      case getLocale('OKR_MyO_Butt_Hasended'):
         handlePieClick('endOkr')
         break
     }
@@ -93,14 +94,14 @@ export default function OKRTargetComponent() {
 
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
-      <CardTitle content="OKR 目标" iconUrl={require('../image/targer.png')} />
+      <CardTitle content={getLocale('HP_OKR')} iconUrl={require('../image/targer.png')} />
       {isMyOKREmpty ? (
         <EmptyBackGround
           imgSrc={require('../image/OKRtarget-empty.png')}
-          content="高效工作从第一个OKR设定开始"
+          content={getLocale('HP_EffectiveOKRsetting')}
           behave={{
             type: 'button',
-            text: '创建OKR',
+            text: getLocale('OKR_MyO_Collr_Butt_CreatOKR'),
             onClick: (e) => toOkrTarget(),
           }}
         />

package/src/components/grid-layout/over-view/index.tsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect, Fragment } from "react";
 import { DataItem, CardContainer, CardFlexContent, Advice } from "../commen-components";
 import postComponentForData, { getIsCompanyOKREmpty } from '../util/network'
 import { toDataList } from '../util/click-link'
+import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
-
 const ComponentId = 'Overview-All-OKRs-E'
 
 
@@ -76,9 +76,9 @@ export default function OverviewComponent() {
         <Fragment>
           <img className="OverviewComponent-img" src={require('../image/okrBirth.png')} />
           <div className="OverviewComponent-dataContent">
-            <DataItem num={allOkrCount} numColor="#3F4755" label='目标' updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
-            <DataItem num={allMyKrCount} numColor="#3F4755" label='关键成果' updataNum={0} />
-            <DataItem num={allMyTaskCount} numColor="#3F4755" label='执行任务' updataNum={0} />
+            <DataItem num={allOkrCount} numColor="#3F4755" label={getLocale('Mod_Objective')} updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
+            <DataItem num={allMyKrCount} numColor="#3F4755" label={getLocale('Mod_KeyResults')} updataNum={0} />
+            <DataItem num={allMyTaskCount} numColor="#3F4755" label={getLocale('HP_Executiotasks')} updataNum={0} />
           </div>
         </Fragment>
       </CardFlexContent>

package/src/components/grid-layout/personal-info/index.tsx

@@ -5,6 +5,7 @@ import postComponentForData from '../util/network';
 import Avatar from '../../avatar';
 import Tooltip from '../../tooltip';
 import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
+import { getLocale } from '../../../utils/getLocale';
 
 import './index.scss';
 
@@ -145,10 +146,10 @@ export default function PersonalInfoComponent() {
       <div className="PersonalInfoComponent-PersonalInfo__fansinfo">
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__attention">
           <img src={require('../image/visit-icon.png')} /> <b>{fansNum}</b>
-          人关注
+          {getLocale('HP_peoplefollow')}
         </span>
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__like">
-          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>次点赞
+          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>{getLocale('HP_Kudos')}
         </span>
       </div>
       {scrollMessage.name && scrollMessage.name.length ? (
@@ -160,7 +161,7 @@ export default function PersonalInfoComponent() {
       ) : (
         //@ts-ignore
         <AvatarTips
-          content="🥰 小窗为您播报最新消息"
+          content={"🥰 "+getLocale('HP_Smallwindow')}
           styles={{ height: '28px', padding: '0 28px', lineHeight: '28px' }}
         />
       )}

package/src/components/grid-layout/sub-employee-okr/index.tsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { CardTitle, Gap, CardContainer, EmptyBackGround } from "../commen-components";
 import PersonalOkr from './person-okr'
 import postComponentForData from "../util/network"
+import { getLocale } from "../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -54,7 +55,7 @@ export default function SubOKRComponents() {
       )
     } else {
       return <EmptyBackGround
-        imgSrc={require('../image/sub-empty.png')} content='暂无人员数据'
+        imgSrc={require('../image/sub-empty.png')} content={getLocale('HP_Noavailable')}
         styles={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}
       />
     }
@@ -63,7 +64,7 @@ export default function SubOKRComponents() {
   return (
     <CardContainer styles={{ padding: '12px 16px' }}>
       <CardTitle
-        content={`${isSubTab ? '下属' : '同级'}OKR`}
+        content={`${isSubTab ? getLocale('OKR_MyO_Butt_Subordinate') : '同级'}OKR`}
         iconUrl={require('../image/sub.png')}
       >{
           isLeader
@@ -71,7 +72,7 @@ export default function SubOKRComponents() {
             onClick={changeTab}
           >
             <img src={require('../image/change.png')} />
-            <span>{isSubTab ? '同级' : '下属'}</span>
+            <span>{isSubTab ? '同级' : getLocale('OKR_MyO_Butt_Subordinate')}</span>
           </span>
         }
       </CardTitle>

package/src/components/grid-layout/week-task/index.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { CardTitle, DataItem, CardContainer, CardFlexContent, EmptyBackGround } from '../commen-components'
+import { getLocale } from "../../../utils/getLocale";
 import { toOkrTarget, toWeekPlan } from '../util/click-link'
 import postComponentForData from "../util/network"
 
@@ -43,25 +44,25 @@ export default function WeekTaskComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content='本周任务'
+        content={getLocale('OKR_OKRW_Tasksweek')}
         iconUrl={require('../image/task.png')}
       >
-        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">新建任务</a>}
+        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">{getLocale('Feed_Set_Pop_Butt_Newtask')}</a>}
       </CardTitle>
       {
         isMyOKREmpty
           ? <EmptyBackGround
             imgSrc={require('../image/weektask-empty.png')}
-            content='对齐 Ta 人目标，撑企业落地 OKR'
+            content={getLocale('HP_AligningOKR')}
             behave={{
               type: 'button',
-              text: '创建任务',
+              text: getLocale('Pro_page_Mil_Butt_Createatask'),
               onClick: e => toWeekPlan()
             }} />
           : <CardFlexContent>
-            <DataItem num={unFinishTaskOnWeek} numColor="#2879FF" label='本周未完成' Qtips='本周截止但未完成的任务量' handleDataClick={() => toWeekPlan()} />
-            <DataItem num={finishTaskOnWeek} numColor="#5AD8A6" label='本周完成' handleDataClick={() => toWeekPlan()} />
-            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label='已过期' handleDataClick={() => toWeekPlan()} />
+            <DataItem num={unFinishTaskOnWeek} numColor="#2879FF" label={getLocale('HP_Unfinishedweek')} Qtips={getLocale('HP_Thetasksweek')} handleDataClick={() => toWeekPlan()} />
+            <DataItem num={finishTaskOnWeek} numColor="#5AD8A6" label={getLocale('HP_Finishedweek')} handleDataClick={() => toWeekPlan()} />
+            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label={getLocale('OKR_MyO_E_Overdue')} handleDataClick={() => toWeekPlan()} />
           </CardFlexContent>
       }
       {/* {!isCompanyOKREmpty && <ScrollTips content="已完成任务" message={{ name: '赵晓雅', date: '02/16' }} />} */}

package/src/components/grid-layout/words-cloud/index.tsx

@@ -6,6 +6,7 @@ import postComponentForData from "../util/network"
 import lvMask from '../image/lv'
 import couldMask from '../image/could'
 import titaMask from '../image/tita-mask'
+import { getLocale } from "../../../utils/getLocale";
 
 const ComponentId = 'Enterprise-Focus-Hotspots'
 
@@ -35,9 +36,9 @@ export default function WordCloudComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content="企业关注热点"
+        content={getLocale('HP_Hotcompanies')}
         iconUrl={require('../image/Collaboration.png')}
-        tips="企业下产生最高频的关键词"
+        tips={getLocale('HP_Theenterprise')}
       >
         {wordsData.length === 0 && (
           <Advice
@@ -45,7 +46,7 @@ export default function WordCloudComponent() {
             link="https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true"
           >
             <img src={require('../image/advise.svg')} />
-            升级 Tita 正式版后可查看，立即咨询
+            {getLocale('HP_Upgradeview')}
           </Advice>
         )}
       </CardTitle>

package/src/components/grid-page/personal-info/index.tsx

@@ -5,6 +5,7 @@ import postComponentForData from '../util/network';
 import Avatar from '../../avatar';
 import Tooltip from '../../tooltip';
 import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
+import { getLocale } from '../../../utils/getLocale';
 
 import './index.scss';
 
@@ -145,10 +146,10 @@ export default function PersonalInfoComponent() {
       <div className="PersonalInfoComponent-PersonalInfo__fansinfo">
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__attention">
           <img src={require('../image/visit-icon.png')} /> <b>{fansNum}</b>
-          人关注
+          {getLocale('HP_peoplefollow')}
         </span>
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__like">
-          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>次点赞
+          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>{getLocale('HP_Kudos')}
         </span>
       </div>
       {scrollMessage.name && scrollMessage.name.length ? (
@@ -160,7 +161,7 @@ export default function PersonalInfoComponent() {
       ) : (
         //@ts-ignore
         <AvatarTips
-          content="🥰 小窗为您播报最新消息"
+          content={"🥰 "+getLocale('HP_Smallwindow')}
           styles={{ height: '28px', padding: '0 28px', lineHeight: '28px' }}
         />
       )}