diff --git a/public/img/gx/button_bg.png b/public/img/gx/button_bg.png
new file mode 100644
index 00000000..ad52832a
Binary files /dev/null and b/public/img/gx/button_bg.png differ
diff --git a/public/img/gx/gx_bj.jpg b/public/img/gx/gx_bj.jpg
new file mode 100644
index 00000000..b1e7efac
Binary files /dev/null and b/public/img/gx/gx_bj.jpg differ
diff --git a/public/img/gx/header_light.png b/public/img/gx/header_light.png
new file mode 100644
index 00000000..f771c9a8
Binary files /dev/null and b/public/img/gx/header_light.png differ
diff --git a/public/img/gx/title_bg.png b/public/img/gx/title_bg.png
new file mode 100644
index 00000000..26ece19b
Binary files /dev/null and b/public/img/gx/title_bg.png differ
diff --git a/public/img/gx/title_bg2.png b/public/img/gx/title_bg2.png
new file mode 100644
index 00000000..b9abc670
Binary files /dev/null and b/public/img/gx/title_bg2.png differ
diff --git a/src/config/route.js b/src/config/route.js
index abe08f7a..443cda9b 100644
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -3045,17 +3045,17 @@ const routes = [
 		component: "bigScreen/index_photon",
 	},
 	//光芯—数据大屏
-	// {
-	// 	path: "/bigScreengx",
-	// 	name: "bigScreengx",
-	// 	meta: {
-	// 		title: "数据大屏",
-	// 		icon: "el-icon-platform",
-	// 		perms: ["bigScreengx"],
-	// 		fullpage: true,
-	// 	},
-	// 	component: "bigScreen/index_gx",
-	// },
+	{
+		path: "/bigScreengx",
+		name: "bigScreengx",
+		meta: {
+			title: "光芯大屏",
+			icon: "el-icon-platform",
+			perms: ["bigScreen_gx"],
+			fullpage: true,
+		},
+		component: "bigScreen/index_gx",
+	},
 	//排放——数据大屏
 	{
 		path: "/bigScreenEnp",
diff --git a/src/views/bigScreen/index_gx.vue b/src/views/bigScreen/index_gx.vue
new file mode 100644
index 00000000..827d53d1
--- /dev/null
+++ b/src/views/bigScreen/index_gx.vue
@@ -0,0 +1,1752 @@
+<template>
+	<div class="container">
+		<header class="pageHeader">
+			<div class="header_left">{{ bigScreenName }}</div>
+			<div class="header_right">
+				<span>{{ currentYear }}年{{ currentMonth }}月{{ currentDay }}日{{ currentTime }}</span>
+				<span style="margin: 0 5px;">|</span>
+				<img src="img/v_track.png" style="margin-right: 5px;">
+				<span>枣庄</span>
+			</div>
+			<img class="header_light" src="img/gx/header_light.png" />
+			<div class="header_line header_line1"></div>
+			<div class="header_line header_line2"></div>
+		</header>
+		<div id="model" class="model">
+		
+			<div id="loadingScreen">
+				<el-progress
+					type="circle"
+					:percentage="loadedPercent"
+					:width="220"
+					status="warning"
+				>
+					<template #default="{ percentage }">
+						<div
+							style="
+								font-size: 30px;
+								color: white;
+								font-weight: bold;
+							"
+						>
+							{{ percentage }}%
+						</div>
+						<div
+							style="
+								font-size: 18px;
+								color: white;
+								margin-top: 10px;
+							"
+						>
+							工厂模型加载中
+						</div>
+					</template>
+				</el-progress>
+			</div>
+			<canvas id="renderCanvas"></canvas>
+		</div>
+		<div class="left_block">
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div>计划产量</div>
+				</div>
+				<div class="itemBody itemBody1">
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">日产量</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">日计划</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">周产量</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">周计划</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">月产量</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								<span class="block1Text">月计划</span>
+								<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div>设备运转状态</div>
+				</div>
+				<div class="itemBody">
+					<scEcharts v-if="eqChartShow" height="300px" width="300px" :option="option_eq"></scEcharts>
+					<!-- <div id="eqPieChart" style="width: 300px;height: 300px;"></div> -->
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div class="itemTitleIcon"></div>
+					<div>质量分析</div>
+				</div>
+				<div class="itemBody itemBody3">
+					<div>
+						<scEcharts height="155px" width="118px" :option="options"></scEcharts>
+						<scEcharts height="155px" width="118px" :option="option1"></scEcharts>
+						<scEcharts height="155px" width="118px" :option="option2"></scEcharts>
+					</div>
+					<div>
+						<scEcharts height="155px" width="118px" :option="option3"></scEcharts>
+						<scEcharts height="155px" width="118px" :option="option4"></scEcharts>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="left_block2">
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div>计划产量</div>
+				</div>
+				<div class="itemBody itemBody1">
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								日产量<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								日计划<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								周产量<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								周计划<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+					<div style="display: flex;justify-content: space-between;">
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								月产量<span class="block1Number">2345</span>
+							</div>
+						</div>
+						<div class="block1NumberWrap">
+							<div class="block1Numberinner">
+								月计划<span class="block1Number">2345</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div>设备运转状态</div>
+				</div>
+				<div class="itemBody">
+					<scEcharts v-if="eqChartShow" height="300px" width="300px" :option="option_eq"></scEcharts>
+					<!-- <div id="eqPieChart" style="width: 300px;height: 300px;"></div> -->
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div class="itemTitleIcon"></div>
+					<div>质量分析</div>
+				</div>
+				<div class="itemBody itemBody3">
+				</div>
+			</div>
+		</div>
+		<div class="right_block">
+			<div class="flexItem">
+				<div class="itemTitle2">
+					<div class="itemTitleIcon"></div>
+					<div>实时视频</div>
+				</div>
+				<div class="itemBody">
+					<!-- <img src="img/nodata.png" /> --> 
+					<img src="img/v_mask.png" style="height: 300px;width:620px;margin-left: 25px;"/>
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle2">
+					<div class="itemTitleIcon"></div>
+					<div>库存</div>
+				</div>
+				<div class="itemBody inmItemBody">
+					<dv-scroll-board 
+						:config="configData" 
+						class="inmBoxmain" 
+						style="width:98%;margin:auto" 
+					/>
+					<dv-scroll-board 
+						:config="configData" 
+						class="inmBoxmain" 
+						style="width:98%;margin:auto" 
+					/>
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle2">
+					<div class="itemTitleIcon"></div>
+					<div>余热发电/环保数据</div>
+				</div>
+				<div class="itemBody" style="padding: 5%">
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>当月发电量</span>
+							<p class="elec_number">
+								{{ hotData.total_production }}
+								<span class="elec_unit">kwh</span>
+							</p>
+						</div>
+					</div>
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>NOx折算值</span>
+							<p class="elec_number">
+								{{ hotData.NOx }}
+								<span class="elec_unit">mg/m³</span>
+							</p>
+						</div>
+					</div>
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>发电量</span>
+							<p class="elec_number">
+								{{ hotData.production_elec_unit }}
+								<span class="elec_unit">kwh</span>
+							</p>
+						</div>
+					</div>
+
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>SO2折算值</span>
+							<p class="elec_number">
+								{{ hotData.SO2 }}
+								<span class="elec_unit">mg/m³</span>
+							</p>
+						</div>
+					</div>
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>自用电量</span>
+							<p class="elec_number">
+								{{ hotData.elec_consume }}
+								<span class="elec_unit">kwh</span>
+							</p>
+						</div>
+					</div>
+					<div class="elecItem">
+						<div class="elecItem_wrap">
+							<span>颗粒物折算值</span>
+							<p class="elec_number">
+								{{ hotData.klw }}
+								<span class="elec_unit">mg/m³</span>
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+import * as echarts from "echarts";
+import * as BABYLON from "babylonjs";
+import * as BABYLON_GUI from "babylonjs-gui";
+import scEcharts from '@/components/scEcharts';
+import * as BABYLON_GRID from "@/utils/gridMaterial";
+import * as BABYLON_MATERIAL from "@/utils/babylonMaterial";
+import config from "@/config";
+BABYLON.DracoCompression.Configuration.decoder.wasmUrl =
+	"./draco_wasm_wrapper_gltf.js";
+BABYLON.DracoCompression.Configuration.decoder.wasmBinaryUrl =
+	"./draco_decoder_gltf.wasm";
+BABYLON.DracoCompression.Configuration.decoder.fallbackUrl =
+	"./draco_decoder_gltf.js";
+import "babylonjs-loaders";
+import "animate.css";
+export default {
+	components: {
+		scEcharts
+	},
+	data() {
+		return {
+			colors: [
+				{ color: "#f95050", percentage: 20 },
+				{ color: "#e6a23c", percentage: 40 },
+				{ color: "#1989fa", percentage: 60 },
+				{ color: "#02f5f2", percentage: 80 },
+				{ color: "#5cb87a", percentage: 100 },
+			],
+			factoryName: "",
+			initialAlpha: -Math.PI / 4.5,
+			initialBeta: Math.PI / 2,
+			initialRadius: 2.5,
+			initialTarget: null,
+			resizeTimeout: null,
+			loadedPercent: 0,
+			currentLightMesh: null,
+			infoVisibel: false,
+			clickVisible: false,
+			eqChartShow:false,
+			percentage: 25,
+			updateTime: "2023-08-17 16:00:00",
+			currentTime: "",
+			currentWeek: "",
+			currentYear: "",
+			currentMonth: "",
+			currentDay: "",
+			timerTime: null,
+			timerData: null,
+			start_date: "",
+			end_date: "",
+			dialogData: {
+				deptName: "",
+			},
+			currentData: {
+				deptName: "",
+			},
+			deptName: "入窑生料",
+			heightTimer: null,
+			count_shuliao: 0,
+			count_meihao: 0,
+			count_elec: 0,
+			blockTableHeight: 0,
+			linearGradientColors: [
+				new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+					{
+						offset: 0,
+						color: "rgb(128, 255, 165)",
+					},
+					{
+						offset: 1,
+						color: "rgb(1, 191, 236)",
+					},
+				]),
+
+				new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+					{
+						offset: 0,
+						color: "rgb(0, 221, 255)",
+					},
+					{
+						offset: 1,
+						color: "rgb(77, 119, 255)",
+					},
+				]),
+				new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+					{
+						offset: 0,
+						color: "rgb(55, 162, 255)",
+					},
+					{
+						offset: 1,
+						color: "rgb(116, 21, 219)",
+					},
+				]),
+				new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+					{
+						offset: 0,
+						color: "rgb(255, 0, 135)",
+					},
+					{
+						offset: 1,
+						color: "rgb(135, 0, 157)",
+					},
+				]),
+				new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+					{
+						offset: 0,
+						color: "rgb(255, 191, 0)",
+					},
+					{
+						offset: 1,
+						color: "rgb(224, 62, 76)",
+					},
+				]),
+			],
+			sectionNames: {
+				石灰石破碎筛分生产系统: "石灰石破碎",
+				原料磨: "原料磨",
+				回转窑: "回转窑",
+				煤磨: "煤磨",
+				余热发电: "余热发电",
+			},
+			hotData: {
+				total_production: "",
+				production_elec_unit: "",
+				elec_consume: "",
+				NOx: "",
+				SO2: "",
+				klw: "",
+			},
+			options: {
+				title: {
+					text: '总计',
+				},
+				grid: {
+					top: '5%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				series: [{
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					itemStyle: {
+						borderRadius: 5
+					},
+					data: [
+						{value: 860, name: '合格'},
+						{value: 10, name: '不合格'},
+					]
+				}]
+			},
+			option1: {
+				title: {
+					text: '尺寸白班',
+				},
+				grid: {
+					top: '5%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				series: [{
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					itemStyle: {
+						borderRadius: 5
+					},
+					data: [
+						{value: 860, name: '合格'},
+						{value: 10, name: '不合格'},
+					]
+				}]
+			},
+			option2: {
+				title: {
+					text: '尺寸夜班',
+				},
+				grid: {
+					top: '5%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				series: [{
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					itemStyle: {
+						borderRadius: 5
+					},
+					data: [
+						{value: 860, name: '合格'},
+						{value: 10, name: '不合格'},
+					]
+				}]
+			},
+			option3: {
+				title: {
+					text: '外观白班',
+				},
+				grid: {
+					top: '5%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				series: [{
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					itemStyle: {
+						borderRadius: 5
+					},
+					data: [
+						{value: 860, name: '合格'},
+						{value: 10, name: '不合格'},
+					]
+				}]
+			},
+			option4: {
+				title: {
+					text: '外观夜班',
+				},
+				grid: {
+					top: '5%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				series: [{
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					itemStyle: {
+						borderRadius: 5
+					},
+					data: [
+						{value: 860, name: '合格'},
+						{value: 10, name: '不合格'},
+					]
+				}]
+			},
+			option_eq: {
+				grid: {
+					top: '1%'
+				},
+				tooltip: {
+					trigger: 'item',
+				},
+				legend: {
+					// type: 'scroll',
+					orient: 'vertical',
+					right: 10,
+					top: 20,
+					// data: ['运行', '待机', '停运', '故障', '掉线'],
+				},
+				series:{
+					type: 'pie',
+					radius: ['40%', '80%'],
+					center: ['45%', '55%'],
+					itemStyle: {
+						borderRadius: 10,
+						borderWidth: 2
+					},
+					label: {
+						show: false
+					},
+					labelLine: {
+						show: false
+					},
+					emphasis: {
+						label: {
+						show: true,
+						fontSize: 40,
+						fontWeight: 'bold'
+						}
+					},
+					data: [
+						{value: 0, name: '运行'},
+						{value: 0, name: '待机'},
+						{value: 0, name: '停运'},
+						{value: 0, name: '故障'},
+						{value: 0, name: '掉线'},
+					]
+				}
+			},
+			configData:{
+				header:['物料名称','物料批次','物料数量'],
+				headerBGC:'#0a3f44',
+				headerHeight:35,
+				align:'center',
+				data:[],
+				waitTime:1000,
+			},
+		};
+	},
+	mounted() {
+		let that = this;
+		// that.initFactory();
+		that.bigScreenName = that.$TOOL.data.get("BASE_INFO").base.bigScreen_name;
+		that.showTime();
+		that.addListener();
+		//一天的毫秒数
+		let nowDate = new Date();
+		let year = nowDate.getFullYear();
+		let month = nowDate.getMonth() + 1;
+		let day = nowDate.getDate();
+		let days = new Date(year, month, 0).getDate();
+		// month = month < 10 ? "0" + month : month;
+		that.currentYear = year;
+		that.currentMonth = month;
+		that.currentDay = day;
+		that.getEquipments();
+		that.getMaterials();
+		let arr =[1,3,5,7,9];
+		function asyncFunction(num) {
+		  return new Promise((resolve, reject) => {
+		    setTimeout(() => {
+		      resolve(num * 2);
+		    }, 1000);
+		  });
+		}
+		// let chartsDom = document.getElementById("pieCharts");
+		// let myCharts = echarts.init(chartsDom);
+		// myCharts.setOption(that.options);
+		// let chart1Dom = document.getElementById("pieChart1");
+		// let myChart1 = echarts.init(chart1Dom);
+		// myChart1.setOption(that.option1);
+		// let chart2Dom = document.getElementById("pieChart2");
+		// let myChart2 = echarts.init(chart2Dom);
+		// myChart2.setOption(that.option2);
+		// let chart3Dom = document.getElementById("pieChart3");
+		// let myChart3 = echarts.init(chart3Dom);
+		// myChart3.setOption(that.option3);
+		// let chart4Dom = document.getElementById("pieChart4");
+		// let myChart4 = echarts.init(chart4Dom);
+		// myChart4.setOption(that.option4);
+		// let eqchartDom = document.getElementById("eqPieChart");
+		// let eqChart = echarts.init(eqchartDom);
+		// eqChart.setOption(that.option_eq);
+		let promises = arr.map(async (num) => {
+		  let result = await asyncFunction(num);
+		  return result;
+		});
+		Promise.all(promises).then((results) => {
+		  console.log(results); 
+		});
+	},
+	methods: {
+		showTime() {
+			this.currentTime = this.$TOOL.dateFormat(new Date(), "hh:mm:ss");
+			this.currentWeek = this.$TOOL.dateFormat(new Date(), "week");
+			this.currentDay = this.$TOOL.dateFormat(
+				new Date(),
+				"yyyy年MM月dd日"
+			);
+		},
+		addListener() {
+			let that = this;
+			window.addEventListener("resize", function () {
+				if (this.resizeTimeout) {
+					clearTimeout(this.resizeTimeout);
+				}
+				// 设置一个新的 resizeTimeout，延迟调整样式
+				this.resizeTimeout = setTimeout(function () {
+					that.initDomStyle();
+				}, 300); // 延迟 300 毫秒，可以根据需要调整
+			});
+		},
+		initDomStyle() {
+			let that = this;
+			// 获取窗口的总高度
+			var windowHeight = window.innerHeight;
+			var windowWidth = window.innerWidth;
+			var container = document.getElementsByClassName("container")[0];
+			var model = document.getElementsByClassName("model")[0];
+			if (windowWidth > 960) {
+				container.style.overflow = "hidden";
+				// container.style.height = windowHeight + "px";
+				model.style.position = "absolute";
+				model.style.height = windowHeight - 3 + "px";
+				model.style.top = 0;
+			} else {
+				container.style.overflow = "auto";
+				var chartHeight = windowWidth * 0.6;
+				model.style.position = "relative";
+				model.style.height = chartHeight;
+			}
+			if (that.engine != null) {
+				that.engine.resize();
+			}
+		},
+		resizeChart(name) {
+			// 根据name resize chart
+			var myChart = echarts.getInstanceByDom(
+				document.getElementById(name)
+			);
+			if (myChart != undefined) {
+				myChart.resize();
+			}
+		},
+		//设备统计
+		getEquipments(){
+			let that = this;
+			that.$API.em.equipment.count_running_state.req().then((res) => {
+				that.option_eq.series.data[0] = res.count_running;
+				that.option_eq.series.data[1] =res.count_standby;
+				that.option_eq.series.data[2] =res.count_stop;
+				that.option_eq.series.data[3] =res.count_fail;
+				that.option_eq.series.data[4] =res.count_offline;
+				that.eqChartShow = true;
+			})
+		},
+		//库存统计列表(原料30库库存和成品10库库存)
+		getMaterials() {
+			let that = this;
+			that.$API.inm.warehouse.batch.req({ page: 0,material__type:30,count__gte:1}).then((res) => {
+				that.configData.data = [];
+				if(res.length>0){
+					res.forEach((item) => {
+					    let arr = [];
+						arr[0] = item.material_name;
+						arr[1] = item.batch;
+						arr[2] = item.count;
+						that.configData.data .push(arr);
+					})
+				}
+			})
+		},
+		initFactory() {
+			let that = this;
+			const canvas = document.getElementById("renderCanvas"); // Get the canvas element
+			const engine = new BABYLON.Engine(canvas, true); // Generate the BABYLON 3D engine
+			BABYLON.DefaultLoadingScreen.prototype.displayLoadingUI =
+				function () {};
+			BABYLON.DefaultLoadingScreen.prototype.hideLoadingUI = function () {
+				document.getElementById("loadingScreen").style.display = "none";
+			};
+
+			engine.displayLoadingUI();
+			const createScene = function () {
+				const scene = new BABYLON.Scene(engine);
+				scene.clearColor = BABYLON.Color3.Black(); //BABYLON.Color3(1, 0, 1);
+
+				// const ground = BABYLON.MeshBuilder.CreateGround("ground", {
+				// 	width: 50,
+				// 	height: 50,
+				// });
+				// const groundMaterial = new BABYLON_GRID.GridMaterial(
+				// 	"groundMaterial",
+				// 	scene
+				// );
+				// groundMaterial.majorUnitFrequency = 5;
+				// groundMaterial.minorUnitVisibility = 0.5;
+				// groundMaterial.gridRatio = 2;
+				// ground.material = groundMaterial;
+				// ground.position.y = -0.1;
+				// 加载背景图片
+				const backgroundImage = new BABYLON.Layer(
+					"",
+					"img/gx/gx_bj.jpg",
+					scene,
+					true
+				);
+				const camera = new BABYLON.ArcRotateCamera(
+					"camera",
+					that.initialAlpha,
+					that.initialBeta,
+					that.initialRadius,
+					new BABYLON.Vector3(0, 0, 1.2)
+				);
+				that.camera = camera;
+				that.initialTarget = camera.getTarget();
+				camera.upperBetaLimit = Math.PI / 2.3; //无法移动到地面以下
+				camera.attachControl(canvas, true);
+				camera.maxZ = 1000; // 调整适当的值
+				// 相机限制
+				camera.lowerRadiusLimit = 8;
+				camera.upperRadiusLimit = 20;
+
+				// 灯光
+				const light = new BABYLON.HemisphericLight(
+					"light",
+					new BABYLON.Vector3(1, 1, 0)
+				);
+				light.intensity = 1.8;
+
+				// 全屏GUI
+				const advancedTexture =
+					BABYLON_GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+						"myUI"
+					);
+				that.myui = advancedTexture;
+				// 创建一个高亮层
+				const highlightLayer = new BABYLON.HighlightLayer(
+					"highlightLayer",
+					scene
+				);
+				// 主控制区
+				var control_main = new BABYLON_GUI.StackPanel();
+				control_main.isVertical = false;
+				control_main.top = "40%";
+				control_main.left = "-15%";
+				advancedTexture.addControl(control_main);
+
+				var button_main = BABYLON_GUI.Button.CreateSimpleButton(
+					"button_main",
+					"主视角"
+				);
+				button_main.width = "80px";
+				button_main.height = "30px";
+				button_main.color = "white";
+				button_main.cornerRadius = 20;
+				button_main.background = "green";
+				control_main.addControl(button_main);
+				button_main.onPointerClickObservable.add(() => {
+					that.flyToMesh();
+				});
+
+				// 高亮显示mesh名
+				const mesh_rect = new BABYLON_GUI.Rectangle("mesh_rect");
+				mesh_rect.width = "100px";
+				mesh_rect.height = "25px";
+				mesh_rect.background = "orange";
+				mesh_rect.alpha = 0.6;
+				mesh_rect.isVisible = false;
+				advancedTexture.addControl(mesh_rect);
+
+				var mesh_name = new BABYLON_GUI.TextBlock("mesh_name");
+				mesh_name.text = "";
+				mesh_name.color = "white";
+				mesh_name.fontSize = "14px";
+				mesh_rect.addControl(mesh_name);
+				var remoteGlbUrl = config.HOST_URL + "/media/model/ly.glb";
+				BABYLON.SceneLoader.Append(
+					remoteGlbUrl,
+					"",
+					scene,
+					function (scene) {
+						// 判断字符串是否包含中文------   /[\u4E00-\u9FA5]+/g.test(str)
+						for (let key in that.sectionNames) {
+							const value = that.sectionNames[key];
+							const mesh = scene.getMeshByName(key);
+							if (mesh) {
+								// that.createImgLabel(value, mesh);
+								that.getMgroupChartData(value, mesh);
+
+								// // 创建一个工段数据展示panel
+								const info = {
+									name: value,
+									rows: [
+										{
+											label: "产品产量(t)",
+											field: "total_production",
+											value: 100,
+										},
+										{
+											label: "运转率(%)",
+											field: "run_rate",
+											value: 100,
+										},
+										{
+											label: "单位电耗(kwh)",
+											field: "elec_consume_unit",
+											value: 100,
+										},
+									],
+								};
+							}
+						}
+						engine.hideLoadingUI();
+					},
+					function (evt) {
+						var loadedPercent = 0;
+						if (evt.lengthComputable) {
+							loadedPercent = parseInt(
+								(evt.loaded * 100) / evt.total
+							);
+						} else {
+							var dlCount = evt.loaded / (1024 * 1024);
+							loadedPercent = Math.floor(dlCount * 100.0) / 100.0;
+						}
+						that.loadedPercent = loadedPercent;
+					}
+				);
+
+				// 自动旋转checkbox
+				var checkbox = new BABYLON_GUI.Checkbox();
+				checkbox.width = "20px";
+				checkbox.height = "20px";
+				checkbox.isChecked = false;
+				checkbox.marginLeft = "16px";
+				checkbox.color = "green";
+				checkbox.onIsCheckedChangedObservable.add(function (value) {
+					if (value) {
+						camera.useAutoRotationBehavior = true;
+					} else {
+						camera.useAutoRotationBehavior = false;
+					}
+				});
+				control_main.addControl(checkbox);
+
+				var header = new BABYLON_GUI.TextBlock();
+				header.text = "自动旋转";
+				header.width = "80px";
+				header.textHorizontalAlignment =
+					BABYLON_GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;
+				header.color = "white";
+				control_main.addControl(header);
+				// 工段数据checkbox
+				var checkbox1 = new BABYLON_GUI.Checkbox();
+				checkbox1.width = "20px";
+				checkbox1.height = "20px";
+				checkbox1.isChecked = true;
+				checkbox1.marginLeft = "16px";
+				checkbox1.color = "green";
+				checkbox1.onIsCheckedChangedObservable.add(function (value) {
+					if (value) {
+						for (let key in that.sectionNames) {
+							let name = that.sectionNames[key] + "_data_detail";
+							let dataView =
+								advancedTexture.getControlByName(name);
+							dataView.isVisible = true;
+						}
+					} else {
+						for (let key in that.sectionNames) {
+							let name = that.sectionNames[key] + "_data_detail";
+							let dataView =
+								advancedTexture.getControlByName(name);
+							dataView.isVisible = false;
+						}
+					}
+				});
+				control_main.addControl(checkbox1);
+				var header1 = new BABYLON_GUI.TextBlock();
+				header1.text = "工段数据";
+				header1.width = "80px";
+				header1.textHorizontalAlignment =
+					BABYLON_GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;
+				header1.color = "white";
+				control_main.addControl(header1);
+
+				// 添加抓取事件
+				canvas.addEventListener("mousemove", (event) => {
+					// 使用 scene.pick 检测鼠标拾取
+					const pickResult = scene.pick(
+						scene.pointerX,
+						scene.pointerY
+					);
+					if (that.currentLightMesh) {
+						mesh_rect.isVisible = false;
+						highlightLayer.removeAllMeshes();
+					}
+				});
+				return scene;
+			};
+
+			const scene = createScene(); //Call the createScene function
+			// scene.debugLayer.show();
+
+			// // Register a render loop to repeatedly render the scene
+			engine.runRenderLoop(function () {
+				scene.render();
+			});
+			this.engine = engine;
+			this.scene = scene;
+			// Watch for browser/canvas resize events
+			window.addEventListener("resize", function () {
+				engine.resize();
+			});
+		},
+		flyToMesh(mesh = undefined) {
+			// 不传mesh默认回到初始位置
+			let that = this;
+			const camera = that.camera;
+			if (mesh == undefined) {
+				if (
+					camera.alpha != that.initialAlpha ||
+					camera.beta != that.initialBeta ||
+					camera.radius != that.initialRadius
+				) {
+					let cameraPosition = new BABYLON.Vector3(
+						0 +
+							that.initialRadius *
+								Math.sin(that.initialBeta) *
+								Math.cos(that.initialAlpha),
+						0 + that.initialRadius * Math.cos(that.initialBeta),
+						0 +
+							that.initialRadius *
+								Math.sin(that.initialBeta) *
+								Math.sin(that.initialAlpha)
+					);
+					let position = that.initialTarget;
+					var ease = new BABYLON.CubicEase();
+					ease.setEasingMode(
+						BABYLON.EasingFunction.EASINGMODE_EASEINOUT
+					);
+					BABYLON.Animation.CreateAndStartAnimation(
+						"at5",
+						camera,
+						"position",
+						45,
+						200,
+						camera.position,
+						cameraPosition,
+						0,
+						ease
+					);
+					BABYLON.Animation.CreateAndStartAnimation(
+						"at51",
+						camera,
+						"target",
+						45,
+						200,
+						camera.target,
+						position,
+						0,
+						ease
+					);
+				}
+			} else if (camera.target != mesh.position) {
+				console.log("fly to");
+				// 计算新的相机位置
+				let position = mesh._parentNode._position;
+				if (mesh._parentNode.id == "__root__") {
+					position = mesh.position;
+				}
+				let cameraPosition = new BABYLON.Vector3(
+					mesh.position.x +
+						9 * Math.sin(camera.beta) * Math.cos(Math.PI),
+					mesh.position.y + 9 * Math.cos(camera.beta),
+					mesh.position.z +
+						9 * Math.sin(camera.beta) * Math.sin(Math.PI)
+				);
+				var ease = new BABYLON.CubicEase();
+				ease.setEasingMode(BABYLON.EasingFunction.EASINGMODE_EASEINOUT);
+				BABYLON.Animation.CreateAndStartAnimation(
+					"at5",
+					camera,
+					"position",
+					45,
+					200,
+					camera.position,
+					cameraPosition,
+					0,
+					ease
+				);
+				BABYLON.Animation.CreateAndStartAnimation(
+					"at51",
+					camera,
+					"target",
+					45,
+					200,
+					camera.target,
+					position,
+					0,
+					ease
+				);
+			}
+		},
+		createImgLabel(value, mesh) {
+			let that = this;
+			let imgUrl = "";
+			if (value == "石灰石破碎") {
+				imgUrl = "img/ly/ps.png";
+			} else if (value == "原料磨") {
+				imgUrl = "img/ly/ylm.png";
+			} else if (value == "煤磨") {
+				imgUrl = "img/ly/mm.png";
+			} else if (value == "回转窑") {
+				imgUrl = "img/ly/hzy.png";
+			} else if (value == "余热发电") {
+				imgUrl = "img/ly/yrfd.png";
+			}
+			var image = new BABYLON_GUI.Image(value + "_img", imgUrl);
+			image.width = "40px";
+			image.height = "40px";
+			image.linkOffsetY = -30;
+			that.myui.addControl(image);
+			image.linkWithMesh(mesh);
+			image.onPointerDownObservable.add(() => {
+				that.flyToMesh(mesh);
+			});
+		},
+		getMgroupChartData(value, mesh) {
+			//value:工段名称,mesh:模块
+			let that = this;
+			//根据名称获取工段数据
+			let query = {
+				mgroup__name: value,
+				type: "month_s",
+				year_s: that.currentYear,
+				month_s: that.currentMonth,
+				page: 0,
+				query: "{total_production,run_rate,elec_consume_unit,production_elec_unit}",
+			};
+			that.$API.enm.enstat.req(query).then((res) => {
+				let info = {
+					name: value,
+					rows: [],
+				};
+				if (value == "余热发电") {
+					info.rows = [
+						{
+							label: "发电量(kwh)",
+							field: "total_production",
+							value: res[0].total_production,
+						},
+						{
+							label: "运转率(%)",
+							field: "run_rate",
+							value: res[0].run_rate,
+						},
+						{
+							label: "发电量(kwh/t)",
+							field: "production_elec_unit",
+							value: res[0].production_elec_unit
+								? res[0].production_elec_unit
+								: "0.00",
+						},
+					];
+				} else {
+					info.rows = [
+						{
+							label: "产品产量(t)",
+							field: "total_production",
+							value: res[0].total_production,
+						},
+						{
+							label: "运转率(%)",
+							field: "run_rate",
+							value: res[0].run_rate,
+						},
+						{
+							label: "单位电耗(kwh)",
+							field: "elec_consume_unit",
+							value: res[0].elec_consume_unit,
+						},
+					];
+				}
+
+				that.createDetailPanel(info, mesh);
+			});
+		},
+		// 创建3D数据展示层GUI
+		createDetailPanel(info, mesh) {
+			let that = this;
+			const data_view = new BABYLON_GUI.StackPanel(
+				info.name + "_data_detail"
+			);
+			data_view.width = "240px"; // StackPanel的宽度
+			// data_view.height = "140px";
+			data_view.padding = "20px";
+			data_view.boxShow = "10px";
+			data_view.shadowBlur = 20; // 阴影模糊度
+			data_view.shadowOffsetX = 0; // 阴影水平偏移
+			data_view.shadowOffsetY = 5; // 阴影垂直偏移v
+			data_view.background = "rgba(0, 34, 51, 0.6)"; //暗色
+
+			const mgroup_line = new BABYLON_GUI.Rectangle(info.name + "_line");
+			mgroup_line.height = "3px";
+			mgroup_line.width = "240px";
+			mgroup_line.thickness = 0;
+			mgroup_line.shadowBlur = 15; // 阴影模糊度
+			mgroup_line.shadowOffsetX = 0; // 阴影水平偏移
+			mgroup_line.shadowOffsetY = 0; // 阴影垂直偏移v
+			mgroup_line.shadowColor = "rgba(44, 237, 255, 0.8)";
+			mgroup_line.background = "rgba(44, 237, 255, 0.8)";
+			data_view.addControl(mgroup_line);
+
+			const titleImg = new BABYLON_GUI.Image();
+
+			const header = new BABYLON_GUI.StackPanel(info.name + "_header");
+			header.width = "200px";
+			header.height = "60px";
+			// header.background = "rgba(0, 34, 51, 0.6)";
+			header.isVertical = false;
+
+			const mgroupName = new BABYLON_GUI.TextBlock(info.name + "_label");
+			mgroupName.height = "30px";
+			mgroupName.width = "175px";
+			mgroupName.color = "white";
+			mgroupName.text = info.name;
+			mgroupName.textHorizontalAlignment = 0;
+			mgroupName.paddingLeft = "8px";
+			header.addControl(mgroupName);
+
+			const mgroup_close = BABYLON_GUI.Button.CreateSimpleButton(
+				info.name + "_close",
+				"X"
+			);
+			mgroup_close.width = "25px";
+			mgroup_close.height = "25px";
+			mgroup_close.color = "rgba(255,165,0,0.7)";
+			mgroup_close.cornerRadius = 16;
+			mgroup_close.fontSize = "12px";
+			mgroup_close.thickness = 0;
+			// mgroup_close.background = "white";
+			mgroup_close.onPointerClickObservable.add(() => {
+				data_view.isVisible = false;
+			});
+			header.addControl(mgroup_close);
+			data_view.addControl(header);
+
+			info.rows.forEach((item, index) => {
+				const row = new BABYLON_GUI.StackPanel(
+					info.name + `_${item.field}` + "_row"
+				);
+				row.width = "200px";
+				row.height = "30px";
+				row.isVertical = false;
+
+				const field = new BABYLON_GUI.TextBlock(
+					info.name + `_${item.field}` + "_label"
+				);
+				field.width = "120px";
+				field.height = "30px";
+				field.color = "rgba(255,255,255, 0.7)";
+				field.fontSize = 14;
+				field.text = item.label;
+				field.textHorizontalAlignment = 0;
+				field.paddingLeft = "8px";
+				row.addControl(field);
+
+				const valx = new BABYLON_GUI.TextBlock(
+					info.name + `_${item.field}` + "_value"
+				);
+				valx.width = "80px";
+				valx.height = "30px";
+				valx.color = "white";
+				valx.fontSize = 14;
+				valx.text = item.value;
+				valx.textHorizontalAlignment =
+					BABYLON_GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT;
+				valx.paddingRight = "8px";
+				row.addControl(valx);
+				data_view.addControl(row);
+			});
+			data_view.isVisible = true;
+			// 将StackPanel添加到GUI系统中
+			that.myui.addControl(data_view);
+			data_view.linkWithMesh(mesh);
+			data_view.linkOffsetY = -120;
+		},
+		deepCopy(obj) {
+			return JSON.parse(JSON.stringify(obj));
+		},
+	},
+	beforeUnmount() {
+		let that = this;
+		this.scene = null;
+		clearInterval(that.timerTime);
+		clearInterval(that.timerData);
+		that.timerTime = null;
+		that.timerData = null;
+	},
+	beforeDestoryed() {
+		let that = this;
+		this.scene = null;
+		clearInterval(that.timerTime);
+		clearInterval(that.timerData);
+		that.timerTime = null;
+		that.timerData = null;
+	},
+};
+</script>
+<style scoped>
+@font-face {
+	font-family: "myfont";
+	/* 字体名称 */
+	src: url("../../utils/youShe.ttf");
+	/* 字体文件相对路径 */
+}
+
+.container {
+	background: url("/public/img/gx/gx_bj.jpg") no-repeat;
+	background-size: cover;
+	/* height: 888px;
+	width: 2136px; */
+	height: 1184px;
+	width: 2848px;
+	position: relative;
+}
+/* header-start */
+.pageHeader {
+	display: flex;
+	z-index: 100;
+	height: 74px;
+	line-height:74px;
+	color: #ffffff;
+	position: relative;
+	padding: 0 20px;
+	box-sizing: border-box;
+	justify-content: space-between;
+	border-bottom: 1px solid rgba(54, 217, 187, 0.3);
+}
+.header_left{
+	font-size: 40px;
+	font-family: "myfont";
+}
+.header_right{
+	font-size: 20px;
+}
+.header_light{
+	left: 0;
+	top:41px;
+	height: 77px;
+	position: absolute;
+}
+.header_line{
+	top:75px;
+	height: 1px;
+	position: absolute;
+	background: rgb(54,217,187);
+}
+.header_line1{
+	width: 10px;
+	right: 160px;
+}
+.header_line2{
+	width: 20px;
+	right: 80px;
+}
+/* header-end */
+
+/* 两边的模块 */
+.left_block,
+.left_block2,
+.right_block,
+right_block2 {
+	top:74px;
+	width:355px;
+	z-index: 10;
+	display: flex;
+	position:absolute;
+	overflow:hidden;
+	flex-direction: column;
+	padding: 0 20px 0 20px;
+	background: rgba(9, 31, 43, 0.5);
+}
+.left_block {
+	left: 0;
+}
+.right_block {
+	right: 0;
+	width:710px;
+}
+.left_block2{
+	left: 355px;
+}
+.flexItem {
+	height: 370px;
+}
+.itemTitle2 {
+	color: #fff;
+	height:60px;
+	padding-left: 1.5em;
+	font-size: 24px;
+	line-height: 58px;
+	background: url("/public/img/gx/title_bg.png") ;
+	background-size: 100% 100%;
+	display: flex;
+}
+.itemTitle{
+	color: #fff;
+	height:60px;
+	padding-left: 1.5em;
+	font-size: 24px;
+	line-height: 58px;
+	background-size: 100% 100%;
+	background-image: url("/public/img/gx/title_bg2.png");
+}
+.block1NumberWrap{
+	width:48%;
+	border: 1px solid rgba(54, 217, 187, 0.3);
+	padding: 3px;
+	text-align: center;
+}
+.block1Numberinner{
+	background: rgba(54, 217, 187, 0.3);
+	color: #fff;
+	height:85px;
+	line-height:85px;
+	position: relative;
+}
+.block1Text{
+	top: 0;
+	left: 10px;
+	height: 30px;
+	line-height: 30px;
+	position: absolute;
+}
+.block1Number{
+	font-size: 26px;
+	vertical-align: bottom;
+	margin: 0 0.5em;
+	color: orange;
+	font-weight: bold;
+}
+.itemBody {
+	width: 100%;
+	border-radius: 20px;
+	margin-top: 5px;
+}
+.itemBody1{
+	display: flex;
+	flex-direction: column;
+	justify-content:space-around;
+}
+.itemBody3{
+}
+.inmItemBody{
+	display: flex;
+}
+.inmBoxmain{
+	flex: 1;
+}
+.itemBody3>div{
+	display: flex;
+	justify-content: space-around;
+}
+#pieCharts,#pieChart1,#pieChart2,
+#pieChart3,#pieChart4{
+    width: 11vh;
+	height: 13vh;
+}
+.bodyList {
+	width: 200px;
+	height: 100%;
+	color: #ffffff;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+}
+.bodyListItem {
+	font-size: 1vh;
+	border: 1px solid #02f5f2;
+	height: 16%;
+	border-radius: 15px;
+	text-align: center;
+}
+.bodyListItemBg {
+	background: rgba(2, 245, 242, 0.18);
+}
+.tableHeader {
+	color: #02f5f2;
+	font-size: 1.1vh;
+}
+.bodyListItem_name {
+	width: 60px;
+	padding: 0.5vh 0;
+}
+.bodyListItem_num {
+	width: 65px;
+}
+.itemBodyFlex {
+	display: flex;
+}
+
+.item_circle {
+	width: 33%;
+	text-align: center;
+}
+@keyframes rotate {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	25% {
+		transform: rotate(90deg);
+	}
+
+	50% {
+		transform: rotate(180deg);
+	}
+
+	75% {
+		transform: rotate(270deg);
+	}
+
+	100% {
+		transform: rotate(360deg);
+	}
+}
+
+.row-item {
+	height: 40px !important;
+	line-height: 40px !important;
+}
+
+#scrollTable > .hader {
+	background: rgb(10, 63, 68) !important;
+	background-color: #0a3f44 !important;
+}
+
+.model {
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+
+#renderCanvas {
+	width: 100%;
+	height: 100%;
+}
+
+#loadingScreen {
+	position: absolute;
+	width: 100%;
+	top: 260px;
+	color: white;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 30px;
+}
+
+.numberFont {
+	font-size: 22px;
+	font-weight: bold;
+}
+
+.numberUnit {
+	font-size: 12px;
+}
+
+#dashbordProcess .el-progress-circle {
+	height: 60px !important;
+	width: 60px !important;
+}
+
+.el-progress--circle .el-progress__text {
+	display: block;
+	margin-top: 1px;
+	color: #fff;
+	font-size: 20px !important;
+	font-weight: bold !important;
+}
+
+.inforBlock {
+	left: 60%;
+	top: 30%;
+	width: 420px;
+	height: 150px;
+	position: absolute;
+	font-weight: 500;
+	color: #fff;
+	padding: 20px;
+	font-size: 14px;
+	box-sizing: border-box;
+	background: linear-gradient(
+		to bottom left,
+		rgba(25, 154, 118, 0.5),
+		rgba(31, 44, 50, 0.5)
+	);
+}
+
+.inforBlock.clickBlock {
+	left: 50%;
+	width: 520px;
+	height: 225px;
+	padding: 40px;
+	font-size: 16px;
+	transform: translateX(-50%);
+}
+
+.inforBlock > .border_corner {
+	z-index: 2500;
+	position: absolute;
+	width: 10px;
+	height: 10px;
+	background: rgba(0, 0, 0, 0);
+	border: 2px solid rgba(54, 217, 187, 1);
+}
+
+.inforBlock > .border_left_top {
+	top: 0;
+	left: 0;
+	border-right: none;
+	border-bottom: none;
+}
+
+.inforBlock > .border_right_top {
+	top: 0;
+	right: 0;
+	border-left: none;
+	border-bottom: none;
+}
+
+.inforBlock > .border_left_bottom {
+	bottom: 0;
+	left: 0;
+	border-right: none;
+	border-top: none;
+}
+
+.inforBlock > .border_right_bottom {
+	bottom: 0;
+	right: 0;
+	border-left: none;
+	border-top: none;
+}
+
+.inforBlock > .title {
+	font-size: 20px;
+	font-weight: 600;
+	position: absolute;
+	top: -45px;
+	text-align: center;
+	width: 100%;
+	left: 0;
+}
+
+.inforBlock > .infoCantier {
+	display: flex;
+}
+
+.infoCantier > .leftBlock {
+	width: 100px;
+	display: flex;
+	flex-direction: column;
+	margin-right: 30px;
+}
+
+.infoCantier > .rightBlock {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.infoCantier > .rightBlock > .countWrap {
+	display: flex;
+	justify-content: space-between;
+	width: 280px;
+	margin-top: 10px;
+}
+
+.percentage-value {
+	display: block;
+	margin-top: 6px;
+	font-size: 1.5vh;
+	color: #02f5f2;
+	font-weight: bold;
+}
+.percentage-label {
+	color: #ffffff;
+	font-size: 1.2vh;
+}
+.circle_bottom_text {
+	color: #02f5f2;
+	font-size: 0.8vw;
+}
+
+.elecItem {
+	color: #ffffff;
+	font-size: 20px;
+	margin-top: 10px;
+	height: 30%;
+	width: 50%;
+	font-size: 1.2vh;
+	display: inline-block;
+}
+.elecItem_wrap {
+	display: flex;
+	flex-direction: column;
+	border-left: 5px solid rgba(53, 156, 193, 0.66);
+	padding-left: 10px;
+	border-radius: 5px;
+}
+.elec_number {
+	color: rgb(2, 245, 242);
+	font-weight: bold;
+	font-size: 1.4vh;
+	padding-top: 5px;
+}
+.elec_unit {
+	font-size: 0.9vh;
+	color: #ffffff;
+	font-weight: 500;
+}
+.successState {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+	background: #00ff00;
+}
+.warningState {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+	background: #0000ff;
+}
+/* // 表格——el-table 去除背景颜色*/
+#elTable {
+	/* border-radius: 5px; */
+	margin-top: 10px;
+}
+.successCircle {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+	background: #02f5f2;
+}
+.warningCircle {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+	background: rgb(255, 0, 135);
+}
+/deep/ .el-table,
+.el-table__body,
+/deep/ .el-table .el-table__body-wrapper {
+	background: transparent !important;
+}
+/deep/ .el-table .el-table__header-wrapper {
+	background: rgba(32, 93, 74, 0.83) !important;
+}
+/deep/ .el-table .el-table__body-wrapper {
+	background: rgba(46, 139, 155, 0.48) !important;
+}
+/deep/ .el-table th {
+	background-color: transparent !important;
+}
+/deep/ .el-table tr {
+	background-color: transparent !important;
+}
+/deep/ .el-table tr :hover {
+	background-color: transparent !important;
+}
+/deep/
+	.el-table--enable-row-hover
+	.el-table__body
+	tr:hover
+	> td.el-table__cell {
+	background-color: transparent !important;
+}
+/* //清除鼠标移入效果 */
+/deep/.el-table__body tr.hover-row > td {
+	background-color: transparent !important;
+}
+/* // 行底边线 */
+/deep/ .el-table .el-table__body-wrapper /deep/ .el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+	background: transparent !important;
+}
+/deep/ .el-table td.el-table__cell,
+/deep/ .el-table th.el-table__cell.is-leaf {
+	border-bottom: 1px solid rgb(25, 111, 115, 0.82) !important;
+}
+/* 改变radio选中时的样式 */
+/deep/ .el-radio.elRadio > .el-radio__label {
+	color: #ffffff;
+}
+/deep/ .el-radio__input.is-checked .el-radio__inner {
+	background: #13f1df;
+	border-color: #13f1df;
+}
+/deep/ .el-table__inner-wrapper:before {
+	background-color: rgba(0, 0, 0, 0) !important;
+}
+/* 改变radio选中时的样式 */
+</style>