@titaui/pc 1.9.45 → 1.9.49

package/src/components/e-priority/index.js

@@ -1,39 +1,57 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import DropSelector from '../drop-selector';
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import DropSelector from "../drop-selector";
 import { getLocale } from "../../utils/getLocale";
 
-import './index.scss';
-const preCls = 'tita-okrdt-tree'
-export default props => {
-  const { onChange, checked, hasAuth, status } = props;
+import "./index.scss";
 
-  const [level, setLevel] = useState('1');
+const preCls = "tita-okrdt-tree";
+export default function (props) {
+  const {
+    onChange, checked, hasAuth, status,
+  } = props;
 
-  const onMenuClickHandler = name => {
+  const [level, setLevel] = useState("1");
+
+  const onMenuClickHandler = (name) => {
     setLevel(name);
     onChange && onChange(name);
-  }
+  };
 
   useEffect(() => {
     setLevel(checked);
-  }, [checked])
+  }, [checked]);
 
-  return <React.Fragment>
+  return (
     <DropSelector
       onChange={onMenuClickHandler}
       checked={level}
-      canEdit={hasAuth && status !== '5'}
+      canEdit={hasAuth && status !== "5"}
       limitHeight={false}
       trigger={
         <span className={classNames(`${preCls}__e-task-node-priority-p${level}`)} />
       }
     >
-      <DropSelector.IconItem name="1"><span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</DropSelector.IconItem>
-      <DropSelector.IconItem name="2"><span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</DropSelector.IconItem>
-      <DropSelector.IconItem name="3"><span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Middle')}</DropSelector.IconItem>
-      <DropSelector.IconItem name="4"><span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Low')}</DropSelector.IconItem>
-      <DropSelector.IconItem name="5"><span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Verylow')}</DropSelector.IconItem>
+      <DropSelector.IconItem name="1">
+        <span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />
+        {getLocale("OKR_MyO_E_Butt_Highest")}
+      </DropSelector.IconItem>
+      <DropSelector.IconItem name="2">
+        <span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />
+        {getLocale("OKR_MyO_E_Butt_Highest")}
+      </DropSelector.IconItem>
+      <DropSelector.IconItem name="3">
+        <span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />
+        {getLocale("OKR_MyO_E_Butt_Middle")}
+      </DropSelector.IconItem>
+      <DropSelector.IconItem name="4">
+        <span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />
+        {getLocale("OKR_MyO_E_Butt_Low")}
+      </DropSelector.IconItem>
+      <DropSelector.IconItem name="5">
+        <span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />
+        {getLocale("OKR_MyO_E_Butt_Verylow")}
+      </DropSelector.IconItem>
     </DropSelector>
-  </React.Fragment>
-}
+  );
+}

package/src/components/eReport/eReportListEmpty.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import styled from 'styled-components';
-import { isFeishu } from '../../utils/platform';
+import * as React from "react";
+import styled from "styled-components";
+import { isFeishu } from "../../utils/platform";
 
 const EmptyDiv = styled.div`
     width: 95%;
@@ -55,10 +55,15 @@ export default class EReportListEmpty extends React.Component<IAppProps> {
       <EmptyDiv>
         <Text>{this.props.text}</Text>
         <ReadMoreDiv>
-          <ReadMoreIcon href="https://docs.tita.com/tita-the-value-of-e-weekly-publication/" target="_new" className="tu-icon-command rotate"></ReadMoreIcon>
-          <ReadMoreText href={
-            isFeishu('https://wiki.tita.com/x/uoK3') || "https://docs.tita.com/tita-the-value-of-e-weekly-publication/"
-          } target="_new">了解E-周报</ReadMoreText>
+          <ReadMoreIcon href="https://docs.tita.com/tita-the-value-of-e-weekly-publication/" target="_new" className="tu-icon-command rotate" />
+          <ReadMoreText
+            href={
+            isFeishu("https://wiki.tita.com/x/uoK3") || "https://docs.tita.com/tita-the-value-of-e-weekly-publication/"
+          }
+            target="_new"
+          >
+            了解E-周报
+          </ReadMoreText>
         </ReadMoreDiv>
       </EmptyDiv>
     );

package/src/components/eReport/eReportLists/reportList.tsx

@@ -2,12 +2,12 @@ import React from "react";
 
 import RangePickerPop from "../../range-picker-pop";
 import { taker, getApiUrl } from "../../../utils/request-v1";
-import Portals from '../../../components-v1/portals/Portals'
-import Transition from '../../../components-v1/transition'
+import Portals from "../../../components-v1/portals/Portals";
+import Transition from "../../../components-v1/transition";
 
-import EReportListEmpty from '../eReportListEmpty';
-import EReportShare from '../eReportShare'
-import Toast from '../eReportShare/toast'
+import EReportListEmpty from "../eReportListEmpty";
+import EReportShare from "../eReportShare";
+import Toast from "../eReportShare/toast";
 import {
   ListTopDivStyle,
   ListTopLabelStyle,
@@ -24,8 +24,8 @@ import {
   ItemOptionsShareBackgroundStyle,
   ItemOptionsShareTextStyle,
   ItemOptionsMoreInfoTextStyle,
-  ItemOptionsMoreInfoBackgroundStyle
-} from './style'
+  ItemOptionsMoreInfoBackgroundStyle,
+} from "./style";
 import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
@@ -41,7 +41,7 @@ interface State {
   timePickRef: any,
   timePick: any,
   showMoreInfo: boolean,
-  //控制E-周报显示未到生成时间还是筛选未找到合适的
+  // 控制E-周报显示未到生成时间还是筛选未找到合适的
   timePickResultsEmpty: boolean
   // 分享相关
   isShowEReportSharePop: boolean // 是否显示分享界面
@@ -53,7 +53,7 @@ interface State {
 
 class EReportList extends React.Component<Props, State> {
   state = {
-    selectedPeriodValue: '',
+    selectedPeriodValue: "",
     showDatePick: false,
     eReportWeekList: [],
     timePickRef: React.createRef(),
@@ -63,188 +63,209 @@ class EReportList extends React.Component<Props, State> {
 
     isShowEReportSharePop: false,
     eReportId: 0,
-    eReportDate: '',
+    eReportDate: "",
     isShowToast: false,
-    submitStatus: ''
+    submitStatus: "",
   };
 
   componentDidMount(): void {
     const { okrId } = this.props;
-    let url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}`);
-    taker(url, 'get', null, {}).then(res => {
+    const url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}`);
+    taker(url, "get", null, {}).then((res) => {
       this.setState({
-        eReportWeekList: res.Data||[],
-        timePick: this.state.timePickRef.current
-      })
-    })
+        eReportWeekList: res.Data || [],
+        timePick: this.state.timePickRef.current,
+      });
+    });
   }
 
   setIsTimeSelected = (v: string) => {
     this.setState({
-      selectedPeriodValue: v
-    })
+      selectedPeriodValue: v,
+    });
   };
 
   handleClickReportListsDiv = (e: any) => {
     this.setState({
-      showDatePick: e.target.getAttribute('data-name') === 'time-pick'
+      showDatePick: e.target.getAttribute("data-name") === "time-pick",
     });
   };
+
   handleTimePickConfirm = ({ startDate, endDate }: any) => {
-    //将2019-12-3改为2019年12月3日
-    let start = startDate.substring(0, startDate.indexOf('T'));
-    let end = endDate.substring(0, endDate.indexOf('T'));
-    start = start.replace(/-/i, '年')
-      .replace(/-/i, '月') + getLocale('Mod_Sun');
-    end = end.replace(/-/i, '年')
-      .replace(/-/i, '月') + getLocale('Mod_Sun');
+    // 将2019-12-3改为2019年12月3日
+    let start = startDate.substring(0, startDate.indexOf("T"));
+    let end = endDate.substring(0, endDate.indexOf("T"));
+    start = start.replace(/-/i, "年")
+      .replace(/-/i, "月") + getLocale("Mod_Sun");
+    end = end.replace(/-/i, "年")
+      .replace(/-/i, "月") + getLocale("Mod_Sun");
     this.setState({
       selectedPeriodValue: `${start} - ${end}`,
-      timePickResultsEmpty: true
+      timePickResultsEmpty: true,
     });
-    //上面是控制时间筛选那个组件显示的文字更新的
-    //下面是筛选的逻辑
+    // 上面是控制时间筛选那个组件显示的文字更新的
+    // 下面是筛选的逻辑
     const { okrId } = this.props;
-    let url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}&startDate=${start}&endDate=${end}`);
-    taker(url, 'get', null, {}).then(res => {
+    const url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}&startDate=${start}&endDate=${end}`);
+    taker(url, "get", null, {}).then((res) => {
       this.setState({
-        eReportWeekList: res.Data
-      })
-    })
+        eReportWeekList: res.Data,
+      });
+    });
   };
+
   handleShowMoreInfoClick = (id: Readonly<number>) => {
     this.setState({
-      showMoreInfo: true
+      showMoreInfo: true,
     });
-    let url = getApiUrl(`okr/weekStatistics/info?id=${id}`);
-    taker(url, 'get', null).then(res => {
+    const url = getApiUrl(`okr/weekStatistics/info?id=${id}`);
+    taker(url, "get", null).then((res) => {
       window.open();
-    })
+    });
   };
 
   // 周报分享
   handlerEReportShareSubmit = (submitStatus: string, eReportId?: number, startDate?: string, endDate?: string) => {
-    if (submitStatus === 'success') {
+    if (submitStatus === "success") {
       this.setState({
         isShowEReportSharePop: false,
         isShowToast: true,
-        submitStatus: 'success',
-      })
+        submitStatus: "success",
+      });
       setTimeout(() => {
-        this.setState({ isShowToast: false })
-      }, 2000)
-    } else if (submitStatus === 'failed') {
+        this.setState({ isShowToast: false });
+      }, 2000);
+    } else if (submitStatus === "failed") {
       this.setState({
         isShowEReportSharePop: false,
         isShowToast: true,
-        submitStatus: 'error',
-      })
+        submitStatus: "error",
+      });
       setTimeout(() => {
-        this.setState({ isShowToast: false })
-      }, 2000)
-    } else if (submitStatus === 'cancel') {
-      this.setState({ isShowEReportSharePop: false })
-    } else if (submitStatus === 'showEReportShare') {
+        this.setState({ isShowToast: false });
+      }, 2000);
+    } else if (submitStatus === "cancel") {
+      this.setState({ isShowEReportSharePop: false });
+    } else if (submitStatus === "showEReportShare") {
       this.setState({
         isShowEReportSharePop: true,
         eReportId: eReportId || 0,
-        eReportDate: `${startDate}-${endDate}`
-      })
+        eReportDate: `${startDate}-${endDate}`,
+      });
     }
-  }
+  };
 
   getListItem(list: object[]) {
-    const { okrId } = this.props
-    return list.map((v: any) => {
-      return <ListItemStyle key={v.id}>
+    const { okrId } = this.props;
+    return list.map((v: any) => (
+      <ListItemStyle key={v.id}>
         <ItemTimeDivStyle>
-          <ItemTimeBackgroundStyle className={'tu-icon-OKRs-E'} />
-          <ItemTimeTextStyle>({`${v.startDate}-${v.endDate}`})</ItemTimeTextStyle>
+          <ItemTimeBackgroundStyle className="tu-icon-OKRs-E" />
+          <ItemTimeTextStyle>
+            (
+            {`${v.startDate}-${v.endDate}`}
+            )
+          </ItemTimeTextStyle>
         </ItemTimeDivStyle>
         <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)}>{getLocale('OKR_MyO_Share')}</ItemOptionsShareTextStyle>
+            <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)}>{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}>{getLocale('Mod_Checkdetails')}</ItemOptionsMoreInfoTextStyle>
-            <ItemOptionsMoreInfoBackgroundStyle onClick={() => { window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`) }} className={'tu-icon-xiangqing'} />
+            {/* 修改了打开新页面的方式 */}
+            <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>
 
         </ItemOptionsActionsDivStyle>
       </ListItemStyle>
-    })
+    ));
   }
 
   getShare = (showShare: boolean, id: number, date: string) => {
-    const { isVisible, okrName, okrId } = this.props
+    const { isVisible, okrName, okrId } = this.props;
     return (
       <Portals>
-        <Transition visible={showShare}
-          animate={true}
+        <Transition
+          visible={showShare}
+          animate
           transitionName="modal"
           enterActiveTimeout={450}
           enterEndTimeout={200}
           leaveActiveTimeout={200}
-          leaveEndTimeout={300}>
-          <EReportShare className='ereport__share__wrapper'
+          leaveEndTimeout={300}
+        >
+          <EReportShare
+            className="ereport__share__wrapper"
             isVisible={isVisible}
             workName={okrName}
             workId={okrId}
             eReportId={id}
             eReportDate={date}
-            onSubmit={(submitStatus) => this.handlerEReportShareSubmit(submitStatus)} />
+            onSubmit={(submitStatus) => this.handlerEReportShareSubmit(submitStatus)}
+          />
         </Transition>
       </Portals>
-    )
-  }
+    );
+  };
 
   getToast(showToast: boolean, submitStatus: string) {
     return showToast && (
       <Portals>
         <Toast submitStatus={submitStatus} />
       </Portals>
-    )
+    );
   }
+
   getTimePick() {
-    return <ListTopDivStyle ref={this.state.timePickRef}>
-      <ListTopLabelStyle>{getLocale('OKR_MyO_Ew_List')}</ListTopLabelStyle>
-      <ListTopTimePickDivStyle>
-        <TimePickStyle data-name={'time-pick'} className={'tu-icon-schedule'} />
-        <RangePickerPop
-          className={'document-mouse-event-ignore '}
-          popupPlacement={'bottomRight'}
-          format={''}
-          container={document.body}
-          onConfirm={this.handleTimePickConfirm}>
-          <TimePickTextStyle data-name={'time-pick'}>
-            {this.state.selectedPeriodValue || getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</TimePickTextStyle>
-        </RangePickerPop>
-      </ListTopTimePickDivStyle>
-    </ListTopDivStyle>
+    return (
+      <ListTopDivStyle ref={this.state.timePickRef}>
+        <ListTopLabelStyle>{getLocale("OKR_MyO_Ew_List")}</ListTopLabelStyle>
+        <ListTopTimePickDivStyle>
+          <TimePickStyle data-name="time-pick" className="tu-icon-schedule" />
+          <RangePickerPop
+            className="document-mouse-event-ignore "
+            popupPlacement="bottomRight"
+            format=""
+            container={document.body}
+            onConfirm={this.handleTimePickConfirm}
+          >
+            <TimePickTextStyle data-name="time-pick">
+              {this.state.selectedPeriodValue || getLocale("OKR_MyO_Ew_Butt_Filterbytime")}
+            </TimePickTextStyle>
+          </RangePickerPop>
+        </ListTopTimePickDivStyle>
+      </ListTopDivStyle>
+    );
   }
+
   render() {
-    const { eReportWeekList, timePickResultsEmpty, isShowEReportSharePop, eReportDate, submitStatus, isShowToast, eReportId } = this.state;
+    const {
+      eReportWeekList, timePickResultsEmpty, isShowEReportSharePop, eReportDate, submitStatus, isShowToast, eReportId,
+    } = this.state;
     // return <Replay show container={document.body}></Replay>
-    return timePickResultsEmpty ?
-      <ListStyle onClick={this.handleClickReportListsDiv}>
-        {this.getTimePick()}
-        {eReportWeekList.length === 0 ?
-          <EReportListEmpty text={getLocale('Mod_ lookingfor')} /> :
-          this.getListItem(eReportWeekList)
-        }
-        {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}
-        {this.getToast(isShowToast, submitStatus)}
-      </ListStyle> :
-      eReportWeekList.length === 0 ?
-        <EReportListEmpty text={'还未到E-周报生成时间哦~'} /> :
+    return timePickResultsEmpty
+      ? (
         <ListStyle onClick={this.handleClickReportListsDiv}>
           {this.getTimePick()}
-          {this.getListItem(eReportWeekList)}
+          {eReportWeekList.length === 0
+            ? <EReportListEmpty text={getLocale("Mod_ lookingfor")} />
+            : this.getListItem(eReportWeekList)}
           {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}
           {this.getToast(isShowToast, submitStatus)}
         </ListStyle>
+      )
+      : eReportWeekList.length === 0
+        ? <EReportListEmpty text="还未到E-周报生成时间哦~" />
+        : (
+          <ListStyle onClick={this.handleClickReportListsDiv}>
+            {this.getTimePick()}
+            {this.getListItem(eReportWeekList)}
+            {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}
+            {this.getToast(isShowToast, submitStatus)}
+          </ListStyle>
+        );
   }
 }
 

package/src/components/eReport/eReportLists/style.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const ListTopDivStyle = styled.div`
 width: 100%;
@@ -88,7 +88,7 @@ height: 24px;
 position: absolute;
 top: 20px;
 right: 0;
-`
+`;
 export const ItemOptionsChildsDivStyle = styled.div`
 display: flex;
 flex-direction: row;
@@ -104,7 +104,7 @@ margin-right: 2px;
 &:hover {
     color: #1B6CF1;
 }
-`
+`;
 export const ItemOptionsShareTextStyle = styled.a`
 margin-left: 2px;
 color: #2879ff;
@@ -116,7 +116,7 @@ align-items: center;
 &:hover {
     color: #1B6CF1;
 }
-`
+`;
 export const ItemOptionsMoreInfoTextStyle = styled.a`
 margin-right: 2px;
 color: #2879ff;
@@ -128,7 +128,7 @@ align-items: center;
 &:hover {
     color: #1B6CF1;
 }
-`
+`;
 export const ItemOptionsMoreInfoBackgroundStyle = styled.span`
 display: inline-block;
 color: #2879ff;
@@ -138,4 +138,4 @@ margin-left: 2px;
 &:hover {
     color: #1B6CF1;
 }
-`
+`;

package/src/components/eReport/eReportShare/index.tsx

@@ -1,10 +1,12 @@
-import React, { PureComponent } from 'react'
-import MBlog from '../../mblog' // 回复组件
-import { getApiUrl2, taker } from '../../../utils/request-v1'
-import { ModalWrapper, ModalContainer, ModalHead, PraiseRecordClose } from './style'
-import MBlogContext from '../../mblog/context'
-import './index.scss'
-import { getLocale } from '../../../utils/getLocale'
+import React, { PureComponent } from "react";
+import MBlog from "../../mblog"; // 回复组件
+import { getApiUrl2, taker } from "../../../utils/request-v1";
+import {
+  ModalWrapper, ModalContainer, ModalHead, PraiseRecordClose,
+} from "./style";
+import MBlogContext from "../../mblog/context";
+import "./index.scss";
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   className?: string
@@ -22,68 +24,73 @@ interface State {
 }
 export default class EReportShare extends PureComponent<Props, State> {
   constructor(props: Props) {
-    super(props)
+    super(props);
     this.state = {
       submitStatus: 0,
-      popContainer: document.body
-    }
+      popContainer: document.body,
+    };
   }
 
   // @ts-ignore
-  isManager = BSGlobal.loginUserInfo.IsRoot || BSGlobal.loginUserInfo.IsBoss || BSGlobal.loginUserInfo.IsOkrManager
+  isManager = BSGlobal.loginUserInfo.IsRoot || BSGlobal.loginUserInfo.IsBoss || BSGlobal.loginUserInfo.IsOkrManager;
 
   handlerContentSubmit = (submitType: string, sentData?: any) => {
-    const { onSubmit, workId } = this.props
-    sentData.ObjType = 4
-    sentData.ObjId = workId
-    if (submitType === 'submit') {
-      this.setState({ submitStatus: 2 })
-      let url = getApiUrl2('user/feed/AddShare')
-      taker(url, 'POST', sentData).then(res => {
+    const { onSubmit, workId } = this.props;
+    sentData.ObjType = 4;
+    sentData.ObjId = workId;
+    if (submitType === "submit") {
+      this.setState({ submitStatus: 2 });
+      const url = getApiUrl2("user/feed/AddShare");
+      taker(url, "POST", sentData).then((res) => {
         if (res.Code == 1) {
-          this.setState({ submitStatus: 1 })
-          onSubmit('success')
+          this.setState({ submitStatus: 1 });
+          onSubmit("success");
         } else {
-          this.setState({ submitStatus: 0 })
-          onSubmit('failed')
+          this.setState({ submitStatus: 0 });
+          onSubmit("failed");
         }
-      })
+      });
     } else {
-      this.setState({ submitStatus: 0 })
-      onSubmit('cancel')
+      this.setState({ submitStatus: 0 });
+      onSubmit("cancel");
     }
-  }
+  };
+
   render() {
-    const { eReportId, eReportDate, workName, workId, className, isVisible, onSubmit } = this.props
-    const { submitStatus, popContainer } = this.state
+    const {
+      eReportId, eReportDate, workName, workId, className, isVisible, onSubmit,
+    } = this.props;
+    const { submitStatus, popContainer } = this.state;
     // let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr%2Fmanage%3Fwork_id%3D${workId}%26detail_type%3Detask`
-    let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr/manage?work_id=${workId}&detail_type=etask`
-    let defaultContent = this.isManager ? `@[所有同事:all_members] ${getLocale('Mod_Objective')}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～` : `${getLocale('Mod_Objective')}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～`
+    const eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr/manage?work_id=${workId}&detail_type=etask`;
+    const defaultContent = this.isManager ? `@[所有同事:all_members] ${getLocale("Mod_Objective")}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～` : `${getLocale("Mod_Objective")}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～`;
     return (
-      <ModalWrapper className={className + ' document-mouse-event-ignore'} onClick={() => onSubmit('cancel')}>
-        <ModalContainer width={'800px'} onClick={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation() }}>
+      <ModalWrapper className={`${className} document-mouse-event-ignore`} onClick={() => onSubmit("cancel")}>
+        <ModalContainer width="800px" onClick={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation(); }}>
           <ModalHead className="tu-icon-thirty-nine">
             <span>发分享（@Ta）</span>
-            <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit('cancel')}></PraiseRecordClose>
+            <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit("cancel")} />
           </ModalHead>
           <MBlogContext.Provider value={{ popContainer }}>
-            <MBlog defaultContent={defaultContent}
+            <MBlog
+              defaultContent={defaultContent}
               isShowAttachment={false}
               isShowRangeDropDown={false}
               isShowSendSms={false}
               isShowBtnCancel={false}
-              submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
+              submitText={getLocale("OKR_MyO_KRP_Butt_Release")}
               initialTextHeight={96}
               autoResizing={false}
               privateValue={isVisible}
-              userSelectorPopAlign='top left'
-              emotionsSelectorPopAlign='top left'
+              userSelectorPopAlign="top left"
+              emotionsSelectorPopAlign="top left"
               commentsTypeKey={`E-ReportShare-${eReportId}`}
               submitStatus={submitStatus}
-              onMblogSubmit={(submitType: string, sentData?: any) => this.handlerContentSubmit(submitType, sentData)} />
+              onMblogSubmit={(submitType: string, sentData?: any) => this.handlerContentSubmit(submitType, sentData)}
+            />
           </MBlogContext.Provider>
         </ModalContainer>
       </ModalWrapper>
-    )
+    );
   }
 }