setup

src/App.js

@@ -1,14 +1,14 @@
 // import "./App.css";
 import "./global.css";
 import "./index.css";
-import Head from "./components/公共组件/顶部公司名称";
+import Head from "./components/Common/Company";
 // import { SocketContextProvider } from "../store/socket-data-provider";
 import useSlider, { Slider } from "./hooks/useSlider";
-import NavMenu from "./components/公共组件/导航菜单";
+import NavMenu from "./components/Common/NavMenu";
 import { useState } from "react";
-import Home from "./pages/总览";
-import EnergyAnalysis from "./pages/能耗分析";
-import RulerContainer from "./components/工具组件/Ruler";
+import Home from "./pages/Home";
+import EnergyAnalysis from "./pages/EnergyCostAnalysis";
+import RulerContainer from "./components/Tools/Ruler";
 import { createPortal } from "react-dom";
 
 function App() {

src/components/Common/Company/index.jsx

@@ -4,7 +4,7 @@ import TopSide from '../../../assets/TopSide.png';
 import LeftLine from '../../../assets/TopTitleLeftIcon.png';
 import RightLine from '../../../assets/TopTitleRightIcon.png';
 import ButtonLine from '../../../assets/TopButtonLine.png';
-import './index.less';
+import './index.scss';
 
 export default function CompanyName() {
 	const [now, setNow] = useState('2023.07.01 12:00:00');

src/components/Common/Company/index.scss

@@ -45,7 +45,7 @@
 		}
 	}
 
-	.TopSiderightLine {
+	.TopSideRightLine {
 		background: url('../../../assets/TopTitleRight.png');
 		width: 899px;
 		height: 40px;
@@ -66,7 +66,6 @@
 			margin-top: 15px;
 			color: rgb(255, 255, 255, 0.8);
 			font-size: 20px;
-			font-weight: 600px;
 			line-height: 22.174976px;
 		}
 	}

src/components/Common/CurrentLineSpec/index.jsx

@@ -1,6 +1,6 @@
 import BottomBarItem from '../BottomItemBackground';
 import React, { Component } from 'react';
-import './righttable.module.less';
+import './righttable.module.scss';
 
 // import { ScrollBoard } from '@jiaminghi/data-view-react';
 

src/components/Common/Energy/index.jsx

@@ -1,4 +1,4 @@
-import cls from './index.module.less';
+import cls from './index.module.scss';
 import Container from '../../Container';
 import TechSplitline from '../TechSplitline';
 import EnergyCostChart from './EnergyCostChart';

src/components/Common/FanInfo/index.jsx

@@ -1,5 +1,5 @@
-import GraphBase from "../../公共组件/GraphBase";
-import "./index.module.less";
+import GraphBase from "../../Common/GraphBase";
+import "./index.module.scss";
 
 // import { ScrollBoard } from '@jiaminghi/data-view-react';
 

src/components/Common/FanRunFrequence/index.jsx

@@ -1,9 +1,9 @@
-// 风机运行频率
+// FanRunFrequence
 import cls from "./index.module.css";
 import ReactECharts from "echarts-for-react";
 import * as echarts from "echarts";
 import { Switch } from "antd";
-import GraphBase from "../../公共组件/GraphBase";
+import GraphBase from "../../Common/GraphBase";
 import { useState, useContext } from "react";
 // import SocketContext from '../../../store/socket-data-provider';
 
@@ -167,7 +167,7 @@ function WindFrequence(props) {
   return (
     <GraphBase
       icon="kiln"
-      title="风机运行频率"
+      title="FanRunFrequence"
       size={["middle", "long"]}
       switchOptions={true}
       switchPosition={[null, 200]} // [top, left]

src/components/Common/KilnInfo/Kiln.jsx

@@ -3,7 +3,8 @@ import { useContext } from "react";
 import Container from "../../Container";
 // import SocketContext from '../../../store/socket-data-provider';
 
-import cls from "./kiln.module.less";
+
+import cls from "./kiln.module.scss";
 
 export default function Kiln() {
   // const ctx = useContext(SocketContext);
@@ -14,7 +15,10 @@ export default function Kiln() {
     { label: "循环水温度", value: ctx?.runState?.waterTemp || "0℃" },
     { label: "循环水流量", value: ctx?.runState?.waterFlow || "0㎡/h" },
     { label: "循环水压力", value: ctx?.runState?.waterPressure || "0Pa" },
-    { label: "助燃风压力", value: ctx?.runState?.combustionAirPressure || "0℃" },
+    {
+      label: "助燃风压力",
+      value: ctx?.runState?.combustionAirPressure || "0℃",
+    },
     { label: "碹顶加权温度", value: ctx?.runState?.topTemp || "0℃" },
     {
       label: "压缩气压力",

src/components/Common/NavMenu/index.jsx

@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react';
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function CenterMenu({ active, onChangeActive }) {
 	const menuList = [

src/components/Common/SmokeHandle/index.jsx

@@ -1,4 +1,4 @@
-import cls from './index.module.less';
+import cls from './index.module.scss';
 import Container from '../../Container';
 import TechSplitline from '../TechSplitline';
 import SmokeTrendChart from './SmokeTrendChart';

src/components/Common/TechSplitline/index.jsx

@@ -1,4 +1,4 @@
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 const TechSplitline = (props) => {
 	return <div className={cls.techSplitline}></div>;

src/components/Common/TimeFireDir/index.jsx

@@ -5,7 +5,7 @@ import icon2 from "../../../assets/CenterChart2icon2.svg";
 import icon3 from "../../../assets/CenterChart2icon3.svg";
 import icon4 from "../../../assets/CenterChart2icon4.svg";
 
-import cls from "./leftbox.module.less";
+import cls from "./leftbox.module.scss";
 
 const Chart2 = () => {
   // const ctx = useContext(SocketContext);

src/components/Common/TodayGood/GoodProduction.jsx

@@ -1,4 +1,4 @@
-import cls from './good.module.less';
+import cls from './good.module.scss';
 import Container from '../../Container';
 import TodayTableData from './components/TodayTableData';
 import GoodRateChart from './components/GoodRateChart';

src/components/Common/TodayGood/components/TodayTableData/index.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import cls from './index.module.less';
+import cls from './index.module.scss';
 // import { ScrollBoard } from '@jiaminghi/data-view-react';
 
 const TodayTableData = (props) => {

src/components/Container.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 import useIcon from '../hooks/useIcon';
-import cls from './container.module.less';
+import cls from './container.module.scss';
 
 const Container = (props) => {
 	let icon = useIcon(props.icon);

src/components/Modules/EnergyCostAnalysis/BadGas/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/ElectricityCost/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/Energy/index.jsx

@@ -1,5 +1,5 @@
 import cls from './index.module.css';
-import GradientText from '../../../公共组件/GradientText';
+import GradientText from '../../../Common/GradientText';
 
 function Energy(props) {
 	return (

src/components/Modules/EnergyCostAnalysis/NO/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/NO2/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/NatGas/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/O/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/RestHeat/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/SO2/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/EnergyCostAnalysis/SmokeHandle/index.jsx

@@ -1,5 +1,5 @@
 import cls from './index.module.css';
-import GradientText from '../../../公共组件/GradientText';
+import GradientText from '../../../Common/GradientText';
 
 function SmokeHandle(props) {
 	return (

src/components/Modules/EnergyCostAnalysis/WaterCost/index.jsx

@@ -1,4 +1,4 @@
-import GraphBase from '../../../公共组件/GraphBase';
+import GraphBase from '../../../Common/GraphBase';
 import ReactECharts from 'echarts-for-react';
 import getOptions from '../../../../hooks/getChartOption';
 

src/components/Modules/FireCheck/LeftSide/index.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import CurrentTemp from '../../../公共组件/当前温度';
-import WindFrequence from '../../../公共组件/风机运行频率';
+import CurrentTemp from '../../../Common/CurrentTemp';
+import WindFrequence from '../../../Common/FanRunFrequence';
 
 import { motion } from 'framer-motion';
 
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function index() {
 	return (

src/components/Modules/FireCheck/RightSide/index.jsx

@@ -1,6 +1,6 @@
 import { motion } from 'framer-motion';
-import FanInfo from '../../../公共组件/风机信息';
-import cls from './index.module.less';
+import FanInfo from '../../../Common/FanInfo';
+import cls from './index.module.scss';
 
 export default function index() {
 	return (

src/components/Modules/Home/Bottom/index.jsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { useEffect, useState } from 'react';
 
-import GasI from '../../../公共组件/助燃风流量';
-import GasII from '../../../公共组件/天然气流量';
-import FaultTotal from '../../../公共组件/产线缺陷统计';
-import FaultType from '../../../公共组件/产线当日缺陷分类';
+import GasI from '../../../Common/GasFlow';
+import GasII from '../../../Common/NatGasFlow';
+import FaultTotal from '../../../Common/TodayFaultTotal';
+import FaultType from '../../../Common/TodayFaultType';
 
-import './index.less';
+import './index.scss';
 import cls from './index.module.css';
 
 export default function index() {

src/components/Modules/Home/CenterTop/CenterMenu/index.jsx

@@ -1,4 +1,4 @@
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function CenterMenu() {
 	const menuList = [

src/components/Modules/Home/CenterTop/RightTable/index.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import "./righttable.module.less";
+import "./righttable.module.scss";
 
 // import { ScrollBoard } from '@jiaminghi/data-view-react';
 

src/components/Modules/Home/CenterTop/index.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import Item2 from './RightTable';
-import Item1 from '../../../公共组件/时间火向数据';
+import Item1 from '../../../Common/TimeFireDir';
 
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function index() {
 	return (

src/components/Modules/Home/LeftSide/index.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import Kiln from '../../../公共组件/窑炉信息/Kiln';
-import GoodProduction from '../../../公共组件/本日生产良品率/GoodProduction';
+import Kiln from '../../../Common/KilnInfo/Kiln';
+import GoodProduction from '../../../Common/TodayGood/GoodProduction';
 import { motion } from 'framer-motion';
 
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function index() {
 	return (

src/components/Modules/Home/LeftSide/index.module.scss

@@ -1,8 +1,6 @@
 .leftBar {
 	width: 625px;
 	height: 966px;
-	// margin-left: 40px;
-
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;

src/components/Modules/Home/RightSide/index.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import SmokeHandle from '../../../公共组件/烟气处理';
-import EnergyCost from '../../../公共组件/能耗';
+import SmokeHandle from '../../../Common/SmokeHandle';
+import EnergyCost from '../../../Common/Energy';
 
-import cls from './index.module.less';
+import cls from './index.module.scss';
 
 export default function index() {
 	return (

src/components/Modules/KilnInner/Center/index.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import cls from './index.module.css';
-import Chart2 from '../../../公共组件/时间火向数据';
+import Chart2 from '../../../Common/TimeFireDir';
 import VideoContainer from './VideoContainer';
 
 function KilnCenter() {