This commit is contained in:
lb
2023-12-07 09:56:21 +08:00
parent d4a4e82aa6
commit 9f51f2b3cb
14 changed files with 150 additions and 383 deletions

View File

@@ -2,27 +2,6 @@ import GraphBase from '../../../Common/GraphBase';
import ReactECharts from 'echarts-for-react';
import getOptions from '../../../../hooks/getChartOption';
// function rand(max) {
// return Math.ceil(Math.random() * max);
// }
// function getArr(len) {
// return Array(len).fill(1).map(() => rand(100))
// }
// function getArrs(len) {
// return Array(len).fill(1).map(() => getArr(7))
// }
// function fan4(...arrs) {
// const total = arrs[0].map((_, i) =>
// arrs.reduce((sum, arr) => sum + arr[i], 0),
// );
// arrs.unshift(total);
// return arrs;
// }
// function main() {
// // console.log(JSON.stringify(fan(getArrs(3))))
// console.log(fan(getArrs(3)))
// }
function Oxygen(props) {
function handleSwitch(v) {
console.log('switched ', v);

View File

@@ -2,7 +2,6 @@ import { useState } from "react";
import cls from "./index.module.css";
import Chart2 from "../../../Common/TimeFireDir";
import VideoContainer from "./VideoContainer";
import TemperatureTop from "../../../Common/TemperatureTop";
function KilnCenter() {
const [floor, setFloor] = useState(0);
@@ -57,71 +56,8 @@ function KilnCenter() {
</div>
</div>
{/* 覆盖层温度信息 */}
{/* <TemperatureTop /> */}
{/* video */}
<VideoContainer onFloorUpdate={onFloorUpdate} floor={floor} />
{/* <div className={cls.videoLayer2}></div> */}
{/* left side */}
{/* <div
className="leftSide"
style={{
position: 'absolute',
left: '88px',
top: '24%',
display: 'grid',
gridTemplateColumns: '100px 100px',
gap: '20px 18px',
gridAutoRows: '64px',
}}
>
{data.map((item) => (
<div
className="leftSideItem"
style={{
background: '#fff3',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
background: '#32535d',
}}
>
<span style={{ fontSize: '18px', lineHeight: 1, color: '#2EE4E6' }}>
{item.name}
</span>
<span
style={{ fontSize: '24px', lineHeight: '32px', color: '#fff' }}
>
{item.value} ℃
</span>
</div>
))}
</div>
<div
className="toolbox"
style={{
position: 'absolute',
bottom: '32px',
left: '64px',
display: 'flex',
alignItems: 'center',
gap: '24px',
}}
>
<div
className="tlj tlj1"
style={{ background: '#ccc', width: '200px', height: '100px' }}
></div>
<div
className="tlj tlj2"
style={{ background: '#ccc', width: '200px', height: '100px' }}
></div>
</div> */}
</div>
);
}

View File

@@ -69,19 +69,6 @@ function EnterToFloorOne(props) {
></video>
)}
{/* <motion.div
className={cls.videoLayer1}
key="eto1div"
style={{
top: "336px",
left: "730px",
width: "2380px",
}}
animate={{
opacity: [0, 0, 0, 0.6, 1],
transition: { duration: 0.3, delay: 2 },
}}
></motion.div> */}
<TemperatureBottom
style={{
top: "218px",

View File

@@ -72,20 +72,6 @@ function FloorOneToTwo(props) {
></video>
)}
{/* <motion.div
className={cls.videoLayer2}
key="1to2div"
style={{
top: "360px",
left: "740px",
width: "2415px",
height: "690px",
}}
animate={{
opacity: [0, 0, 0, 0.6, 1],
transition: { duration: 0.3, delay: 2 },
}}
></motion.div> */}
<TemperatureTop
style={{
top: "208px",

View File

@@ -72,20 +72,6 @@ function FloorTwoToOne(props) {
></video>
)}
{/* <motion.div
className={cls.videoLayer1}
key="eto1div"
style={{
top: "336px",
left: "730px",
width: "2380px",
}}
animate={{
opacity: [0, 0, 0, 0.6, 1],
transition: { duration: 0.3, delay: 2 },
}}
></motion.div> */}
<TemperatureBottom
style={{
top: "208px",

View File

@@ -1,12 +1,8 @@
import React from 'react';
import FanInfo from '../../../Common/FanInfo';
import WindFrequence from '../../../Common/FanRunFrequence';
import FaultType from '../../../Common/TodayFaultType';
import FaultTotal from '../../../Common/TodayFaultTotal';
import { motion } from 'framer-motion';
import cls from './index.module.scss';
export default function index() {
return (
<motion.div