index.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. const taskIcon = require('@/assets/center/my-task.png');
  2. const orderIcon = require('@/assets/center/order.png');
  3. import PageContent from '@/components/PageContent';
  4. import PageTitle from '@/components/PageTitle';
  5. import { version } from '@/constants';
  6. import { UnityAction } from '@/utils/utils';
  7. import { useModel, useNavigate, useParams } from '@umijs/max';
  8. import styles from './index.less';
  9. const Center = () => {
  10. const { initialState } = useModel('@@initialState');
  11. const user = initialState?.user || {};
  12. const navigate = useNavigate();
  13. const { projectId } = useParams();
  14. const handleGoSystem = () => {
  15. navigate(`/system-daily/${projectId}`);
  16. };
  17. const handleSmartReport = () => {
  18. navigate(`/smart-report/${projectId}`);
  19. };
  20. const handleLogOutClick = () => {
  21. UnityAction.sendMsg('Logout');
  22. };
  23. const toMyTask = (type) => {
  24. localStorage.taskTab = type;
  25. navigate(`/center/my-task/${projectId}?user_id=${user.ID}`);
  26. };
  27. return (
  28. <PageContent>
  29. <PageTitle>个人中心</PageTitle>
  30. <div className={styles.head}>
  31. <div className={styles.profile} />
  32. <div className={styles.textContent}>
  33. <div className={styles.name}>{user?.CName}</div>
  34. <div className={styles.photo}>
  35. 手机号:{user?.Mobile}
  36. <br />
  37. 系统版本:
  38. {version}
  39. </div>
  40. </div>
  41. </div>
  42. <div className={styles.center}>
  43. <div
  44. className={styles.item}
  45. onClick={() => {
  46. toMyTask(1);
  47. }}
  48. >
  49. <img src={taskIcon} style={{ marginRight: '20px' }} />
  50. 我的任务
  51. </div>
  52. <div
  53. className={styles.item}
  54. onClick={() => {
  55. toMyTask(2);
  56. }}
  57. >
  58. <img src={orderIcon} style={{ marginRight: '20px' }} />
  59. 我的工单
  60. </div>
  61. </div>
  62. <div className={styles.bottomContent}>
  63. <div className={styles.lineItem} onClick={handleGoSystem}>
  64. 系统报告
  65. </div>
  66. <div className={styles.lineItem} onClick={handleSmartReport}>
  67. 智慧运营报告
  68. </div>
  69. <div className={styles.lineItem}>问题反馈</div>
  70. <div className={styles.lineItem}>个人设置</div>
  71. </div>
  72. <div className={styles.loginOut} onClick={handleLogOutClick}>
  73. 退出登录
  74. </div>
  75. </PageContent>
  76. );
  77. };
  78. export default Center;