@titaui/pc 1.9.49 → 1.9.50

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

@@ -1,57 +1,39 @@
-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";
+import './index.scss';
+const preCls = 'tita-okrdt-tree'
+export default props => {
+  const { onChange, checked, hasAuth, status } = props;
 
-const preCls = "tita-okrdt-tree";
-export default function (props) {
-  const {
-    onChange, checked, hasAuth, status,
-  } = props;
+  const [level, setLevel] = useState('1');
 
-  const [level, setLevel] = useState("1");
-
-  const onMenuClickHandler = (name) => {
+  const onMenuClickHandler = name => {
     setLevel(name);
     onChange && onChange(name);
-  };
+  }
 
   useEffect(() => {
     setLevel(checked);
-  }, [checked]);
+  }, [checked])
 
-  return (
+  return <React.Fragment>
     <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,15 +55,10 @@ 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" />
-          <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"></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>
         </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,209 +63,188 @@ class EReportList extends React.Component<Props, State> {
 
     isShowEReportSharePop: false,
     eReportId: 0,
-    eReportDate: "",
+    eReportDate: '',
     isShowToast: false,
-    submitStatus: "",
+    submitStatus: ''
   };
 
   componentDidMount(): void {
     const { okrId } = this.props;
-    const url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}`);
-    taker(url, "get", null, {}).then((res) => {
+    let 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;
-    const url = getApiUrl(`okr/weekStatistics/list?okrId=${okrId}&startDate=${start}&endDate=${end}`);
-    taker(url, "get", null, {}).then((res) => {
+    let 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
     });
-    const url = getApiUrl(`okr/weekStatistics/info?id=${id}`);
-    taker(url, "get", null).then((res) => {
+    let 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) => (
-      <ListItemStyle key={v.id}>
+    const { okrId } = this.props
+    return list.map((v: any) => {
+      return <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
+        <Transition visible={showShare}
+          animate={true}
           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
-      ? (
+    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-周报生成时间哦~'} /> :
         <ListStyle onClick={this.handleClickReportListsDiv}>
           {this.getTimePick()}
-          {eReportWeekList.length === 0
-            ? <EReportListEmpty text={getLocale("Mod_ lookingfor")} />
-            : this.getListItem(eReportWeekList)}
+          {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,12 +1,10 @@
-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
@@ -24,73 +22,68 @@ 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 });
-      const 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 })
+      let 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`
-    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}，点击链接即可查看～`;
+    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}，点击链接即可查看～`
     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 className="tu-icon-close" onMouseDown={() => onSubmit('cancel')}></PraiseRecordClose>
           </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>
-    );
+    )
   }
 }