@titaui/pc 1.9.24 → 1.9.28

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

@@ -149,7 +149,7 @@ const Header = (props) => {
               <OCycle editable={editable} okrId={okrInfo.workId} />
             </span>
             <span className={`${precls}__action-item`}>
-              {(showOkrEvalute || showOScore || okrInfo.manualEvaluateValue) && <Score editable={editable&&showOScore} okrId={okrInfo.workId} score={okrInfo.evaluateValue} isEvaluate={okrInfo.manualEvaluateValue || (showOkrEvalute && !!okrInfo.evaluateValue)} />}
+              {(showOkrEvalute || showOScore || okrInfo.manualEvaluateValue) && <Score editable={editable&&showOScore} okrId={okrInfo.workId} score={showOkrEvalute || okrInfo.manualEvaluateValue ? okrInfo.evaluateValue:0} isEvaluate={okrInfo.manualEvaluateValue || (showOkrEvalute && !!okrInfo.evaluateValue)} />}
             </span>
           </span>
           <OProgressUpdate okrInfo={okrInfo} renderContent={renderContent} />

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

@@ -45,7 +45,7 @@ const OScore = (props: IOScoreProps) => {
 
   const checkForm = () => {
     // @ts-ignore
-    const errors = formRef.current.verifing({ onlyFirstError: true });
+    const errors = formRef.current.verifing();
     if (errors.length) return false;
     return true;
   };

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

@@ -36,12 +36,12 @@ export default props => {
         </span>
       }
     >
-      <IconItem name="tu-icon-finished" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Completed')}</IconItem>
-      <IconItem name="tu-icon-running" exIconClass='e-node-status-icon'>{getLocale('Per_MyRe_text_Inprogress')}</IconItem>
-      <IconItem name="tu-icon-canceled" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Cancelled')}</IconItem>
-      <IconItem name="tu-icon-deferred" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
-      <IconItem name="tu-icon-paused" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Suspended')}</IconItem>
-      <IconItem name="tu-icon-notstart" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_NotStarted')}</IconItem>
+      <IconItem name="tu-icon-finished" icon="tu-icon-finished" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Completed')}</IconItem>
+      <IconItem name="tu-icon-running" icon="tu-icon-running" exIconClass='e-node-status-icon'>{getLocale('Per_MyRe_text_Inprogress')}</IconItem>
+      <IconItem name="tu-icon-canceled" icon="tu-icon-canceled" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Cancelled')}</IconItem>
+      <IconItem name="tu-icon-deferred" icon="tu-icon-deferred" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
+      <IconItem name="tu-icon-paused" icon="tu-icon-paused" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Suspended')}</IconItem>
+      <IconItem name="tu-icon-notstart" icon="tu-icon-notstart" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_NotStarted')}</IconItem>
     </DropSelector>
   </React.Fragment>
 }

package/src/components/okr-detail/okr-list/create-kr-item/heart.js

@@ -11,7 +11,7 @@ export default ({ heartOnActive, setHeartOnActive, confidenceIndex, editAble })
       onClick={() => setHeartOnActive(true)}
     >
       <Image className='kr-heart-icon' src={ImageHeart} />
-      <span className='kr-heart-middle'>{confidenceIndex} 分</span>
+      <span className='kr-heart-middle'>{confidenceIndex} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
     </div>
   );
 };

package/src/components/okr-detail/okr-list/create-kr-item/index.tsx

@@ -184,7 +184,7 @@ function CreateKr({
           </div>
         </p>
         <span className={classNames(`${preCls}__heart`)}>
-          <Tooltip content='修改信心指数1'>
+          <Tooltip content='修改1'>
             <span style={{ display: 'inline-flex' }}>
               <Confidence
                 editable

package/src/components/okr-progress-detail/utils.ts

@@ -1,46 +1,56 @@
-import { getLocale } from "../../utils/getLocale";
+import { getMonth } from "../../utils/constant";
+import { getLocale, isEn } from "../../utils/getLocale";
 import { OkrRiskMapping } from "./constant";
 
 export const getTimeString = (time: string, nowTime): string => {
   if (!time) {
     return getLocale('OKR_MyO_KRP_Notupdated');
   }
+
+  const months = getMonth();
+
   const timeDateObj = new Date(time);
   const timeMilliSecond = timeDateObj.getTime();
   const timeYear = timeDateObj.getFullYear();
   const timeMonth = timeDateObj.getMonth() + 1;
-  const timeDate = timeDateObj.getDate(); 
+  const timeDate = timeDateObj.getDate();
   const timeHours = timeDateObj.getHours();
   const timeMinutes = timeDateObj.getMinutes();
 
-  const nowMilliSecond  = nowTime.getTime();
+  const nowMilliSecond = nowTime.getTime();
   const nowYear = nowTime.getFullYear();
   const nowDate = nowTime.getDate();
-  
+
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
     return getLocale('Pro_page_Int_Justnow');
   }
   if (secondDiff < 60) {
-    return `${secondDiff}秒前`;
+    return `${secondDiff}${getLocale('Mood_secago')}`;
   }
   if (secondDiff < 60 * 60) {
-    return `${Math.floor(secondDiff / 60)}分钟前`;
+    return `${Math.floor(secondDiff / 60)}${getLocale('Tasks_Tab_MyS_minuteago')}`;
   }
   if (secondDiff < 60 * 60 * 24) {
-    return `${Math.floor(secondDiff / (60 * 60))}小时前`;
+    return `${Math.floor(secondDiff / (60 * 60))}${getLocale('Mood_hoursago')}`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ':' + timeMinutes}`;
+    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ":" + timeMinutes}`;
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
-    return `前天 ${timeHours + ':' + timeMinutes}`;
+    return `${getLocale('Mood_2daysago')} ${timeHours + ":" + timeMinutes}`;
   }
   if (timeYear === nowYear) {
-    return `${timeMonth}月${timeDate}日 ${timeHours < 10 ? '0' + timeHours : timeHours}:${timeMinutes < 10 ? '0' + timeMinutes : timeMinutes}`;
-  }
-  return `${timeYear}年${timeMonth}月${timeDate}日 ${timeHours < 10 ? '0' + timeHours : timeHours}:${timeMinutes < 10 ? '0' + timeMinutes : timeMinutes}`;
-}
+    const dateStr = months[timeMonth-1] + (isEn ? ` ${timeDate} ` : `${timeDate}日`)
+    return `${dateStr} ${
+      timeHours < 10 ? "0" + timeHours : timeHours
+    }:${timeMinutes < 10 ? "0" + timeMinutes : timeMinutes}`;
+  }
+  const dateStr = (isEn ? '' : `${timeYear}年`) + months[timeMonth-1] + (isEn ? ` ${timeDate} ` : `${timeDate}日`) + (isEn ? `,${timeYear}` : '');
+  return `${dateStr} ${
+    timeHours < 10 ? "0" + timeHours : timeHours
+  }:${timeMinutes < 10 ? "0" + timeMinutes : timeMinutes}`;
+};
 
 export const getProgressState = (oStatus, riskLevel) => {
   // 2代表已结束

package/src/components/okr-share/index.scss

@@ -166,9 +166,9 @@
 .okr-share-mblog {
   &__container {
     width: 480px;
-    height: 420px;
+    min-height: 420px;
     background-color: #fff;
-    border-radius: 6px;
+    border-radius: 12px;
   }
   &__header {
     height: 58px;

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

@@ -1,21 +1,7 @@
 import { getLocale, isEn } from "../../utils/getLocale";
 import { SelectedInterface, PeriodObj } from "./type";
 import moment from "moment";
-
-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"),
-];
+import { getMonth } from "../../utils/constant";
 
 export const dealSelectedPeriodData = (period: string) => {
   let option: any = {};

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

@@ -5,12 +5,12 @@ import {
   dealSelectedPeriodData,
   dealYearsRange,
   getDateRangeByCycle,
-  getMonth,
 } from "../../common";
 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";
+import { getMonth } from "../../../../utils/constant";
 
 const i18nInfo = getBSGlobal("I18NInfo");
 

package/src/components/search-dropdown/index.scss

@@ -71,6 +71,7 @@
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   border: 1px solid #f0f2f5;
+  border-radius: 12px;
 
   .tui-select {
     &-item-option {

package/src/components/selector-input/index.scss

@@ -59,6 +59,7 @@
     width: calc(100% - 20px);
 
     & > input {
+      color: #3f4755;
       border: none;
       height: 22px;
       width: calc(100% - 20px);

package/src/components/upload-photo-modal/constant.ts

@@ -1,12 +1,12 @@
-
+import { getLocale } from "../../utils/getLocale";
 export const List = [
 	{
 		id: 'person',
 		accept: '.jpg,.jpeg,.png',
 		autoCropArea: 1,
 		initialAspectRatio: 1,
-		tips: '仅支持 jpg、jpeg、png 格式 建议图片最小尺寸 150*150px',
-		previewTitle: '预览',
+		tips: `${getLocale('Set_PI_Onlyjpgsize')} 150*150px`,
+		previewTitle: getLocale('Mod_Preview'),
     minCropBoxHeight: 60,
     minCropBoxWidth: 60,
 	},

package/src/components/upload-photo-modal/index.tsx

@@ -6,6 +6,7 @@ import ConditionRender from '../condition-render';
 import { saveTenantLogo, saveBrowserIcon, saveUserPhoto } from './request-api';
 import Dialog from '../../components/dialog';
 import { List } from './constant';
+import { getLocale } from '../../utils/getLocale'
 import 'cropperjs/dist/cropper.css';
 import './index.scss';
 
@@ -76,7 +77,7 @@ const ChangePhoto = (props: Props) => {
 
   const handleSuccessSave = (resp) => {
     if (resp.Code === 1) {
-      Toast.Success('保存成功', {
+      Toast.Success(getLocale('Pro_page_Plan_Saved'), {
         style: { position: "fixed", top: " 36px", left: "50%" },
       });
       onCancel();
@@ -130,12 +131,12 @@ const ChangePhoto = (props: Props) => {
 			width={480}
 			mask
 			centered
-			title={'上传头像'}
+			title={getLocale('Set_PI_Uploadavatar')}
 			noHeadLine
 			maskClosable={false}
 			onClose={handleCancel}
 			onCancel={handleCancel}
-			okText="保存"
+			okText={getLocale('Mod_Save')}
 			noFooterLine
 			onOk={handleSaveInfo}
 		>
@@ -151,7 +152,7 @@ const ChangePhoto = (props: Props) => {
 									className={`${preCls}__upload-right-input`}
 									accept={item?.accept}
 								/>
-								<span className={`${preCls}__upload-right-title`}>点击上传</span>
+								<span className={`${preCls}__upload-right-title`}>{getLocale('Pro_detail_ClickUpload')}</span>
 								<span className={`${preCls}__upload-right-tips`}>
 									{item?.tips}
 								</span>
@@ -214,7 +215,7 @@ const ChangePhoto = (props: Props) => {
             onMouseLeave={handleLeaveAgain}
 					/>
 					<span className={classNames(`${preCls}__title-again`, { [`${preCls}__title-again--show`]: image },{ [`${preCls}__title-again--hover`]: isEnter })}>
-						重新上传
+						{getLocale('Set_PI_Reupload')}
 					</span>
 					<ConditionRender condition={type === 'person'}>
 						<span className={`${preCls}__title-preview`}>{item?.previewTitle}</span>

package/src/components/user-selector/empty/index.scss

@@ -29,5 +29,8 @@
 }
 
 .empty-tip {
-  color: #6F7886;
+  font-size: 14px;
+  margin: 120px auto;
+  color:#6F7886;
+  text-align: center;
 }

package/src/pages/aha2021/index.tsx

@@ -7,6 +7,8 @@ import HelpCard from '../../components/help-card';
 import PointDemo from '../../components/point-demo/point-demo';
 import { isOfficialSite } from '../../utils/platform';
 import './index.scss';
+import { getTenantInfo } from '../../utils/helpers';
+import HrHeader from '../../components/hr-header';
 
 const preCls = `titaui-aha-2021`;
 
@@ -45,11 +47,11 @@ const PageLayout = (props) => {
   return (
     <div className={classNames(preCls)}>
       <div className={classNames(`${preCls}__header`)}>
-        <NavTop />
+        {getTenantInfo().Source == 964 ? <HrHeader/> : <NavTop />}
       </div>
       <div className={classNames(`${preCls}__message`)}>
         <FollowerVisitor />
-      </div>
+      </div> 
       <div className={classNames(`${preCls}__body`)}>{children}</div>
       <div className={classNames(`${preCls}__help`)}>
         <HelpCard />

package/src/pages/home/components/data-list/index.scss

@@ -4,6 +4,8 @@
   overflow: auto;
   padding: 14px 20px;
   box-sizing: border-box;
+  padding-bottom: 20px;
+  box-sizing: border-box;
   div {
     // box-sizing: border-box;
   }
@@ -54,8 +56,27 @@
       justify-content: start;
       align-items: center;
       &--type {
-        width: 58px;
+        .titaui-select .tui-select-selection-item, .titaui-select .tui-select-selection-placeholder {
+          font-size: 12px !important;
+          font-weight: 400 !important;
+          color: #3f4755;
+          line-height: 30px;
+        }
+        .titaui-select .tui-select-selector:before {
+          display: none;
+        }
+        .titaui-select .tui-select-selector {
+          padding: 0 !important;
+        }
         position: relative;
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        font-size: 12px;
+        margin-right: 12px;
+        &:hover {
+          color: #2879ff;
+        }
         &--text {
           width: 58px;
           position: absolute;
@@ -73,12 +94,6 @@
             height: 8px;
           }
         }
-        &:hover > div {
-          color: #2879ff;
-          .tu-icon-arrow-down1 {
-            color: #2879ff;
-          }
-        }
       }
       b {
         margin: 0 10px;

package/src/pages/home/components/data-list/index.tsx

@@ -19,7 +19,7 @@ const HomePageDataList = () => {
 
   const [source, setSource] = useState('')//从url中获取页面来源
   const [type, setType] = useState('')//从url中获取查找类型
-  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: getLocale('OKR_MyO_Butt_AllStates'), yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
+  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: getLocale('OKR_MyO_Butt_AllStatee'), yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
 
   const typeMap = new Map()
   typeMap.set('all', getLocale('Mod_all'))
@@ -57,9 +57,9 @@ const HomePageDataList = () => {
           {getLocale('Mod_Back')}
         </a>
         <b />
-        {source === 'align' && 'OKR 对齐'}
-        {source === 'update' && 'OKR 更新'}
-        {source === 'target' && '我的OKR'}
+        {source === 'align' && getLocale('HP_OKRAlignment')}
+        {source === 'update' && getLocale('OKR_MyO_OKRUpdate')}
+        {source === 'target' && getLocale('OKR_Menu_Title_MyOKRs')}
       </div>
       <div className={`${preCls}__main`}>
         <HomeNavSelector

package/src/pages/home/components/data-list/nav-selector/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import SearchDropdown from '../../../../../components/search-dropdown'
-import PeriodSelector from '../../../../../components/period-selector'
+import SearchDropdown from "../../../../../components/search-dropdown";
+import PeriodSelector from "../../../../../components/period-selector";
 import { getLocale } from "../../../../../utils/getLocale";
-import { CycleTime } from '../index'
+import { CycleTime } from "../index";
 
 interface Props {
   type: string;
@@ -13,128 +13,90 @@ interface Props {
   typeMap: Map<string, string>;
 }
 
-const preCls = 'homepage-datalist'
+const preCls = "homepage-datalist";
 
 const HomeNavSelector = (props: Props) => {
-
-  const { type, source, setType, cycleTime, setCycleTime, typeMap } = props
+  const { type, source, setType, cycleTime, setCycleTime, typeMap } = props;
 
   const onPeriodChange = (cycle) => {
-    const { annualNum, cycleType, yqmNum } = cycle
-    switch (cycleType) {
-      case '-1':
-        setCycleTime({
-          name: getLocale('OKR_MyO_Butt_AllStates'),
-          cycleType: cycleType,
-          yearNum: annualNum,
-          yqmNum: yqmNum
-        })
-        break
-      case '0':
-        setCycleTime({
-          name: getLocale('Mod_Customization'),
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-        break
-      case '1':
-        setCycleTime({
-          name: `${annualNum}年`,
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-        break
-      case '2':
-        setCycleTime({
-          name: `第${numberToWord(yqmNum)}季度`,
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-        break
-      case '3':
-        setCycleTime({
-          name: `${yqmNum}月`,
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-        break
-      case '4': 
-        setCycleTime({
-          name: `${yqmNum}-${(Number(yqmNum) + 1) % 12 || 12}月`,
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-      break;
-      case '5': 
-        setCycleTime({
-          name: `${yqmNum == 1 ? '上' : '下'}半年`,
-          yearNum: annualNum,
-          cycleType: cycleType,
-          yqmNum: yqmNum
-        })
-      break;
-    }
-  }
-
-  const numberToWord = (num) => {
-    const arr = ['一', '二', '三', '四']
-    return arr[num - 1]
-  }
+    const { annualNum, cycleType, yqmNum } = cycle;
+    setCycleTime({
+      name: PeriodSelector.formatPeriod(cycle),
+      cycleType: cycleType,
+      yearNum: annualNum,
+      yqmNum: yqmNum,
+    });
+  };
 
   return (
     <div className={`${preCls}__main__navSelecter`}>
-      <div className={`${preCls}__main__navSelecter--type`} >
-        <div style={{ opacity: 0, zIndex: 10, position: 'relative' }}>
-          {
-            source === 'align' &&
-            <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotAlign'>{getLocale('OKR_Db_Unaligned')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadAlign'>{getLocale('OKR_Db_Aligned')}</SearchDropdown.Option>
-            </SearchDropdown>
-          }
-          {
-            source === 'update' &&
-            <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotUpdate'>{getLocale('HP_Notupdated')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadUpdate'>{getLocale('HP_Updated')}</SearchDropdown.Option>
-            </SearchDropdown>
-          }
-          {
-            source === 'target' &&
-            <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='normalOkr'>{getLocale('OKR_MyO_Pop_Upd_Notrack')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='riskOkr'>{getLocale('OKR_MyO_Pop_Upd_Atrisk')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='dalyOkr'>{getLocale('OKR_MyO_Pop_Upd_Postoned')}</SearchDropdown.Option>
-              <SearchDropdown.Option value='endOkr'>{getLocale('OKR_MyO_Butt_Hasended')}</SearchDropdown.Option>
-            </SearchDropdown>
-          }
-        </div>
-        <div className={`${preCls}__main__navSelecter--type--text`}>
-          {typeMap.get(type)}<span className="tu-icon-arrow-down1" />
-        </div>
+      <div className={`${preCls}__main__navSelecter--type`}>
+        {source === "align" && (
+          <SearchDropdown value={type} onChange={setType}>
+            <SearchDropdown.Option value="all">
+              {getLocale("Mod_all")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="hadNotAlign">
+              {getLocale("OKR_Db_Unaligned")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="hadAlign">
+              {getLocale("OKR_Db_Aligned")}
+            </SearchDropdown.Option>
+          </SearchDropdown>
+        )}
+        {source === "update" && (
+          <SearchDropdown value={type} onChange={setType}>
+            <SearchDropdown.Option value="all">
+              {getLocale("Mod_all")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="hadNotUpdate">
+              {getLocale("HP_Notupdated")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="hadUpdate">
+              {getLocale("HP_Updated")}
+            </SearchDropdown.Option>
+          </SearchDropdown>
+        )}
+        {source === "target" && (
+          <SearchDropdown value={type} onChange={setType}>
+            <SearchDropdown.Option value="all">
+              {getLocale("Mod_all")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="normalOkr">
+              {getLocale("OKR_MyO_Pop_Upd_Notrack")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="riskOkr">
+              {getLocale("OKR_MyO_Pop_Upd_Atrisk")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="dalyOkr">
+              {getLocale("OKR_MyO_Pop_Upd_Postoned")}
+            </SearchDropdown.Option>
+            <SearchDropdown.Option value="endOkr">
+              {getLocale("OKR_MyO_Butt_Hasended")}
+            </SearchDropdown.Option>
+          </SearchDropdown>
+        )}
+        <span className="tu-icon-arrow-down1" />
       </div>
-
-      <b />
-
       <PeriodSelector
-        selected={cycleTime ? {
-          annualNum: cycleTime.yearNum,
-          cycleType: cycleTime.cycleType,
-          yqmNum: cycleTime.yqmNum,
-        }:{
-          annualNum: '2021',
-          cycleType: '-1',
-          yqmNum: '0',
-        }}
-        onChange={(cycle: { annualNum: string, cycleType: string, yqmNum: string }) => onPeriodChange(cycle)}
+        selected={
+          cycleTime
+            ? {
+                annualNum: cycleTime.yearNum,
+                cycleType: cycleTime.cycleType,
+                yqmNum: cycleTime.yqmNum,
+              }
+            : {
+                annualNum: "2021",
+                cycleType: "-1",
+                yqmNum: "0",
+              }
+        }
+        onChange={(cycle: {
+          annualNum: string;
+          cycleType: string;
+          yqmNum: string;
+        }) => onPeriodChange(cycle)}
         yearsRange={[2018, 2030]}
       >
         <div className={`${preCls}__main__navSelecter--cycle`}>
@@ -142,7 +104,7 @@ const HomeNavSelector = (props: Props) => {
         </div>
       </PeriodSelector>
     </div>
-  )
-}
+  );
+};
 
-export default HomeNavSelector
+export default HomeNavSelector;