From 7e647dd67a11c0849bbb29d975decc152e42dd8f Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Wed, 26 Jun 2024 17:28:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=87=8C=E6=BA=90=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E5=88=9D=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/ly/hzy.png                | Bin 0 -> 843 bytes
 public/img/ly/mm.png                 | Bin 0 -> 1842 bytes
 public/img/ly/shsps.png              | Bin 0 -> 958 bytes
 public/img/ly/ylm.png                | Bin 0 -> 1141 bytes
 public/img/ly/yrfd.png               | Bin 0 -> 2276 bytes
 src/App.vue                          |   4 +-
 src/views/bigScreen/index_enm_ly.vue | 822 ++++++++++++++-------------
 7 files changed, 435 insertions(+), 391 deletions(-)
 create mode 100644 public/img/ly/hzy.png
 create mode 100644 public/img/ly/mm.png
 create mode 100644 public/img/ly/shsps.png
 create mode 100644 public/img/ly/ylm.png
 create mode 100644 public/img/ly/yrfd.png

diff --git a/public/img/ly/hzy.png b/public/img/ly/hzy.png
new file mode 100644
index 0000000000000000000000000000000000000000..cac307b3d313c6e27f541c96a0e44015bdef43d0
GIT binary patch
literal 843
zcmV-R1GM~!P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px&1xZ9fRCr$PT0LkKK^T2+b4PM(tTY5H#M=`RVig4;1PdD*wTl)Zor0iX5hP+M
zh@uk3CXGLhs1RdsB%p|jVo<O!F_=3mQ51#9&2GqLKiShr&X~BvHM=*n<?<f9_xAf{
zcV|Ar@Qa4~hYi41fZ++)7BIX3>>_Aez_!3Y67YiZUVuj+*q`Qr2wn?C6di=DgyXZV
zt@r=-v!VsIE~uWc!U;g!G@A!_9gsuIJ&537$#w58zgH7Lmq_dUy#H7P-RU-urvh{m
z*ihp`<eSr!+4a7;`R&sEngG0V`79isO1XIeybVbIDn4!%bMC;30P;c5K?$c*Z=M*0
z;L=(?LM-n7kX!#K!u+X#f>J|5oKJlKf)Nl$*YqJWQgqiHs|mpK)e``{=?*|1K-dkU
z?LPs0$(B{&U0d6aY6WbWo9lG4nW=P}kJQUKAl@3b)CSc6^1eSn$j#ITAm{@z7RQGO
zPLy1C_*Vddx<bM6IK(7lLNM<@N-;IwDdyb%-xZ*q5$K6YOe(A-f|DdhV+x!p=G+eM
zn4HXh-`1r7WMUGN2@{Ng=+hC$%3?bUO7#j6y#Z2vkr)!e1uYYy?4zgDAc$ctVgkX@
zs_vlap_a5zPO}iGi_waxMNA-gF_i614qs_WBQCSxm#+$VSc{lIaD`4GBjK!;G>13n
z1!@$616srcg69`18=JG4uUgWGd-MW-93p$PhzSH2TXI=1@E5eCkrVWM^#Z_7En>pJ
z0+i{5JqVpQn$liI6)+8v4ozaB;3D`)N6tVvq9u%+i7Ma|fOain!oUKVBKR7>YMUUd
zDgGQ)fDe(Dgn81EBZB87HUZeIMI-|ofNcT02-?@6;U7Y#e+nD_Gi3blu-y<beM`*v
zP0{GvIqw_1EnW@49*h`%G-mwaXw(Lcb3Bf2kb1}CQ2@pdNEkmNQ*8s2hoqtaj31MW
zLNIzza%o4^=uug%ZRG|4+j02@c!+gbuoX~Od<{Uh70>_=u`Ua?0_uvd0m#Nzz)zpb
Vw}L?~_0<3X002ovPDHLkV1kvmcIf~B

literal 0
HcmV?d00001

diff --git a/public/img/ly/mm.png b/public/img/ly/mm.png
new file mode 100644
index 0000000000000000000000000000000000000000..fba5047a28cc597f71b84692bbbd2b603df62271
GIT binary patch
literal 1842
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

literal 0
HcmV?d00001

diff --git a/public/img/ly/shsps.png b/public/img/ly/shsps.png
new file mode 100644
index 0000000000000000000000000000000000000000..384738a3a20de25e0033e67f50aa810a18dceed7
GIT binary patch
literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px&cu7P-RCr$Pn=xopK^VusyB3poQLu}HbVy$Uf-Z^<y0uerk+#rLtg9ec7u~Fz
zBD4i@HiBEBEpATj=pf>vQ}P;69J*A{+)Je1Cod8xF?o0Iy?ZbB>Sev}zWeTX-}k?}
z<U&C5aee<G0lbR<XJxh~wG)7E2;{lvI8VajB4LeX|Hm|iu^p2p7Bv<Dzh|1xsoi1y
zLIJp~)(TMaDC(d_*$aH^l}alXzz_m91H#hPmVng&D}w*`E>LN;=8%#tqqen(!4QG-
zjZ$el);3r^I5<s<h4%nZi8!t)<_*#ATxm{Be2)bn=v3+Oc@(f|%8a7KK`1OV3M@2(
zL(c)d!E(7BN=|^ixhVk%j9tz*fxvu}6&RT<!j{L_g39>H0IKbFMWA?_13hR^LTBs6
zVnZu{yy$^S-5&*`oB_Ge1I4;e1i)B5h*0;50T`$Uk?KA%0Mqm!YTauA&@BZMZi_MM
zUK@as>p{%A*9u^SdJwzrwE`HG9we!I?Eo^@gM@XT3V_V?KttW91|S1H&{FrQ0Z3a9
zbk%*T08-Nfjdh<ofM9?r&KC*d1(hqQ%mxYhw8z+n%q~uQ<lA7JK}_yr0hqixS;S^D
zKo{liZwQ6LbwE7V?^94(YdTI-*H}9JXvu)?OA<1+1_&1i1=oG9g7C~^Y+YyYI(%sX
z;PTcBAmmPHKm<N|MRrL?&^mo+0WjtB9Re^d3(RwvmhoicL}}L&kOh!J22?q}CJ<-;
zS<Nxnr(}G$UMPHyveLtBjm!YI&6fdTHEe=Z;N^O$^dTt(GXePg3jj<?CimKN*i9n<
zRQ#Vy2=t|77g+a-Y*{5>*XJm+Lx9~qht0_BWbIlqpzQl)N-#JF%ndmQyaRzx!(M6}
z?Uy?Mz2K{z&iO;}>r6j{u&1hnfaMl|EZtPwEr7gffa=Ps+PQ5W=*hh>djjHi!#P<~
z^_l89AZZZ&{e$OuK*<9HxH`}`fo*|gS;q}i%PycBK+j)r%k1|(PEYLXIt2#4jRuew
z*rR?efGjARJciAHELW$>`J|w*hzK_Z9+?Tep#nDQjD5{2u1qt)<$M(ggkOjd);z}U
zA5Q=ZC%j<dS$=hvZ3b8X@_W9`09yi91CFr>s=O>s=_QB}*WthaMjyWgfJ=h|A~gYr
gucCg1mgLOv2S&i2Pysx0)c^nh07*qoM6N<$g4|!RI{*Lx

literal 0
HcmV?d00001

diff --git a/public/img/ly/ylm.png b/public/img/ly/ylm.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e738d8dbc89ed8ecf5060b7cc01372214bbd1f2
GIT binary patch
literal 1141
zcmV-*1d98KP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(FG)l}RCr$Pn@flsRTPH*Qyoa%+arcRHc=r}-I8G33C0MD*<_&*7dipK7mg?h
zE>tiWLr~C&E_5MTL{xn2CUIdvMK=ZoHG(@M8SSo~;A<C@r0%VO={nM5MuwpFxwosU
zx|!<j{m=Q&`Rd%RM^_Wp`G?kd|EK}f6R^$+)LTG00PUrv>+*d0aR%*>##Esr@Yx{P
z@Oo$C#vdg9;t7bY`3Ar)Nzw_>oKBR!Nm7R#KxV%O^G-?9$~8o1l2BbQsY4FH+J^vs
zOOmvD4b3G=y)CIj3}BF~Wzr9sXrCl;RT^SG+11TErT$I;+Q#h8313N*SD_0SH+QuD
zTI%ftV30J<%*$XrEj1`rM|dR(^#K=8X8<b@tT_u{yNgi?+J!`E=To#7fXJ9xBFvZ2
zl-Pn9`+Hg+7YAGtdI7k!73RU1bu}D|o^U(~^?sk+-T>OhT%8ks_AxCwCSY9C(fSvk
zyxstO%qB6W1~7?7rOcW}o`7xk!fj<1e7V=6y5iI*{v!d1vTQqXKDZ{R?86l7=!M~e
zZvi6#h;4cVpl5u|i;3fx64gBDn`<NhEo**dV5_fr5pe|k)>Zl{-(21R;`8UPgbM%g
zH7+#HW}A}DoB#C5=?x&Vc8<Vr`j{3S!=Q(IN_jo2@CFcD`vt(a6y1zpKKe3I>Q<lF
z5dawWF&tM+qO?~pUO{o1-j0Ai8do!3d2_xaX*NH0jr9T$+4LO(J>Y6KPCbL)?WyL2
zt{z?hVmn#mzuL6VHgE<I8FM2MPP>vWL(hy|J*~fW@p1;xvi1cAKkH&rmX<&-c9lBh
z;^zz?&TI$FEf<s0v_#z`RBabOCji%GS={Hm>tay0wn0Jbr!Y*UzD@vQW1axvRcZ1{
zbc`nxtzVORI{}ES`J8}C@BfE2#=xnb(tC#KR@cP<ChF#ASa%LLM`8exwf7PDy<y&y
zu+E_SdrG}8sYMJRHs%BfcS({~u3>zTXnnV&4l#gf*#D~yyL=DG0bIPemo@}Pz_>v|
zwlWRjJ6_HY_GV^2lhhyvAW1fj8Ycj4zOZFE!$iL(!{N-rIilaC2SW@XGUh1)9{|x7
zY4WOc40@xd)T0uAIe;m+2wK~)^wzirAQ_W^W|~fegL>-;5I!Uw&lbq}`M%c2)_xne
zvh)#VI<_)#j_ZT7Prek)g6XJqVk@11AZYCTw|8}8YdVA14gYVQ0QFx#b*;urAXEw<
zM}N=dKU@EO6dON+v1#}^MT<%;u5EN}{KNww!bt{ynsffo8`}XIa{%rg6hCYopic<>
z`963BLIbpo5$pwUkEHqfORzo*)ThDXuLEL}9tF{3(mhzIZXEv?h|+W)HR$l<KM$ZY
z=;tSrX7f48K@eXENs>*YrUo#LN3F=3>j@~5<}~J7_Y?3J-_3_m+hC{o00000NkvXX
Hu0mjfs#Xl*

literal 0
HcmV?d00001

diff --git a/public/img/ly/yrfd.png b/public/img/ly/yrfd.png
new file mode 100644
index 0000000000000000000000000000000000000000..011edf3390bdb6251ce922c24b4a651c29fbb750
GIT binary patch
literal 2276
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

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 9fa4c6cf..2f29a496 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -298,8 +298,8 @@ export default {
 	color: #ffffff;
 }
 .elProgress > .el-progress-circle {
-	width: 5vw !important;
-	height: 5vw !important;
+	width: 9vh !important;
+	height: 9vh !important;
 }
 //排放系统
 </style>
diff --git a/src/views/bigScreen/index_enm_ly.vue b/src/views/bigScreen/index_enm_ly.vue
index aacbcc25..3730e0f6 100644
--- a/src/views/bigScreen/index_enm_ly.vue
+++ b/src/views/bigScreen/index_enm_ly.vue
@@ -101,168 +101,13 @@
 								<span class="percentage-value"
 									>{{ percentage }}%</span
 								>
-								<p class="percentage-label">运转率</p>
+								<p class="percentage-label">{{ item.name }}</p>
 							</template>
 						</el-progress>
-						<div class="circle_bottom_text">{{ item.name }}</div>
-					</div>
-					<!-- <div class="item_circle">
-						<el-progress
-							class="elProgress"
-							type="circle"
-							:stroke-width="15"
-							:percentage="35"
-							:color="colors"
-						>
-							<template #default="{ percentage }">
-								<span class="percentage-value"
-									>{{ percentage }}%</span
-								>
-								<p class="percentage-label">运转率</p>
-							</template>
-						</el-progress>
-						<div class="circle_bottom_text">设备</div>
-					</div>
-					<div class="item_circle">
-						<el-progress
-							class="elProgress"
-							type="circle"
-							:stroke-width="15"
-							:percentage="55"
-							:color="colors"
-						>
-							<template #default="{ percentage }">
-								<span class="percentage-value"
-									>{{ percentage }}%</span
-								>
-								<p class="percentage-label">运转率</p>
-							</template>
-						</el-progress>
-						<div class="circle_bottom_text">设备</div>
-					</div>
-					<div class="item_circle">
-						<el-progress
-							class="elProgress"
-							type="circle"
-							:stroke-width="15"
-							:percentage="75"
-							:color="colors"
-						>
-							<template #default="{ percentage }">
-								<span class="percentage-value"
-									>{{ percentage }}%</span
-								>
-								<p class="percentage-label">运转率</p>
-							</template>
-						</el-progress>
-						<div class="circle_bottom_text">设备</div>
-					</div>
-					<div class="item_circle">
-						<el-progress
-							class="elProgress"
-							type="circle"
-							:stroke-width="15"
-							:percentage="85"
-							:color="colors"
-						>
-							<template #default="{ percentage }">
-								<span class="percentage-value"
-									>{{ percentage }}%</span
-								>
-								<p class="percentage-label">运转率</p>
-							</template>
-						</el-progress>
-						<div class="circle_bottom_text">设备</div>
-					</div> -->
-				</div>
-			</div>
-			<div class="flexItem">
-				<div class="itemTitle">
-					<div class="itemTitleIcon"></div>
-					<div>余热发电</div>
-				</div>
-				<div class="itemBody" style="padding: 5%">
-					<div class="elecItem">
-						<div>
-							当月发电量：<span class="elec_number">{{
-								hotData.total_production
-							}}</span>
-						</div>
-					</div>
-					<div class="elecItem">
-						<div>
-							吨熟料发电量：<span class="elec_number">{{
-								hotData.production_elec_unit
-							}}</span>
-						</div>
-					</div>
-					<div class="elecItem">
-						<div>
-							自用电量：<span class="elec_number">{{
-								hotData.elec_consume
-							}}</span>
-						</div>
+						<!-- <div class="circle_bottom_text">{{ item.name }}</div> -->
 					</div>
 				</div>
 			</div>
-		</div>
-		<div class="right_block">
-			<div class="flexItem">
-				<div class="itemTitle">
-					<div class="itemTitleIcon"></div>
-					<div>工序电耗</div>
-				</div>
-				<div class="itemBody itemBodyFlex">
-					<div id="radar" style="height: 100%"></div>
-					<div class="bodyList">
-						<div class="bodyListItem">
-							<span>石灰石破碎</span>
-							<p class="bodyListItem_num">
-								{{ radarSeriesData[0] }}
-							</p>
-						</div>
-						<div class="bodyListItem">
-							<span>原料磨</span>
-							<p class="bodyListItem_num">
-								{{ radarSeriesData[1] }}
-							</p>
-						</div>
-						<div class="bodyListItem">
-							<span>回转窑</span>
-							<p class="bodyListItem_num">
-								{{ radarSeriesData[2] }}
-							</p>
-						</div>
-						<div class="bodyListItem">
-							<span>余热发电</span>
-							<p class="bodyListItem_num">
-								{{ radarSeriesData[3] }}
-							</p>
-						</div>
-						<div class="bodyListItem">
-							<span>煤磨</span>
-							<p class="bodyListItem_num">
-								{{ radarSeriesData[4] }}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="flexItem">
-				<div class="itemTitle">
-					<div class="itemTitleIcon"></div>
-					<div>质量分析</div>
-					<el-radio-group v-model="deptName">
-						<el-radio label="入窑生料" class="elRadio"
-							>入窑生料</el-radio
-						>
-						<el-radio label="出磨熟料" class="elRadio"
-							>出磨熟料</el-radio
-						>
-					</el-radio-group>
-				</div>
-				<div class="itemBody" id="line3"></div>
-			</div>
 			<div class="flexItem">
 				<div class="itemTitle">
 					<div class="itemTitleIcon"></div>
@@ -293,34 +138,157 @@
 						></el-table-column>
 						<el-table-column label="状态" width="50">
 							<template #default="scope">
-								<el-tag
-									style="
-										width: 15px;
-										height: 15px;
-										padding: 0;
-									"
+								<div
 									v-if="scope.row.gather_state == 0"
-									type="success"
-									effect="dark"
-									round
-								></el-tag>
-								<el-tag
-									style="
-										width: 15px;
-										height: 15px;
-										padding: 0;
-									"
-									v-else
-									type="warning"
-									effect="dark"
-									round
-								></el-tag>
+									class="successCircle"
+								></div>
+								<div v-else class="warningCircle"></div>
 							</template>
 						</el-table-column>
 					</el-table>
 				</div>
 			</div>
 		</div>
+		<div class="right_block">
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div class="itemTitleIcon"></div>
+					<div>工序电耗</div>
+				</div>
+				<div class="itemBody itemBodyFlex">
+					<div id="radar" style="height: 100%"></div>
+					<div class="bodyList">
+						<table>
+							<tbody>
+								<tr class="bodyListItem tableHeader">
+									<th class="bodyListItem_name">工序</th>
+									<th>
+										电耗<span
+											style="
+												color: #fff;
+												font-weight: 500;
+												font-size: 12px;
+											"
+											>kwh/t</span
+										>
+									</th>
+								</tr>
+								<tr class="bodyListItem bodyListItemBg">
+									<td class="bodyListItem_name">
+										石灰石破碎
+									</td>
+									<td class="bodyListItem_num">
+										{{ radarSeriesData[0] }}
+									</td>
+								</tr>
+								<tr class="bodyListItem">
+									<td class="bodyListItem_name">原料磨</td>
+									<td class="bodyListItem_num">
+										{{ radarSeriesData[1] }}
+									</td>
+								</tr>
+								<tr class="bodyListItem bodyListItemBg">
+									<td class="bodyListItem_name">回转窑</td>
+									<td class="bodyListItem_num">
+										{{ radarSeriesData[2] }}
+									</td>
+								</tr>
+								<tr class="bodyListItem">
+									<td class="bodyListItem_name">余热发电</td>
+									<td class="bodyListItem_num">
+										{{ radarSeriesData[3] }}
+									</td>
+								</tr>
+								<tr class="bodyListItem bodyListItemBg">
+									<td class="bodyListItem_name">煤磨</td>
+									<td class="bodyListItem_num">
+										{{ radarSeriesData[4] }}
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<div class="itemTitleIcon"></div>
+					<div>质量分析</div>
+					<el-radio-group v-model="deptName">
+						<el-radio label="入窑生料" class="elRadio"
+							>入窑生料</el-radio
+						>
+						<el-radio label="出磨熟料" class="elRadio"
+							>出磨熟料</el-radio
+						>
+					</el-radio-group>
+				</div>
+				<div class="itemBody" id="line3"></div>
+			</div>
+			<div class="flexItem">
+				<div class="itemTitle">
+					<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>
@@ -439,13 +407,11 @@ export default {
 				]),
 			],
 			sectionNames: {
-				干渣库_primitive0: "电石渣",
-				原料磨及废气处理_primitive0: "原料磨",
-				窑: "回转窑",
-				煤粉制备_primitive1: "煤磨",
-				水泥磨房_primitive0: "水泥磨",
-				水泥储存及散装库_primitive2: "水泥包装",
-				// "停车场": "停车场"
+				石灰石破碎筛分生产系统_primitive1: "石灰石破碎",
+				原料磨_primitive3: "原料磨",
+				回转窑: "回转窑",
+				煤磨_primitive1: "煤磨",
+				余热发电_primitive2: "余热发电",
 			},
 			totalData: {
 				total_production: 0,
@@ -465,6 +431,7 @@ export default {
 				elec_consume: 0,
 			},
 			tableData: [],
+			tezhongData: [],
 			option: {
 				color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
 				tooltip: {
@@ -613,6 +580,7 @@ export default {
 		let that = this;
 		that.factoryName = that.$TOOL.data.get("BASE_INFO").base.base_name;
 		that.showTime();
+		that.addListener();
 		//一天的毫秒数
 		let nowDate = new Date();
 		let year = nowDate.getFullYear();
@@ -624,9 +592,16 @@ export default {
 		that.currentMonth = month;
 		that.currentDay = day;
 		let datelist = [];
+		let tezhongData = [];
+		function getRandomNumber(min, max) {
+			return Math.floor(Math.random() * (max - min + 1)) + min;
+		}
 		for (let i = 0; i < days; i++) {
 			datelist.push(i + 1);
+			let randomNumber = getRandomNumber(50, 100);
+			tezhongData.push(randomNumber);
 		}
+		that.tezhongData = tezhongData;
 		that.option.xAxis.data = datelist;
 		that.xAxisDate = datelist;
 		that.$nextTick(() => {
@@ -664,9 +639,6 @@ export default {
 					}
 				}
 			}, 5000);
-			that.timerData = setInterval(() => {
-				// that.getDeptDetail();
-			}, 60000);
 			that.initChart();
 		});
 	},
@@ -677,7 +649,7 @@ export default {
 			this.$API.mtm.mgroup.list
 				.req({ page: 0, search: "回转窑" })
 				.then((res) => {
-					console.log("回转窑", res);
+					// console.log("回转窑", res);
 					that.huihzuanyaoId = res[0].id;
 					let query = {};
 					query.page = 0;
@@ -714,6 +686,16 @@ export default {
 									color: that.linearGradientColors[0],
 								},
 							},
+							{
+								name: "特种熟料",
+								textStyle: {
+									color: "#fff",
+								},
+								borderRadius: 2,
+								itemStyle: {
+									color: that.linearGradientColors[1],
+								},
+							},
 						];
 						option1.series = [
 							{
@@ -734,6 +716,24 @@ export default {
 								},
 								data: seriesData,
 							},
+							{
+								name: "特种熟料",
+								type: "line",
+								stack: "Total",
+								smooth: true,
+								lineStyle: {
+									width: 0,
+								},
+								showSymbol: false,
+								areaStyle: {
+									opacity: 0.8,
+									color: that.linearGradientColors[1],
+								},
+								emphasis: {
+									focus: "series",
+								},
+								data: that.tezhongData,
+							},
 						];
 						myChart.setOption(option1);
 					});
@@ -752,26 +752,26 @@ export default {
 				let data = response;
 				data.forEach((item) => {
 					if (item.mgroup_name == "石灰石破碎") {
-						that.rateData[0].value = item.run_rate;
+						that.rateData[0].value = Number(item.run_rate);
 					} else if (item.mgroup_name == "原料磨") {
-						that.rateData[1].value = item.run_rate;
+						that.rateData[1].value = Number(item.run_rate);
 					} else if (item.mgroup_name == "煤磨") {
-						that.rateData[2].value = item.run_rate;
+						that.rateData[2].value = Number(item.run_rate);
 					} else if (item.mgroup_name == "回转窑") {
-						that.rateData[3].value = item.run_rate;
+						that.rateData[3].value = Number(item.run_rate);
 					} else if (item.mgroup_name == "余热发电") {
-						that.rateData[4].value = item.run_rate;
+						that.rateData[4].value = Number(item.run_rate);
 					}
 				});
 			});
 		},
-		//余热发电
+		//余热发电&环保数据
 		generation() {
 			let that = this;
 			this.$API.mtm.mgroup.list
 				.req({ page: 0, search: "余热发电" })
 				.then((res) => {
-					console.log("余热发电", res);
+					// console.log("余热发电", res);
 					that.yurefadianId = res[0].id;
 					let params = {};
 					params.page = 0;
@@ -783,6 +783,43 @@ export default {
 						that.hotData = res2[0];
 					});
 				});
+			//环保数据
+			this.$API.enm.mpoint.list
+				.req({
+					page: 0,
+					code: "K_TX_IP20_TX_MD500", //nox
+					query: " { id, name, code, last_data, gather_state }",
+				})
+				.then((res0) => {
+					console.log("环保数据", res0[0]);
+					that.hotData.NOx = res0[0].last_data.last_val
+						? res0[0].last_data.last_val
+						: 0.0;
+				});
+			this.$API.enm.mpoint.list
+				.req({
+					page: 0,
+					code: "K_TX_IP20_TX_MD508", //so2
+					query: "{ id, name, code, last_data, gather_state }",
+				})
+				.then((res1) => {
+					console.log("环保数据", res1[0]);
+					that.hotData.SO2 = res1[0].last_data.last_val
+						? res1[0].last_data.last_val
+						: 0.0;
+				});
+			this.$API.enm.mpoint.list
+				.req({
+					page: 0,
+					code: "K_TX_IP20_TX_MD504", //颗粒物
+					query: "{ id, name, code, last_data, gather_state }",
+				})
+				.then((res2) => {
+					console.log("环保数据", res2[0]);
+					that.hotData.klw = res2[0].last_data.last_val
+						? res2[0].last_data.last_val
+						: 0.0;
+				});
 		},
 		//工序电耗
 		proceElec() {
@@ -793,7 +830,7 @@ export default {
 				monnth: that.month,
 			};
 			that.$API.enm.enstat.req(params).then((res) => {
-				console.log("工序电耗", res.results);
+				// console.log("工序电耗", res.results);
 				let data = res.results;
 				let seriesData = [0, 0, 0, 0, 0];
 				data.forEach((item, index) => {
@@ -828,7 +865,7 @@ export default {
 				page: 0,
 			};
 			that.$API.enm.mpoint.list.req(params).then((res) => {
-				console.log("数据采集", res);
+				// console.log("数据采集", res);
 				that.tableData = res;
 				let success_num = 0;
 				let error_num = 0;
@@ -891,7 +928,20 @@ export default {
 				"yyyy年MM月dd日"
 			);
 		},
+		addListener() {
+			var 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;
@@ -909,9 +959,11 @@ export default {
 				model.style.height = windowHeight - 3 + "px";
 				model.style.top = 0;
 				left_block.style.position = "absolute";
-				left_block.style.width = "22%";
+				left_block.style.width = "25%";
+				// left_block.style.display = "none";
 				right_block.style.position = "absolute";
-				right_block.style.width = "22%";
+				right_block.style.width = "25%";
+				// right_block.style.display = "none";
 				var itemHeight = Math.round((windowHeight - 150) / 3);
 				var itemBodyHeight = itemHeight - 40;
 				var flexItems = document.getElementsByClassName("flexItem");
@@ -924,9 +976,9 @@ export default {
 					var itemBody = itemBodys[i];
 					itemBody.style.height = itemBodyHeight + "px";
 				}
-				elTable.style.height = itemBodyHeight - 10 + "px";
-				let pieWidth = Math.round(windowWidth / 100) * 22 - 270;
-				let radarWidth = Math.round(windowWidth / 100) * 22 - 100;
+				elTable.style.height = itemBodyHeight - 20 + "px";
+				let pieWidth = Math.round(windowWidth / 100) * 22 - 180;
+				let radarWidth = Math.round(windowWidth / 100) * 22 - 200;
 				pieChart.style.width = pieWidth + "px";
 				radarChart.style.width = radarWidth + "px";
 			} else {
@@ -935,12 +987,26 @@ export default {
 				model.style.position = "relative";
 				model.style.height = chartHeight;
 			}
-			if (this.engine != null) {
-				this.engine.resize();
+			if (that.engine != null) {
+				that.engine.resize();
+			}
+			that.resizeChart("line1");
+			that.resizeChart("pieChart");
+			that.resizeChart("radar");
+			that.resizeChart("line3");
+		},
+		resizeChart(name) {
+			// 根据name resize chart
+			var myChart = echarts.getInstanceByDom(
+				document.getElementById(name)
+			);
+			if (myChart != undefined) {
+				// console.log(name + ' :resize')
+				myChart.resize();
 			}
 		},
 		initFactory() {
-			var that = this;
+			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 =
@@ -956,8 +1022,8 @@ export default {
 				scene.clearColor = BABYLON.Color3.Black(); //BABYLON.Color3(1, 0, 1);
 
 				const ground = BABYLON.MeshBuilder.CreateGround("ground", {
-					width: 500,
-					height: 500,
+					width: 50,
+					height: 50,
 				});
 				const groundMaterial = new BABYLON_GRID.GridMaterial(
 					"groundMaterial",
@@ -991,15 +1057,15 @@ export default {
 				camera.attachControl(canvas, true);
 				camera.maxZ = 1000; // 调整适当的值
 				// 相机限制
-				camera.lowerRadiusLimit = 6;
-				camera.upperRadiusLimit = 50;
+				camera.lowerRadiusLimit = 10;
+				camera.upperRadiusLimit = 30;
 
 				// 灯光
 				const light = new BABYLON.HemisphericLight(
 					"light",
 					new BABYLON.Vector3(1, 1, 0)
 				);
-				light.intensity = 1.6;
+				light.intensity = 1.8;
 
 				// 全屏GUI
 				const advancedTexture =
@@ -1047,24 +1113,22 @@ export default {
 				mesh_name.color = "white";
 				mesh_name.fontSize = "14px";
 				mesh_rect.addControl(mesh_name);
-				var remoteGlbUrl = config.HOST_URL + "/media/model/ly.glb";
+				var remoteGlbUrl = config.HOST_URL + "/media/model/ly6.glb";
 				// var remoteGlbUrl = process.env.VUE_APP_BASEURL + "/media/model/factory.glb";
 				BABYLON.SceneLoader.Append(
 					remoteGlbUrl,
 					"",
 					scene,
 					function (scene) {
-						// debugger;
-						// console.log(scene)
-						// console.table(scene.meshes)
 						// 判断字符串是否包含中文------   /[\u4E00-\u9FA5]+/g.test(str)
 						for (let key in that.sectionNames) {
 							const value = that.sectionNames[key];
 							const mesh = scene.getMeshByName(key);
 							if (mesh) {
-								//建筑标签
-								that.createLabelPanel(value, mesh);
-								// 创建一个工段数据展示panel
+								console.log(value);
+								console.log(mesh);
+								that.createImgLabel(value, mesh);
+								// // 创建一个工段数据展示panel
 								const info = {
 									name: value,
 									rows: [
@@ -1135,19 +1199,16 @@ export default {
 				checkbox1.marginLeft = "16px";
 				checkbox1.color = "green";
 				checkbox1.onIsCheckedChangedObservable.add(function (value) {
-					// debugger;
 					if (value) {
 						for (let key in that.sectionNames) {
-							let name = that.sectionNames[key] + "_data_view";
-							console.log(name);
+							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_view";
-							console.log(name);
+							let name = that.sectionNames[key] + "_data_detail";
 							let dataView =
 								advancedTexture.getControlByName(name);
 							dataView.isVisible = false;
@@ -1155,7 +1216,6 @@ export default {
 					}
 				});
 				control_main.addControl(checkbox1);
-
 				var header1 = new BABYLON_GUI.TextBlock();
 				header1.text = "工段数据";
 				header1.width = "80px";
@@ -1175,34 +1235,12 @@ export default {
 						mesh_rect.isVisible = false;
 						highlightLayer.removeAllMeshes();
 					}
-					if (pickResult.hit) {
-						const mesh = pickResult.pickedMesh;
-						highlightLayer.removeAllMeshes();
-						if (
-							/.*[\u4e00-\u9fa5]+.*$/.test(mesh.name) &&
-							mesh.name !== "地面1" &&
-							mesh.name !== "绿地" &&
-							mesh.name !== "停车场"
-						) {
-							// 在选中的 mesh 上添加高亮效果
-							highlightLayer.addMesh(
-								mesh,
-								new BABYLON.Color3(1, 1, 0.5)
-							);
-							that.currentLightMesh = mesh;
-							mesh_rect.linkWithMesh(mesh);
-							let name = mesh.name.split("_")[0];
-							mesh_name.text = name;
-							mesh_rect.isVisible = true;
-						}
-					}
 				});
-				// checkbox.isChecked = true; //默认开启自动旋转
 				return scene;
 			};
 
 			const scene = createScene(); //Call the createScene function
-			// // scene.debugLayer.show()
+			// scene.debugLayer.show();
 
 			// // Register a render loop to repeatedly render the scene
 			engine.runRenderLoop(function () {
@@ -1304,63 +1342,39 @@ export default {
 				);
 			}
 		},
-		createLabelPanel(value, mesh) {
+		createImgLabel(value, mesh) {
 			let that = this;
-			let advancedTexture = that.myui;
-			const rect1 = new BABYLON_GUI.Rectangle(value + "_rect");
-			rect1.width = "64px";
-			rect1.height = "30px";
-			rect1.cornerRadius = 1;
-			rect1.thickness = 0;
-			rect1.background = "rgba(0, 128, 0, 0.8)";
-			rect1.isPointerBlocker = true; // 防止点击穿透
-			advancedTexture.addControl(rect1);
-			var label = new BABYLON_GUI.TextBlock(value + "_label");
-			label.text = value;
-			label.color = "white";
-			label.fontSize = "14px";
-			rect1.addControl(label);
-			rect1.linkWithMesh(mesh);
-			rect1.linkOffsetY = -30;
-			if (value == "电石渣") {
-				rect1.linkOffsetY = -200;
-				var line = new BABYLON_GUI.Line();
-				line.lineWidth = 4;
-				line.color = "Orange";
-				line.y1 = 10;
-				line.y2 = 15;
-				line.linkOffsetY = -15;
-				line.dash = [3, 3];
-				advancedTexture.addControl(line);
-				line.linkWithMesh(mesh);
-				let connectedControl =
-					advancedTexture.getControlByName("电石渣_rect");
-				line.connectedControl = connectedControl;
+			let imgUrl = "";
+			if (value == "石灰石破碎") {
+				imgUrl = "img/ly/shsps.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";
 			}
-			rect1.onPointerDownObservable.add(() => {
-				const mesh = rect1.linkedMesh;
+			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);
-				// let dataViewName = rect1.name.split('_')[0] + '_data_view';
-				let dataViewName = rect1.name.split("_")[0];
-				that.activeSectionName = dataViewName;
-				that.activeSection = 2;
-				that.getMgroupChartData(dataViewName);
-				let dataView = that.myui.getControlByName(
-					dataViewName + "_data_view"
-				);
-				if (dataView) {
-					// // 在这里进行矩形的操作
-					dataView.isVisible = true;
-				}
 			});
 		},
+		getMgroupChartData(name) {
+			//name:工段名称
+			let that = this;
+		},
 		// 创建3D数据展示层GUI
 		createDetailPanel(info, mesh) {
-			// info格式{"name": "xxx",
-			//"rows": ["label": "xxx1", "field": "ccc", "value": 123, "type": "primary"]}
 			let that = this;
 			const data_view = new BABYLON_GUI.StackPanel(
-				info.name + "_data_view"
+				info.name + "_data_detail"
 			);
 			data_view.width = "240px"; // StackPanel的宽度
 			// data_view.height = "140px";
@@ -1382,7 +1396,7 @@ export default {
 			mgroup_line.background = "rgba(44, 237, 255, 0.8)";
 			data_view.addControl(mgroup_line);
 
-			const titleImg = new BABYLON_GUI.img();
+			const titleImg = new BABYLON_GUI.Image();
 
 			const header = new BABYLON_GUI.StackPanel(info.name + "_header");
 			header.width = "200px";
@@ -1405,7 +1419,7 @@ export default {
 			);
 			mgroup_close.width = "25px";
 			mgroup_close.height = "25px";
-			mgroup_close.color = "rgb(255,165,0,0.7)";
+			mgroup_close.color = "rgba(255,165,0,0.7)";
 			mgroup_close.cornerRadius = 16;
 			mgroup_close.fontSize = "12px";
 			mgroup_close.thickness = 0;
@@ -1450,21 +1464,17 @@ export default {
 				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;
-			if (info.name == "电石渣") {
-				data_view.linkOffsetY = -290;
-			}
-		},
-		getDeptDetail() {
-			let that = this;
 		},
+
 		deepCopy(obj) {
 			return JSON.parse(JSON.stringify(obj));
 		},
+		//质量分析模拟数据
 		initChart() {
 			let that = this;
 			function deepCopy(obj) {
@@ -1476,7 +1486,7 @@ export default {
 			let myChart5 = echarts.init(chartDom5);
 			option5.legend.data = [
 				{
-					name: "SM",
+					name: "KH",
 					textStyle: {
 						color: "#fff",
 					},
@@ -1485,10 +1495,30 @@ export default {
 						color: that.linearGradientColors[0],
 					},
 				},
+				{
+					name: "SM",
+					textStyle: {
+						color: "#fff",
+					},
+					borderRadius: 2,
+					itemStyle: {
+						color: that.linearGradientColors[1],
+					},
+				},
+				{
+					name: "IM",
+					textStyle: {
+						color: "#fff",
+					},
+					borderRadius: 2,
+					itemStyle: {
+						color: that.linearGradientColors[2],
+					},
+				},
 			];
 			option5.series = [
 				{
-					name: "SM",
+					name: "KH",
 					type: "line",
 					stack: "Total",
 					smooth: true,
@@ -1504,59 +1534,57 @@ export default {
 						focus: "series",
 					},
 					data: [
-						340, 250, 301, 264, 290, 340, 250, 232, 401, 264, 290,
-						240, 232, 201, 264, 390, 340, 250, 232, 301, 264, 390,
-						264, 290, 340, 250, 140, 232, 401, 250,
+						190, 200, 245, 265, 260, 255, 240, 220, 220, 264, 290,
+						240, 232, 251, 264, 320, 340, 250, 232, 240, 270, 280,
+						264, 290, 300, 250, 240, 232, 201, 250,
+					],
+				},
+				{
+					name: "SM",
+					type: "line",
+					stack: "Total",
+					smooth: true,
+					lineStyle: {
+						width: 0,
+					},
+					showSymbol: false,
+					areaStyle: {
+						opacity: 0.8,
+						color: that.linearGradientColors[1],
+					},
+					emphasis: {
+						focus: "series",
+					},
+					data: [
+						190, 200, 245, 265, 260, 255, 240, 220, 220, 264, 290,
+						240, 232, 251, 264, 320, 340, 250, 232, 240, 270, 280,
+						264, 290, 300, 250, 240, 232, 201, 250,
+					],
+				},
+				{
+					name: "IM",
+					type: "line",
+					stack: "Total",
+					smooth: true,
+					lineStyle: {
+						width: 0,
+					},
+					showSymbol: false,
+					areaStyle: {
+						opacity: 0.8,
+						color: that.linearGradientColors[2],
+					},
+					emphasis: {
+						focus: "series",
+					},
+					data: [
+						190, 200, 245, 265, 260, 255, 240, 220, 220, 264, 290,
+						240, 232, 251, 264, 320, 340, 250, 232, 240, 270, 280,
+						264, 290, 300, 250, 240, 232, 201, 250,
 					],
 				},
 			];
 			myChart5.setOption(option5);
-			//右3---数据采集---饼状图
-			let chartDom6 = document.getElementById("pieChart");
-			let myChart6 = echarts.init(chartDom6);
-			let option6 = {
-				color: that.linearGradientColors,
-				tooltip: {
-					trigger: "item",
-				},
-				legend: {
-					top: "2%",
-					left: "center",
-					textStyle: {
-						color: "#fff",
-					},
-				},
-				series: [
-					{
-						name: "运行状态",
-						type: "pie",
-						radius: ["40%", "70%"],
-						padAngle: 5,
-						itemStyle: {
-							borderRadius: 5,
-						},
-						label: {
-							show: true,
-							position: "inner",
-							fontSize: 16,
-							formatter: "{d}%",
-							color: "#fff",
-						},
-						labelLine: {
-							show: false,
-						},
-						data: [
-							{ value: 30, name: "运行" },
-							{ value: 70, name: "停机" },
-						],
-					},
-				],
-			};
-			myChart6.setOption(option6);
-		},
-		circleClose() {
-			this.clickVisible = false;
-			this.currentData.deptName = "";
 		},
 	},
 	beforeUnmount() {
@@ -1733,7 +1761,7 @@ export default {
 	margin-top: 5px;
 }
 .bodyList {
-	width: 150px;
+	width: 200px;
 	height: 100%;
 	color: #ffffff;
 	display: flex;
@@ -1744,14 +1772,22 @@ export default {
 	font-size: 1vh;
 	border: 1px solid #02f5f2;
 	height: 16%;
-	background: rgba(2, 245, 242, 0.18);
 	border-radius: 15px;
 	text-align: center;
 }
+.bodyListItemBg {
+	background: rgba(2, 245, 242, 0.18);
+}
+.tableHeader {
+	color: #02f5f2;
+	font-size: 1.1vh;
+}
+.bodyListItem_name {
+	width: 70px;
+	padding: 0.5vh 0;
+}
 .bodyListItem_num {
-	font-weight: bold;
-	font-size: 1.2vh;
-	/* color:#02f5f2; */
+	width: 80px;
 }
 .itemBodyFlex {
 	display: flex;
@@ -1759,7 +1795,7 @@ export default {
 .itemBodyCircle {
 	display: flex;
 	flex-wrap: wrap;
-	justify-content: space-around;
+	justify-content: center;
 	padding-top: 1vh;
 }
 .item_circle {
@@ -1940,25 +1976,16 @@ export default {
 	margin-top: 10px;
 }
 
-/* .clickBlock{
-        position:relative;
-    } */
-.circleClose {
-	position: absolute;
-	right: 10px;
-	top: 10px;
-	width: 30px;
-	height: 30px;
-}
-
 .percentage-value {
 	display: block;
 	margin-top: 6px;
-	font-size: 1vw;
+	font-size: 1.5vh;
 	color: #02f5f2;
+	font-weight: bold;
 }
 .percentage-label {
 	color: #ffffff;
+	font-size: 1.2vh;
 }
 .circle_bottom_text {
 	color: #02f5f2;
@@ -1970,26 +1997,27 @@ export default {
 	font-size: 20px;
 	margin-top: 10px;
 	height: 30%;
-	padding: 5%;
-	box-sizing: border-box;
-	background: linear-gradient(#99fffe, #99fffe) left -2px top 0,
-		linear-gradient(#99fffe, #99fffe) left -2px top -2px,
-		linear-gradient(#99fffe, #99fffe) right -2px top 0,
-		linear-gradient(#99fffe, #99fffe) right -2px top -2px,
-		linear-gradient(#99fffe, #99fffe) left -2px bottom 0,
-		linear-gradient(#99fffe, #99fffe) left -2px bottom -2px,
-		linear-gradient(#99fffe, #99fffe) right -2px bottom 0,
-		linear-gradient(#99fffe, #99fffe) right -2px bottom -2px;
-	background-color: rgba(0, 34, 51, 0.5);
-	background-repeat: no-repeat;
-	background-size: 3px 16px, 16px 3px;
-	border: 1px solid transparent;
-	display: grid;
-	place-items: center;
+	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;
@@ -2005,7 +2033,20 @@ export default {
 }
 /* // 表格——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: #ffa500;
 }
 /deep/ .el-table,
 .el-table__body,
@@ -2055,5 +2096,8 @@ export default {
 	background: #13f1df;
 	border-color: #13f1df;
 }
+/deep/ .el-table__inner-wrapper:before {
+	background-color: rgba(0, 0, 0, 0) !important;
+}
 /* 改变radio选中时的样式 */
 </style>