|
|
@@ -1,4 +1,3 @@ |
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
import './global.less'; |
|
|
|
import './index.less'; |
|
|
|
import Head from '../components/公共组件/顶部公司名称'; |
|
|
@@ -6,45 +5,14 @@ import LeftBar from '../components/模块组件/总览/LeftSide'; |
|
|
|
import BottomBar from '../components/模块组件/总览/Bottom'; |
|
|
|
import RightBar from '../components/模块组件/总览/RightSide'; |
|
|
|
import CenterTopData from '../components/模块组件/总览/CenterTop'; |
|
|
|
import Slider from '../components/Slider'; |
|
|
|
import { SocketContextProvider } from '../store/socket-data-provider'; |
|
|
|
import useSlider from '../hooks/useSlider'; |
|
|
|
|
|
|
|
import V3DBG from '../assets/V3DBG.png'; |
|
|
|
// import V3D from './V3D'; |
|
|
|
|
|
|
|
export default function index() { |
|
|
|
const [value, setValue] = useState(100); |
|
|
|
|
|
|
|
const v = (value / 100).toFixed(2); |
|
|
|
const styles = { |
|
|
|
transform: `scale(${v})`, |
|
|
|
// transform: `scale(${v * 24 / 33}, ${v})`, |
|
|
|
transformOrigin: 'top left', |
|
|
|
}; |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
let fn = (e) => { |
|
|
|
console.log('add fn'); |
|
|
|
if (e.shiftKey && e.key === 'L') { |
|
|
|
document.getElementById('slider').classList.toggle('show'); |
|
|
|
} |
|
|
|
}; |
|
|
|
let fn2 = () => { |
|
|
|
console.log('add fn2'); |
|
|
|
setTimeout(() => { |
|
|
|
document.getElementById('slider').classList.remove('show'); |
|
|
|
}, 200); |
|
|
|
}; |
|
|
|
|
|
|
|
document.addEventListener('keydown', fn); |
|
|
|
document.getElementById('slider').addEventListener('mouseleave', fn2); |
|
|
|
|
|
|
|
return () => { |
|
|
|
console.log('remove fn, fn2'); |
|
|
|
document.removeEventListener('keydown', fn); |
|
|
|
document.getElementById('slider').removeEventListener('mouseleave', fn2); |
|
|
|
}; |
|
|
|
}, [value]); |
|
|
|
const { styles, setValue, Slider } = useSlider(75); |
|
|
|
|
|
|
|
return ( |
|
|
|
// <FullScreenContainer> |
|
|
@@ -66,7 +34,7 @@ export default function index() { |
|
|
|
<RightBar /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<Slider handleSlide={setValue} /> |
|
|
|
<Slider setValue={setValue} /> |
|
|
|
</SocketContextProvider> |
|
|
|
// </FullScreenContainer> |
|
|
|
); |
|
|
|