From 83cd1c2025844bed069e15886ad65f078904173f Mon Sep 17 00:00:00 2001
From: Rain <904416525@qq.com>
Date: Wed, 30 Oct 2024 17:22:25 +0800
Subject: [PATCH] =?UTF-8?q?2024-10-30=20=E5=8F=8C=E7=A2=B3=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/construction/Group 4413.png | Bin 0 -> 7778 bytes
 src/assets/images/construction/Group 4558.png | Bin 0 -> 4667 bytes
 .../images/construction/Group 45582.png       | Bin 0 -> 6338 bytes
 src/assets/images/construction/Group 4709.png | Bin 0 -> 17302 bytes
 src/assets/images/construction/Group 5550.png | Bin 0 -> 726 bytes
 src/assets/images/construction/Group 5600.png | Bin 0 -> 666 bytes
 src/assets/images/construction/形状结合.png   | Bin 0 -> 2531 bytes
 src/routers/modules/staticRouter.ts           |   5 +
 src/stores/modules/publicdata.ts              |  20 +
 .../components/BottomLeft.vue                 | 590 ++++++++++++
 .../components/BottomRight.vue                | 380 ++++++++
 .../constructionview/components/TopCenter.vue | 423 ++++++++
 .../constructionview/components/TopLeft.vue   | 907 ++++++++++++++++++
 .../constructionview/components/TopRight.vue  | 346 +++++++
 .../constructionview/index.vue                | 123 +++
 src/views/sevenLargeScreen/indexL.vue         |   4 +
 16 files changed, 2798 insertions(+)
 create mode 100644 src/assets/images/construction/Group 4413.png
 create mode 100644 src/assets/images/construction/Group 4558.png
 create mode 100644 src/assets/images/construction/Group 45582.png
 create mode 100644 src/assets/images/construction/Group 4709.png
 create mode 100644 src/assets/images/construction/Group 5550.png
 create mode 100644 src/assets/images/construction/Group 5600.png
 create mode 100644 src/assets/images/construction/形状结合.png
 create mode 100644 src/stores/modules/publicdata.ts
 create mode 100644 src/views/sevenLargeScreen/constructionview/components/BottomLeft.vue
 create mode 100644 src/views/sevenLargeScreen/constructionview/components/BottomRight.vue
 create mode 100644 src/views/sevenLargeScreen/constructionview/components/TopCenter.vue
 create mode 100644 src/views/sevenLargeScreen/constructionview/components/TopLeft.vue
 create mode 100644 src/views/sevenLargeScreen/constructionview/components/TopRight.vue
 create mode 100644 src/views/sevenLargeScreen/constructionview/index.vue

diff --git a/src/assets/images/construction/Group 4413.png b/src/assets/images/construction/Group 4413.png
new file mode 100644
index 0000000000000000000000000000000000000000..e600665888c6aefc22574e193b477e18b9570602
GIT binary patch
literal 7778
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/Group 4558.png b/src/assets/images/construction/Group 4558.png
new file mode 100644
index 0000000000000000000000000000000000000000..acb70690b4b3dd774e0bcbbb1ea41e08f197f766
GIT binary patch
literal 4667
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/Group 45582.png b/src/assets/images/construction/Group 45582.png
new file mode 100644
index 0000000000000000000000000000000000000000..f60141a104cc7fe716c39afb5445adb07f3abc34
GIT binary patch
literal 6338
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
Ef=XqMcK`qY

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/Group 4709.png b/src/assets/images/construction/Group 4709.png
new file mode 100644
index 0000000000000000000000000000000000000000..e668dbf2ff15ec6deed04c9cd179b170d18074d3
GIT binary patch
literal 17302
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
BahCu9

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/Group 5550.png b/src/assets/images/construction/Group 5550.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee899102e16e3dab335c1089b67702e576f3b82f
GIT binary patch
literal 726
zcmV;{0xA88P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px%kV!;AR5(wilTAxhVHC&z=RWt|nLBSfZ#hm@f<iG$61vGngt@2>;LxT;^bJ}B
zNzsVZD*6OLixw?x>7rExg|=`42b3a95Sa<*P3O*d-|v(6sxb;}>a5NK&-tDI^PKZ1
z{AW;iJ?EU}0D1yY5fBuBG=O_|#sPQkATJQP-8H8H0syuRh@BclDFyEg3vk1Ly}S+w
zIXHR11(6T_1K^ws8yk?!VMwJKVoexPDHu2e=y2m9s5e4rt!%)$H4KZ6l=uKoIskFK
ziolYLbd(`nuGMBNhc0stM`HMTCZ1f-39ZQ<R5id@oP$#+kb4a9WXqpwh}*7}E~|SF
zdt~-uARH{g2DS|SifTI7F7&154MS^AC6&f9VCIP&AF#5*rN}sf@5;zJM*WT=2$f7s
zS#6s*?{Y_sG4^vu*G4-I&#*}1&CL|b?IQGv39@{^8s~Db3FW<uY`s~ZA5DZ_RBam4
zAii`3AnX`-Gm@}bYVJQs^d@Jgk|^tdHbP{c1W3p>cj`}bk<jx7r@=O3ue_OsT<2cD
z$bYQv?%$86laHsPs1yM$e+=N9i{Aicv0|PjqkTIfu}WGFtf?G>#NkE+Z2i);G2P}F
zIhuGqokFDz=o57G1kO1tRuK3uq1R$&qS9zRii+&xxoGf<2nm}Vb!^Xcu4famXF@=(
z4u!D0-TjFL&V?KxjsWt~9@0U>itTh-Gd9OX0vHphl<tYVHB7lPDWIyQVT=Pd5&84?
z!&{_vKm;Ivt|6wHMpO!rz(^)rg5A%cUJ5}4VCD{s{gv(pc)8~R)^~c9Yj7Jn?5hK?
z7Z%{=^W+>iKH-I~t)yZROi>OSXgP4tOgJ!<C;P8v`WI*a2J@FHAS)^sod5s;07*qo
IM6N<$g0b2_;{X5v

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/Group 5600.png b/src/assets/images/construction/Group 5600.png
new file mode 100644
index 0000000000000000000000000000000000000000..60d6b89a8485acdfcef76ac49d2de06f24375622
GIT binary patch
literal 666
zcmV;L0%iS)P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px%R7pfZR5(wilfi2fK@^9-nVsDv#zZ3o(paRRSXsm(@nA3FAK<k`4+`R;cMpQ1
zP!T<e7f%*J!Gmc069k2VJw>qKQlVCm(kQ`3yTm5h*%{p=t<AxMIM<o?@qTZ<C-~1J
zcGg=E%p&j+G%J#NO>hQFtpbIbA;5}R%+8u&fJIWPIIMhCgjq!{lD)^FYsj@UK|aP0
zVx}<yY;v^?uu1X#LoOxHC5-cUsT|fwJRp(=<%Bq$4Zd_E)|aELPI>@q5zJK-dNV~%
z74gWT?G%DzU}G#xD7Q*C-XN_TG=mOx;snwMJja1ik2qUEt0L05iZ!pXEcPM@aU3{>
z61V7xCYf*RR42QlT8;aF2e_#5G+wHV;5^tmGJZ#K@&G7BV}1oAk76l-d`h>ohW^kN
zGemvBtnV?>&XCzv#^Dx*dz2>+a`@askg)XlB8}Q7ELVu_HPS!VAiXK3gYF=L@6pU;
z*wZOv#BE}Gm(qzbj$C-ui?ICc67@G9F<eG+1J$Yz174xn7|*co?Z>lc5uy(AJtHT_
z(Av;g_>6HT5R}mJ3A$ZJ?{15k+8{zQ#AZ1~KDU=h?!$4fW9>YWx4jOGod9{7xN`?7
z8#Kc2EUb1#_4iNoXOIN-6+RwqRYb&jgfoR?9IS&Ci^S0ja9f1Bfy#84sp&+fKO!X%
z-&cS~9Ouykk)#zUrHNEXYBL171c4qBX<Me72u5%yjP_O51C^C)_|ej2S2Zs&N$Xqt
zFtiKXphWSx1myScn}MZ(VG1Kee+T{w_}A_J1tHe`5#7GclK=n!07*qoM6N<$g2QPm
A;Q#;t

literal 0
HcmV?d00001

diff --git a/src/assets/images/construction/形状结合.png b/src/assets/images/construction/形状结合.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa9045fd042be81fc469c2d546fa9cf8a728bcf2
GIT binary patch
literal 2531
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

literal 0
HcmV?d00001

diff --git a/src/routers/modules/staticRouter.ts b/src/routers/modules/staticRouter.ts
index 361ceda..e0b4ba2 100644
--- a/src/routers/modules/staticRouter.ts
+++ b/src/routers/modules/staticRouter.ts
@@ -97,6 +97,11 @@ export const staticRouter: RouteRecordRaw[] = [
 			// 	name: "工程概况-1",
 			// 	component: () => import("@/views/sevenLargeScreen/comprehensiveManage/projectOverview/indexer.vue")
 			// },
+			{
+				path: "/projectioter",
+				name: "双碳管理",
+				component: () => import("@/views/sevenLargeScreen/constructionview/index.vue")
+			},
 			{
 				path: "/smartPartyBuilding",
 				name: "智慧党建",
diff --git a/src/stores/modules/publicdata.ts b/src/stores/modules/publicdata.ts
new file mode 100644
index 0000000..2595085
--- /dev/null
+++ b/src/stores/modules/publicdata.ts
@@ -0,0 +1,20 @@
+import { defineStore, createPinia } from "pinia"
+
+
+export const PublicDataer = defineStore({
+    id: "PublicDataer",
+
+    // 数据
+    state: (): PublicDataer => ({
+        //  数据
+        construction: false
+    }),
+
+    // 方法
+    actions: {
+        async ConstructionSwitch() {
+            this.construction = !this.construction;
+        }
+    }
+
+})
diff --git a/src/views/sevenLargeScreen/constructionview/components/BottomLeft.vue b/src/views/sevenLargeScreen/constructionview/components/BottomLeft.vue
new file mode 100644
index 0000000..3a95e6d
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/components/BottomLeft.vue
@@ -0,0 +1,590 @@
+<template>
+	<div class="bottomleft-box">
+		<div class="bole-left">
+			<div v-if="reload" id="btlTypeone" style="width: 100%; height: 100%"></div>
+		</div>
+		<div class="bole-right">
+			<div class="bol-title">
+				<div class="bol-item"></div>
+			</div>
+			<div class="bol-statis">
+				<div class="bolst-box">
+					<div class="bst-left">累计减碳量</div>
+					<div class="bst-con">
+						<div class="bstc-item">1</div>
+						<div class="bstc-item">0</div>
+						<div class="bstc-item">4</div>
+						<div class="bstc-item">7</div>
+						<div class="bstc-itemer">.</div>
+						<div class="bstc-item">4</div>
+						<div class="bstc-item">7</div>
+					</div>
+					<div class="bst-right">tC02</div>
+				</div>
+			</div>
+			<div class="bol-echer">
+				<div v-if="reload" id="bolecherTypeone" style="width: 100%; height: 100%"></div>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { reactive, ref, onMounted, onBeforeUnmount, nextTick } from "vue";
+const reload = ref(false);
+
+onMounted(() => {
+	reload.value = true;
+	nextTick(() => {
+		getlttopContainercoss();
+		getlttopbolecher();
+	});
+});
+
+// 树状图
+const lineX = reactive(["1号", "2号", "3号", "4号", "5号", "6号", "7号"]);
+const dataone = reactive([200, 150, 146, 120, 140, 160, 50]);
+const datatwo = reactive([150, 140, 130, 110, 150, 160, 20]);
+
+const getlttopContainercoss = () => {
+	const chartContainer = echarts.init(document.getElementById("btlTypeone"));
+	const option = {
+		// 提示框
+		tooltip: {
+			//触发类型
+			trigger: "axis",
+			// 提示框的背景颜色
+			backgroundColor: "rgba(173, 198, 255, 0.50)",
+			// 提示框边框厚度
+			borderWidth: 0,
+			// 提示款边框颜色
+			borderColor: "#ccc",
+			// 提示框字体颜色
+			textStyle: {
+				color: "#fff"
+			},
+			// 选中数据时x-y轴样式
+			axisPointer: {
+				type: "cross",
+				// 小方块
+				label: {
+					// 小方块背景颜色
+					backgroundColor: "#6a7985"
+					// backgroundColor: '#e10602'
+					// 小方块字体颜色
+					// color: '#e10602'
+				}
+			}
+		},
+		legend: {
+			// data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+			//字体样式
+			textStyle: {
+				color: "#fff",
+				fontSize: 14,
+				padding: [0, 0, 0, 10] // 调整文字与色块之间的距离，这里设置为10像素
+			},
+			//图标形状
+			icon: "roundRect",
+			orient: "horizontal",
+			itemWidth: 22,
+			itemHeight: 10,
+			right: "10%",
+			top: 0
+		},
+		grid: {
+			left: "3%",
+			right: "4%",
+			bottom: "3%",
+			containLabel: true
+		},
+		xAxis: [
+			{
+				// 单位
+				name: "dkjflk",
+				type: "category",
+				boundaryGap: true,
+				data: ["2023-10", "2023-12", "2024-2", "2024-4", "2024-6", "2024-8", "2024-10"],
+				axisTick: {
+					show: false
+					// length:7
+				},
+				axisLine: {
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				axisLabel: {
+					color: "#fff",
+					margin: 10
+				},
+				nameTextStyle: {
+					color: "#7AADFF ",
+					fontSize: 8
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(255,255,255,0.08)"
+					}
+				}
+			}
+		],
+		yAxis: [
+			{
+				type: "value",
+				min: 0, // 设置y轴最小值
+				max: 100, // 设置y轴最大值
+				interval: 20, // 设置间隔为20
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				axisTick: {
+					show: false
+				},
+
+				axisLabel: {
+					color: "#fff",
+					margin: 10,
+					formatter: function (value) {
+						return value + " %"; // 在每个标签后加上百分号
+					}
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				splitArea: {
+					areaStyle: {
+						color: "rgba(2, 29, 159, 0.7)"
+					}
+				}
+			}
+		],
+		series: [
+			{
+				name: "生活区",
+				type: "line",
+				stack: "Total",
+				areaStyle: {},
+				// 鼠标在图例上的效果
+				emphasis: {
+					// 选中这条数据，隐藏其他数据
+					// focus: 'series'
+				},
+				data: [0, 0, 0, 0, 0, 0, 0],
+				// 折线变得圆滑
+				smooth: true,
+				// 把点去掉
+				showSymbol: false,
+				// 折线颜色
+				lineStyle: {
+					width: 3,
+					color: "#a07b3f"
+					// color: '#1e1e1e'
+				},
+				// 标头-颜色
+				itemStyle: {
+					color: "#a07b3f"
+					// color: '#1e1e1e'
+				},
+				areaStyle: {
+					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+						{
+							offset: 0,
+							color: "rgba(50, 197, 255, 0.4)"
+						},
+						{
+							offset: 1,
+							color: "rgba(55, 167, 232, 0.4)"
+						}
+					])
+				}
+			},
+			{
+				name: "展馆区",
+				type: "line",
+				stack: "Total",
+				areaStyle: {},
+				emphasis: {
+					// focus: 'series'
+				},
+				data: [0, 0, 12, 0, 50, 40, 0],
+				// 折线变得圆滑
+				smooth: true,
+				// 把点去掉
+				showSymbol: false,
+				lineStyle: {
+					width: 3,
+					color: "#5392b2"
+				},
+				itemStyle: {
+					color: "#5392b2"
+				},
+				areaStyle: {
+					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+						{
+							offset: 0,
+							color: "rgba(50, 197, 255, 0.4)"
+						},
+						{
+							offset: 1,
+							color: "rgba(55, 167, 232, 0.4)"
+						}
+					])
+				}
+			},
+			{
+				name: "施工区",
+				type: "line",
+				stack: "Total",
+				areaStyle: {},
+				// 鼠标在图例上的效果
+				emphasis: {
+					// 选中这条数据，隐藏其他数据
+					// focus: 'series'
+				},
+				data: [60, 48, 20, 40, 40, 30, 0],
+				// 折线变得圆滑
+				smooth: true,
+				// 把点去掉
+				showSymbol: false,
+				// 折线颜色
+				lineStyle: {
+					width: 3,
+					color: "#32C5FF"
+					// color: '#1e1e1e'
+				},
+				// 标头-颜色
+				itemStyle: {
+					color: "#32C5FF"
+					// color: '#1e1e1e'
+				},
+				areaStyle: {
+					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+						{
+							offset: 0,
+							color: "rgba(50, 197, 255, 0.4)"
+						},
+						{
+							offset: 1,
+							color: "rgba(55, 167, 232, 0.4)"
+						}
+					])
+				}
+			},
+			{
+				name: "办公区",
+				type: "line",
+				stack: "Total",
+				areaStyle: {},
+				emphasis: {
+					// focus: 'series'
+				},
+				data: [20, 20, 10, 20, 5, 19, 0],
+				// 折线变得圆滑
+				smooth: true,
+				// 把点去掉
+				showSymbol: false,
+				lineStyle: {
+					width: 3,
+					color: "#0368FF"
+				},
+				itemStyle: {
+					color: "#0368FF"
+				},
+				areaStyle: {
+					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+						{
+							offset: 0,
+							color: "rgba(50, 197, 255, 0.4)"
+						},
+						{
+							offset: 1,
+							color: "rgba(55, 167, 232, 0.4)"
+						}
+					])
+				}
+			}
+		]
+	};
+	chartContainer.setOption(option);
+};
+
+const devicenet = reactive([
+	{
+		a: "光伏发电",
+		b: 300,
+		c: 4
+	},
+	{
+		a: "绿色建材",
+		b: 250,
+		c: 25
+	},
+	{
+		a: "垃圾资源化",
+		b: 430,
+		c: 0
+	},
+	{
+		a: "专陪减碳",
+		b: 350,
+		c: 0
+	}
+]);
+const getlttopbolecher = () => {
+	// 在线设备
+	let online = devicenet.map(v => Number(v.b));
+	let bartitle = devicenet.map(v => v.a);
+	const chartContainer = echarts.init(document.getElementById("bolecherTypeone"));
+	const option = {
+		tooltip: {
+			trigger: "axis",
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			top: "1%",
+			left: "3%",
+			right: "10%",
+			bottom: "3%",
+			containLabel: true
+		},
+		xAxis: {
+			name: "tCO2", //红色箭头效果
+			type: "value",
+			axisTick: {
+				show: false
+				// length:7
+			},
+			axisLine: {
+				lineStyle: {
+					color: "#15396f"
+				}
+			},
+			axisLabel: {
+				color: "#fff",
+				margin: 15
+			},
+			nameTextStyle: {
+				color: "#fff", // 字体颜色
+				fontSize: 15, // 字体大小
+				// fontWeight: "bold", // 字体粗细
+				align: "center" // 对齐方式
+				// lineHeight: 20 // 行高
+			},
+			splitLine: {
+				lineStyle: {
+					color: "#15396f"
+				}
+			}
+		},
+		yAxis: {
+			type: "category",
+			data: ["光伏发电", "绿色建材", "垃圾资源化", "装配式减碳"],
+			axisLine: {
+				show: true,
+				lineStyle: {
+					color: "#15396f"
+				}
+			},
+			axisTick: {
+				show: false
+			},
+
+			axisLabel: {
+				color: "#fff",
+				fontSize: 14, // 设置文字大小为14
+				margin: 10
+			},
+			splitLine: {
+				lineStyle: {
+					color: "#15396f"
+				}
+			},
+			splitArea: {
+				areaStyle: {
+					color: "#15396f"
+				}
+			}
+		},
+		series: [
+			{
+				name: "",
+				type: "bar",
+				data: [300, 280, 450, 380],
+				barWidth: 5,
+				itemStyle: {
+					normal: {
+						color: {
+							type: "linear",
+							x: 0,
+							y: 0,
+							x2: 1,
+							y2: 0,
+							colorStops: [
+								{
+									offset: 0,
+									color: "rgba(74, 181, 232, 0)" // 渐变起始颜色
+								},
+								{
+									offset: 1,
+									color: "rgba(74, 181, 232, 1)" // 渐变结束颜色
+								}
+							],
+							global: false // 缺省为 false
+						}
+					}
+				}
+			}
+		],
+		graphic: [
+			{
+				type: "image",
+				z: 100,
+				style: {
+					image: "http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 图片URL
+					width: 30,
+					height: 30
+				},
+				position: [310, 11] // 第一个柱子的位置
+			},
+			{
+				type: "image",
+				z: 100,
+				style: {
+					image: "http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 图片URL
+					width: 30,
+					height: 30
+				},
+				position: [350, 59] // 第一个柱子的位置
+			},
+			{
+				type: "image",
+				z: 100,
+				style: {
+					image: "http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 图片URL
+					width: 30,
+					height: 30
+				},
+				position: [246, 105] // 第一个柱子的位置
+			},
+			{
+				type: "image",
+				z: 100,
+				style: {
+					image: "http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 图片URL
+					width: 30,
+					height: 30
+				},
+				position: [260, 154] // 第一个柱子的位置
+			}
+		]
+	};
+	chartContainer.setOption(option);
+};
+</script>
+
+<style lang="scss" scoped>
+.bottomleft-box {
+	width: 96%;
+	height: 94%;
+	// background: red;
+	display: flex;
+	padding: 12px;
+
+	.bole-left {
+		flex: 1;
+		// background: skyblue;
+	}
+
+	.bole-right {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		// background: skyblue;
+
+		.bol-title {
+			width: 100%;
+			height: 18px;
+			margin-top: 10px;
+			display: flex;
+			justify-content: center;
+			.bol-item {
+				width: 90%;
+				height: 21px;
+				background: url("@/assets/images/construction/Group 4413.png") no-repeat;
+				background-size: 100% 100%;
+			}
+		}
+
+		.bol-statis {
+			margin: 20px 0 30px;
+
+			// background: skyblue;
+			display: flex;
+			justify-content: center;
+
+			.bolst-box {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+
+				.bst-left,
+				.bst-right {
+					font-family: OPPOSans, OPPOSans;
+					font-weight: 400;
+					font-size: 14px;
+					color: #ffffff;
+				}
+
+				.bst-con {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+
+					.bstc-item {
+						width: 26px;
+						height: 32px;
+						background: rgba(39, 88, 192, 0.1);
+						box-shadow: inset 0px 0px 1px 1px #051220;
+						border-radius: 0px 0px 0px 0px;
+						border: 1px solid rgba(39, 88, 192, 0.6);
+						font-family: OPPOSans, OPPOSans;
+						font-weight: 400;
+						font-size: 14px;
+						color: #ffffff;
+						font-family: Let "s go Digital, Let" s go Digital;
+						font-weight: 400;
+						font-size: 26px;
+						color: #4ac0f3;
+						// line-height: 30px;
+						letter-spacing: 2px;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						margin: 0 6px;
+					}
+
+					.bstc-itemer {
+						color: #ffffff;
+						font-size: 20px;
+						font-weight: 700;
+					}
+				}
+			}
+		}
+
+		.bol-echer {
+			flex: 1;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sevenLargeScreen/constructionview/components/BottomRight.vue b/src/views/sevenLargeScreen/constructionview/components/BottomRight.vue
new file mode 100644
index 0000000..4398083
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/components/BottomRight.vue
@@ -0,0 +1,380 @@
+<template>
+	<div class="botright-box">
+		<div class="botrbox">
+			<div class="botbox-item">
+				<div class="botboxitem-one">
+					<div class="boxionitile">实际碳排放</div>
+					<div class="bstc-item">1</div>
+					<div class="bstc-item">0</div>
+					<div class="bstc-item">4</div>
+					<div class="bstc-itemer">.</div>
+					<div class="bstc-item">7</div>
+					<div class="bstc-item">4</div>
+					<div class="bstc-item">7</div>
+					<div class="boxionitile">tC02</div>
+				</div>
+
+				<div class="botboxitem-one">
+					<div class="boxionitile">实际碳排放</div>
+					<div class="bstc-item">1</div>
+					<div class="bstc-item">0</div>
+					<div class="bstc-item">4</div>
+					<div class="bstc-itemer">.</div>
+					<div class="bstc-item">7</div>
+					<div class="bstc-item">4</div>
+					<div class="bstc-item">7</div>
+					<div class="boxionitile">tC02</div>
+				</div>
+			</div>
+		</div>
+		<div class="botrstatic">
+			<div class="botrstic-one">范围一 1.05%</div>
+			<div class="botrstic-one">范围二 1.05%</div>
+			<div class="botrstic-one">范围三 1.05%</div>
+			<div class="botrstic-two">范围一 1.05%</div>
+			<div class="botrstic-two">范围二 1.05%</div>
+			<div class="botrstic-two">范围三 1.05%</div>
+		</div>
+		<div class="botrcon">
+			<div v-if="reload" id="botrcontainercoss" style="width:100%;height:100%"></div>
+		</div>
+	</div>
+</template>
+
+
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { reactive, ref, onMounted, onBeforeUnmount, nextTick } from "vue";
+const reload = ref(false);
+
+onMounted(() => {
+	console.log("===============执行右下角==================");
+	reload.value = true;
+	nextTick(() => {
+		getlttopContainercoss();
+	});
+});
+
+// 树状图
+let y = reactive([150, 230, 224, 218, 135, 147, 260]);
+let x = reactive(["2023-10", "2023-12", "2024-2", "2024-4", "2024-6", "2024-8", "2024-10"]);
+
+const getlttopContainercoss = () => {
+	const chartContainer = echarts.init(document.getElementById("botrcontainercoss"));
+	const option = {
+		// 提示框
+		tooltip: {
+			//触发类型
+			trigger: "axis",
+			// 提示框的背景颜色
+			backgroundColor: "rgba(173, 198, 255, 0.50)",
+
+			// 提示框边框厚度
+			borderWidth: 0,
+			// 提示款边框颜色
+			borderColor: "#ccc",
+			// 提示框字体颜色
+			textStyle: {
+				color: "#fff"
+			},
+			// 选中数据时x-y轴样式
+			axisPointer: {
+				type: "cross",
+				// 小方块
+				label: {
+					// 小方块背景颜色
+					backgroundColor: "#6a7985"
+					// backgroundColor: '#e10602'
+					// 小方块字体颜色
+					// color: '#e10602'
+				}
+			}
+		},
+		toolbox: {
+			// feature: {
+			// 	dataView: { show: true, readOnly: false },
+			// 	magicType: { show: true, type: ["line", "bar"] },
+			// 	restore: { show: true },
+			// 	saveAsImage: { show: true }
+			// }
+		},
+		grid: {
+			// top:"3%",
+			left: "3%",
+			right: "4%",
+			bottom: "3%",
+			containLabel: true
+		},
+
+		xAxis: {
+			type: "category",
+			data: x,
+			boundaryGap: true,
+			axisTick: {
+				show: false
+				// length:7
+			},
+			axisLine: {
+				lineStyle: {
+					color: "rgba(32, 121, 160, 0.3)"
+				}
+			},
+			axisLabel: {
+				color: "#fff",
+				margin: 10
+			},
+			nameTextStyle: {
+				color: "#7AADFF ",
+				fontSize: 8
+			},
+			splitLine: {
+				lineStyle: {
+					color: "rgba(255,255,255,0.08)"
+				}
+			}
+		},
+		yAxis: [
+			{
+				type: "value",
+				splitNumber: 5,
+				axisLine: {
+					show: false,
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				axisTick: {
+					show: false
+				},
+				axisLabel: {
+					color: "#fff",
+					margin: 10
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				splitArea: {
+					areaStyle: {
+						color: "rgba(2, 29, 159, 0.7)"
+					}
+				},
+				name: "排放量tCO2", // 添加单位名称
+				nameLocation: "end", // 将单位名称放在y轴的最上面
+				nameTextStyle: {
+					color: "#fff", // 设置单位名称的颜色
+					fontSize: 14 // 设置单位名称的字体大小
+				}
+			}
+			// {
+			// 	type: "value",
+			// 	name: "Temperature",
+			// 	min: 0,
+			// 	max: 25,
+			// 	interval: 5,
+			// 	axisLabel: {
+			// 		formatter: "{value} °C"
+			// 	}
+			// }
+		],
+		series: [
+			{
+				name: "施工区",
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "辆";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#71d7e5" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#71d7e5" }, // 渐变中间颜色
+							{ offset: 1, color: "#71d7e5" } // 渐变结束颜色
+						]
+					},
+					barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "15%", // 设置柱子宽度为50%
+				data: [35, 50, 75, 40, 30, 0, 0]
+			},
+			{
+				name: "办公区",
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + " 辆";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#fda52e" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#fda52e" }, // 渐变中间颜色
+							{ offset: 1, color: "#fda52e" } // 渐变结束颜色
+						]
+					},
+					barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "15%", // 设置柱子宽度为50%
+
+				data: [50, 40, 20, 30, 45, 0, 0]
+			},
+			{
+				name: "实测值",
+				type: "line",
+
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#d38c30" // 设置线条颜色为蓝色
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721ed8901fdb41366cc19c8.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				// smooth: true,
+				// showSymbol: false,
+				data: [50, 40, 20, 30, 45, 0, 0]
+			},
+			{
+				name: "预测值",
+				type: "line",
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#7ec4d5" // 设置线条颜色为红色
+				},
+				lineStyle: {
+					type: "dashed" // 设置线条为虚线
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				// smooth: true,
+				// showSymbol: false,
+				data: [35, 50, 75, 40, 30, 0, 0]
+			}
+		]
+	};
+	chartContainer.setOption(option);
+};
+</script>
+
+<style lang="scss" scoped>
+.botright-box {
+	width: 96%;
+	height: 94%;
+	// background: red;
+	display: flex;
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+
+	.botrbox {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		// background: skyblue;
+
+		.botbox-item {
+			width: 80%;
+			display: flex;
+			justify-content: space-between;
+
+			.botboxitem-one {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+
+				.boxionitile {
+					font-family: OPPOSans, OPPOSans;
+					font-weight: 400;
+					font-size: 14px;
+					color: #ffffff;
+				}
+
+				.bstc-item {
+					width: 26px;
+					height: 32px;
+					background: rgba(39, 88, 192, 0.1);
+					box-shadow: inset 0px 0px 1px 1px #051220;
+					border-radius: 0px 0px 0px 0px;
+					border: 1px solid rgba(39, 88, 192, 0.6);
+					font-family: OPPOSans, OPPOSans;
+					font-weight: 400;
+					font-size: 14px;
+					color: #ffffff;
+					font-family: Let "s go Digital, Let" s go Digital;
+					font-weight: 400;
+					font-size: 26px;
+					color: #4ac0f3;
+					// line-height: 30px;
+					letter-spacing: 2px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin: 0 6px;
+				}
+
+				.bstc-itemer {
+					color: #ffffff;
+					font-size: 20px;
+					font-weight: 700;
+				}
+			}
+		}
+	}
+
+	.botrstatic {
+		height: 32px;
+		margin: 20px 0;
+		// background: skyblue;
+		display: flex;
+		align-items: center;
+		justify-content: space-evenly;
+
+		.botrstic-two,
+		.botrstic-one {
+			width: 120px;
+			height: 31px;
+
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			font-family: PangMenZhengDao, PangMenZhengDao;
+			font-weight: 400;
+			font-size: 15px;
+			color: rgba(255, 255, 255, 0.6);
+			// line-height: 19px;
+			letter-spacing: 1px;
+			text-shadow: 0px 4px 4px #01131f;
+		}
+
+		.botrstic-one {
+			background: url("@/assets/images/construction/Group 45582.png") no-repeat;
+			background-size: 100% 100%;
+		}
+
+		.botrstic-two {
+			background: url("@/assets/images/construction/Group 4558.png") no-repeat;
+			background-size: 100% 100%;
+		}
+	}
+
+	.botrcon {
+		flex: 1;
+		// background: skyblue;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sevenLargeScreen/constructionview/components/TopCenter.vue b/src/views/sevenLargeScreen/constructionview/components/TopCenter.vue
new file mode 100644
index 0000000..32bbb15
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/components/TopCenter.vue
@@ -0,0 +1,423 @@
+<template>
+	<div class="topCenterion">
+		<div class="tp-left">
+			<div v-if="reload" id="lefttTypeone" style="width: 100%; height: 97%"></div>
+
+			<div class="item-title">
+				<p></p>分区用电占比
+			</div>
+		</div>
+
+		<div class="tp-right">
+			<div class="tpright-title">
+				<div class="tr-itone">能源类型</div>
+				<div class="tr-ittwo">
+					今日用量
+					<p>kw-h</p>
+				</div>
+				<div class="tr-itthere">
+					当月总用量
+					<p>kw-h</p>
+				</div>
+			</div>
+			<div class="tprig-item statichead">
+				<div class="tr-itone">
+					<div class="tr-itonitem">1号配电房<br>2号表用电</div>
+				</div>
+				<div class="tr-ittwo">97.40</div>
+				<div class="tr-itthere">274207.20</div>
+			</div>
+
+			<div class="tprig-item">
+				<div class="tr-itone">
+					<div class="tr-itonitem">办公区</div>
+				</div>
+				<div class="tr-ittwo">--</div>
+				<div class="tr-itthere">62641.30</div>
+			</div>
+			<div class="tprig-item">
+				<div class="tr-itone">
+					<div class="tr-itonitem">生活区</div>
+				</div>
+				<div class="tr-ittwo">247.00</div>
+				<div class="tr-itthere">373150.00</div>
+			</div>
+			<div class="tprig-item">
+				<div class="tr-itone">
+					<div class="tr-itonitem">加工厂</div>
+				</div>
+				<div class="tr-ittwo">--</div>
+				<div class="tr-itthere">18908.00</div>
+			</div>
+			<div class="tprig-item">
+				<div class="tr-itone">
+					<div class="tr-itonitem">加工厂</div>
+				</div>
+				<div class="tr-ittwo">--</div>
+				<div class="tr-itthere">18908.00</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { ref, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { datas } from "../../../../enums/company/SetpsEnum";
+
+const reload = ref(false);
+
+onMounted(() => {
+	reload.value = true;
+	nextTick(() => {
+		drawEcharter();
+	});
+});
+
+function drawEcharter() {
+	let echartsTest = echarts.init(document.getElementById("lefttTypeone"));
+	let option = {
+		tooltip: {
+			trigger: "item",
+			backgroundColor: "#000000",
+			borderColor: "#000000",
+			formatter: function (params) {
+				console.log(params.seriesName, "当前图例");
+				// let result = " " + params.marker + params.name + " : " + params.value;
+				// if (params.seriesName == "数据主体") {
+				// 	return result;
+				// }
+
+				return `${params.seriesName} `;
+			},
+			textStyle: {
+				color: "#FFFFFF"
+			}
+		},
+		title: {
+			text: 933085,
+			subtext: "总用电 kw/h",
+			x: "48%",
+			y: "60%",
+			textAlign: "center",
+			textStyle: {
+				fontWeight: 400,
+				fontSize: 24,
+				color: "#FFFFFF",
+				fontFamily: "sadigitalNumber"
+			},
+			subtextStyle: {
+				fontWeight: 400,
+				fontSize: 12,
+				color: "#A1ACCB"
+				// fontFamily: "Source Han Sans CN"
+			}
+		},
+		legend: {
+			left: "13%",
+			top: "15%",
+			data: ["办公区", "展馆区", "施工区", "生活区"],
+			itemGap: 14,
+			itemWidth: 12, // 设置宽度
+			itemHeight: 12, // 设置高度
+			textStyle: {
+				color: "#fff",
+				fontSize: 16,
+				padding: [0, 0, 0, 10] // 调整文字与色块之间的距离，这里设置为10像素
+			}
+		},
+		series: [
+			{
+				name: "",
+				type: "gauge",
+				center: ["48%", "65%"],
+				radius: "98%",
+				startAngle: 235,
+				endAngle: -50,
+				min: 0,
+				max: 100,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						width: 2,
+						color: [
+							[
+								100 / 100,
+								new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+									{
+										offset: 0,
+										color: "#526277"
+									},
+									{
+										offset: 0.25,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 0.7,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 1,
+										color: "#526277"
+									}
+								])
+							],
+							[1, "rgba(255,255,255,0)"]
+						]
+					}
+				},
+
+				axisTick: {
+					show: 0
+				},
+				splitLine: {
+					show: 0
+				},
+				axisLabel: {
+					show: 0
+				},
+				pointer: {
+					show: 0
+				},
+				detail: {
+					show: 0
+				}
+			},
+			{
+				name: "办公区",
+				type: "pie",
+				color: ["#82fbea"],
+				selectedMode: "single",
+				radius: ["50%", "55%"],
+				center: ["48%", "65%"],
+				label: {
+					show: false,
+					position: "inner",
+					fontSize: 14
+				},
+				labelLine: {
+					show: false
+				},
+				data: [
+					{ value: 160, name: "", itemStyle: { color: "#09255c" } },
+					{ value: 240, name: "", itemStyle: { color: "#82fbea" } }
+				]
+			},
+			{
+				name: "展馆区",
+				type: "pie",
+				color: ["#6375c7"],
+				selectedMode: "single",
+				radius: ["59%", "64%"],
+				center: ["48%", "65%"],
+				label: {
+					show: false,
+					position: "inner",
+					fontSize: 14
+				},
+				labelLine: {
+					show: false
+				},
+				data: [
+					{ value: 100, name: "", itemStyle: { color: "#09255c" } },
+					{ value: 300, name: "", itemStyle: { color: "#6375c7" } }
+				]
+			},
+			{
+				name: "施工区",
+				type: "pie",
+				color: ["#4cc4f8"],
+				selectedMode: "single",
+				radius: ["68%", "73%"],
+				center: ["48%", "65%"],
+				label: {
+					show: false,
+					position: "inner",
+					fontSize: 14
+				},
+				labelLine: {
+					show: false
+				},
+				data: [
+					{ value: 50, name: "", itemStyle: { color: "#09255c" } },
+					{ value: 350, name: "办公区", itemStyle: { color: "#4cc4f8" } }
+				]
+			},
+			{
+				name: "生活区",
+				type: "pie",
+				color: ["#eea959"],
+				selectedMode: "single",
+				radius: ["77%", "82%"],
+				center: ["48%", "65%"],
+				label: {
+					show: false,
+					position: "inner",
+					fontSize: 14
+				},
+				labelLine: {
+					show: false
+				},
+				data: [
+					{ value: 30, name: "", itemStyle: { color: "#09255c" } },
+					{ value: 370, name: "", itemStyle: { color: "#eea959" } }
+				]
+			}
+		]
+	};
+	echartsTest.setOption(option, true);
+}
+</script>
+
+<style lang="scss" scoped>
+.topCenterion {
+	width: 96% !important;
+	height: 94%;
+	// background: red;
+	display: flex;
+	padding: 12px;
+
+	.tp-left {
+		width: 235px;
+		height: 100%;
+		margin-bottom: 10px;
+		// background: skyblue;
+		position: relative;
+
+		.item-title {
+			position: absolute;
+			top: 10px;
+			left: 20px;
+			font-family: OPPOSans, OPPOSans;
+			font-weight: 500;
+			font-size: 16px;
+			color: #ffffff;
+			line-height: 19px;
+			text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
+			display: flex;
+			align-items: center;
+
+			p {
+				margin: 0;
+				padding: 0;
+				display: block;
+				margin-top: 2px;
+				margin-right: 10px;
+				transform: rotate(137deg); /* 旋转90度 */
+				width: 8px;
+				height: 8px;
+				background: linear-gradient(180deg, #65d7f9 0%, #82fbea 100%);
+			}
+		}
+	}
+
+	.tp-right {
+		flex: 1;
+		height: 100%;
+		// background: skyblue;
+
+		display: flex;
+		flex-direction: column;
+
+		.tpright-title,
+		.tprig-item {
+			width: 100%;
+			flex: 1;
+			display: flex;
+
+			.tr-itone {
+				flex: 5;
+			}
+
+			.tr-ittwo {
+				flex: 2;
+				// background: skyblue;
+			}
+
+			.tr-itthere {
+				flex: 3;
+				// background: skyblue;
+			}
+		}
+		.tpright-title {
+			// background: skyblue;
+			border: 1px solid #00366b;
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 800;
+			font-size: 14px;
+			color: #04abff;
+
+			p {
+				margin: 0;
+				padding: 0;
+			}
+			.tr-itone {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+
+			.tr-ittwo {
+				border-left: 1px solid #00366b;
+				border-right: 1px solid #00366b;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+			}
+
+			.tr-itthere {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+
+		.tprig-item {
+			// background: yellow;
+			background: rgba(1, 128, 254, 0.1);
+
+			margin-bottom: 10px;
+
+			border: 1px solid #012549;
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 500;
+			font-size: 14px;
+			color: #e2f9ff;
+
+			.tr-itone {
+				.tr-itonitem {
+					width: 80%;
+					height: 80%;
+					background: skyblue;
+					background: url("@/assets/images/construction/形状结合.png") no-repeat;
+					background-size: 100% 100%;
+
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+			}
+
+			.tr-itone,
+			.tr-itthere,
+			.tr-ittwo {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+
+			.tr-ittwo {
+				border-left: 1px solid #012549;
+				border-right: 1px solid #012549;
+			}
+
+			&:last-child {
+				margin-bottom: 0 !important;
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sevenLargeScreen/constructionview/components/TopLeft.vue b/src/views/sevenLargeScreen/constructionview/components/TopLeft.vue
new file mode 100644
index 0000000..9f57518
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/components/TopLeft.vue
@@ -0,0 +1,907 @@
+<template>
+	<div class="lefttop">
+		<div class="lt-top">
+			<div v-if="reload" id="lttopContainercoss" style="width:100%;height:100%"></div>
+		</div>
+		<div class="lt-bottom">
+			<div class="lib-item">
+				<div v-if="reload" id="lttTypeone" style="width: 100%; height: 100%"></div>
+			</div>
+			<div class="lib-itemer">
+				<div v-if="reload" id="lttTypeoneer" style="width: 100%; height: 100%"></div>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { reactive, ref, onMounted, onBeforeUnmount, nextTick } from "vue";
+const reload = ref(false);
+
+onMounted(() => {
+	reload.value = true;
+	nextTick(() => {
+		getlttopContainercoss();
+		drawEchart();
+		drawEcharter();
+	});
+});
+
+// 树状图
+let y = reactive([150, 230, 224, 218, 135, 147, 260]);
+let x = reactive(["2023-10", "2023-12", "2024-2", "2024-4", "2024-6", "2024-8", "2024-10"]);
+
+const getlttopContainercoss = () => {
+	const chartContainer = echarts.init(document.getElementById("lttopContainercoss"));
+	const option = {
+		// 提示框
+		tooltip: {
+			//触发类型
+			trigger: "axis",
+			// 提示框的背景颜色
+			backgroundColor: "rgba(173, 198, 255, 0.50)",
+			// 提示框边框厚度
+			borderWidth: 0,
+			// 提示款边框颜色
+			borderColor: "#ccc",
+			// 提示框字体颜色
+			textStyle: {
+				color: "#fff"
+			},
+			// 选中数据时x-y轴样式
+			axisPointer: {
+				type: "cross",
+				// 小方块
+				label: {
+					// 小方块背景颜色
+					backgroundColor: "#6a7985"
+					// backgroundColor: '#e10602'
+					// 小方块字体颜色
+					// color: '#e10602'
+				}
+			}
+		},
+		toolbox: {
+			// feature: {
+			// 	dataView: { show: true, readOnly: false },
+			// 	magicType: { show: true, type: ["line", "bar"] },
+			// 	restore: { show: true },
+			// 	saveAsImage: { show: true }
+			// }
+		},
+		grid: {
+			left: "3%",
+			right: "4%",
+			bottom: "3%",
+			containLabel: true
+		},
+		legend: {
+			// data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+			//字体样式
+			textStyle: {
+				color: "#fff",
+				fontSize: 14,
+				padding: [0, 0, 0, 10] // 调整文字与色块之间的距离，这里设置为10像素
+			},
+			//图标形状
+			icon: "roundRect",
+			orient: "horizontal",
+			itemWidth: 22,
+			itemHeight: 10,
+			top: 0
+			// data: ["超速车辆"]
+		},
+		xAxis: {
+			type: "category",
+			data: x,
+			boundaryGap: false,
+			axisTick: {
+				show: false
+				// length:7
+			},
+			axisLine: {
+				lineStyle: {
+					color: "rgba(32, 121, 160, 0.3)"
+				}
+			},
+			axisLabel: {
+				color: "#fff",
+				margin: 10
+			},
+			nameTextStyle: {
+				color: "#7AADFF ",
+				fontSize: 8
+			},
+			splitLine: {
+				lineStyle: {
+					color: "rgba(255,255,255,0.08)"
+				}
+			}
+		},
+		yAxis: [
+			{
+				type: "value",
+				splitNumber: 5,
+				axisLine: {
+					show: false,
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				axisTick: {
+					show: false
+				},
+				axisLabel: {
+					color: "#fff",
+					margin: 10
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				splitArea: {
+					areaStyle: {
+						color: "rgba(2, 29, 159, 0.7)"
+					}
+				},
+				name: "tCO2", // 添加单位名称
+				nameLocation: "end", // 将单位名称放在y轴的最上面
+				nameTextStyle: {
+					color: "#fff", // 设置单位名称的颜色
+					fontSize: 14 // 设置单位名称的字体大小
+				}
+			}
+			// {
+			// 	type: "value",
+			// 	name: "Temperature",
+			// 	min: 0,
+			// 	max: 25,
+			// 	interval: 5,
+			// 	axisLabel: {
+			// 		formatter: "{value} °C"
+			// 	}
+			// }
+		],
+		series: [
+			{
+				name: "施工区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#74d5e7" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#74d5e7" }, // 渐变中间颜色
+							{ offset: 1, color: "#74d5e7" } // 渐变结束颜色
+						]
+					}
+					// barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [40, 30, 28, 40, 65, 0, 0]
+			},
+			{
+				name: "生活区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#c3c684" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#c3c684" }, // 渐变中间颜色
+							{ offset: 1, color: "#c3c684" } // 渐变结束颜色
+						]
+					}
+					// barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [5, 0, 8, 5, 0, 0, 0]
+			},
+			{
+				name: "办公区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#ffa52e" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#ffa52e" }, // 渐变中间颜色
+							{ offset: 1, color: "#ffa52e" } // 渐变结束颜色
+						]
+					}
+					// barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [5, 22, 8, 40, 15, 0, 0]
+			},
+			{
+				name: "展馆区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#81f279" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#81f279" }, // 渐变中间颜色
+							{ offset: 1, color: "#81f279" } // 渐变结束颜色
+						]
+					},
+					barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [0, 10, 5, 30, 15, 0, 0]
+			},
+			{
+				name: "实测值",
+				type: "line",
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#d38c30" // 设置线条颜色为蓝色
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721ed8901fdb41366cc19c8.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				data: [50, 40, 20, 30, 45, 0, 0]
+			},
+			{
+				name: "预测值",
+				type: "line",
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#7ec4d5" // 设置线条颜色为红色
+				},
+				lineStyle: {
+					type: "dashed" // 设置线条为虚线
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				data: [35, 50, 75, 40, 30, 0, 0]
+			}
+		]
+	};
+	chartContainer.setOption(option);
+};
+
+// 圆形图
+let dataList = ref([
+	{
+		value: 38,
+		show: true,
+		name: "玻璃幕墙",
+		itemStyle: {
+			normal: {
+				color: "#82FBEA",
+				borderWidth: 20
+			}
+		}
+	},
+	{
+		value: 46,
+		show: true,
+		name: "钢材",
+		itemStyle: {
+			normal: {
+				color: "#EEA959",
+				borderWidth: 20
+			}
+		}
+	},
+	{
+		value: 30,
+		show: true,
+		name: "钢筋",
+		itemStyle: {
+			normal: {
+				color: "#4CC4F8"
+			}
+		}
+	},
+	{
+		value: 30,
+		show: true,
+		name: "混凝土",
+		itemStyle: {
+			normal: {
+				color: "#E0D838"
+			}
+		}
+	},
+	{
+		value: 8,
+		show: true,
+		name: "砂浆",
+		itemStyle: {
+			normal: {
+				color: "#EC6266"
+			}
+		}
+	},
+	{
+		value: 32,
+		show: true,
+		name: "加气砖",
+		itemStyle: {
+			normal: {
+				color: "#6375C7"
+			}
+		}
+	}
+]);
+
+function drawEchart() {
+	let max = 0;
+	dataList.value.map(item => {
+		max = max + item.value;
+	});
+	let echartsTest = echarts.init(document.getElementById("lttTypeone"));
+	let option = {
+		tooltip: {
+			trigger: "item",
+			backgroundColor: "#000000",
+			borderColor: "#000000",
+			formatter: function (params) {
+				// console.log(params.seriesName, "当前图例");
+				let result = " " + params.marker + params.name + " : " + params.value;
+				if (params.seriesName == "数据主体") {
+					return result;
+				}
+			},
+			textStyle: {
+				color: "#FFFFFF"
+			}
+		},
+		title: {
+			text: max,
+			subtext: "建材生产总数",
+			x: "47%",
+			y: "35%",
+			textAlign: "center",
+			textStyle: {
+				color: "#fff",
+				fontSize: 20,
+				fontWeight: "normal",
+				fontFamily: "sadigitalNumber",
+				// lineHeight: 35
+			},
+			subtextStyle: {
+				color: "#ccc",
+				fontSize: 12,
+				fontWeight: "normal"
+			}
+		},
+		// legend: {
+		// 	selectedMode: false, // 取消图例上的点击事件
+		// 	icon: "rect",
+		// 	type: "plain",
+		//     // type: "scroll", // 设置为滚动类型
+		// 	orient: "vertical",
+		// 	left: "52%",
+		// 	top: "8%",
+		// 	align: "left",
+		// 	itemGap: 14,
+		// 	itemWidth: 8, // 设置宽度
+		// 	itemHeight: 7, // 设置高度
+		// 	symbolKeepAspect: false,
+		// 	textStyle: {
+		// 		color: "#000",
+		// 		rich: {
+		// 			name: {
+		// 				width: 190,
+		// 				verticalAlign: "right",
+		// 				fontSize: 14,
+		// 				color: "#FFFFFF",
+		// 				padding: [0, 0, 0, 10]
+		// 			},
+		// 			value: {
+		// 				align: "left",
+		// 				fontSize: 14,
+		// 				color: "#FFFFFF"
+		// 			}
+		// 		}
+		// 	},
+		// 	data: dataList.value.map(item => {
+		// 		if (item.show) {
+		// 			return item.name;
+		// 		}
+		// 	}),
+		// 	formatter: function (data: any) {
+		// 		if (dataList.value && dataList.value.length) {
+		// 			for (let i = 0; i < dataList.value.length; i++) {
+		// 				if (data === dataList.value[i].name) {
+		// 					let value = dataList.value[i].value;
+		// 					return "{name|" + data + "}" + "{value|" + value + "}";
+		// 				}
+		// 			}
+		// 		}
+		// 	}
+		// },
+		series: [
+			// 外侧光线
+			{
+				name: "",
+				type: "gauge",
+				center: ["50%", "50%"],
+				radius: "90%",
+				startAngle: 235,
+				endAngle: -50,
+				min: 0,
+				max: 100,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						width: 2,
+						color: [
+							[
+								100 / 100,
+								new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+									{
+										offset: 0,
+										color: "#526277"
+									},
+									{
+										offset: 0.25,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 0.7,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 1,
+										color: "#526277"
+									}
+								])
+							],
+							[1, "rgba(255,255,255,0)"]
+						]
+					}
+				},
+
+				axisTick: {
+					show: 0
+				},
+				splitLine: {
+					show: 0
+				},
+				axisLabel: {
+					show: 0
+				},
+				pointer: {
+					show: 0
+				},
+				detail: {
+					show: 0
+				}
+			},
+			{
+				name: "",
+				type: "gauge",
+				center: ["50%", "50%"],
+				radius: "77%",
+				startAngle: 245,
+				endAngle: -115,
+				min: 0,
+				max: 100,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						width: 2,
+						color: [
+							[
+								200 / 100,
+								new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+									{
+										offset: 1,
+										color: "#52bef0"
+									},
+									{
+										offset: 0,
+										color: "#13356b"
+									}
+								])
+							],
+							[1, "rgba(255,255,255,0)"]
+						]
+					}
+				},
+
+				axisTick: {
+					show: 0
+				},
+				splitLine: {
+					show: 0
+				},
+				axisLabel: {
+					show: 0
+				},
+				pointer: {
+					show: 0
+				},
+				detail: {
+					show: 0
+				}
+			},
+			{
+				name: "数据主体",
+				type: "pie",
+				radius: ["58%", "64%"],
+				center: ["50%", "50%"],
+				hoverAnimation: true,
+				itemStyle: {
+					borderRadius: 10,
+					borderWidth: 10
+				},
+				label: {
+					show: false,
+					position: "center"
+				},
+				emphasis: {
+					label: {
+						show: false
+					}
+				},
+				labelLine: {
+					show: false
+				},
+				data: dataList.value
+			},
+			{
+				name: "最内圆",
+				type: "pie",
+				radius: ["52%", "54%"],
+				center: ["50%", "50%"],
+				label: {
+					show: false
+				},
+
+				data: Pie()
+			}
+		]
+	};
+	echartsTest.setOption(option, true);
+}
+
+function drawEcharter() {
+	let max = 0;
+	dataList.value.map(item => {
+		max = max + item.value;
+	});
+	let echartsTest = echarts.init(document.getElementById("lttTypeoneer"));
+	let option = {
+		tooltip: {
+			trigger: "item",
+			backgroundColor: "#000000",
+			borderColor: "#000000",
+			formatter: function (params) {
+				// console.log(params.seriesName, "当前图例");
+				let result = " " + params.marker + params.name + " : " + params.value;
+				if (params.seriesName == "数据主体") {
+					return result;
+				}
+			},
+			textStyle: {
+				color: "#FFFFFF"
+			}
+		},
+		title: {
+			text: max,
+			subtext: "建材运输总数",
+			x: "24%",
+			y: "35%",
+			textAlign: "center",
+			textStyle: {
+				color: "#fff",
+				fontSize: 20,
+				fontWeight: "normal",
+				fontFamily: "sadigitalNumber",
+				// lineHeight: 35
+			},
+			subtextStyle: {
+				color: "#ccc",
+				fontSize: 12,
+				fontWeight: "normal"
+			}
+		},
+		legend: {
+			selectedMode: false, // 取消图例上的点击事件
+			icon: "rect",
+			type: "scroll",
+			orient: "vertical",
+			left: "52%",
+			top: "8%",
+			align: "left",
+			itemGap: 14,
+			itemWidth: 8, // 设置宽度
+			itemHeight: 7, // 设置高度
+			symbolKeepAspect: false,
+			textStyle: {
+				color: "#000",
+				rich: {
+					name: {
+						width: 100,
+						verticalAlign: "right",
+						fontSize: 14,
+						color: "#FFFFFF",
+						padding: [0, 0, 0, 10]
+					},
+					value: {
+						align: "left",
+						fontSize: 14,
+						color: "#FFFFFF"
+					}
+				}
+			},
+			data: dataList.value.map(item => {
+				if (item.show) {
+					return item.name;
+				}
+			}),
+			formatter: function (data: any) {
+				if (dataList.value && dataList.value.length) {
+					for (let i = 0; i < dataList.value.length; i++) {
+						if (data === dataList.value[i].name) {
+							let value = dataList.value[i].value;
+							return "{name|" + data + "}" + "{value|" + value + "}";
+						}
+					}
+				}
+			}
+		},
+		series: [
+			// 外侧光线
+			{
+				name: "",
+				type: "gauge",
+				center: ["25%", "52%"],
+				radius: "90%",
+				startAngle: 235,
+				endAngle: -50,
+				min: 0,
+				max: 100,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						width: 2,
+						color: [
+							[
+								100 / 100,
+								new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+									{
+										offset: 0,
+										color: "#526277"
+									},
+									{
+										offset: 0.25,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 0.7,
+										color: "rgba(4, 14, 54,0.4)"
+									},
+									{
+										offset: 1,
+										color: "#526277"
+									}
+								])
+							],
+							[1, "rgba(255,255,255,0)"]
+						]
+					}
+				},
+
+				axisTick: {
+					show: 0
+				},
+				splitLine: {
+					show: 0
+				},
+				axisLabel: {
+					show: 0
+				},
+				pointer: {
+					show: 0
+				},
+				detail: {
+					show: 0
+				}
+			},
+			{
+				name: "",
+				type: "gauge",
+				center: ["25%", "52%"],
+				radius: "77%",
+				startAngle: 245,
+				endAngle: -115,
+				min: 0,
+				max: 100,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						width: 2,
+						color: [
+							[
+								200 / 100,
+								new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+									{
+										offset: 1,
+										color: "#52bef0"
+									},
+									{
+										offset: 0,
+										color: "#13356b"
+									}
+								])
+							],
+							[1, "rgba(255,255,255,0)"]
+						]
+					}
+				},
+
+				axisTick: {
+					show: 0
+				},
+				splitLine: {
+					show: 0
+				},
+				axisLabel: {
+					show: 0
+				},
+				pointer: {
+					show: 0
+				},
+				detail: {
+					show: 0
+				}
+			},
+			{
+				name: "数据主体",
+				type: "pie",
+				radius: ["58%", "64%"],
+				center: ["25%", "52%"],
+				hoverAnimation: true,
+				itemStyle: {
+					borderRadius: 10,
+					borderWidth: 10
+				},
+				label: {
+					show: false,
+					position: "center"
+				},
+				emphasis: {
+					label: {
+						show: false
+					}
+				},
+				labelLine: {
+					show: false
+				},
+				data: dataList.value
+			},
+			{
+				name: "最内圆",
+				type: "pie",
+				radius: ["52%", "54%"],
+				center: ["25%", "52%"],
+				label: {
+					show: false
+				},
+
+				data: Pie()
+			}
+		]
+	};
+	echartsTest.setOption(option, true);
+}
+
+function Pie() {
+	let dataArr = [];
+	for (let i = 0; i < 150; i++) {
+		if (i % 2 === 0) {
+			dataArr.push({
+				name: (i + 1).toString(),
+				value: 10,
+				itemStyle: {
+					normal: {
+						color: "#7cf4f1",
+						borderWidth: 0,
+						borderColor: "#7f6546"
+					}
+				}
+			});
+		} else {
+			dataArr.push({
+				name: (i + 1).toString(),
+				value: 10,
+				itemStyle: {
+					normal: {
+						color: "rgba(0,0,0,0)",
+						borderWidth: 0,
+						borderColor: "rgba(0,0,0,0)"
+					}
+				}
+			});
+		}
+	}
+	return dataArr;
+}
+</script>
+
+<style lang="scss" scoped>
+.lefttop {
+	width: 96%;
+	height: 94%;
+	// background: red;
+	display: flex;
+	flex-direction: column;
+	padding: 12px;
+
+	.lt-top {
+		width: 100%;
+		height: 200px;
+		margin-bottom: 10px;
+		// background: skyblue;
+	}
+
+	.lt-bottom {
+		width: 100%;
+		flex: 1;
+		display: flex;
+
+		.lib-item {
+			flex: 1;
+			// background: skyblue;
+		}
+
+		.lib-itemer {
+			flex: 2;
+			// background: skyblue;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sevenLargeScreen/constructionview/components/TopRight.vue b/src/views/sevenLargeScreen/constructionview/components/TopRight.vue
new file mode 100644
index 0000000..be5c2fd
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/components/TopRight.vue
@@ -0,0 +1,346 @@
+<template>
+	<div class="topright-box">
+		<div class="tr-top">
+			<div v-if="reload" id="torgContainercoss" style="width:100%;height:100%"></div>
+		</div>
+
+		<div class="tr-bottom">
+			<div class="trbot-item">
+				<p>展厅</p>
+				<p>11.90</p>
+				<p>tCO2</p>
+			</div>
+			<div class="trbot-item">
+				<p>办公区</p>
+				<p>29.56</p>
+				<p>tCO2</p>
+			</div>
+			<div class="trbot-item">
+				<p>生活区</p>
+				<p>94.85</p>
+				<p>tCO2</p>
+			</div>
+			<div class="trbot-item">
+				<p>施工区</p>
+				<p>336.35</p>
+				<p>tCO2</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { reactive, ref, onMounted, onBeforeUnmount, nextTick } from "vue";
+const reload = ref(false);
+
+onMounted(() => {
+	reload.value = true;
+	nextTick(() => {
+		getlrigContainercoss();
+	});
+});
+
+// 树状图
+let y = reactive([150, 230, 224, 218, 135, 147, 260]);
+let x = reactive(["2023-10", "2023-12", "2024-2", "2024-4", "2024-6", "2024-8", "2024-10"]);
+
+const getlrigContainercoss = () => {
+	const chartContainer = echarts.init(document.getElementById("torgContainercoss"));
+	const option = {
+		// 提示框
+		tooltip: {
+			//触发类型
+			trigger: "axis",
+			// 提示框的背景颜色
+			backgroundColor: "rgba(173, 198, 255, 0.50)",
+			// 提示框边框厚度
+			borderWidth: 0,
+			// 提示款边框颜色
+			borderColor: "#ccc",
+			// 提示框字体颜色
+			textStyle: {
+				color: "#fff"
+			},
+			// 选中数据时x-y轴样式
+			axisPointer: {
+				type: "cross",
+				// 小方块
+				label: {
+					// 小方块背景颜色
+					backgroundColor: "#6a7985"
+					// backgroundColor: '#e10602'
+					// 小方块字体颜色
+					// color: '#e10602'
+				}
+			}
+		},
+		toolbox: {
+			// feature: {
+			// 	dataView: { show: true, readOnly: false },
+			// 	magicType: { show: true, type: ["line", "bar"] },
+			// 	restore: { show: true },
+			// 	saveAsImage: { show: true }
+			// }
+		},
+		grid: {
+			left: "3%",
+			right: "4%",
+			bottom: "3%",
+			containLabel: true
+		},
+		legend: {
+			// data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+			//字体样式
+			textStyle: {
+				color: "#fff",
+				fontSize: 14,
+				padding: [0, 0, 0, 10] // 调整文字与色块之间的距离，这里设置为10像素
+			},
+			//图标形状
+			icon: "roundRect",
+			orient: "horizontal",
+			itemWidth: 22,
+			itemHeight: 10,
+			top: 0
+			// data: ["超速车辆"]
+		},
+		xAxis: {
+			type: "category",
+			data: x,
+			boundaryGap: false,
+			axisTick: {
+				show: false
+				// length:7
+			},
+			axisLine: {
+				lineStyle: {
+					color: "rgba(32, 121, 160, 0.3)"
+				}
+			},
+			axisLabel: {
+				color: "#fff",
+				margin: 10
+			},
+			nameTextStyle: {
+				color: "#7AADFF ",
+				fontSize: 8
+			},
+			splitLine: {
+				lineStyle: {
+					color: "rgba(255,255,255,0.08)"
+				}
+			}
+		},
+		yAxis: [
+			{
+				type: "value",
+				splitNumber: 5,
+				axisLine: {
+					show: false,
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				axisTick: {
+					show: false
+				},
+				axisLabel: {
+					color: "#fff",
+					margin: 10
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(32, 121, 160, 0.3)"
+					}
+				},
+				splitArea: {
+					areaStyle: {
+						color: "rgba(2, 29, 159, 0.7)"
+					}
+				},
+				name: "tCO2", // 添加单位名称
+				nameLocation: "end", // 将单位名称放在y轴的最上面
+				nameTextStyle: {
+					color: "#fff", // 设置单位名称的颜色
+					fontSize: 14 // 设置单位名称的字体大小
+				}
+			}
+		],
+		series: [
+			{
+				name: "施工区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#74d5e7" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#74d5e7" }, // 渐变中间颜色
+							{ offset: 1, color: "#74d5e7" } // 渐变结束颜色
+						]
+					}
+					// barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [40, 30, 28, 40, 65, 0, 0]
+			},
+			{
+				name: "办公区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#ffa52e" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#ffa52e" }, // 渐变中间颜色
+							{ offset: 1, color: "#ffa52e" } // 渐变结束颜色
+						]
+					}
+					// barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [40, 48, 52, 28, 25, 0, 0]
+			},
+			{
+				name: "展馆区",
+				stack: "total", // 设置堆叠组名
+				type: "bar",
+				tooltip: {
+					valueFormatter: function (value) {
+						return (value as number) + "tCO2";
+					}
+				},
+				itemStyle: {
+					color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [
+							{ offset: 0, color: "#81f279" }, // 渐变开始颜色
+							{ offset: 0.5, color: "#81f279" }, // 渐变中间颜色
+							{ offset: 1, color: "#81f279" } // 渐变结束颜色
+						]
+					},
+					barBorderRadius: [5, 5, 0, 0] // 设置柱体圆角，左上和右上为10px
+				},
+				barWidth: "22%", // 设置柱子宽度为50%
+
+				data: [20, 15, 25, 40, 22, 0, 0]
+			},
+			{
+				name: "实测值",
+				type: "line",
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#d38c30" // 设置线条颜色为蓝色
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721ed8901fdb41366cc19c8.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				data: [50, 40, 20, 30, 45, 0, 0]
+			},
+			{
+				name: "预测值",
+				type: "line",
+				yAxisIndex: 0,
+				itemStyle: {
+					color: "#7ec4d5" // 设置线条颜色为红色
+				},
+				lineStyle: {
+					type: "dashed" // 设置线条为虚线
+				},
+				symbol: "image://http://jxj.zhgdyun.com:15551/image/6721eaf401fdb41366cc19c7.png", // 设置节点为图片
+				symbolSize: 30, // 设置图片大小
+				// 把点去掉
+				data: [35, 50, 75, 40, 30, 0, 0]
+			}
+		]
+	};
+	chartContainer.setOption(option);
+};
+</script>
+
+<style lang="scss" scoped>
+.topright-box {
+	width: 96%;
+	height: 94%;
+	// background: red;
+	display: flex;
+	flex-direction: column;
+	padding: 12px;
+
+	.tr-top {
+		width: 100%;
+		height: 200px;
+		margin-bottom: 10px;
+		// background: skyblue;
+	}
+
+	.tr-bottom {
+		width: 100%;
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: space-evenly;
+
+		.trbot-item {
+			width: 140px;
+			height: 140px;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+
+			background: url("@/assets/images/construction/Group 4709.png") no-repeat;
+			background-size: 100% 100%;
+
+			p {
+				margin: 0;
+				padding: 0;
+
+				&:nth-child(1),
+				&:nth-child(3) {
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					font-size: 12px;
+					color: #a0b8e5;
+				}
+				&:nth-child(2) {
+					font-family: D-DIN-DIN, D-DIN-DIN;
+					font-weight: bold;
+					font-size: 14px;
+					line-height: 16px;
+					text-stroke: 0px #ffffff;
+					color: #ffffff;
+					margin: 4px 0;
+				}
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sevenLargeScreen/constructionview/index.vue b/src/views/sevenLargeScreen/constructionview/index.vue
new file mode 100644
index 0000000..a180b15
--- /dev/null
+++ b/src/views/sevenLargeScreen/constructionview/index.vue
@@ -0,0 +1,123 @@
+<template>
+	<div class="safe-education">
+		<div class="top">
+			<div class="topLeft itembox">
+				<div class="title-speed">建材生产与运输阶段碳排放</div>
+				<div class="title-con">
+					<TopLeft />
+				</div>
+			</div>
+			<div class="topCenter itembox">
+				<div class="title-speed">低碳技术应用碳减量</div>
+				<div class="title-con">
+					<TopCenter />
+				</div>
+			</div>
+			<div class="topRight itembox">
+				<div class="title-speed">施工阶段碳排放</div>
+				<div class="title-con">
+					<TopRight />
+				</div>
+			</div>
+		</div>
+		<div class="bottom">
+			<div class="bottomLeft itembox">
+				<div class="title-speed">原始数据动态监测</div>
+				<div class="title-con">
+					<BottomLeft />
+				</div>
+			</div>
+			<div class="bottomRight itembox">
+				<div class="title-speed">项目总体碳排放</div>
+				<div class="title-con">
+					<BottomRight />
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onBeforeUnmount } from "vue";
+import TopLeft from "./components/TopLeft.vue";
+import TopCenter from "./components/TopCenter.vue";
+import TopRight from "./components/TopRight.vue";
+import BottomLeft from "./components/BottomLeft.vue";
+import BottomRight from "./components/BottomRight.vue";
+</script>
+
+<style lang="scss" scoped>
+.safe-education {
+	width: 100%;
+	height: 100%;
+
+	.itembox {
+		display: flex;
+		flex-direction: column;
+
+		.title-speed {
+			height: 40px;
+			line-height: 40px;
+			padding-left: 35px;
+			background: url("@/assets/images/titleBig.webp") no-repeat;
+			background-size: 100% 100%;
+			// margin-left: 50px;
+			font-family: OPPOSansH;
+			font-weight: 400;
+			color: #ffffff;
+			margin-bottom: 5px;
+			font-size: 16px;
+		}
+
+		.title-con {
+			width: 100%;
+			flex: 1;
+			background: url("@/assets/images/cardImg.png") no-repeat;
+			background-size: 100% 100%;
+			// background: skyblue;
+		}
+	}
+
+	.top {
+		width: 100%;
+		height: 52%;
+		display: flex;
+		.topLeft {
+			width: 33.5%;
+			// background: skyblue;
+			// background-color: orchid;
+		}
+		.topCenter {
+			margin: 0% 1%;
+			width: 33%;
+		}
+		.topRight {
+			width: 33%;
+		}
+	}
+	.bottom {
+		width: 100%;
+		height: 46%;
+		margin-top: 1%;
+		margin-bottom: 1%;
+		display: flex;
+		.bottomLeft {
+			width: 49%;
+			margin-right: 1%;
+			:deep(.h-card) {
+				.content {
+					margin-top: 2% !important;
+				}
+			}
+		}
+		.bottomRight {
+			width: 50%;
+			:deep(.h-card) {
+				.content {
+					margin-top: 1% !important;
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/sevenLargeScreen/indexL.vue b/src/views/sevenLargeScreen/indexL.vue
index d187686..60e094a 100644
--- a/src/views/sevenLargeScreen/indexL.vue
+++ b/src/views/sevenLargeScreen/indexL.vue
@@ -279,6 +279,10 @@ let menuList = ref([
 				menuName: "智慧党建",
 				companyPath: "/smartPartyBuilding"
 			},
+			{
+				menuName: "双碳管理",
+				companyPath: "/projectioter"
+			},
 			// {
 			// 	menuName: "工程概况-1",
 			// 	companyPath: "/projectOverviewer"