|
@@ -189,12 +189,22 @@ function Layout() {
|
|
|
|
|
|
|
|
const [socketTime, setSocketTime] = useState(true)
|
|
const [socketTime, setSocketTime] = useState(true)
|
|
|
|
|
|
|
|
- useEffect(() => {
|
|
|
|
|
- window.setTimeout(() => {
|
|
|
|
|
|
|
+ const timeRef = useRef<any>(null)
|
|
|
|
|
+
|
|
|
|
|
+ const timeFu = useCallback(() => {
|
|
|
|
|
+ clearTimeout(timeRef.current)
|
|
|
|
|
+ timeRef.current = window.setTimeout(() => {
|
|
|
setSocketTime(false)
|
|
setSocketTime(false)
|
|
|
}, 30000)
|
|
}, 30000)
|
|
|
}, [])
|
|
}, [])
|
|
|
|
|
|
|
|
|
|
+ useEffect(() => {
|
|
|
|
|
+ setSocketTime(true)
|
|
|
|
|
+ if (isConnected) {
|
|
|
|
|
+ clearTimeout(timeRef.current)
|
|
|
|
|
+ } else timeFu()
|
|
|
|
|
+ }, [isConnected, timeFu])
|
|
|
|
|
+
|
|
|
// 获取字典管理
|
|
// 获取字典管理
|
|
|
const dispatch = useDispatch()
|
|
const dispatch = useDispatch()
|
|
|
|
|
|
|
@@ -356,7 +366,7 @@ function Layout() {
|
|
|
<div className='layLoding'>
|
|
<div className='layLoding'>
|
|
|
{socketTime
|
|
{socketTime
|
|
|
? 'socket服务连接中...'
|
|
? 'socket服务连接中...'
|
|
|
- : 'socket服务连接失败,请联系管理员,或者尝试刷新页面'}
|
|
|
|
|
|
|
+ : 'socket服务连接失败,请尝试刷新页面,多次刷新无效请联系管理员'}
|
|
|
</div>
|
|
</div>
|
|
|
)}
|
|
)}
|
|
|
</div>
|
|
</div>
|