From 202cebdde44850434fccb73d0fb92ed6e73729ef Mon Sep 17 00:00:00 2001
From: lb <liubin@znjszx.com>
Date: Thu, 2 Nov 2023 15:39:05 +0800
Subject: [PATCH] =?UTF-8?q?add=20=E8=83=BD=E8=80=97=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E2=80=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/line.png                 | Bin 0 -> 2961 bytes
 src/components/模块组件/能耗分析/1  |   1 -
 src/pages/global.less               |  36 +++++++++++++++++++++++
 src/pages/index.jsx                 |   3 --
 src/pages/能耗分析/index.jsx        |  43 ++++++++++++++++++++++++++--
 src/pages/能耗分析/index.module.css |  38 ++++++++++++++++++++++++
 6 files changed, 115 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/line.png
 delete mode 100644 src/components/模块组件/能耗分析/1
 create mode 100644 src/pages/能耗分析/index.module.css

diff --git a/src/assets/line.png b/src/assets/line.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffe97b4baef0ba744d17525a8252ae21debdd793
GIT binary patch
literal 2961
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
P$-fw_Wr(V{VjJ-vY+h=A

literal 0
HcmV?d00001

diff --git a/src/components/模块组件/能耗分析/1 b/src/components/模块组件/能耗分析/1
deleted file mode 100644
index 56a6051..0000000
--- a/src/components/模块组件/能耗分析/1
+++ /dev/null
@@ -1 +0,0 @@
-1
\ No newline at end of file
diff --git a/src/pages/global.less b/src/pages/global.less
index c2c6c8c..9446e66 100644
--- a/src/pages/global.less
+++ b/src/pages/global.less
@@ -61,3 +61,39 @@
 .absolute {
 	position: absolute;
 }
+
+.grid {
+	display: grid;
+}
+
+.gap {
+	gap: 24px;
+}
+
+.gap-12 {
+	gap: 12px;
+}
+
+.gap-8 {
+	gap: 8px;
+}
+
+.gap-6 {
+	gap: 6px;
+}
+
+.bgray {
+	background: #fff3;
+}
+
+.row1 {
+	grid-row: 1 / 2;
+}
+
+.row2 {
+	grid-row: 2 / 3;
+}
+
+.row3 {
+	grid-row: 3 / 4;
+}
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 5c77a90..257c5c5 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -8,10 +8,7 @@ import NavMenu from '../components/公共组件/导航菜单';
 import { useState } from 'react';
 // import V3D from './V3D';
 import Home from './总览';
-import CheckInfo from './质检统计';
-import FireCheck from './退火监测';
 import EnergyAnalysis from './能耗分析';
-import KilnInner from './窑炉内部';
 
 export default function index() {
 	const { styles, value, setValue } = useSlider(75);
diff --git a/src/pages/能耗分析/index.jsx b/src/pages/能耗分析/index.jsx
index 31e7c8e..151b9cf 100644
--- a/src/pages/能耗分析/index.jsx
+++ b/src/pages/能耗分析/index.jsx
@@ -1,4 +1,43 @@
-export default function EnergyAnalysis() {
+import cls from './index.module.css';
+
+function EnergyAnalysis(props) {
 	console.log('[rendering...] 加载 能耗分析页面');
-	return <div>EnergyAnalysis</div>;
+	return (
+		<div className={cls.grid}>
+			<div className={cls.vgrid + ' col-1'}>
+				<div className={'bgray ' + cls.smoke}>
+					<span style={{ gridRow: 2 / 3 }}>烟气处理</span>
+					<span>氧气含量: 80%</span>
+					<span>一氧化氮排放浓度: 20mg/m³</span>
+					<span>二氧化硫排放浓度: 20mg/m³</span>
+					<span>二氧化氮排放浓度: 20mg/m³</span>
+				</div>
+				<div className={'bgray ' + cls.oxygen}></div>
+				<div className={'bgray ' + cls.no}></div>
+			</div>
+
+			<div className={cls.vgrid + ' col-2'}>
+				<div className="bgray so2" style={{ gridRow: 2 }}></div>
+				<div className="bgray no2" style={{ gridRow: 3 }}></div>
+			</div>
+
+			<div className={'bgray ' + cls.line}></div>
+
+			<div className={cls.vgrid + ' col-3'}>
+				<div className="bgray heat" style={{ gridRow: 2 }}></div>
+				<div className="bgray water" style={{ gridRow: 3 }}></div>
+			</div>
+
+			<div className={cls.vgrid + ' col-4'}>
+				<div className="bgray energy"></div>
+				<div className={cls.vvgrid}>
+					<div className="bgray electronic"></div>
+					<div className="bgray gas"></div>
+					<div className="bgray mgas"></div>
+				</div>
+			</div>
+		</div>
+	);
 }
+
+export default EnergyAnalysis;
diff --git a/src/pages/能耗分析/index.module.css b/src/pages/能耗分析/index.module.css
new file mode 100644
index 0000000..e89267e
--- /dev/null
+++ b/src/pages/能耗分析/index.module.css
@@ -0,0 +1,38 @@
+.grid {
+	display: grid;
+	justify-content: center;
+	gap: 24px;
+	grid-template-columns: 900px 900px 16px 900px 900px;
+    /* grid-template-rows: 128px 389px 389px; */
+    height: 100%;
+}
+
+.vgrid {
+	display: grid;
+	gap: 24px;
+	grid-template-rows: 128px 389px 389px;
+}
+
+.vvgrid {
+	display: grid;
+	gap: 24px;
+	grid-template-rows: repeat(3, 253px);
+}
+
+.line {
+	background: url(../../assets/line.png) 0 60% no-repeat;
+}
+
+.smoke {
+	display: grid;
+	gap: 6px;
+	grid-template-columns: 187px 347px 347px ;
+	grid-template-rows: 60px 60px;
+}
+
+
+.oxygen {}
+
+.no {
+
+}
\ No newline at end of file