// //总览

// import React, { useState, useEffect } from 'react';
// import { connect } from 'dva';
// import { Row, Col, Button } from 'antd';
// import router from 'umi/router';
// import { UnityAction, GetTokenFromUrl } from '@/utils/utils';
// import styles from './LimitedSpace.less';
// import limitedSpace from './models/limitedSpace';

// const areaList1 = [
//   { id: 1, project_id: 65, name: '进水组团', group_id: '1_2' },
//   { id: 2, project_id: 65, name: '预处理车间', group_id: '00_4' },
//   { id: 3, project_id: 65, name: '机加池', group_id: '1_3' },
//   { id: 4, project_id: 65, name: '滤池', group_id: '1_1' },
//   { id: 5, project_id: 65, name: '清水池', group_id: '00_5' },
//   { id: 6, project_id: 65, name: '脱水机房', group_id: '00_6' },
//   { id: 7, project_id: 65, name: '污泥车间', group_id: '00_7' },
//   { id: 8, project_id: 65, name: '膜车间', group_id: '1_0' },
//   { id: 9, project_id: 65, name: '臭氧接触池', group_id: '00_9' },
//   { id: 10, project_id: 65, name: '次氯酸钠投加间', group_id: '00_0' },
//   { id: 11, project_id: 65, name: '厂区雨水', group_id: '02_0' },
//   { id: 12, project_id: 65, name: '厂区污水', group_id: '03_0' },
//   { id: 13, project_id: 65, name: '厂区工艺', group_id: '04_0' },
//   { id: 14, project_id: 65, name: '厂区自用水', group_id: '05_0' },
//   { id: 15, project_id: 65, name: '厂区电力', group_id: '06_0' },
//   { id: 16, project_id: 65, name: '厂区加药', group_id: '07_0' },
// ];

// function Overview(props) {
//   const { dispatch, loading, currentUser, areaList } = props;
//   const { projectId } = props.match.params;
//   const [currentArea, setCurrentArea] = useState(null);

//   useEffect(() => {
//     document.body.style.background = 'rgba(13, 26, 43, 0.6)';

//     dispatch({
//       type: 'limitedSpace/queryArea',
//       payload: { project_id: projectId },
//     });

//     return () => {
//       document.body.style.background = '#0d1a2b';
//     };
//   }, []);

//   const onClick = item => {
//     setCurrentArea(item);
//     UnityAction.sendMsg('AreaSelectFromWeb', JSON.stringify(item));
//     router.push(
//       `/unity/limitedSpace/list/${projectId}?JWT-TOKEN=${GetTokenFromUrl()}&group_id=${
//         item.group_id
//       }`
//     );
//   };

//   const onDoubleClick = item => {
//     // UnityAction.sendMsg('xxx', xxx);
//   };

//   const getAreaBackground = id => {
//     switch (id) {
//       case 1:
//         return require('@/assets/LimitedSpace/进水组团.png');
//       case 2:
//         return require('@/assets/LimitedSpace/预处理.png');
//       case 3:
//         return require('@/assets/LimitedSpace/机加池.png');
//       case 4:
//         return require('@/assets/LimitedSpace/滤池.png');
//       case 5:
//         return require('@/assets/LimitedSpace/清水池.png');
//       case 6:
//         return require('@/assets/LimitedSpace/脱水机房.png');
//       case 7:
//         return require('@/assets/LimitedSpace/污泥车间.png');
//       case 8:
//         return require('@/assets/LimitedSpace/膜车间.png');
//       case 9:
//         return require('@/assets/LimitedSpace/配水泵房.png');
//       case 10:
//         return require('@/assets/LimitedSpace/次氯酸钠投加间.png');
//       default:
//         return require('@/assets/LimitedSpace/厂区.png');
//     }
//   };

//   return (
//     <div
//       className={styles.page}
//       style={{
//         backgroundSize: '100% 100%',
//         backgroundImage: `url(${require('@/assets/LimitedSpace/页面背景.png')}`,
//       }}
//     >
//       <div
//         className={styles.title}
//         style={{ backgroundImage: `url(${require('@/assets/LimitedSpace/标题背景.png')})` }}
//       >
//         总览
//       </div>
//       <div className={styles.areaBtn}>
//         {/* {areaList1.map(item => ( */}
//         {areaList.map(item => (
//           <div
//             className={item == currentArea ? styles.selectedArea : styles.area}
//             onClick={() => onClick(item)}
//             onDoubleClick={() => onDoubleClick(item)}
//             // style={{ backgroundImage: `url(${getAreaBackground(item.id)})` }}
//             style = {{backgroundImage: `url(${item.image})`}}
//           >
//             <div
//               className={styles.nameBackground}
//               style={{ backgroundImage: `url(${require('@/assets/LimitedSpace/资源2_去边.png')})` }}
//             >
//               <div className={styles.areaName}>{item.name}</div>
//             </div>
//           </div>
//         ))}
//       </div>
//     </div>
//   );
// }

// export default connect(({ limitedSpace, user, loading }) => ({
//   currentUser: user.currentUser,
//   loading: loading.models.limitedSpace,
//   areaList: limitedSpace.areaList,
// }))(Overview);
export default () => <div>哈哈哈哈</div>