/*
 * @Company: hugeInfo
 * @Author: lwh
 * @Date: 2025-04-07 10:28:51
 * @LastEditTime: 2025-04-30 10:18:26
 * @LastEditors: lwh
 * @Version: 1.0.0
 * @Description:
 */
/*
 * @Company: hugeInfo
 * @Author: ldh
 * @Date: 2022-08-03 15:06:49
 * @LastEditTime: 2025-04-07 11:33:20
 * @LastEditors: lwh
 * @Version: 1.0.0
 * @Description: 路由
 */
import React, { useState, useEffect } from 'react';
import { HashRouter as Router, Route, Redirect, useHistory } from 'react-router-dom';
import CacheRoute, { CacheSwitch } from 'react-router-cache-route';
import { Spin } from 'dingtalk-design-mobile';

// 登录
import Login from '../views/login';
import LegalPerson from '../views/selfInspection/legalPerson';
import CaseDes from '../views/selfInspection/caseDes';
import Naturepersonnone from '../views/selfInspection/NaturePersonNone';
import Agentperson from '../views/selfInspection/Agentperson';
import Readperson from '../views/selfInspection/readperson';
import SelectPerson from '../views/selectPerson';
import AddRecord from '../views/flow/addRecord';
import ApplyClose from '../views/flow/applyClose';
import ApplyCloseDetail from '../views/flow/component/sqjl/detail';
import Repeat from '../views/repeat';

import PersonCenter from '../views/personCenter'; // 个人中心
import Home from '../views/home'; // 首页

// 事项流转
import Flow from '../views/flow';

// 语音识别
import VoiceRecognition from '../views/selfInspection/components/VoiceRecognition';
import DraftBox from '../views/draftBox';

// 预览页面
import Preview from '../views/selfInspection/components/Preview';

// 问题属地选择器
import LocationPicker from '../views/selfInspection/components/LocationPicker';

// 纠纷类型选择器
import DisputeTypePicker from '../views/selfInspection/disputeTypePicker';

// 综合查询
import CaseQuery from '../views/caseQuery';

// 工作统计
import WorkStatistics from '../views/workStatistics';
import AreaStatistics from '../views/workStatistics/areaIndex';

// 登记历史
import RegisterHis from '../views/registerHis';

// 已办事项
import CaseYb from '../views/caseYb';

// 消息
import Message from '../views/message';

const Routers = () => {
	return (
		<>
			<Loading />
			<Router>
				<CacheSwitch>
					{/* 登录页 */}
					<Route exact path="/gzdyh/login" component={Login} />
					{/* 首页 */}
					<Route className="public-cacheRoute" exact path="/gzdyh/home" component={Home} />
					{/* 暂时不确定 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/legalPerson" component={LegalPerson} />
					{/* 案件描述 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/caseDes" component={CaseDes} />
					{/* 自然人 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/NaturePersonNone" component={Naturepersonnone} />
					{/* 法人 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/Agentperson" component={Agentperson} />
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/Readperson" component={Readperson} />
					{/* 详情入口 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/flow" component={Flow} />
					{/* 草稿箱 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/draftBox" component={DraftBox} />
					{/* 选择人员 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/selectPerson" component={SelectPerson} />
					{/* 添加办理记录 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/addRecord" component={AddRecord} />
					{/* 结案申请页面 */}
					<CacheRoute className="public-cacheRoute" exact path="/flow/applyClose" component={ApplyClose} />
					{/* 待审核详情 */}
					<CacheRoute className="public-cacheRoute" exact path="/flow/sqjl/detail" component={ApplyCloseDetail} />
					{/* 重复事项 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/repeat" component={Repeat} />
					{/* 综合查询 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/caseQuery" component={CaseQuery} />
					{/* 工作统计 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/workStatistics" component={WorkStatistics} />
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/areaStatistics" component={AreaStatistics} />
					{/* 登记历史 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/registerHis" component={RegisterHis} />
					{/* 已办事项 */}	
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/caseYb" component={CaseYb} />
					{/* 个人中心 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/personCenter" component={PersonCenter} />
					{/* 消息 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/message" component={Message} />

					{/* 语音识别页面 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/voiceRecognition" component={VoiceRecognition} />
					{/* 问题属地选择器 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/locationPicker" component={LocationPicker} />
					{/* 纠纷类型选择器 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/disputeTypePicker" component={DisputeTypePicker} />
					{/* 预览页面 */}
					<CacheRoute className="public-cacheRoute" exact path="/gzdyh/preview" component={Preview} />
					<Redirect from="/*" to={'/gzdyh/login'} />
				</CacheSwitch>
			</Router>
		</>
	);
};

const Loading = () => {
	const [spinning, setSpinning] = useState(false);

	useEffect(() => {
		global.setSpinning = (value) => {
			setSpinning(value);
		};
		return () => {
			global.setSpinning = void 0;
		};
	}, []);

	// useEffect(() => {
	// 	// 可以减少多次loading
	// 	global.spin = 0;
	// 	global.setSpinning = (value) => {
	// 		console.log('value1', value);
	// 		if (value) {
	// 			if (global.spin) {
	// 				global.spin = global.spin + 1;
	// 				return;
	// 			}
	// 			global.spin = 1;
	// 			setSpinning(value);
	// 		} else {
	// 			global.spin = global.spin - 1;
	// 			if (global.spin) return;
	// 			setSpinning(value);
	// 		}
	// 	};
	// 	return () => {
	// 		global.spin = void 0;
	// 		global.setSpinning = void 0;
	// 	};
	// }, []);

	return spinning && <Spin fixed={true} className="public-spin" text="加载中..." />;
};

export default Routers;