update file structure

src/components/CenterTopData/LeftBoxes/leftbox.module.less

@@ -1,33 +0,0 @@
-.leftbox {
-  // width: 440px;
-  // background: rgb(127, 202, 42);
-  
-  .box {
-    margin-right: 16px;
-    width: 200px;
-    padding: 8px;
-    background: url(../../../assets/CenterChart2ItemBg.png);
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    display: flex;
-    align-items: flex-start;
-    user-select: none;
-
-    .box__inner {
-      padding-top: 12px;
-
-      .box__label {
-        color: #fffa;
-        font-size: 18px;
-        line-height: 14px;
-      }
-      
-      .box__value {
-        color: #fff;
-        font-weight: 400;
-        font-size: 30px;
-        line-height: 34px;
-      }
-    }
-  }
-}

src/components/CenterTopData/RightTable/righttable.module.less

@@ -1,52 +0,0 @@
-.CenterChart1itemDetailBorder {
-  width: 100%;
-  height: 240px;
-  display: flex;
-  flex-direction:column;
-  justify-content: flex-start;
-
-  background-color: rgba(4, 44, 76, 0.2);
-  .CenterChart1itemTXT {
-    width: 100%;
-    height: 10%;
-    font-size: 20px;
-    color:rgba(255,255,255,0.8);
-    text-align: center;
-    margin-top: 2%;
-  
-  }
-  .CenterChart1itemContainer {
-   
-    width: 95%;
-    height:100px;
-    position:relative;
-
-    .CenterFormitemDetailBorderLine1 {
-      width: 1px;
-      height: 200px;
-      background-color:#041c2c;
-      float: left;
-      margin-left: 18%;
-      z-index: 10;
-      position: absolute;
-    }
-    .CenterFormitemDetailBorderLine2 {
-      width: 1px;
-      height: 200px;
-      background-color:#041c2c;
-      float: left;
-      margin-left: 46%;
-      z-index: 10;
-      position: absolute;
-    }
-    .CenterFormitemDetailBorderLine3 {
-      width:  1px;
-      height: 200px;
-      background-color:#041c2c;
-      float: left;
-      margin-left: 72%;
-      z-index: 10;
-      position: absolute;
-    }
-  }
-}

src/components/CenterTopData/index.module.less

@@ -1,8 +0,0 @@
-.leftGrid {
-  // width: 416px;
-  height: 212px;
-}
-.rightTable {
-  width: 410px;
-  height: 240px;
-}

src/components/公共组件/窑炉信息/Kiln.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useContext } from 'react';
-import Container from '../Container';
-import SocketContext from '../../store/socket-data-provider';
+import Container from '../../Container';
+import SocketContext from '../../../store/socket-data-provider';
 import cls from './kiln.module.less';
 
 export default function Kiln() {

src/components/模块组件/总览/Bottom/index.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useEffect, useState } from 'react';
 
-import GasI from '../公共组件/助燃风流量';
-import GasII from '../公共组件/天然气流量';
-import FaultTotal from '../公共组件/产线缺陷统计';
-import FaultType from '../公共组件/产线当日缺陷分类';
+import GasI from '../../../公共组件/助燃风流量';
+import GasII from '../../../公共组件/天然气流量';
+import FaultTotal from '../../../公共组件/产线缺陷统计';
+import FaultType from '../../../公共组件/产线当日缺陷分类';
 
 import './index.less';
 import cls from './index.module.css';

src/components/模块组件/总览/CenterTop/LeftBoxes/leftbox.module.less

@@ -0,0 +1,33 @@
+.leftbox {
+	// width: 440px;
+	// background: rgb(127, 202, 42);
+
+	.box {
+		margin-right: 16px;
+		width: 200px;
+		padding: 8px;
+		background: url(../../../assets/CenterChart2ItemBg.png);
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		display: flex;
+		align-items: flex-start;
+		user-select: none;
+
+		.box__inner {
+			padding-top: 12px;
+
+			.box__label {
+				color: #fffa;
+				font-size: 18px;
+				line-height: 14px;
+			}
+
+			.box__value {
+				color: #fff;
+				font-weight: 400;
+				font-size: 30px;
+				line-height: 34px;
+			}
+		}
+	}
+}

src/components/模块组件/总览/CenterTop/RightTable/righttable.module.less

@@ -0,0 +1,50 @@
+.CenterChart1itemDetailBorder {
+	width: 100%;
+	height: 240px;
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+
+	background-color: rgba(4, 44, 76, 0.2);
+	.CenterChart1itemTXT {
+		width: 100%;
+		height: 10%;
+		font-size: 20px;
+		color: rgba(255, 255, 255, 0.8);
+		text-align: center;
+		margin-top: 2%;
+	}
+	.CenterChart1itemContainer {
+		width: 95%;
+		height: 100px;
+		position: relative;
+
+		.CenterFormitemDetailBorderLine1 {
+			width: 1px;
+			height: 200px;
+			background-color: #041c2c;
+			float: left;
+			margin-left: 18%;
+			z-index: 10;
+			position: absolute;
+		}
+		.CenterFormitemDetailBorderLine2 {
+			width: 1px;
+			height: 200px;
+			background-color: #041c2c;
+			float: left;
+			margin-left: 46%;
+			z-index: 10;
+			position: absolute;
+		}
+		.CenterFormitemDetailBorderLine3 {
+			width: 1px;
+			height: 200px;
+			background-color: #041c2c;
+			float: left;
+			margin-left: 72%;
+			z-index: 10;
+			position: absolute;
+		}
+	}
+}

src/components/模块组件/总览/CenterTop/index.module.less

@@ -0,0 +1,8 @@
+.leftGrid {
+	// width: 416px;
+	height: 212px;
+}
+.rightTable {
+	width: 410px;
+	height: 240px;
+}

src/components/模块组件/总览/LeftSide/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Kiln from '../窑炉信息/Kiln';
-import GoodProduction from '../公共组件/本日生产良品率/GoodProduction';
+import Kiln from '../../../公共组件/窑炉信息/Kiln';
+import GoodProduction from '../../../公共组件/本日生产良品率/GoodProduction';
 
 import cls from './index.module.less';
 

src/components/模块组件/总览/RightSide/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import SmokeHandle from '../公共组件/烟气处理';
-import EnergyCost from '../公共组件/能耗';
+import SmokeHandle from '../../../公共组件/烟气处理';
+import EnergyCost from '../../../公共组件/能耗';
 
 import cls from './index.module.less';
 

src/components/退火监测/1

@@ -1 +0,0 @@
-1

src/pages/index.jsx

@@ -2,9 +2,9 @@ import { useEffect, useState } from 'react';
 import './global.less';
 import './index.less';
 import Head from '../components/公共组件/顶部公司名称';
-import LeftBar from '../components/LeftBar';
-import BottomBar from '../components/BottomBar';
-import RightBar from '../components/RightBar';
+import LeftBar from '../components/模块组件/总览/LeftSide';
+import BottomBar from '../components/模块组件/总览/Bottom';
+import RightBar from '../components/模块组件/总览/RightSide';
 import CenterTopData from '../components/CenterTopData';
 import Slider from '../components/Slider';
 import { SocketContextProvider } from '../store/socket-data-provider';