继续改变目录结构

src/components/BottomBar/index.jsx

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

src/components/LeftBar/index.jsx

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

src/components/RightBar/index.jsx

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

src/components/公共组件/产线当日缺陷分类/1

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

src/components/公共组件/产线当日缺陷分类/index.jsx

@@ -1,9 +1,7 @@
 import cls from './index.module.css';
-import BottomBarItem from '../BottomBarItem';
-import { Switch, Radio } from 'antd';
+import BottomBarItem from '../BottomItemBackground';
+import { Radio } from 'antd';
 import ReactECharts from 'echarts-for-react';
-import * as echarts from 'echarts';
-import { randomInt } from '../../../utils';
 import { useState } from 'react';
 
 function FaultType(props) {
@@ -62,16 +60,6 @@ function FaultType(props) {
 				labelLine: {
 					length: 0,
 				},
-				// emphasis: {
-				// 	label: {
-				// 		show: true,
-				// 		fontSize: 40,
-				// 		fontWeight: 'bold',
-				// 	},
-				// },
-				// labelLine: {
-				// 	show: false,
-				// },
 				data: [
 					{ value: 1048, name: '缺陷1' },
 					{ value: 735, name: '缺陷2' },

src/components/公共组件/产线缺陷统计/1

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

src/components/公共组件/产线缺陷统计/index.jsx

@@ -1,9 +1,7 @@
 import cls from './index.module.css';
-import BottomBarItem from '../BottomBarItem';
-import { Switch, Radio } from 'antd';
+import BottomBarItem from '../BottomItemBackground';
+import { Radio } from 'antd';
 import ReactECharts from 'echarts-for-react';
-import * as echarts from 'echarts';
-import { randomInt } from '../../../utils';
 
 function FaultTotal(props) {
 	const options = {

src/components/公共组件/助燃风流量/1

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

src/components/公共组件/助燃风流量/index.jsx

@@ -1,6 +1,6 @@
 // 助燃风流量
 import cls from './index.module.css';
-import BottomBarItem from '../BottomBarItem';
+import BottomBarItem from '../BottomItemBackground';
 import ReactECharts from 'echarts-for-react';
 import * as echarts from 'echarts';
 import { randomInt } from '../../../utils';

src/components/公共组件/天然气流量/1

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

src/components/公共组件/天然气流量/index.jsx

@@ -1,6 +1,6 @@
 // 天然气流量
 import cls from './index.module.css';
-import BottomBarItem from '../BottomBarItem';
+import BottomBarItem from '../BottomItemBackground';
 
 import { Switch, Radio } from 'antd';
 import { useState } from 'react';

src/components/公共组件/本日生产良品率/GoodProduction.jsx

@@ -2,7 +2,7 @@ import cls from './good.module.less';
 import Container from '../../Container';
 import TodayTableData from './components/TodayTableData';
 import GoodRateChart from './components/GoodRateChart';
-import TechSplitline from './components/TechSplitline';
+import TechSplitline from '../TechSplitline';
 
 const GoodProduction = () => {
 	return (

src/components/公共组件/本日生产良品率/components/TechSplitline/index.jsx

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

src/components/公共组件/本日生产良品率/components/TechSplitline/index.module.less

@@ -1,5 +0,0 @@
-.techSplitline {
-	height: 2px;
-	width: 100%;
-	background: radial-gradient(#3ce7ff, #3ce8ff92, #3ce8ff32, transparent);
-}

src/components/公共组件/烟气处理/1

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

src/components/公共组件/烟气处理/index.jsx

@@ -13,9 +13,7 @@ function SmokeHandle(props) {
 					<div className={cls.info__item}>二氧化硫排放浓度:59mg/m³</div>
 					<div className={cls.info__item}>二氧化氮排放浓度:59mg/m³</div>
 				</div>
-
 				<TechSplitline />
-
 				<SmokeTrendChart />
 			</div>
 		</Container>

src/components/公共组件/能耗/1

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

src/components/窑炉信息/1

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

src/components/窑炉信息/Kiln.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useState, useEffect, useContext } from 'react';
+import { useContext } from 'react';
 import Container from '../Container';
 import SocketContext from '../../store/socket-data-provider';
 import cls from './kiln.module.less';