RightContent.jsx 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import { Tooltip, Tag } from 'antd';
  2. import { QuestionCircleOutlined } from '@ant-design/icons';
  3. import React, { useEffect, useState } from 'react';
  4. import { connect, SelectLang } from 'umi';
  5. import Avatar from './AvatarDropdown';
  6. import HeaderSearch from '../HeaderSearch';
  7. import styles from './index.less';
  8. import NoticeIconView from './NoticeIconView';
  9. const ENVTagColor = {
  10. dev: 'orange',
  11. test: 'green',
  12. pre: '#87d068',
  13. };
  14. const GlobalHeaderRight = (props) => {
  15. const { theme, layout, dispatch, taskName } = props;
  16. const [idInfo, setIdInfo] = useState({});
  17. let className = styles.right;
  18. if (theme === 'dark' && layout === 'top') {
  19. className = `${styles.right} ${styles.dark}`;
  20. }
  21. // useEffect(()=>{
  22. // let token = window.location.search.split('token=') && window.location.search.split('token=')[1];
  23. // dispatch({
  24. // type: 'editReport/getIdByToken',
  25. // payload: {
  26. // token
  27. // }
  28. // }).then(res=>{
  29. // //{result: "fail", cause: "身份验证失败,请重新点击按钮进入答题页面"}
  30. // if(res.result === 'success'){
  31. // let idInfo = {
  32. // roleId:res.roleId,
  33. // caseId:res.caseId,
  34. // examId:res.examId,
  35. // userId:res.userId,
  36. // case_take_id:res.caseId + '-' + res.examId,
  37. // }
  38. // setIdInfo(idInfo);
  39. // }else{
  40. // //错误处理
  41. // console.log(res)
  42. // }
  43. // })
  44. // },[])
  45. useEffect(() => {
  46. console.log('这里发请求了,right');
  47. if (idInfo && idInfo.examId) {
  48. dispatch({
  49. type: 'report/getTaskName',
  50. payload: { examId: idInfo.examId },
  51. }, [dispatch, idInfo.examId]);
  52. }
  53. });
  54. return (
  55. <div className={className}>
  56. {/*<NoticeIconView />*/}
  57. <h3>{taskName || ''}</h3>
  58. {/*<SelectLang className={styles.action}/>*/}
  59. </div>
  60. );
  61. };
  62. export default connect(({ report, settings }) => ({
  63. theme: settings.navTheme,
  64. layout: settings.layout,
  65. taskName: report.taskName,
  66. }))(GlobalHeaderRight);