@titaui/pc 1.7.97 → 1.7.98

package/src/components/pagination/pagination.tsx

@@ -5,6 +5,12 @@ import Select from 'rc-select';
 import 'rc-pagination/assets/index.css';
 import './index.scss';
 import './select.scss';
+import { getBSGlobal } from '../../utils/bs-global';
+import zh_CN from './locale/zh_CN';
+import en_US from './locale/en_US';
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 interface Props extends PaginationProps {
   size?: 'md' | 'sm';
@@ -61,6 +67,7 @@ export default (props: Props) => {
       showQuickJumper={true}
       showSizeChanger={true}
       showTitle={false}
+      locale={isEn ? en_US : zh_CN}
       {...restProps}
     />
   );

package/src/components/password-input/index.tsx

@@ -6,6 +6,7 @@ import OpenEye from "./icon/open-eye";
 // @ts-ignore
 import CloseEye from "./icon/close-eye";
 import "./index.scss";
+import { getLocale } from "../../utils/getLocale";
 
 const prefix = "tita-ui-admin-input";
 
@@ -75,17 +76,13 @@ const PasswordInput: FC<IPasswordInputProps> = ({
         isFocus && (
           <span>
             <button
-        className={classNames(prefix + "__btn", prefix + "__btn-sure")}
-        onClick={handleSureClick}
-      >
-        保存
-      </button>
-      <button
-        className={classNames(prefix + "__btn", prefix + "__btn-cancel")}
-        onClick={handleCancelClick}
-      >
-        取消
-      </button>
+              className={classNames(prefix + "__btn", prefix + "__btn-sure")}
+              onClick={handleSureClick}
+            >{getLocale('Mod_Save')}</button>
+            <button
+              className={classNames(prefix + "__btn", prefix + "__btn-cancel")}
+              onClick={handleCancelClick}
+            >{getLocale('Mod_Cancel')}</button>
           </span>
         ) 
       }

package/src/components/period-selector/common.ts

@@ -1,5 +1,25 @@
+import { getLocale } from "../../utils/getLocale";
 import { SelectedInterface, PeriodObj } from "./type";
 import moment from "moment";
+import { getBSGlobal } from "./helper";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+
+export const getMonth = () => [
+  getLocale("Mod_Jan"),
+  getLocale("Mod_Feb"),
+  getLocale("Mod_Mar"),
+  getLocale("Mod_Apr"),
+  getLocale("Mod_May"),
+  getLocale("Mod_Jun"),
+  getLocale("Mod_Jul"),
+  getLocale("Mod_Aug"),
+  getLocale("Mod_Sept"),
+  getLocale("Mod_Oct"),
+  getLocale("Mod_Nov"),
+  getLocale("Mod_Dec"),
+];
 
 export const dealSelectedPeriodData = (period: string) => {
   let option: any = {};
@@ -17,7 +37,7 @@ export const dealYearsRange = (
     if (yearsRange.length > 1 && showAllYears) {
       yearsData = [
         {
-          title: "全部年份",
+          title: `${getLocale('OKR_MyO_Butt_Allyears')}`,
           order: ["-1"],
           checked: false,
         },
@@ -47,34 +67,35 @@ export const dealYearsRange = (
 
 export const formatPeriod = (selected: SelectedInterface) => {
   if (!selected) return "";
-  var quarter = ["", "第一季度", "第二季度", "第三季度", "第四季度"];
+  var quarter = ["", `${getLocale('OKR_MyO_Pop_1stQuarter')}`, `${getLocale('OKR_MyO_Pop_2ndQuarter')}`, `${getLocale('OKR_MyO_Pop_3rdQuarter')}`, `${getLocale('OKR_MyO_Pop_4thQuarter')}`];
   var cycleDate = "";
   var annualNum =
-    selected.annualNum == "-1" ? "全部年份" : selected.annualNum + "年";
+    selected.annualNum == "-1" ? `${getLocale('OKR_MyO_Butt_Allyears')}` : selected.annualNum + `${isEn ? '' : '年'}`;
+  const month = getMonth();
   switch (`${selected.cycleType}`) {
     case "-1":
-      cycleDate = "全部周期";
+      cycleDate = `${getLocale('OKR_MyO_Butt_AllStates')}`;
       break;
     case "1":
-      cycleDate = "年度";
+      cycleDate = `${getLocale('OKR_MyO_Pop_Year')}`;
       break;
     case "2":
       // 季度
       cycleDate = quarter[Number(selected.yqmNum)];
       break;
     case "3":
-      cycleDate = selected.yqmNum + "月";
+      cycleDate = `${isEn ? month[Number(selected.yqmNum) - 1] : selected.yqmNum + "月"}`;
       break;
     case "4":
-      cycleDate = `${selected.yqmNum} - ${
-        ((Number(selected.yqmNum) + 1) % 12 || 12)
-      }月`;
+      cycleDate = `${month[Number(selected.yqmNum)-1]} - ${
+        month[((Number(selected.yqmNum) + 1) % 12 || 12)-1]
+      }${isEn ? '' : '月'}`;
       break;
     case "5":
-      cycleDate = selected.yqmNum == "1" ? "上半年" : "下半年";
+      cycleDate = selected.yqmNum == "1" ? `${getLocale('OKR_MyO_Pop_Firsthalf')}` : `${getLocale('OKR_MyO_Pop_Secondhalf')}`;
       break;
     default:
-      cycleDate = "自定义";
+      cycleDate = `${getLocale('Mod_Customization')}`;
   }
   return annualNum + "  " + cycleDate;
 };
@@ -244,4 +265,4 @@ export function getDefalutCycle(setting) {
     yqmNum: "1",
     ...getDateRangeByCycle(cycle, setting.yearStartMonth),
   };
-}
+}

package/src/components/period-selector/components/selector/index.tsx

@@ -1,13 +1,18 @@
 import React, { useEffect, useState } from "react";
+import { getLocale } from "../../../../utils/getLocale";
 import {
   computeYearIndex,
   dealSelectedPeriodData,
   dealYearsRange,
   getDateRangeByCycle,
+  getMonth,
 } from "../../common";
-import { MockMonth, MockPeriod, MockQuarter } from "../../mockData";
+import { getMockMonth, getMockPeriod, getMockQuarter } from "../../mockData";
 import { PeriodObj, SelectedInterface } from "../../type";
 import { Head, List, Item, Icon, Title, Wrapper, PlaceHolder } from "./style";
+import { getBSGlobal } from "../../helper";
+
+const i18nInfo = getBSGlobal("I18NInfo");
 
 export interface ISelectorProps {
   className?: string;
@@ -78,21 +83,42 @@ function getDoubleMonthData(startMonth) {
   let start = startMonth % 2 == 1 ? 1 : 2;
   let month = start;
   const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
-  let datas = [
-    {
+  let datas: {
+    title: string;
+    order: string[];
+    checked: boolean;
+  }[] = [];
+  const monthLang = getMonth();
+  if (!i18nInfo || (i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN")) {
+    datas.push({
       title: `${start} - ${getNextMonth(start)}月`,
       order: [`4,${start}`],
       checked: false,
-    },
-  ];
-  while (1) {
-    month = getNextMonth(month, 2);
-    if (month == start) break;
+    });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${month} - ${getNextMonth(month)}月`,
+        order: [`4,${month}`],
+        checked: false,
+      });
+    }
+  } else {
     datas.push({
-      title: `${month} - ${getNextMonth(month)}月`,
-      order: [`4,${month}`],
+      title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
+      order: [`4,${start}`],
       checked: false,
     });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month)-1]}`,
+        order: [`4,${month}`],
+        checked: false,
+      });
+    }
   }
   return datas;
 }
@@ -115,7 +141,7 @@ function Selector({
   const [annualNum, setAnnualNum] = useState(new Date().getFullYear() + "");
   const [annualNumIndex, setAnnualNumIndex] = useState(0);
   const [cycleType, setCycleType] = useState("-1");
-  const [periodData, setPeriodData] = useState(MockPeriod);
+  const [periodData, setPeriodData] = useState(getMockPeriod());
   const [yqmNum, setYqmNum] = useState("0");
   const yearsRangeLen = dealYearsRange(yearsRange).length;
 
@@ -159,12 +185,12 @@ function Selector({
 
     let periodDatas: any[] = [
       showFullCycle && {
-        title: "全部周期",
+        title: `${getLocale("OKR_MyO_Butt_AllStates")}`,
         order: ["-1"],
         checked: false,
       },
       showYear && {
-        title: "年度",
+        title: `${getLocale("OKR_MyO_Pop_Year")}`,
         order: ["1"],
         checked: false,
       },
@@ -172,23 +198,23 @@ function Selector({
     if (showHalfYear) {
       periodDatas.push(
         {
-          title: "上半年",
+          title: `${getLocale("OKR_MyO_Pop_Firsthalf")}`,
           order: ["5,1"],
           checked: false,
         },
         {
-          title: "下半年",
+          title: getLocale("OKR_MyO_Pop_Secondhalf"),
           order: ["5,2"],
           checked: false,
         }
       );
     }
     if (showQuarter) {
-      periodDatas.push(...MockQuarter);
+      periodDatas.push(...getMockQuarter());
     }
     if (showCustom) {
       periodDatas.push({
-        title: "自定义",
+        title: getLocale("Mod_Customization"),
         order: ["0,0"],
         checked: false,
       });
@@ -269,7 +295,7 @@ function Selector({
             }`,
           ]}
           size="s"
-          periodData={MockMonth}
+          periodData={getMockMonth()}
           onSelected={(period: string) => {
             handleSelected(period);
           }}

package/src/components/period-selector/mockData.ts

@@ -1,103 +1,105 @@
-export const MockPeriod = [
+import { getLocale } from "../../utils/getLocale";
+
+export const getMockPeriod = () => [
   {
-    title: "全部周期",
+    title: getLocale("OKR_MyO_Butt_AllStates"),
     order: ["-1"],
     checked: false,
   },
   {
-    title: "年度",
+    title: getLocale("OKR_MyO_Pop_Year"),
     order: ["1"],
     checked: false,
   },
   {
-    title: "自定义",
+    title: getLocale("Mod_Customization"),
     order: ["0,0"],
     checked: false,
-  }
-]
+  },
+];
 
-export const MockQuarter = [
+export const getMockQuarter = () => [
   {
-    title: "第一季度",
+    title: getLocale("OKR_MyO_Pop_1stQuarter"),
     order: ["2,1"],
     checked: false,
   },
   {
-    title: "第二季度",
+    title: getLocale("OKR_MyO_Pop_2ndQuarter"),
     order: ["2,2"],
     checked: false,
   },
   {
-    title: "第三季度",
+    title: getLocale("OKR_MyO_Pop_3rdQuarter"),
     order: ["2,3"],
     checked: false,
   },
   {
-    title: "第四季度",
+    title: getLocale("OKR_MyO_Pop_4thQuarter"),
     order: ["2,4"],
     checked: false,
-  }
-]
+  },
+];
 
-export const MockMonth = [
+export const getMockMonth = () => [
   {
-    title: "1月",
+    title: getLocale("Mod_Jan"),
     order: ["3,1"],
     checked: false,
   },
   {
-    title: "2月",
+    title: getLocale("Mod_Feb"),
     order: ["3,2"],
     checked: false,
   },
   {
-    title: "3月",
+    title: getLocale("Mod_Mar"),
     order: ["3,3"],
     checked: false,
   },
   {
-    title: "4月",
+    title: getLocale("Mod_Apr"),
     order: ["3,4"],
     checked: false,
   },
   {
-    title: "5月",
+    title: getLocale("Mod_May"),
     order: ["3,5"],
     checked: false,
   },
   {
-    title: "6月",
+    title: getLocale("Mod_Jun"),
     order: ["3,6"],
     checked: false,
   },
   {
-    title: "7月",
+    title: getLocale("Mod_Jul"),
     order: ["3,7"],
     checked: false,
   },
   {
-    title: "8月",
+    title: getLocale("Mod_Aug"),
     order: ["3,8"],
     checked: false,
   },
   {
-    title: "9月",
+    title: getLocale("Mod_Sept"),
     order: ["3,9"],
     checked: false,
   },
   {
-    title: "10月",
+    title: getLocale("Mod_Oct"),
     order: ["3,10"],
     checked: false,
   },
   {
-    title: "11月",
+    title: getLocale("Mod_Nov"),
     order: ["3,11"],
     checked: false,
   },
   {
-    title: "12月",
+    title: getLocale("Mod_Dec"),
     order: ["3,12"],
     checked: false,
-  }
-]
+  },
+];

package/src/components/photo-card/components/card/index.tsx

@@ -10,6 +10,7 @@ import {
   postAttention,
   delAttention,
 } from '../../request.apis';
+import { getLocale } from '../../../../utils/getLocale';
 import Add from '../../images/add1@3x.png';
 import './index.scss';
 
@@ -102,7 +103,7 @@ const Card = (props) => {
             {attentionData >= 10000 ? '1w+' : attentionData}
           </span>
           <span className={classNames(`${preCls}__data-attention-title`)}>
-            关注量
+            {getLocale('OKR_MyO_Ow_Followers')}
           </span>
         </div>
         <div className={classNames(`${preCls}__data-visit`)}>
@@ -110,7 +111,7 @@ const Card = (props) => {
             {visitData >= 10000 ? '1w+' : visitData}
           </span>
           <span className={classNames(`${preCls}__data-visit-title`)}>
-            访问量
+            {getLocale('OKR_MyO_Visitors')}
           </span>
         </div>
       </div>
@@ -130,14 +131,14 @@ const Card = (props) => {
               [`${preCls}__attention-btn-img--show`]: isAttention,
             })}
           >
-            已关注
+            {getLocale('OKR_MyO_Butt_Followed')}
           </div>
           <div
             className={classNames(`${preCls}__attention-btn-title`, {
               [`${preCls}__attention-btn-img--hide`]: isAttention,
             })}
           >
-            关注
+            {getLocale('OKR_MyO_Butt_Follow')}
           </div>
         </div>
       </ConditionRender>

package/src/components/photo-card/index.tsx

@@ -15,6 +15,7 @@ import {
   getOtherUserInfo,
 } from './request.apis';
 import Attention from './images/attention.svg';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 const prefixCls = 'titaui-photo-card-img';
@@ -107,7 +108,7 @@ const PhotoCard = (props: IProps) => {
       <ConditionRender
         condition={isAttention === true && userId !== userownInfo.Id}
       >
-        <Tooltip overlay="取消关注" placement="top">
+        <Tooltip overlay={`${getLocale('OKR_MyO_Butt_Unfollow')}`} placement="top">
           <img
             src={Attention}
             className={classNames(`${prefixCls}__img`)}
@@ -118,7 +119,7 @@ const PhotoCard = (props: IProps) => {
       <ConditionRender
         condition={isAttention === false && userId !== userownInfo.Id}
       >
-        <Tooltip overlay="关注" placement="top">
+        <Tooltip overlay={`${getLocale('OKR_MyO_Butt_Follow')}`} placement="top">
           <i
             className={classNames(`${prefixCls}__img`, 'tu-icon-guanzhu-x')}
             onClick={() => handleAttention()}

package/src/components/point-demo/constant.ts

@@ -0,0 +1,29 @@
+import { getLocale } from "../../utils/getLocale";
+
+export const getOkrClassifyList = () => {
+  return [
+    { label: "1-10", value: 1 },
+    { label: "11-20", value: 2 },
+    { label: "21-50", value: 3 },
+    { label: "51-100", value: 4 },
+    { label: "101-200", value: 5 },
+    { label: "201-500", value: 6 },
+    { label: "501-1000", value: 7 },
+    { label: "1001-5000", value: 8 },
+    { label: "5001-10000", value: 9 },
+    { label: "10000+", value: 10 },
+    { label: "我代表一组公司", value: 11 },
+  ];
+};
+
+export const getOkrClassifyList1 = () => {
+  return [
+    { label: "企业 CEO", value: 1 },
+    { label: "HRD", value: 2 },
+    { label: "HR 专员", value: 3 },
+    { label: "IT 负责人", value: 4 },
+    { label: "采购专员", value: 5 },
+    { label: "业务部门主管", value: 6 },
+    { label: `${getLocale("OKR_Menu_Title_Others")}`, value: 7 },
+  ]
+};

package/src/components/point-demo/drop-down-box/index.js

@@ -1,9 +1,10 @@
 import React, { FC, useState, useRef, useMemo, useCallback, useEffect } from "react";
 import Popup from "../popup";
+import { getLocale } from '../../../utils/getLocale'
 import SuffixIcon from "../image/down.svg"
 import "./index.scss";
 
-const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = '暂无', popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
+const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = `${getLocale('OKR_MyO_E_Temporarilynone')}`, popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
   const [visible, setVisible] = useState(false);
   const [selectItem, setSelectItem] = useState(items.find(item => item.value === initValue));
   

package/src/components/point-demo/index.js

@@ -4,36 +4,17 @@ import Toast from '../toast';
 import Dialog from "../dialog";
 import axios from 'axios'
 import ReactDOM from 'react-dom'
-import {getTenantInfo} from '../../utils/helpers'
+import {getTenantInfo} from '../../utils/helpers';
+import { getLocale } from '../../utils/getLocale'
 // const isMobile = window.userAgent === 'mobile'
 const isMobile = document.body.clientWidth < 768
 import Input from './input'
 import SelectLayer from "./drop-down-box";
 import close from "./image/icon-canceled.svg"
 import logo from "./image/logo.svg"
+import { getOkrClassifyList, getOkrClassifyList1 } from './constant';
 import './index.scss';
-const okrClassifyList = [
-    { label: "1-10", value: 1 },
-    { label: "11-20", value: 2 },
-    { label: "21-50", value: 3 },
-    { label: "51-100", value: 4 },
-    { label: "101-200", value: 5 },
-    { label: "201-500", value: 6 },
-    { label: "501-1000", value: 7 },
-    { label: "1001-5000", value: 8 },
-    { label: "5001-10000", value: 9 },
-    { label: "10000+", value: 10 },
-    { label: "我代表一组公司", value: 11 },
-];
-const okrClassifyList1 = [
-    { label: "企业 CEO", value: 1 },
-    { label: "HRD", value: 2 },
-    { label: "HR 专员", value: 3 },
-    { label: "IT 负责人", value: 4 },
-    { label: "采购专员", value: 5 },
-    { label: "业务部门主管", value: 6 },
-    { label: "其他", value: 7 },
-];
+
 export default (props) => {
     const { visible = true, setVisible,localKey = 'issubmitted' } = props
     const isPerformance = getTenantInfo().tenantType == 2;
@@ -186,8 +167,8 @@ export default (props) => {
     }
 
     const onClickSubmit = () => {
-        let num = selectValue ? okrClassifyList[selectValue - 1].label : ''
-        let identity = selectValue1 ? okrClassifyList1[selectValue1 - 1].label : ''
+        let num = selectValue ? getOkrClassifyList()[selectValue - 1].label : ''
+        let identity = selectValue1 ? getOkrClassifyList1()[selectValue1 - 1].label : ''
         if (!name || !phone || !company || !num || !identity || !modules.length > 0 || !code) {
             if (!name) {
                 setErrMsg('姓名不能为空')
@@ -269,7 +250,7 @@ export default (props) => {
                 <div className="tita-appointment-demo-right-form">
                     <div className="tita-appointment-demo-right-form-item">
                         <Input className="tita-appointment-demo-right-form-item-left"
-                            label="姓名" placeholder="请输入您的名称"
+                            label={getLocale('Mod_UserName')} placeholder="请输入您的名称"
                             id="name"
                             errMsg={errMsg}
                             required={true}
@@ -278,7 +259,7 @@ export default (props) => {
                             onBlur={onBlurName}
                         />
                         <Input className="tita-appointment-demo-right-form-item-right"
-                            label="手机号码" placeholder="请输入手机号"
+                            label="手机号码" placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')}
                             id="phone"
                             errMsg={errMsg1}
                             required={true}
@@ -292,10 +273,10 @@ export default (props) => {
                         <SelectLayer
                             className="tita-appointment-demo-right-form-item-left"
                             style={{ width: '192px' }}
-                            items={okrClassifyList1}
+                            items={getOkrClassifyList1()}
                             initValue={selectValue1}
                             renderSuffixIcon
-                            initText="请选择"
+                            initText={getLocale('Mod_Pleaseselect')}
                             onChangeClassify={handleSelectOkrClassify1}
                             title="您的身份"
                             errMsg={errMsgIde}
@@ -303,10 +284,10 @@ export default (props) => {
                         <SelectLayer
                             className="tita-appointment-demo-right-form-item-right"
                             style={{ width: '218.06px' }}
-                            items={okrClassifyList}
+                            items={getOkrClassifyList()}
                             initValue={selectValue}
                             renderSuffixIcon
-                            initText="请选择"
+                            initText={getLocale('Mod_Pleaseselect')}
                             onChangeClassify={handleSelectOkrClassify}
                             title="公司人数"
                             errMsg={errMsgNum}
@@ -344,9 +325,9 @@ export default (props) => {
                             <div className={`${has('OKR 目标管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('OKR 目标管理')}
                             >OKR 目标管理</div>
-                            <div className={`${has('绩效考核') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
-                                onClick={() => onClickAddModules('绩效考核')}
-                            >绩效考核</div>
+                            <div className={`${has(getLocale('Menu_Title_Performance')) ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
+                                onClick={() => onClickAddModules(getLocale('Menu_Title_Performance'))}
+                            >{getLocale('Menu_Title_Performance')}</div>
                             <div className={`${has('项目管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('项目管理')}
                             >项目管理</div>
@@ -379,7 +360,7 @@ export default (props) => {
                     }
                     <div className="tita-appointment-demo-right-form-submit"
                         onClick={onClickSubmit}
-                    >提交</div>
+                    >{getLocale('Pro_detail_Submission')}</div>
                 </div>
             </div>
 

package/src/components/praise-record/index.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import PraiseRecordItem from './PraiseRecordItem'
 import { getApiUrl, taker } from '../../utils/request-v1' // 请求相关
+import { getLocale } from '../../utils/getLocale'
 import { PraiseRecordWrapper, PraiseRecordContainer, PraiseRecordHead, PraiseRecordClose, PraiseRecordList, PraiseRecordMore } from './style'
 interface Props {
   className?: string
@@ -75,7 +76,7 @@ export default class PraiseRecord extends PureComponent<Props, State> {
       <PraiseRecordWrapper className={className}>
         <PraiseRecordContainer onMouseDown={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation() }}>
           <PraiseRecordHead>
-            <p className="praise__record__title">点赞记录</p>
+            <p className="praise__record__title">{getLocale('Tasks_Tab_MyS_Kudosrec')}</p>
             <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit()}></PraiseRecordClose>
           </PraiseRecordHead>
           <PraiseRecordList>
@@ -89,7 +90,7 @@ export default class PraiseRecord extends PureComponent<Props, State> {
                 isShowMorePraiseRecord ? (
                   <button onMouseDown={() => this.handlerMoreRecordClick()}>
                     {
-                      isCompleteReloadPraiseRecord ? (<span>查看更多<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
+                      isCompleteReloadPraiseRecord ? (<span>{getLocale('Tasks_Tab_MyS_Butt_Seemoral')}<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
                     }
                   </button>
                 ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p></p>) : (<p>没有更多记录了</p>)