From 043098172f9016a13b4819deb9a2c952e820a832 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Sat, 3 Jan 2026 09:08:20 +0800
Subject: [PATCH 1/4] =?UTF-8?q?refactor(l2/track):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=B3=A8=E9=87=8A=E7=9A=84=E7=86=94=E7=82=89=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E6=8C=87=E6=A0=87=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

清理不再使用的熔炉温度、压力等指标代码注释，保持代码整洁
---
 src/views/l2/track/rect.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/views/l2/track/rect.vue b/src/views/l2/track/rect.vue
index b46b0f5..585a109 100644
--- a/src/views/l2/track/rect.vue
+++ b/src/views/l2/track/rect.vue
@@ -851,7 +851,22 @@ export default {
       return this.buildSectionMetrics('FURNACE', [
         'cleaningVoltage', 'cleaningCurrent', 'alkaliConcentration', 'alkaliTemperature',
         'phfExitStripTemp', 'rtfExitStripTemp', 'jcsExitStripTemp', 'scsExitStripTemp',
-        'potTemperature', 'zincPotPower', 'gasConsumption', 'coolingTowerStripTemp'
+        'potTemperature', 'zincPotPower', 'gasConsumption', 'coolingTowerStripTemp',
+        // 'LTH2FurnaceTemperatureActualValue', 'PHFurnacePressureActualValue',
+        // 'jcf1FurnaceTemperatureActual', 'jcfFan1ActualSpeed', 'jcfFan2ActualSpeed', 
+        // 'jcfFan3ActualSpeed', 'jcfFan4ActualSpeed', 'lbzFurnaceTemperatureActual',
+        // 'lthFurnaceTemperatureActual', 'nof1AirFlowActual', 'nof1FurnaceTemperatureActual', 'nof1GasFlowActual',
+        // 'nof1UtheisaKongCombustionRatioActualValue', 'nof2AirFlowActual', 'nof2FurnaceTemperatureActual', 'nof2GasFlowActual',
+        // 'nof2UtheisaKongCombustionRatioActualValue', 'nof3AirFlowActual', 'nof3FurnaceTemperatureActual', 'nof3GasFlowActual', 
+        // 'nof3UtheisaKongCombustionRatioActualValue', 'nof4AirFlowActual', 'nof4FurnaceTemperatureActual', 'nof4GasFlowActual',
+        // 'nof4UtheisaKongCombustionRatioActualValue', 'nofAirPressureActual', 'nofFurnacePressureActual', 'nofGasPressureActual',
+        // 'nofPlateTemperatureActual', 'phFurnaceTemperatureActual', 'rtf1AirFlowActual', 'rtf1FurnaceTemperatureActual',
+        // 'rtf1GasFlowActual', 'rtf2AirFlowActual', 'rtf2FurnaceTemperatureActual', 'rtf2GasFlowActual',
+        // 'rtf2UtheisaKongCombustionRatioActualValue', 'rtfAirPressureActual',
+        // 'rtfFurnacePressureActual', 'rtfGasPressureActual',
+        // 'rtfPlateTemperatureActual', 'sfAirFlowActual', 'sfFurnaceTemperatureActual',
+        // 'sfAirFlowActual', 'sfFurnaceTemperatureActual', 'sfUtheisaKongCombustionRatioActualValue',
+        // 'tdsFurnacePressureActual', 'tdsFurnaceTemperatureActual', 'tdsPlateTemperatureActual'
       ])
     },
     coatSectionMetrics() {

From 48001db94a04f6d05a10252b6190eb6a62d45ef5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Sat, 3 Jan 2026 09:46:47 +0800
Subject: [PATCH 2/4] =?UTF-8?q?style(components):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=B5=AE=E5=8A=A8=E9=9D=A2=E6=9D=BF=E7=9A=84z-index=E5=B9=B6?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4body.vue=E4=B8=AD=E5=A4=9A=E4=BD=99=E7=9A=84?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除body.vue中未使用的概览栏元素，同时调整FloatingPanel的z-index值以避免可能的层叠冲突
---
 src/components/FloatingPanel.vue        |  4 ++--
 src/views/l2/report/components/body.vue | 14 --------------
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/components/FloatingPanel.vue b/src/components/FloatingPanel.vue
index 731b6e6..0ee79a7 100644
--- a/src/components/FloatingPanel.vue
+++ b/src/components/FloatingPanel.vue
@@ -189,12 +189,12 @@ export default {
 <style scoped>
 .fp-root {
   position: fixed;
-  z-index: 9999;
+  z-index: 2000;
   background: #ffffff;
   border: 1px solid #dcdfe6;
   border-radius: 6px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-  overflow: hidden;
+  /* overflow: hidden; */
 }
 .fp-header {
   height: 36px;
diff --git a/src/views/l2/report/components/body.vue b/src/views/l2/report/components/body.vue
index 738f7a4..116343b 100644
--- a/src/views/l2/report/components/body.vue
+++ b/src/views/l2/report/components/body.vue
@@ -5,20 +5,6 @@
       <el-button type="primary" @click="exportReport" icon="el-icon-download" size="small">Export Report</el-button>
       <!-- 导出报表 -->
     </div>
-    <div class="overview-bar">
-      <div class="overview-left">
-        <div class="overview-title">{{ title }}</div>
-        <div class="overview-meta">
-          <span>Report Type: {{ overviewInfo.reportLabel || '-' }}</span>
-          <!-- 报表类型 -->
-          <span>Time Range: {{ overviewInfo.rangeText || '-' }}</span>
-          <!-- 时间范围 -->
-        </div>
-      </div>
-      <div class="overview-actions">
-        <el-tag size="mini" effect="dark">{{ overviewInfo.reportLabel || '-' }}</el-tag>
-      </div>
-    </div>
     <h1 class="report-body-title">Overview Data</h1>
     <!-- 总览数据 -->
     <div class="summary-cards" v-if="summary.length > 0">

From a96c3ae8a32acfe50f8e725d04f7f7ed07e2e2b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Sat, 3 Jan 2026 11:16:36 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat(=E8=B7=9F=E8=B8=AA):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E7=82=89=E7=81=AB=E5=AE=9E=E6=97=B6=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor(登录): 调整登录页logo布局样式
fix(钢种管理): 为详情面板添加加载状态
style(发送历史): 调整表格列宽配置
---
 src/assets/logo/logo-grey.png                 | Bin 2992 -> 17478 bytes
 .../send/components/FurnaceHistoryPanel.vue   |  21 ++-
 src/views/l2/steelGrade/index.vue             |   6 +-
 src/views/l2/track/components/FurCurrent.vue  | 155 ++++++++++++++++++
 src/views/l2/track/rect.vue                   |  31 +++-
 src/views/login.vue                           |   9 +
 6 files changed, 207 insertions(+), 15 deletions(-)
 create mode 100644 src/views/l2/track/components/FurCurrent.vue

diff --git a/src/assets/logo/logo-grey.png b/src/assets/logo/logo-grey.png
index 819f3f76a85fa8f0c25a9f04237043db788fc3c6..9f3da933d5d4b7d03b81a5fbba2f5657c7d6a3b8 100644
GIT binary patch
literal 17478
zcmd^mhd-5X{P%4il~qENSyTu)_TI9i$R?3vXK#nBva4h7agfbHBr}vUj}fx7lfBn-
z9pB&cd;W;W>*aO7xUTziea8DUuFrMdZ?rU&$S%=ef*^?Ok+Qrt1mR=BFAIzq{3o(h
zkPSRYos{)mAc(OQ_lxJy=Ozh3atDv(WuADZu1)yF8qIqxZsxyKq<<vAAH`=L#rICA
z@lR#Nb=xXbNy(G)A9O!&Wl_QIU!Qu;FsgsYmP9F18g{$+>m$2AFRFUF1uMu*&^Bu?
zY-^u$jD8BTzsm8NNV(O>&PB;gI(b<U=C(g7W#ui5tzDM%>+#B1^lQrasDp(6Z159X
z^zh$K->05DsxkaW`RDo6&zkPiPUu;sf1AmkrdG(Q=gVr6Mm<-FP=B(fL#d}mF?f5|
zv+vs6EN3^S=y1Vy2Q+KkNUT+}wwfYLpxK}JTebLfJY->IGpkEIp+}UiNBXVKxr=P5
z(#qPILvUskV|yD0Mp7b9RZ3M%K9h7xfk~nv^_luTAUG0DfpWyqCcnRHvODyq_1oJ!
zGAZl~Yt-3yuTo{DxyS4gOtOl%Wir3sc{f~lwB<C9=2p5%u9P-AsK@cb6VZ%rQFKY9
znSmDRv*=B%uVs$bHV0+ywN#UwyYY!Db;eMoU%PAK=2KYy97A(nH6wI-6;F&g!rUO(
z-5@E`eQARLkG_MbUr~<%?`S?Dlry6taw9cx_GxXxZJKf=*ocWOEm}bsvXLza^;Ty|
zJ|*GW5>*~yJgLnNSKirrjE^B`U#mr3;?&~_T?NFITC0^VIr@!rdwlg^B($k+nCx$3
zmxYVZ%%8bELN>mEN*--~)N2)J8EcH^<!*JQXtyrR!e^mR-*Ct<@Ugav3Riah+fId#
zA!{#k;JmIl@`T}B;-rI&r~W3zk)HK$Oo;m!HIE_nl2Ul6Qo~rxFk`a59CA<Y)v=z&
z-QxR<v@FjI`vuh^`ZO4(hXSE`s_dB?j(ZtHVOGO1mNCQjHB%88nxN|NZ?GAIJlPZX
zSqyf;(?uGo5p3=GE#lN_ZRYccJkL{Df8afb^DfemA&btisSQEdYSt)TiF@|$ycjII
z=PNVh12Dhq<gD_jZ^HHu9gC>zcGT{#S5$FvLRX888Qz>8KhJb{$bC~yAcZ<^d6!|Y
z#z^_n?H0$p>3dk2`n`>PJtZEL9%VKQtM=ia`7nlali&V^h{lq$_8jssYK$j8x2%|b
z(lP<j@0_U6e6_M)GU1A4u%UmE@Kd2Rj4^yrIZ}{5{h{H*LH|#VZmzD;lu_vd4jnpx
zN@2Ox$-#zZ8OM{w+`1&1<=+|+PMOuse_IF~HV#AcfBw5%biAI*EN`KOQ$|*~)vTqg
z+g|9{iT)3~q1m3hX75?Kn<_~Ril@r=$%EkHmJgLj{9SwR2f+s}c>N*P>r>%9m3FO~
zX`-rY*VA|Sfm(!eC-1PsCD;y&R!$L`Qav_Q^C!{r7{#KT>tV7>%+=hunl26=G3~~M
z-#J6a|56K1W3|#kG|cPoMCy<6$;iW$mym+=jQq5@v~oL93Af^ugQK{MN}P4Lo}4e4
z$hy516~qo4N~?<5!`9%luz`)lLT2OR{x91)q7J!l6dUgg8N28D?usZC?Vswr(MpSU
zr)BP_c#`giCg=S|{A04k1-<7IY;CRGuu?PdjpwARc=gq@;gTepth7D6mU~V=V?q~y
z5-yL$tQ$WaKerEpKPmj}IvTg)cmCw#X=1!+;e0D5+%;89JyS4vnbG{Y0g3oa4(0Xp
zJ$bKA5v3nO4lK%YX~6NB9;_#396dhY^b1~*+`Wp{zuzkv^yHW4=?ojcOnv?N__bi`
zXIgd3TWv04J(31r)-zN}JD)$&?8d-U=MRzYqFfD=8;Ng#Y@2>XACH?P9@m*)=5#Ah
z8oMuK;_vCdLc;CF<4uOeVD~EaT%{8y@nVu-14E}%>322L{4mZ0QE<DDzda9Uwg!Dw
zjeTB7Wz|Qdry!`t5EPWf_|mbVoj(Z?vT)zWb(>pl^F@>0gE0?|NU^`awO_+v&sde)
zELL8-uEi1L5F!q2UafSpktiC+D5NwdBg_lMnJ6p86=Flz;Uvo|XO5a5%0yT11i^g;
zr?fM6uX68dpN1kpz}mxG!<YgKrLMH1-KWLof~|vJH0CwBwC)OHl&_)@`D<)WUct;{
zy@lzMk0;L4Hn;w%zBDdtZ0?BP*R7kWWV^tJgg5U2g6T~%g395~EWsG!7)SAl*?83D
zUah%e`F$ZH_uP}uFB_@7Rny>VRlw50JOLX9txAN5=5RfOm1Dhn#)!*rfavjE+khkE
z2KNm*8G2r;#ytO#3QEHjnO3;!{HRh6f*LC}%{L@d?>_yR5Rn<7sJiBT(~G_!iROXg
z4nA2vH_(KJZEPvy!9P#0{X2vRvm04ND>7}Ea1dcS?K|v&(v)l>5?2D(qxIZPMLD%8
z1qEy7YrDu2m<rd<dpy@RNg6Vg(i9WXX*DrsR)ic98;N7fx5@|+(COXv(T9eOTagw+
z$Bk=ls%a|x+^yPPlFS9m9XsTnk<4VC#m;S(N;bz${Qtaf>ObPVkdzS4;F&hfPz`wA
zDCG-+$3}0Zb5}jpByh9&zc@1BFrhtAvjA*2*cSVq-f=1I#5>5XeEGx9ttmi9a^MOM
zLH*t<9jgRW1zd(7N&e9n8F_q9T^$#wsyO`g)ZNtmYpuv&p&*tOgO$uA8VVU9NY@tm
zlH)yHT5%}~9$VPO*o5ykW}eJY_e<%x5Jr2eRfiD4?1YjyGy0I|&Ckt+S|l3NdJ4=I
zUBi4!;(UivhW?wL*ZzsZn_UhjlNoQW*WXyxA^_}fbVeCbPalTmKVc-X31ifs^S&Y-
ze*bgr&mO<Ow|ERqmf4DUyW7L}`a@TmSD}oh)X7&H8J+h>?9nLVn;-wye0DXl0&>%`
z9U<KZ$<jRzR4ijBtCLV-zkX5Mp;qmQSGd~XYZyOFw!`L08^_Aq4`Zk2+Qomf<A~uE
zbOrqOXa(zhKWWuuo^(e~<%yl>rNjKtA0ry^#xVraoVJ0YtGwOXUVHt~^)1`vW!B^S
zBk5j%E+4d1?0gzOIu^K|3>!=m!UD^gWO8?t^zw`6I+&VD9PqSXDuHL39M-G8T<sMX
zob|r><2xG=c@6UllY2OO7|JuKzFshK{^hwPtqgs6_SxULBI6iy5w8#g@YlX%tB6Hf
z$pPxz)m{k^qsh9$zuxWm09%u_U2X|Iy8El?|Kbb*V4{p7b1s(k&2pGB3D_fDctk+_
zwDhxUjr(*d-^kq3?OvP!jF}SM#J!xpxd<lHFXuk(T|Me*>rmwV_4*eYwwXQENi@L4
z=RS3N)>!AwTz-1IbEKJ0$F5AUhw?CfsP~kvV4EDvg?h;p$YYtB+RVT5Kr}Ml=k4+>
zB**<r1aAMjF;0Bhv@m4h+-;)CKI+^ese_T{hshC$JiHj|%YzR<`~(i8v_a4p{ZTvj
z>^(;)Cva6&lySn(Aqt7?=VUf|=E?431Q_h=IgwyTIEt;`MU(#v!N#+lhUnf;RaOSU
zd0UY=X&My0cYHH#ri_nUny&vCvCBmfi|aPJZyW7SONnLtn|X+H5fW=%Jh=5}*hq$-
zZz3~Ua8@?6mKd<}v-`cm^h0<~toShnV=t9>#Q9geuRvQmb?#NzLu@GyCM2*Bf|+1K
zlfKIJQVHHFwC}FM^^rL!wruH8u16!=I1Cr#1fv=1ZZ~fe#T1O{fi<3gYOt_S$POy6
zs0gV>c{n^6AwN^?Z*NqROI%QVu-9M8-nLE5V?FwE#MEg-4bQ2p!NsL+g;~oMhGo6*
z6J2Iuo4x-2D$Of;?shM{Nhm*c^>oi4VWoQ9&M=@%0#4Y`U%40lp8P=mM`L}DLKs9N
zAC}SW7SIR7(vK10!aKE3$9IxqohrvtsqF(NFA~~Y_=$RrR+UDd&wc9D_vr=(?!%qf
zXtA(xX=%(&sTGl0Eog_+lwZG8YB%S)*GcgKoPsP6mA54>Ek@?4*|sSwzhJoBHK=g?
zjr=e0Gi!Ldp{c7v9xA^>q#NJGALU+uSpz<OnY%M;3049}?%f|zi?`iBw_U(WB=blQ
zQa%I8k07|CRCor`*7Di-Coo@>$Vrx2wKbITFymhZ9U4WX`#=#B#ZU*GX;&~sr(f7A
zleRx@@nPD(eg}m3bukr?x#p}*Q=FXfOs#)0jl}%nr@e~wn=cYV*=nBgR=ImWO4P0K
zCdSz<mRtBc((?XZ)9y<~hI@`p8w$W~X5W5aPD(@8!m;%9VZu1Jr(vFoKloVR;$-rk
zT0lQ|Fyg=Am}C_BYmGdd9-mWn-V5nYFP)q{y6B=WMuRlHn8Kg<4^)-5my3Z5(63>f
zWbt?kek~4Xc-g)9=fPw4mINukazkx@X;>{{>6h1lh7XeW9&75eW?{19Nl~C3ybt+c
zp$s*T!iH#bgEkHRX!kL=>}_P=5FnAO#z|%-y<11SMT+GEEC@MoLThld_|Q3|ybDj{
zCq@G3xJ!qDvzlWdMQlPqjnh!#b>5a;P8#tQ7h|)*3ns2DGP#KmLucV#VcVow)_)$E
z-2m-1l;g{kO#Bd(jLH|(wW0X^g*|G0=m$K87??VO%Kq}9;2eCrT&1niG`p@%Z4-+9
zSXcDmV{XM06HRjiL$mqk@>m!O$yXYKw<{MD{nKw&9PJ4y8-MY=oxyu6hou}y%G?Lk
zh5y(xUYA~)z3UzZD-njU4@3d^#t@K1A(OW&P*IP>{Wur{1A`&WcqYf+kh^ca&t{(?
zhbTkQ3h|*QA)5#~hWL@KqeJD<mmMUjykgT^E(QS$n=^G&BKz)oQcU#<^KE6<;?Dni
z-z;}LsX8xrJ{T0bskwE&hx)qTZ8u)LG_w7E;H+7cn~?Uh=of#<*;C=fJL}h`G@Hu@
z`@WYIp&TYUZKG?V8y0ETWA7ULR-!DOku~kcgx8~^+{Xmh#}Sh;1p4CAM<<MUvFW4x
zjca=ax(re0`cFi*=vmAxZp;Y<_;qij`1AFL^!W8sy{QI>G8;pT%i84ki^;-~^6ZUH
z`|%4>Vq2576AyOBu&k_)lgy&_7X0^HY2Rz?E_n!0Q1yEt=M*2*+)EZE+@}dJ%(9mv
zXhsjv{+raU-%XFoGh81PhHtJYU9!k4d-Kh>w38^rBvsXw<$3mnvMZmY+p|o4BU1H}
zS|dRkUNcP`t)%-n@}W`pna)wNe8}h9_hAg<zd0UwSDbxq^W%A+AgpF9HVx`vgxYsJ
z8G304_D0^Syq!EB!T3hk-j3F<Z(^w5UNhyS=4fPx4=bDXSsBPHnb{+RMDC8y8H%lq
z&wU4J8_A!?BS^F=FlTyA)~!4{XTCAt`wBH0b?Zd5I)%PfGJerkY;AQ;<uaH`pU2Z<
zchBz-)a=a*r48llg^UO|mh~+@=NiTyQzyfsOrV886fhn$usk8TBWiHt-{L9>Ikro;
zH#4m!ibjYRltsziVJpWEn4g4M{_DCNJ<J$Tu;?y|vN9OQi@QKQIevx`WW^P_vU!au
zPWj(E<>2n^wLDrMhkR`ELVxBA^j+JlreA|3sP_(Jt5OU2QA<5gHg}7QA9HbO!up7%
z86*z7o4qI$AGglOgXmEXX`|Zp_UA+)Z>}*>;S1b8y--6QV2GjaK)p>8A0pPSce7H>
za-C%hd5RgF6m`es7cv%x{twR4KAvjhjrh>JyMC{%RG0Tc;=NtF&#7dq^%f-k&-%S7
zbR;UR(F(4Fx}ccF173l2&og{kle#fPu=sG7O|38tVTp^pcKqWSE>|IF2BCIJiC-<0
zZNbAWHpEs0*m-OQ*y(oS74Uf&%OY@01bvfTj^H;8g$+(79v^rq*~UnGsvIAAaTSd!
zSyL0UX9yhRPwm6snD|P&n9z3(-;MI2ExP&^Z(Ur3edss>l19?oYF`c<^U>GXw(h%#
z)q*(2L<ns(ZwA!an)JZ`C)zQr!J%e){AxcJCb8PphGlV3li#}F7Q`PY@d-{b<|kj3
zZom6{`>HwrC$~7SL|vL^b#(p0ID!g!P06DV<>l=4c0IGOrt?E;5qB>YW3X1QQeIJP
z9O1!+zM6L1-HU8`D{bHR+c9HX8)&vJ7^e{6mS~?}9jheF)_FV=>Y00L>A+vJo4au4
zb-;&;S+y9Rmei!J#2MmN1nEYQa}6E3FA7Ps;8#nyH2LkR?h5KiINPJEaVe`x-9@Zq
z?MrFY!U#FErF}FoVHnzB(te*QzD95>9Uuo6&c?0s(iAyO#Gq%qoAaM*sfQyaR=sa3
zKiKCj;l>Rswvj@-j-G!Kc_-R}3v_J{`Sk!((al{^Ms_(f@W^W{P@>+^*1iyJho+|y
zY;dL9-e<pJEQf+CNoei18s|j@xtaCzwni|-jNX}FcYHwInc*%$zSC>T&z*f2tdY_l
zWpriEjR5&+=A(Rw*q!^Zl-ZIuRlFsBg$+dX9ij96&SPKSP(oinI2@lXv_4x#P}N~~
zpY@65cVlXZ6G26;c$fc;G#SK~H{RG(2igG~rJaG3b^nQo3nCb-J5>Q5bE#Irr8SI6
z{{T^b+C|I;5M+x@QphAm66KBW+drV@Nc@*I_}j7Zczur3TbSY^JArMJqL}^o>|%@-
z8MAAJG?}0OoinEUt(eN@uJ-T_s;_D(AJAIrpNJuAQ1e3SXoW|gKl!&!iqW$K;JR!#
ze|9HQYxw&1H83SE@WX<$j9Y4cFPiG#OGqAAI~HUbtvrh^cv!^BkR>5tZlG_rM*VFt
z*w2+#>V|XVzM7~fc_6Qv(B72&Lz&L0n?eC4?@p!gvz{j_T@xr_Rh>`DWA&`yCqbV5
zO&J~bT^o2|xB8;;a5a%JRQ!52dS1fF_6VvIoVXcI(~)m(x8z{()h~1Y6d(FAE>xvH
z?D#8Xuhv-GzfO|zN>Cx=B{DKUTaaz`f6i1p`s*9>m#lU7XnR>z4AMh)YaOjp!j)-c
z41#Ou^*@eiI-V5O|8JO1Z6`o#->B|S<02jMI_<-JaG0tEmUwQ!N+qZ;j*r3#W(n$T
zu7ARK%`ZhrmW4layJby#6D~<xCPqKL_6(8Voelg;;U@7i@q2E!<vjqDNYvmT)&^O7
z9NH22Q7#Q_fBf*F%QwN>E`ju-g=APhn;@{GN}4ZD({<N|K|SyXf=@!FqrNVjt%^()
zNE|h*4B=L`Cw)P9$MBavK9b=Q+TGQHU5kH6F3DhRCy37aKVRXGsKY|j$SvjxGj=U8
z)0UtTO9hHub5TV(5QqeOzD8e##LaIj3;iM;)M}Sc9L6!!?Od1h=M<0mZby*o>mzC7
zqx(7%7(Obr1-!xQ6No!?n)}nIco4dPVz94W4G5u(tH<5nL9w@TN?dP_jAp*HYITiF
zZdMVqrxAMuHCNs>>AS3hV;HO%opu|_?R~9VFSF(vGoaVhRHwzIE@t{YNd5Lh8nneA
zF1S9Ak8n@kCxX_!uI4ffp0QVH-5mst+wGqr{{`5{A4RXG{qUFxRo0z_d85|gJG`K|
zxkGdf6o#tya}Y%1HLN1!R4lE>-sTz^ii<QI{lZZ5w6A?01LhVdd!zS0&2Y+ai{1Z(
zxY7n5-WdrzXm80bKS`)0XcPc|J+)6G1@%MY-98~?>V*kX(i<B?5M9<Uf3wM3!UYBy
z^6fcDAuWZMVq}YIVas#^xM=#b%Z20nF&+eICQ@L>#u1itZ4WCQ^1Y;>4fVS^;`9gH
z?8!;M0d2-40kaXNGk8$_jBp^02?&+gd)E0;KMLLYHcW^hI^Cnzw1f)rbRRH8<%bKS
z#Xk*6?AM<{bn?nN;+T8I4-{GD1m0X~U9f&1Bz0ladBq1Ed>rIZ{Nizxf#?ifpm5oR
zKWlrr&kJxw@8d(i+8PjCGf#2Y)V9uF>#Fpc{sKWrriRPdE?E#ojJ>9;ZbA^<AL9%7
zf;^+|b#gyu9}jvjYiMea!?rHw=lDc&i+*GdmX`2;;a_Q!@5KZ`#8jw74UjbJ<yq~b
z1vlZKh`xLuRN6Ek_hb@bq5f(6#OQv?Cpf%-q#}KV)7va=1Q5}hc`pAMm&BzFO>ml&
z0o~yTU<TCp^B5?*pig7Gy=(`9>OVCeM61i=!+-*DCH^RClZc~%1cG?k!+A@-r0EJu
zy2g)283`BSL(OPr911hRe%{JbaN_m*`w;Y(lwFO}_6)Z^+6SC!#38|cwjLMn-1{{M
zAc%^TORckj6y&vwzmd~8?Ex6m;*w_)+j_v_x~k=#00_en09G;%SQish6a8k~9)Iz#
zUo~g$<1HyZv?vt+yk(tFItW2`X<pz|i4*#P13x*`GIJ2A&=QKU>}JBL`?r-*n-4Wa
z+4hQlE~DPw*K;Dpgd8-!myVf%)F?Tz?qdjfe^ux&%8!5Ch=R?CDrL1qOLWsR4w<sd
zP9Jnh$hm^EYCJMx1Dwc6S53EJDsdva^Gy&yu@R$F!rKd?KV}Q5d@q;)CVyT}0(tfx
z`hPk*sag%T+#F<9i>Sv5sfS*J2ht-2!CGz-gd88{iG>vtO;psCXA~c}TY9n4x=%xx
z8P>19-ToWJ3^}xmiL+TSbML^)SloK^d>#hD*Ek`V_G#VA00W!;<*V0&yEki)yc2)~
z=t+Eb1|Z>qq#J*)d$5fVAj7{M<Tt|k8vdzsMUANGUrc%En2-9RheybT*+q-c$jRqA
zwLa>kKi5cf$o?zW+8!QiIjRvs2~r-sib>qZ<4Ka(_g&#~YV&%20XzViTs6l(1Jaqq
znKH~p-ojJ8!x>^b>~B`qT_wo56cQceZ~>@>Ga-Ts*aZ$V{}@*33*CWXCkjb907~_S
z*D$bkQs`Uaw%_VslHSo<0L`E(Rd1n@OZ+E2I?90q+=#Xpp$(*Q=+Bb9I_I$SK7Z=A
z8`{%aKG7sS+3Z3Q{r|B@(6gUk#U$#X_vL3um_g*kN&CRY>S99sH5N6G`6Dh2DX@NB
zHI|h-aO_Y9k{0&;LfOB&S#$RDz0{A8Fz+j0j;6j~{xlhreFc#v*nO<DVGI#>cuR^~
z0HPI7S())Y7dg&y@lZfLEWtbvUbeh@`8MePmKu#O6I-sELU<eY|1hg_TqPKP(CYql
z#w-AA(6(il&j1^QVqwQ>JHfmYOae??V~F?8b#ba<KXZs<IVi?J6|&zsGD?xrNljtd
zA$1sXZI+hlEhXA#;fP=eu<?KcD<Pk#M8<47%%eEy^t+77JLn!`*Ok-3dptEKNfCi`
z`Ru`<LGjrLgC)ZZLR-%<X}T4rsizx<Vu(C@X0?5pHhr5bK$Rf7Iap)0i-bL)jfj?I
zMisP2YE#u-+i?I&cZ|5z^`T7=32s_tnuFO239|UcrNR3_m~iFO<<3dj*qYb86C9Q;
zU<3Wvc~YaZUz_0DyFlp@cI95bgP^qj2$bHV+pTC@hR@5}99K$w<~A2bB6-u0p%jK!
zXxZq|S^p8`x<@`}gCn|Ds5HguW`Kwa)$q6f(H_Pcyev~l$^cG@3T=SOhM>x9Uag`_
z1653t0gb58d%?@W7~c&VkOk0%Y0+#?2)+enOPAbN?lpeZ(lgd(<Z4Z2?(JlQPYlv{
zZe?2ZD&<EnQ#@rgnM~d5xeD?&n&PbrVT#}+(piESOM_n=FAbk)u+S2e#N<2VH>L{O
zi>~uQG+Z=z$$NEGOpRtQ*JfTfbr~VPbT}ME=#?DI*D^Wmdjv1zwabQt^7dct`Vd8t
zmUMZLjL;T(JtkDey(-53@k&4IWtpR_*J|rp4zt?<pPfH-t1tq|p4_z!5F@hTo|AjY
z-K1ZRZaZ<D^ntwJ$$+hLwu1aZ=_e<p-4=p%X64lpZnc;{5_B=@5z&3T_tqAxY;G{s
zKWj2yzeVqH@MVR!yI|rtZl4uN6UBV%^3dj~63=l|{Atv%-^$<XwEqgIa=%FPr(L~B
zZEFvwG<cL&SMETrfI)i~sbezE<38FRpVjksw4Ahcj3n_w?sFL#pJt_+=0Y?AG!r%A
zDw{>Se<R-i>;W~@j+Mizg4jojzxgP^>~U%es`!o{LCJU8Kw!PC;SM!hxae^aE_<J*
zl{&_B4|fg|nTslPjeU*RLfiQ+1r<_4(;1_lv7w|ELT96I+RD~{t3*(utFqCjYm{As
zkrehI10a=v?AD!sk9+DXItIyILQOu`H2fX;!xtM1REEeW!|j!h>Fr(DIw_15V)w3@
zi;CHdnF1GLR{(BhHVTAZE09oTSQBe?CH`RicjRi9b$+)Q2)T3uwQh5JW3PY4)Y$zE
zmGX0|eJV~5!`^sI^Gqz{A(=VTk4!+@aG}Pe;mc9;8GkP07oA*YJHgs49aE{1f4laI
zi9P8THPuy+jOZSI-kn_=BKarwT2b_7@bZ;=mqF4B#fjihWymurc^v5CF$5bhq5C}J
zQpRYqA8MKJ8BU4b&So!nW}|%%a;<d5XbG)jnS|5SjcTT|X@ejPlXu!Ii)>;~>Yls7
z=s_P5SZ9fUKTch5Krt+eH;qYPjR&AvUW^QS`_u0Q7FES0?5MX(vY)OHOK!;WHok5~
zSi6GKteP+z5tmnjsoc!^5<fx)#WszWq?8t)PES^`%3=~a_D;S(;tZHK?%h4wg<}r~
z2F{%MvekcoBZ6)wPt-4Wu`vk;yhJgtRmW93Cax{6l43>rJu8^N(qA1ZAm*3bEJqE-
z)l9#Abb(Kd@RhWg&iS1E$<3;kn!w&?Bnw`?`M=7L-m|K8sNeeL2m*`uxx~vM#>R7l
zG3#@(-BFzJjX{A9wwt#>rSa|8-(ht<-Swu$;xRdrviEmc<#X6tU3)OK*shMS2S8uU
zepQA-#v;cpm)&vGxMW?Qb-17JzYjf5on>Kt_^#co?>*x20B<QcZ;cjYG3Y+%8_wNe
zAcU0L|6Wfijr`cD7ZE<lD0)y7yu?dZwi@s@4Azag)`f#l8;*Y6D5u~BeUB#>Y`i8Z
zEt2p=-n+HL(2X(t4`yIqre>9%UH!w4Pxamca^f50t^D%xfRjy4vNAupDIIb7PlyPe
zE{6}`M8R%W@d4EL8b|ov?pW6f!7*u{_2Z+WCgUWy8dmLde%|TYpfhmkF#v3&pjFu~
zSIZ}5C3YtsQIt{S9i`_vUrR86OP30fGSJXm!>D7hP>{!;Hd;rXuMgFC1CM){#dBym
ze3uzG!!%X{uE!83BRcmk8hNY_#}Fy(3NPy08a$dCj;g{!yTnQlf>&Qj*N&a;HyX-o
zcu0`b!OhCl_)Cy+?gsLm2YsV(^LnAT8fIw&d;Wz|$2(eHok|9B+nWh`Pnm$_NaXOR
z>nc{Ie73r3Gfw|9Prc?X39ekG=FU<BcxA*&csGBa$&R0rt@B>z3bmHyN2a10ccM^_
z90sp;!YPag)$+{>#ovFTtMF)uG0b?q-0?=yB&+`Hr%v0vt^c+~|BueM0<v%@#~OY8
z@$dyKF<9e1mHpe>`;;v7NMef-zr8=Gbvip>I}hnWW!0)*_w1~J`q*wih*>Q7{3!14
z0%|0~%jQ$VshrqHlKoRg&`eWpb390DL-;baVpuEKmDSCnn6waLYt#6jb;UXSzTeiu
zz2WI_9OnLnNz~Igd5RV~5^$e*smbVC>Pld4aO0wh!k#?R<LTg?u;K#zS|A7x5e?Yn
zDZsGFg`~x|#t;H?az5~ivgtafBKM{5Gh0tV2TnB7xK^lI*C3d;<lTQhZGzr5;hxEE
zYsuYW^gjHhwJQS%-BO%9a0$bn_y;2<1~E;y$O~*b!fIeKfS9t?^kRuWj$ZY6sfq<J
z#9L6Yx|c5QI@Y9Ff}&wjE6OWAwMU4cq9}}me`|!D{1PZ&@^=0t?$#bX_8RyRxBw6p
z)x9g2>deV4n^+^Qdi<k3T(JM!*3B!=%X{~KbcTMUxM}810$uNLpV&&C`Cy2kYQ@;l
zj{~nrk+rjy^Zlu>d?W&@3}?@OV^hz;Oo7m;lkMJ@n|`ENL2Cqv%J!G)lE@A#C~Pu&
z-CY0XWsSYY3_z}T{~f8Z1N533NJOdjgXXC^i$FDt#4y+9I0w{7=d~U1Ef*(2O6Ff=
zhqjj>5w@?A+T=d5s7NVJ0_W3C$+%%NNSePD!wsAd^quZycEmGFWXfo~%dy}gd%8Z=
zq;zpuR8cqicEtbaLopf`V!O45&p?Cek6-hZr57x!_fn~8iO*@E*mu{Zj^i_49G;S5
z_X_@Fo7u@bU?5gNBO34Ex!p*<DgRFWh+fsnjbMb_hg;KNudO~gY4y9a^AE()1~u^2
ztYXXby*j+YD$hiM5h<9P8zA+uXQUWrFd04&zDGPAF_Uo^vbc2sMlIkE6qLm5-)pLu
zYR0sKRwFe;_hfTSO5E}QW0&s%r$m!!<2L*DTNN$4n|$;4OZ-$V_dBK1JNEIAw>wHt
z+jJDC+|ICGr{b*`d$8F8+l=pFiX&m2nbIFKhE`g9dX=}2@uZ~`{r{CDl}`3Y^4fp+
z4`b<v><J8*T#mD(c|s!O)AqCgr>?%$;rWMOasqknGm`fbK!0kBS(qx9r0pd&Qb^I?
z->(#Bs4=)DF2jtz5DfQrx|&H`0*9C)*G^vRgt|E3klxrg!1anR`*A42htc<VcMk0E
zH)J=Hrvlcx_<6pqWw!~pVqRSU$K~h5xAuW&*HdV|7oehXCq!Elx+ksU>DQHD*t5O?
z-hPeo7Zo$r!d6d3Q~z!?;PYDAEv`4YFAY}LX|7u{tNBRJX}f|g!TXSokybh~>q9Ou
zsodtPIS#~op&;bo29Ffq<!ubeagsHYwA)I~V{m9XR#rd$0nl{A`Yx&O>ns%UbjYkg
zhWFaiXCCjaU11oO5d;<hk6gims|WwR%jP&b?dq*WU_PdK5#&>-N%Zii%(f7D*NsMd
zJ31EjbsLWMHEy|!;}p1d11Jd?<B_r1)0_Xgm#a|=A|#nlfgZ%%cK$|b)-&QLnHt~_
z%dcXds7<>SwVaPys3XpNSHp~B|6Rvkg8SG_0U_spUSd<%PcoNVZXii5F1^N?zyrJp
zJTEnj3*Xd6)Nk0+1TT@V;VdEjl|-mJ44XdSnL`a4H1C6~5}Ol()EpSdA(49~e%pm@
zWfJP`L}A@PLLI@hAYfu=nir(Lh2NV{x=wjg3=An!hMOxXnztktpSxkjK<Q(yg*^jZ
zOm*_t+$FA;tn=`mJ#A3*hy_aY(bT_C;yj}@pkQ7KhpIZR5Q4zqs*J%j8AV!uc#Tw@
zR>cDVDN>x=`w?aolSLc63|ZTOXwdzg``6V2ZJb$(XNQC`L|wZI1;Ft+C<nPNgv)Wh
zQcu`O-KRoOUf{XgogbZE6o6B|C?$PDHrTkkJf!$U*f<Erc@aOK;rJm@7<Ih_)Oo+C
z`3IT7fC3<$JR7Z<UNdkp9Hw$%^Mx0FDX)Tdrhz1hI=?r+V-<VHcRsDYx-FAP9$9&T
zdKHNe{i)~(U3%o5c$~ULUjU9CD8lc*j#YFK6*fRX=w}oIph9OxT!`|BI~B|a=LU~B
zZ(YaXIDX=-j!@FYls*J5h(xLI6@w|6ZEx=Oazk!!#T>-#cTOH{gLWqGEv~4GijCh%
zIR~Yo{$nwCkp`(NNdy!L-wA$-69{2#aj(I(AE=_a76%UUWB?A(#kv76rrIM`0)htf
zQCx89c~Pk39FaK&f5E-bS1Rn*Hilv(#!)lLLZ5=(9>;Q&5zOZ`c2q^l4*ZnawHGoB
zN1K!%@@-O^(~pgr0_5oQwmeh#wGED%q3*Y0C*(j{1Xo_(Dd?i+9KpJRzqBmd<>8sh
zz;F^o5&h@S@nqk?s%`+P9QUDAPK`BER%KAX^{c2JgS%u;@|)Fusa~%oBgxc#Wz##>
zf0^gMajG1@Lh-0Mxrq7Jo8~-s?&HwP*Ip=L+v#{V_g?lAZf*GE3$#Yskb4Awc~a<@
zmlGZp#f>S!Ne2jd*|m>P?WV5!X-&egOY;92+Vzr~O>4Rv$TAqZ@mFnQn<?i@x&4>h
z5}78*&FQ&6R5yX}@MKPa?QfonA14{}O$#xHXJXzn3!S=+b3doYmV{g3_5BxhuS9p*
z4Zs>81y5}H#`{}PG@3W6242$yF7{CFY2%<)H#?YKZ6UOFTKJSU#4XNTh^>?a+C?jL
zws>ogg^_|?9H&Xb2VfGXLgDI{+${CiyWye(zkqKs;#(G7#6RD$h4Cdr4R+;Pr9?#@
z49@m)<p8Ijcxx;gqZs`bM|;6NE8Sp(YhDG;5`-PPU}1*#!iiNyL{5T2Vn-zq3WJ4_
zgEMgP>-p|w3{A`Y9A#sk%Q@iU8=g7+DRAZi4K_+3h%-M^wxfvGP=_j$u~&zP+UgRO
zIlTm~o?@d7HZuqY=gWI<bv}<oO&lbJP<H=b@~?n19_3ly6OHeBy)T-2d+Uri_U-K8
zKQ}pxIVHWu2pVrnICd!s7q;lrZA2dbtV3CKQBPOkrdSC19tji)njGDg@pgh^m1S{=
zAaks9$P*DEI?+iT`{Ga_>~1%ow8-czL6gy^mcv6&Q4Tg6=^!@8e!L*zbLQ0ehFv)y
zXg(Kn(@Fn6#UySp6gN0`nZ<jjcpKJ#gGDXJ5ug$9$N@BW#m>%VzrJDu<hGAd36k~i
zDAPn*;a49I8&y1EY?x8tyj4+AQTL0U#oKi*FDAP2_#~gGZW>?yipr06f1^m)Dxk4r
z4`_($e>t+GitDf9VU`xt3eWzwOK0}0wZ%mB*_!M7%iMDW^-2GnUdJ~~HenH`ii>ro
z-rG}ezKLNEOdtcQOt-8gMS2huG1&61UHdk0OJ}|V?Oyi&X;E}Ucx1ZEj819iYrQ@-
z3$w1VDTi9K;fIQupur7ldia0xg@kNy$s&g%t>_T|kTn?Wu~m(IkJrC@eH0)Xu~s_i
zphBQ8?>6j+&FKjuLY{I58i3OkAEgwudiMeH6L|^deMZLH0xi|uV?0LAf1mt~&4-p+
zccLO-eZ*AgxJ#C6>$%}-odngDn|NfH0co?hVx^{fbW!S4!U@D<qOI@&blxero{%_Q
zj&i7LgrvPYN+-YQ>J}FZo*yoGVR{=`)Yt?rqQKpSdK9?GL_q)9s@LF#e*e`(1z0x=
z7`}WF)(gNeabL=;fX^_EqM|`55uJqN-1`R|1jaC|GOA;*Rt{YI3{}Mpd{Z-b9ddnT
zGvZjs7^Vs9UJB)nDz+vq;zE(2tn=cM;^GoW1El>!jVPeA{$HMMFwWphpQJg-AV#p3
zszIxbsxpgO^Btg`4H9$ur0@_T0TRbC#9iE!bTEa#i+t=ot13?9mH_TmQLG99(k~eC
zN9Ko2gU)fjrSFDO*frsEgXQq<WnyN%V8ja*3mj-k3^aa$^>5${#B#R6x3cHWG{nd_
zf`Cn#dBG%&Ihh8W2#PcSI?Wb<;G-WhX?a_*oH$Ns&FSm<E_~kkf)6$|HleODKH%pM
zg6#5)%dDu5F4p>#na4f%T>ixyU3v$~f<Pl+BTkSd*5H)`GsN8fwF3|(T`SzEe;~PE
zgY9yuBSX(IE#xelsQ3?FW66aI!-zE4d;aJpfnJ31k|q2XNs<9W%*??E;Viyl5OfBv
z`f{#$3q<q@L3ONZZ35ipD0g~9CMwj2&;}>2aLy}-hih=+>%Kr?fh=lm_bf^L9sUH#
zfQ&1Rgkk$+RVl$X?Y1Hqo&m!mQF!1ck6$*57%5GK&UzCsEiD$+C}NkFpAsMmF-rv_
z3Nra%pyjyp&5g5UYnuSdVpfx50L$iW_3@8@MALk$6+YNUrwcs$M<yWC49LXAmxJ#8
z656u#A(#;iq<Ko+qrUK5-gR*1&s$x32wyfaRFs|oe+{0DNmc7t>69lDOkh9)jb$ap
zHv<-EFauf<(qw<$@{*z8#6<C3ZTP?v&8)3(4EE~HXZI;0fL<Unz+N67Z}}6G4cwoq
zlxXw7c&J6&3ort4$s~r_Tv}vz;d}ncI?v~Ng~$Yiqqhqee1*Z9uQ<J?F+eQIW)eFq
zB!=EGNER7e-uTpLFTBnTX@P0i;DXLvC|a7ZS~ADOLkN<9VapX&pIH_*I00QkqCops
zqHt<x#bIJ8n3pU9SZoY&-mk(j^ZzVF4d%FyIfBrQbO01oRG)!!q%)vzh%17Z%!Rr%
z6|kFr@i$P@dwA%TF+>?|0dJrpHv?IcHOx!vy!R2Tf+Gyb6ChxGM|n$>QNzWeH_YiJ
z`>slYoys-b0wz>w^W=^`KoDea0_X@(0Qra#?5=EanE~o!YK8yQ5f(~{po&_dd;!1@
z-J(Lz5JlNDu3_$R%Lp#&*5_R(fqqFRhB{&}KHx^3utOf{0AvO#jLAMaMX(Uzb)3!F
zTj9RBcT&rrq*LJ*&V^w&-gan#4*f^m!o*<VGE6Y_7-Al0me<T`ZDRCopeL__8PI?8
zE7cKlmP-un#ROk>_>=u4i~(~YuVP|o!hh<hcN%wsr0)Zw@g2i4?gkXN+CrJYoSvm`
z0DnMZ6(_qgnK``)_Se}fHrjpMA_x#1s0~{0tIpRcaHfS7XrT(2?Mekl93f_|V1%cp
z1+bjB2e`J`B-_0UL&j2~sjgn2_%{wKxei}<A*47s53d<jxIEgPi=oiNzMB*6%*sM3
ziiK40>7S<W*PMPX(2mP7J@9QLz&E>OPM`Joy6y-rV6&OsyK*9#g(BB7_chWzKk|{6
z|8p=RH8Ia=x^%S9X)<!USo~?D>Cw(?g!9gJK$6)9s2Bthx{C6TceJn?i{ZLsn%jYg
zBedto;I(VV<BJKT{ma%TkqdoaW?QFdsN$BERGoKt&RMr#K~Aqlu&}os(rwyaNja!J
zHL&Ec?@mtTLJkuuZeZK_WHm$oHyjaJcocQc!fE31-{{dPlamA&bT21Ku>j;W?lm}8
zVnB)0e!TB%aPd*K={2gjxd6Y2pF%wuuSC(e=`9@Kzc?QpaKAATRkS6eQv#O)t*;1j
zp%QKwAlfcnyH>ft#uPX6X7SH~=~N|U?&+(OGDm&861}GN)6y^kW|mgCEc(t8@XS!_
zJbMJ;k^s|TcqCWw66KSoLlId49HL~j>6}Cb@(l2s6fgs!)a>jpx`#_5@I*gQP83sp
z9I=~FDJPC(R%3Jhh)=QRY6Gqy=ataiM=i+hOo2l*YJuqUZj(a)Z5KkDW~db&l;<>m
zWo((+4OWR6czXq<Qn~Q9<e~W4wGp|;oc%j7cRz1J)(VM=eQ?1rE|gGt{Nh_((U*_+
z?X71~lzt}xSjGM9qwe1C$@^adMi=9m$^OLflKsS9)iq4UX3FWyVg|ggtK7Mf&MeRI
z>LexO{q_7?2}A2X8LL@PIKZAKeH*~u9grs-l8U1AsKL}EGnLNFj{*Dngf`Nkj^DTh
z@aFCfMH?baipXID%dA=i-jry({u@Z^{9|-BN|7_jRS-A7^61ODo5U4n&tQbvJ?_A8
zaFMpp{GPZ0A`CV#`tj^Eqnda{IW+AGF$`$&Stc(GTt!^}Boo0N7YWymXI6e$cC;VR
zVZ(@&3kIp-qnW(e1cO6gwr187XNh35;%7d;cPWu(ROmpu5RgGNcw%%7vSbTyv)wUR
z7BBH%_c5ZtgIzVJx6ZCG|D*U|qF-f|-*xs)X&7bdiquKnDhnjTsz#88z-9H38zmUo
z5bfnRSz`pHVN|(8>xXU&>I5PTuOuMp9B`^C_}N<cvp()j!(P^P!#rBoAR|jJ?Eo{F
zG&>`^dwv=c-q5wni_D}%2mV9f>C79dPXr$Wd1kVIb(05f{*4SPjwJsO^3*}6gtAP@
zM{bwoECSpsmo|Z6o41UFVhNYe{%m^J`D;RHzCVBu_fcnub6!U}82x_4gSL+y7R(qI
zAn}k)UHF5pVtd)R$)xbd6&$Y*)~ZZ-F0GZ4-~|VZV4EM_G>QCV6g$kDVEFnD_p86V
zT{ewkC9aN*cfffho>?+U-)C_-YMFY9ZVoa1+78UXM1LecjMSWdNv3D!4f90Cqqt}t
z(*a4mY*eV#&jjL|%xVOu-$m7^a^E9J2lXfJz0<Ad3I3eAX^6)h0F0s}5_~sk$E>nZ
z=XQxJ6U?n{?kkZKNFh5s5n2kd8js?!64rUwSpLihU!!X#YlZiPMYdAQh)U?I?`NVk
zkWL8<8qc6G7*_frA_So3s9t?v`J}#Ig(A2-A<glP(=7fc`9$KQ53?cmgv(d*J{d8V
z>_E?1Vx-d~gW#EvIlVG-N&GwJw4^5qKXOovR{}+^5hA2XTj9Kkxh0lA&Xr;{jOn-Y
z5qUbYnHtw+=(PZEx8X~ez=Lzm*q)!wKj!;Y^24OlE&*y+%<1Wjq}J}pj0Fbc*yit}
zE+8E`1-BS4{dWY{j0wpcR;6TD{`~$=T?QJ}GaSc1br4f=E<Q0NeC3(=GP5$lQJ)&Y
z@>1daZDld+y0aH%K;*99TvjdrZcb7AUgL5dekQJ}4zdj5lQ9T$P^Hp%u<!PbhI{ua
zydTLDj9|WV3++Rh>$W_<Yvvs$7Z_$E3pb+#Vm|t;#V#AGTQI)L+8sb5lq_2vKGl*;
zNk*rbNUTk5n@>7WUybRF8VO@AiOFyA{(kcncoEcl%8$bsf+=%%mxTk8c}r4e%qE-z
z@8HpIfFuOI)nsN<E@}@6?WiUlX7z3rn7IKXG^hWj6_yereFMLmNi=x%6IYOX=bckn
zuQVMDeDArwONqJ01}89QQv)|4AktSP^5B7slHd^w7zGdIa9%R-xD5;k9#?^jfd?rS
z8r*k52IGi8(z3ze+Q$E9uQBU^I}=~pcIkkIekjkGzGIxmoq?owNWVKdS;$E1*jKhN
zLf8mNj#$`ml<dn?by#$-9P{kE_{6pQSod{~ulN2uKI}G7&WQ8hIcm7_P*=70%W8$Y
zPr4sNO6dN%^MH5Hwr6qjcJy#(26~}W`09B?NQ?U3<|!IW|0@W5EaI9#%Nen`zb%0s
zwD&FT7}OYBe@%12R7=mNghk<qeJz9Dm%SPJAN(gP>BX8;O?opW+16Zzr@8hU)H=_b
zg3I3LEt<@oeQ8Ok5b-+afG@d7PH->fHB4a>Jus4I@M`e{wp)#NNAUK%Ld}=u-ngoD
zwUP|Veh#!$zmzfevwg4V^k46ssnps^tsL_4grp-PwZLWsJGZ}9!IQ+F_NOK9S@nKH
z+y0t@v?ja4?{gcH?*dKk4e_HFhsgwl%U18N9{=4;#v@4jP%fo2DY>UX%WRW&CY^F!
z5ZqdQuYNB7Hd)p+xp(v3YqPggw6Le&GVZO*x~V4id`=@jmA$vqT|{AaSM-Z+L+J9O
zil~3=gRiAxQL%tjs+OxEJx{NDa{Q&!jRgX_#D!jwjN=b~sB`gNu<gtx9d=F$sx1y_
zxXiE+zc?eH3z|1!GHDw8LzSDaa6rZq8`u}~5*>k@cNlx8B-R}gMkl`{#>^?|*Q35J
zE%0sgi)Jiw<@J-zpDPyYbm%Gv5R&3p7ansCt**AL3YPn8s-VT}CK}V3$zJgM32OQK
zUH-EhI%T*1pX<A73qRYu?JK8A5+kIIwZu`Ko!)~-T>FzhY$gzrY$Y_E6EozMo1FqT
z&I684)D91R+xmA4#B{&h-#Kt|T-#@05RSIo{Z%E*_~Ptvi5_j?q2T&`P=hr_D4<EI
zZN#w2y_wA9!_vNA!h$VL*UQ`A9S=mK#LgDGTk119SGHZsW(3ydw}1K8I9iP#IRrF;
z+ns(7nZ%DtQS1(OL!B11%luFB{jT&LZCCtGU2fd1w0I#R{^IA~vbW-cwsUk_Wr8HA
zBgcbT)6O$m<p(svKK9PE`ck25phT6NnG^C5UlLGz`HJN^k7?1_&nq@m1-E9sY8`Qx
zN5S`ZPFaLq8pPnk)#szUX?r2zU}H{2%U(aU-+~+=MaIa&K1^^4-O0VB+WFca?Ug&K
zfmLDS`90lE?wCwha&QIucboJB9>1IT(ml2OAu!m+g72n5>=*47bu_Hk-{NQk3IDO=
zpIRphM_{m+0jCh@w2a)6phCgcYQm7VcT<Cu#dv?(7p)o>dDA>p)i|RfDGT^N3~zU>
zzOQ@4@{B<G{yT6n$;I~O6yJWudo)UM_`uDhhS)v<k$)`o&A-aNT*LASM2T!{b<MDU
z^_k$gCdnfM#2@74YdZ0J+uv3PQhuF1jA9L{0iRRQILyxG<qFv^7o}OfywVOETvjQ1
zicb3{M@&R$FM#CQ@w0WiTtBJNkS6KKH@S}2e?lDtCl`iq*Xej%cD8M~Q?zO0tsa>e
zzoRKnKczYJ@+(pIu}8N>n|MZw{#xak@6Ii>MddGq;W=;qrf;HDmecLChC5!j;6ye>
zC4Zgg989hv>O!AuABgX8>AJ$xtGHyV<9ov|C-1K(cZTLQ*jXjKpO$Cs-nUrDh>^#N
zKOBqOlIf66UWjJ*lH!|Z3-nJf1BKG?{%7&4WlHPG4tVM9lBix-EOL&wP{EYrYP`nS
z`<^5R<=yt0ov$+a)U99N)nzZ~H<h^NORer7XGc+MaD8UcB9JfuWme;}*gZit_ko>*
zFDTDsr3{z+gt@sJbT@5|P(p!RY^OB?n*r-DNf<T;gTB)D>M80-B?b{F_eQxi>4>TM
z)*Sr`^Eo`2BL-3BKKTb_hCorFM+VFO;3jEW5zQ^xYUN8Aq#DkYpMEY#F&r2H|HxNR
z6F<8{oVLL7@IWT|_3el6H&6OA@7U+1?A*j8>GCFaP!|a5NWb$J6qX?xpgpPRGKi(Q
z!K;?Pi{zGkRn9hdn3JV?v*4(KGHyCP`$0>+W9lEMkZ-gL{q66jNC|@RQ9zW#-ka6t
z+RnKs!KM}VRI<z%Xh?P2H)iL6Qx1JS*Ri>7h(*1n|3p|IhRhG<c^*IiMjog-ux%%k
zmi1__V{>iupyQkP3P$okU#c;^F`$;XzV|Yf+$D!P+e<^%a@%Ld+rP?-`}S><gtqhp
zBnKLxiYce7M=2!H&tQYE{Wq$v$lt3S*euIS(|B~LH*Tz#c=`s~J^ZvYqk|~?O$Onr
zCgb1P)~|tNzg70P1y0X?Yn9;cDadH%{^B91d)A=A($|}+7bCTnx9M%q594)u5H`-^
zlRuS7)B60>;HybW`?!C^!K+Ms@yf&i{8Kyc!vmem*wdc0z2!&2#zu*W%4NNet!&F5
z4p|hUnQxshx;FJ*cR>dZVz|i(#yp6&52`*PRQm#NM-artIEveI{mgM!fBbD$_A8Nk
z*`v?<_NLr!DO!!GnI<F`$iDW-!}o3Un;(tm*P{gNCH(fP#m|bRm<mIe8OISB9*z3J
zycrqb`~E?R$J-6TlN$R}z6qE?3E$O5lR2ab!T-|u82twC%ef()_ur%d$;$dP&k^3|
zOGMIUiAwg0eQT~k#C20;M9|J%)R6dWJZV=8<B6G4idY+wW<Pbz9ZWPQrLQ0){Se$Y
zZBY{s%YY4XV+2yhI^Hu7t*bl6WAKqOmRHeYf6Yj5^D4<$ztZqIF7or$e|0)}TbZD_
zp?E>9w!Mdz=9PJN_$Of3gp3<IzY$97-DVk%kTu6D@5HZ`s_hU&mPz6-$JJGvq_SAO
zJ&;hA=eubjGp(fVB!|h-%Iy$0Jk!Lbl~VK<|6XPdyL!a-q*23D$4l|Q_Y(X>ATHEA
zQ8*b(2st712kEtsD2<~pvT0(sMqr=qgWRqLTSH4SXskGWlmAaIj=z;G*q>V#T0(n_
zj#|`<vwXRuYW43Hdv*6E8RRXR#^FS_`}e=e++DBm=c_r<_cqE}yd_}4E&uqB_Z6f*
hOYaa71hJko`5E2V<ZgUO2r513k%ESNsjOMh{{e|Uc?19e

literal 2992
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

diff --git a/src/views/l2/send/components/FurnaceHistoryPanel.vue b/src/views/l2/send/components/FurnaceHistoryPanel.vue
index 0ca3075..30ac8c0 100644
--- a/src/views/l2/send/components/FurnaceHistoryPanel.vue
+++ b/src/views/l2/send/components/FurnaceHistoryPanel.vue
@@ -19,12 +19,12 @@
     </el-form>
 
     <el-table v-loading="loading" :data="list" border size="mini" height="380">
-      <el-table-column label="Job ID" prop="jobId" width="90" />
-      <el-table-column label="Device" prop="deviceName" width="140" />
-      <el-table-column label="Status" prop="status" width="140" />
-      <el-table-column label="Create Time" prop="createTime" width="170" />
-      <el-table-column label="Finish Time" prop="finishTime" width="170" />
-      <el-table-column label="Action" width="150" fixed="right">
+      <el-table-column label="Job ID" prop="jobId" />
+      <el-table-column label="Device" prop="deviceName" />
+      <el-table-column label="Status" prop="status" />
+      <el-table-column label="Create Time" prop="createTime"  />
+      <el-table-column label="Finish Time" prop="finishTime"  />
+      <el-table-column label="Action" fixed="right">
         <template slot-scope="scope">
           <el-button type="text" size="mini" @click="apply(scope.row)">Apply</el-button>
           <el-button type="text" size="mini" @click="openDetail(scope.row.jobId)">Detail</el-button>
@@ -41,7 +41,7 @@
     />
 
     <!-- Detail dialog -->
-    <el-dialog title="Send Detail" :visible.sync="detailVisible" width="90%" append-to-body>
+    <el-dialog title="Send Detail" :visible.sync="detailVisible" width="90%" append-to-body v-loading="detailLoading">
       <div v-if="detail">
         <el-tabs type="border-card">
           <el-tab-pane
@@ -85,7 +85,8 @@ export default {
         groupType: 'FURNACE'
       },
       detailVisible: false,
-      detail: null
+      detail: null,
+      detailLoading: false
     }
   },
   created() {
@@ -111,9 +112,11 @@ export default {
       }
     },
     async openDetail(jobId) {
+      this.detailVisible = true;
+      this.detailLoading = true
       const res = await getSendJob(jobId)
       this.detail = res.data
-      this.detailVisible = true
+      this.detailLoading = false
     },
     async apply(row) {
       const res = await getSendJob(row.jobId)
diff --git a/src/views/l2/steelGrade/index.vue b/src/views/l2/steelGrade/index.vue
index 2a45d70..c9ebca8 100644
--- a/src/views/l2/steelGrade/index.vue
+++ b/src/views/l2/steelGrade/index.vue
@@ -96,7 +96,7 @@
       </div>
 
       <!-- Right: detail panel / 右侧：明细面板 -->
-      <div class="right-panel">
+      <div class="right-panel" v-loading="rightLoading">
         <!-- No selection tip / 未选择卡片提示 -->
         <div class="empty-detail" v-if="!selectedItem && !dialogVisible">
           <el-empty description="Please select a steel grade from the left to view details"></el-empty>
@@ -356,6 +356,7 @@ export default {
       btnLoading: false,
       dialogVisible: false,
       dialogTitle: 'Add Steel Grade', // 新增钢种
+      rightLoading: false,
       formData: {
         gradeid: null,
         name: '',
@@ -435,11 +436,14 @@ export default {
     // Card click event: load and display details / 卡片点击事件：加载详情并展示
     handleCardClick(item) {
       // Call detail API to get complete data / 调用详情接口获取完整数据
+      this.rightLoading = true
       getSteelGradeInfo(item.gradeid).then(res => {
         this.selectedItem = { ...res.data }
+        this.rightLoading = false
       }).catch(() => {
         // Fallback: use list data / 降级处理：使用列表数据
         this.selectedItem = { ...item }
+        this.rightLoading = false
       })
     },
     handleAdd() {
diff --git a/src/views/l2/track/components/FurCurrent.vue b/src/views/l2/track/components/FurCurrent.vue
new file mode 100644
index 0000000..086530a
--- /dev/null
+++ b/src/views/l2/track/components/FurCurrent.vue
@@ -0,0 +1,155 @@
+<template>
+  <!-- 炉火参数表单 -->
+  <div class="app-container">
+    <h3>炉火实时参数</h3>
+    <!-- flex布局容器，开启自动换行 -->
+    <div class="params-list">
+      <!-- 遍历驱动数据的所有键值对 -->
+      <div
+        v-for="[key, value] in Object.entries(driveData)"
+        :key="key"
+        :class="['param-item', { blink: changedKeys.includes(key) }]"
+      >
+        <!-- 上方label -->
+        <span class="param-label">{{ formatLabel(key) }}</span>
+        <!-- 下方value -->
+        <span class="param-value">{{ formatValue(value) }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FurCurrent',
+  props: {
+    driveData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      prevDriveData: {}, // 存储上一次的驱动数据，用于对比变化
+      changedKeys: [] // 存储当前变化的属性名，用于控制闪烁样式
+    }
+  },
+  watch: {
+    driveData: {
+      handler(newVal) {
+        if (Object.keys(this.prevDriveData).length === 0) {
+          // 首次加载数据，仅缓存数据，不触发闪烁
+          this.prevDriveData = JSON.parse(JSON.stringify(newVal));
+          return;
+        }
+
+        // 对比新值和旧值，找出变化的属性名
+        const changedKeys = [];
+        Object.entries(newVal).forEach(([key, value]) => {
+          // 排除首次不存在的属性，仅对比已有属性的变化
+          if (this.prevDriveData.hasOwnProperty(key)) {
+            // 由于是数字类型，直接对比值是否不同
+            if (this.prevDriveData[key] !== value) {
+              changedKeys.push(key);
+            }
+          }
+        });
+
+        if (changedKeys.length > 0) {
+          this.changedKeys = changedKeys; // 设置变化的属性，触发闪烁
+          // 1秒后清空变化的属性，移除闪烁样式
+          setTimeout(() => {
+            this.changedKeys = [];
+          }, 1000);
+        }
+
+        // 更新缓存的旧数据
+        this.prevDriveData = JSON.parse(JSON.stringify(newVal));
+        console.log('driveData updated:', newVal, 'changed keys:', changedKeys);
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 格式化标签名（将驼峰命名转为中文式分段，提升可读性）
+    formatLabel(key) {
+      if (!key) return '';
+      // 驼峰命名转空格分隔
+      const result = key.replace(/([A-Z])/g, ' $1');
+      // 首字母大写
+      return result.charAt(0).toUpperCase() + result.slice(1);
+    },
+    // 格式化值（数字类型保留4位小数，提升展示美观度）
+    formatValue(value) {
+      if (typeof value === 'number') {
+        return value.toFixed(4);
+      }
+      return value;
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-container {
+  border-radius: 8px;
+  min-height: 100vh;
+}
+
+/* flex布局容器 - 开启换行 */
+.params-list {
+  display: flex;
+  flex-wrap: wrap; /* flex自动换行核心属性 */
+  gap: 16px; /* 项目之间的间距（水平+垂直） */
+  margin-top: 20px;
+}
+
+/* 固定宽度的参数项 - 内部上下布局 */
+.param-item {
+  width: 200px; /* 固定宽度，可根据需求调整 */
+  padding: 12px 16px;
+  background-color: #ffffff;
+  border: 1px solid #e6e6e6;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+  display: flex; /* 内部flex垂直布局 */
+  flex-direction: column; /* 垂直排列：label在上，value在下 */
+  align-items: flex-start; /* 左对齐，可改为center居中 */
+  gap: 8px; /* label和value之间的垂直间距 */
+}
+
+.param-label {
+  font-weight: 500;
+  color: #333333;
+  font-size: 14px;
+  word-wrap: break-word; /* 超长label自动换行 */
+}
+
+.param-value {
+  color: #666666;
+  font-family: 'Courier New', monospace; /* 等宽字体，数字对齐更美观 */
+  font-size: 15px;
+}
+
+/* 闪烁动画定义 */
+@keyframes borderBlink {
+  0% {
+    border-color: #4cd964; /* 初始绿色 */
+    box-shadow: 0 0 0 0 rgba(76, 217, 100, 0.2);
+  }
+  50% {
+    border-color: #28a745; /* 深绿色 */
+    box-shadow: 0 0 8px 2px rgba(76, 217, 100, 0.5);
+  }
+  100% {
+    border-color: #4cd964; /* 恢复初始绿色 */
+    box-shadow: 0 0 0 0 rgba(76, 217, 100, 0.2);
+  }
+}
+
+/* 闪烁样式 */
+.blink {
+  border: 2px solid #4cd964; /* 绿色边框 */
+  animation: borderBlink 1s ease-in-out; /* 执行闪烁动画 */
+}
+</style>
\ No newline at end of file
diff --git a/src/views/l2/track/rect.vue b/src/views/l2/track/rect.vue
index 442da82..70392e3 100644
--- a/src/views/l2/track/rect.vue
+++ b/src/views/l2/track/rect.vue
@@ -1,9 +1,13 @@
 <template>
     <div class="track-container">
       <!-- Set Values Floating Panel / 设定值悬浮窗 -->
-      <FloatingPanel ref="setValuesPanel" title="Set Values" width="720px">
+      <FloatingPanel ref="setValuesPanel" title="Set Values" width="720px" storageKey="TRACK_SET_VALUES">
         <LatestSetValues :driveData="setupValue.drive" :furnaceData="setupValue.furnace" />
       </FloatingPanel>
+
+      <FloatingPanel ref="furCurrentPanel" title="Furnace Current" width="400px" storageKey="TRACK_FUR_CURRENT">
+        <FurCurrent :driveData="realtimeData.furnace" />
+      </FloatingPanel>
       <el-row :gutter="20">
         <!-- 左侧：设备列表 -->
         <el-col :span="16">
@@ -101,6 +105,11 @@
                 <!-- 熔炉段 -->
                 <span class="section-info" v-if="positionData.technologySpeed">Speed: {{ positionData.technologySpeed.toFixed(1) }} m/min</span>
                 <!-- 速度 -->
+                 <!-- 展开 -->
+                <el-button type="text" size="small" @click="openFurCurrentPanel">
+                  <i class="el-icon-paperclip"></i>
+                  more
+                </el-button>
               </div>
               <div class="section-summary" v-if="furnaceSectionMetrics.length">
                 <div class="summary-item" v-for="item in furnaceSectionMetrics" :key="item.label">
@@ -572,6 +581,7 @@
 import { adjustPosition, getTrackMatPosition, operateMat, getBackData, getPlanQueue } from '@/api/l2/track'
 import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
   import wsManager from '@/utils/websocketManager'
+  import FurCurrent from './components/FurCurrent.vue'
   
   // Device metadata mapping based on backend DeviceEnum (section, source, parameter fields)
   // 基于后端 DeviceEnum 的前端映射（区域、来源、参数字段）
@@ -695,7 +705,7 @@ import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
   const CLEANING_FIELDS = new Set(['cleaningVoltage', 'cleaningCurrent', 'alkaliConcentration', 'alkaliTemperature'])
   
   export default {
-  components: { FloatingPanel, LatestSetValues },
+  components: { FloatingPanel, LatestSetValues, FurCurrent },
     data() {
       return {
         // WebSocket 连接状态
@@ -809,7 +819,8 @@ import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
         operateMatStatus: false, // 操作对话框显示状态
         returnInfo: {},
         isLoadingReturn: false,
-        returnError: ''
+        returnError: '',
+        furData: {},
       }
     },
     computed: {
@@ -875,7 +886,10 @@ import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
       },
       // 分段汇总数据
       entrySectionMetrics() {
-        return this.buildSectionMetrics('ENTRY', ['stripSpeed', 'tensionPorBr1', 'tensionPorBr2', 'celLength', 'celCapacity'])
+        return this.buildSectionMetrics('ENTRY', [
+          'stripSpeed', 'tensionPorBr1', 'tensionBr1Br2', 'tensionBr2Br3', 'celLength', 'celCapacity', 
+          // 'celLengthMax', 'celLengthMin', 'cleaningCurrent', 'cleaningVoltage', 
+          'stripLocation', 'rinseTemperature', 'alkaliTemperature'])
       },
       furnaceSectionMetrics() {
         return this.buildSectionMetrics('FURNACE', [
@@ -885,7 +899,10 @@ import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
         ])
       },
       coatSectionMetrics() {
-        return this.buildSectionMetrics('COAT', ['stripSpeedTmExit', 'avrCoatingWeightTop', 'avrCoatingWeightBottom', 'tmElongation', 'tlElongation'])
+        return this.buildSectionMetrics('COAT', [
+          'stripSpeedTmExit', 'avrCoatingWeightTop', 'avrCoatingWeightBottom', 
+          'tmElongation', 'tlElongation', 'tensionBr6toBr7Br8', 'tensionBr8Tm', 
+          'tensionTmBr9', 'tlElongation'])
       },
       exitSectionMetrics() {
         return this.buildSectionMetrics('EXIT', ['speedExitSection', 'coilLength', 'cxlLength', 'cxlCapacity', 'tensionBr9Tr'])
@@ -947,6 +964,10 @@ import { getDriveSetupValue, getFurnaceSetupValue } from '@/api/l2/setupValue'
         this.$refs.setValuesPanel && this.$refs.setValuesPanel.open()
       },
 
+      openFurCurrentPanel() {
+        this.$refs.furCurrentPanel && this.$refs.furCurrentPanel.open()
+      },
+
       // Load latest set values (Drive & Furnace) / 加载最新的设定值
       async loadSetupValues() {
         try {
diff --git a/src/views/login.vue b/src/views/login.vue
index a2d8263..fd3ecc9 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -191,6 +191,9 @@ export default {
 
 .form-header {
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   margin-bottom: 48px;
 }
 
@@ -198,9 +201,15 @@ export default {
   font-family: 'Pacifico', cursive;
   font-size: 36px;
   color: white;
+  width: 150px;
   margin-bottom: 16px;
 }
 
+.logo img {
+  width: 100%;
+  height: 100%;
+}
+
 .system-name {
   color: white;
   font-size: 16px;

From 98678cc043785fad28b18b22ea97fa98aa4fa2b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Sat, 3 Jan 2026 13:37:27 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0PDF=E5=92=8C?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=94=9F=E6=88=90=E5=BA=93=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=89=93=E5=8D=B0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor(FurCurrent): 重构参数显示逻辑，优化闪烁效果
style(FurnaceHistoryPanel): 调整表格列宽和溢出处理
feat(LabelPrint): 使用dom-to-image提升打印质量
feat(QualityCertificate): 添加生产过程曲线图表
feat: 新增ParamEcharts组件用于统一图表渲染
refactor(line): 使用ParamEcharts重构监控图表组件
---
 package.json                                  |   3 +
 src/views/l2/pdo/components/LabelPrint.vue    |  89 ++--
 src/views/l2/pdo/components/ParamEcharts.vue  | 454 +++++++++++++++++
 .../l2/pdo/components/QualityCertificate.vue  | 182 ++++---
 src/views/l2/pdo/components/line.vue          | 463 +-----------------
 .../send/components/FurnaceHistoryPanel.vue   |   4 +-
 src/views/l2/track/components/FurCurrent.vue  |  70 ++-
 7 files changed, 685 insertions(+), 580 deletions(-)
 create mode 100644 src/views/l2/pdo/components/ParamEcharts.vue

diff --git a/package.json b/package.json
index 3e02a3a..8bb4c69 100644
--- a/package.json
+++ b/package.json
@@ -30,14 +30,17 @@
     "clipboard": "2.0.8",
     "core-js": "3.37.1",
     "dayjs": "^1.11.18",
+    "dom-to-image": "^2.6.0",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
+    "html2canvas": "^1.4.1",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "jspdf": "^2.5.2",
     "konva": "^10.0.2",
     "nprogress": "0.2.0",
     "print-js": "^1.6.0",
diff --git a/src/views/l2/pdo/components/LabelPrint.vue b/src/views/l2/pdo/components/LabelPrint.vue
index 7e2f4ff..59edadc 100644
--- a/src/views/l2/pdo/components/LabelPrint.vue
+++ b/src/views/l2/pdo/components/LabelPrint.vue
@@ -14,60 +14,54 @@
           <div class="grid-item label">Coil ID</div>
           <!-- 钢卷号 -->
           <div class="grid-item value">
-            <input v-model="editableData.exitMatId" :border="false" class="editable-input"
-              placeholder="Coil ID"></input>
-              <!-- 钢卷号 -->
+            <input v-model="editableData.exitMatId" :border="false" class="editable-input" placeholder="Coil ID">
+            <!-- 钢卷号 -->
           </div>
           <div class="grid-item label">Hot Coil ID</div>
           <!-- 热卷号 -->
           <div class="grid-item value">
-            <input v-model="editableData.entryMatId" :border="false" class="editable-input"
-              placeholder="Hot Coil ID"></input>
-              <!-- 热卷号 -->
+            <input v-model="editableData.entryMatId" :border="false" class="editable-input" placeholder="Hot Coil ID">
+            <!-- 热卷号 -->
           </div>
 
           <div class="grid-item label">Specification</div>
           <!-- 规格 -->
           <div class="grid-item value">
-            <input v-model="editableData.spec" :border="false" class="editable-input" placeholder="Specification"></input>
+            <input v-model="editableData.spec" :border="false" class="editable-input" placeholder="Specification">
             <!-- 规格 -->
           </div>
           <div class="grid-item label">Material</div>
           <!-- 材质 -->
           <div class="grid-item value">
-            <input v-model="editableData.steelGrade" :border="false" class="editable-input"
-              placeholder="Material"></input>
-              <!-- 材质 -->
+            <input v-model="editableData.steelGrade" :border="false" class="editable-input" placeholder="Material">
+            <!-- 材质 -->
           </div>
 
           <div class="grid-item label">Net Weight</div>
           <!-- 净重 -->
           <div class="grid-item value">
-            <input v-model="editableData.actualWeight" :border="false" class="editable-input"
-              placeholder="Net Weight"></input>
-              <!-- 净重 -->
+            <input v-model="editableData.actualWeight" :border="false" class="editable-input" placeholder="Net Weight">
+            <!-- 净重 -->
           </div>
           <div class="grid-item label">Production Shift</div>
           <!-- 生产班组 -->
           <div class="grid-item value">
-            <input v-model="editableData.groupNo" :border="false" class="editable-input"
-              placeholder="Production Shift"></input>
-              <!-- 生产班组 -->
+            <input v-model="editableData.groupNo" :border="false" class="editable-input" placeholder="Production Shift">
+            <!-- 生产班组 -->
           </div>
 
           <div class="grid-item label">Product Name</div>
           <!-- 产品名称 -->
           <div class="grid-item value">
-            <input v-model="editableData.prodCode" :border="false" class="editable-input"
-              placeholder="Product Name"></input>
-              <!-- 产品名称 -->
+            <input v-model="editableData.prodCode" :border="false" class="editable-input" placeholder="Product Name">
+            <!-- 产品名称 -->
           </div>
           <div class="grid-item label">Production Date</div>
           <!-- 生产日期 -->
           <div class="grid-item value">
             <input v-model="editableData.productionDate" :border="false" class="editable-input"
-              placeholder="Production Date"></input>
-              <!-- 生产日期 -->
+              placeholder="Production Date">
+            <!-- 生产日期 -->
           </div>
         </div>
       </div>
@@ -87,6 +81,8 @@
 <script>
 import printJS from 'print-js';
 import dayjs from 'dayjs';
+// 导入 dom-to-image 库
+import domtoimage from 'dom-to-image';
 
 export default {
   name: 'PdoLabelPrint',
@@ -145,22 +141,28 @@ export default {
       };
     },
 
-    // Handle print logic / 处理打印逻辑
-    handlePrint() {
-      // Call printJS to print / 调用printJS进行打印
-      printJS({
-        printable: 'printContent',  // Element ID to print / 要打印的元素ID
-        type: 'html',
-        header: null,               // Don't show default header / 不显示默认页眉
-        footer: null,               // Don't show default footer / 不显示默认页脚
-        // style: printStyle,          // Apply print styles / 应用打印样式
-        scanStyles: true,          // Don't scan existing page styles / 不扫描页面现有样式
-        targetStyles: ['*'],        // Allow all target styles / 允许所有目标样式
-        documentTitle: 'Label Print',  // Print document title / 打印文档标题
-        onPrintDialogClose: () => {
-          console.log('Print dialog closed'); // 打印对话框已关闭
-        }
-      });
+    // 替换原dom-to-image的转换逻辑
+    async handlePrint() {
+      try {
+        const printElement = document.getElementById('printContent');
+        // 关键：设置scale提升分辨率（建议3-4）
+        const imageBase64 = await domtoimage.toPng(printElement, {
+          backgroundColor: '#ffffff',
+          scale: 2, // 缩放倍数（越大图片越清晰，文件也越大）
+        });
+
+        // 打印图片时强制按实际尺寸渲染
+        printJS({
+          printable: imageBase64,
+          type: 'image',
+          imageStyle: `
+            width: 100mm; /* 与标签实际物理尺寸一致 */
+            height: 80mm;
+            object-fit: contain;
+          `,
+          documentTitle: 'Label Print'
+        });
+      } catch (e) { /* 错误处理 */ }
     }
   }
 }
@@ -178,12 +180,17 @@ export default {
 
 /* 标签内容样式（与打印尺寸等比例） */
 .label-content {
-  width: 500px;  /* 200mm × 2.5 = 500px */
-  height: 400px; /* 160mm × 2.5 = 400px */
+  width: 500px;
+  /* 200mm × 2.5 = 500px */
+  height: 400px;
+  /* 160mm × 2.5 = 400px */
   border: 1px solid #ccc;
-  padding: 25px; /* 10mm × 2.5 = 25px */
+  padding: 25px;
+  /* 10mm × 2.5 = 25px */
   box-sizing: border-box;
   font-family: SimSun;
+  background: #ffffff;
+  /* 确保DOM背景为白色，转换图片后样式一致 */
 }
 
 .company-name {
@@ -239,4 +246,4 @@ export default {
   text-align: left;
   margin-top: 10px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/l2/pdo/components/ParamEcharts.vue b/src/views/l2/pdo/components/ParamEcharts.vue
new file mode 100644
index 0000000..480a379
--- /dev/null
+++ b/src/views/l2/pdo/components/ParamEcharts.vue
@@ -0,0 +1,454 @@
+<template>
+  <div class="param-echarts-container" v-loading="loading">
+    <!-- 图表标题 -->
+    <div class="chart-title">{{ chartTitle }}</div>
+    <!-- ECharts 渲染容器 -->
+    <div ref="chartDom" class="chart-content"></div>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import { getSegmentList } from '@/api/business/segment'
+
+export default {
+  name: 'ParamEcharts',
+  // 接收父组件传入的核心参数
+  props: {
+    enCoilID: {
+      type: String,
+      required: true,
+      description: '线圈ID，用于请求对应数据'
+    },
+    paramField: {
+      type: String,
+      required: true,
+      description: '参数字段名（对应原 paramFields 的 value）'
+    }
+  },
+  data() {
+    return {
+      chartInstance: null, // ECharts 实例
+      loading: false, // 数据加载状态
+      chartDataObj: { // 图表数据
+        timeStamps: [],
+        chartData: [],
+        originalTimeStamps: [],
+        originalChartData: []
+      },
+      stat: { // 参数统计值
+        latestValue: 0,
+        maxValue: 0,
+        minValue: 0,
+        avgValue: 0
+      },
+      maxXAxisLabels: 40, // X轴最大显示标签数
+      paramLabelMap: { // 参数字段与标签的映射（与父组件保持一致）
+        stripSpeed: 'Strip Speed',
+        tensionPorBr1: 'Pay-off Tension 1#',
+        tensionPorBr2: 'Pay-off Tension 2#',
+        cleaningVoltage: 'Cleaning Voltage',
+        cleaningCurrent: 'Cleaning Current',
+        alkaliConcentration: 'Alkali Concentration',
+        alkaliTemperature: 'Alkali Temperature',
+        phfExitStripTemp: 'PH Furnace Exit Temp',
+        rtfExitStripTemp: 'Heating Section Exit Temp',
+        jcsExitStripTemp: 'Cooling Section Exit Temp',
+        scsExitStripTemp: 'Equilibrium Section Exit Temp',
+        potTemperature: 'Pot Temperature',
+        zincPotPower: 'Zinc Pot Power',
+        gasConsumption: 'Gas Consumption',
+        coolingTowerStripTemp: 'Cooling Tower Temp',
+        tensionBr5Tm: 'TM Tension',
+        stripSpeedTmExit: 'TM Exit Speed',
+        tlElongation: 'TL Elongation',
+        tensionTlBr7: 'TL Tension'
+      }
+    }
+  },
+  computed: {
+    // 图表标题（根据 paramField 自动匹配）
+    chartTitle() {
+      return this.paramLabelMap[this.paramField] || this.paramField
+    }
+  },
+  watch: {
+    // 监听线圈ID变化，重新请求数据
+    enCoilID: {
+      handler(newVal) {
+        this.fetchChartData()
+      },
+      immediate: true
+    },
+    // 监听参数字段变化，重新请求数据
+    paramField: {
+      handler(newVal) {
+        this.fetchChartData()
+      },
+      immediate: true
+    }
+  },
+  mounted() {
+    // 初始化 ECharts 实例
+    this.initEchartsInstance()
+    // 监听窗口 resize，自适应图表尺寸
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    // 销毁 ECharts 实例，释放资源
+    if (this.chartInstance && this.chartInstance.dispose) {
+      this.chartInstance.dispose()
+    }
+    // 移除 resize 监听
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    // 初始化 ECharts 实例
+    initEchartsInstance() {
+      this.$nextTick(() => {
+        const chartDom = this.$refs.chartDom
+        if (!chartDom) {
+          console.warn('ECharts 渲染容器未找到，初始化失败')
+          return
+        }
+        // 创建 ECharts 实例
+        this.chartInstance = echarts.init(chartDom)
+        // 初始绘制空图表
+        this.drawEmptyChart()
+      })
+    },
+
+    // 获取图表数据
+    fetchChartData() {
+      // 前置校验：参数无效时绘制空图表并关闭加载
+      if (!this.enCoilID || !this.paramField) {
+        this.drawEmptyChart()
+        this.loading = false
+        return
+      }
+
+      // 开启加载状态
+      this.loading = true
+
+      // 请求数据
+      getSegmentList({
+        enCoilID: this.enCoilID,
+        paramField: this.paramField
+      }).then(res => {
+        if (res.data && res.data.length > 0) {
+          // 处理数据
+          const processedData = this.processChartData(res.data)
+          this.chartDataObj = processedData
+          this.stat = processedData.stat
+          // 绘制折线图
+          this.drawLineChart()
+        } else {
+          // 无数据时绘制无数据图表
+          this.drawNoDataChart()
+        }
+      }).catch(err => {
+        console.error(`获取${this.paramField}数据失败:`, err)
+        // 数据请求失败时绘制错误图表
+        this.drawErrorChart()
+      }).finally(() => {
+        // 无论成功失败，都关闭加载状态
+        this.loading = false
+      })
+    },
+
+    // 处理原始数据
+    processChartData(rawData) {
+      // 按 segNo 排序
+      rawData.sort((a, b) => a.segNo - b.segNo)
+      const originalTimeStamps = rawData.map(item => item.segNo)
+      const originalChartData = rawData.map(item => parseFloat(item.value))
+
+      let timeStamps = originalTimeStamps
+      let chartData = originalChartData
+
+      // X轴标签过多时进行采样（保持原有逻辑）
+      if (rawData.length > this.maxXAxisLabels) {
+        const sampleInterval = Math.ceil(rawData.length / this.maxXAxisLabels)
+        timeStamps = []
+        chartData = []
+        for (let i = 0; i < rawData.length; i += sampleInterval) {
+          timeStamps.push(rawData[i].segNo)
+          chartData.push(parseFloat(rawData[i].value))
+        }
+        // 确保最后一个数据点被保留
+        if (timeStamps[timeStamps.length - 1] !== rawData[rawData.length - 1].segNo) {
+          timeStamps.push(rawData[rawData.length - 1].segNo)
+          chartData.push(parseFloat(rawData[rawData.length - 1].value))
+        }
+      }
+
+      // 计算统计值
+      let stat = { latestValue: 0, maxValue: 0, minValue: 0, avgValue: 0 }
+      if (originalChartData.length) {
+        stat.latestValue = originalChartData[originalChartData.length - 1]
+        stat.maxValue = Math.max(...originalChartData)
+        stat.minValue = Math.min(...originalChartData)
+        stat.avgValue = originalChartData.reduce((sum, val) => sum + val, 0) / originalChartData.length
+      }
+
+      return {
+        timeStamps,
+        chartData,
+        originalTimeStamps,
+        originalChartData,
+        stat
+      }
+    },
+
+    // 绘制折线图（核心逻辑）
+    drawLineChart() {
+      if (!this.chartInstance || !this.chartDataObj.timeStamps.length) {
+        return
+      }
+
+      const option = {
+        backgroundColor: 'transparent',
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'line' },
+          backgroundColor: 'rgba(255, 255, 255, 0.95)',
+          borderColor: '#d4d4d4',
+          borderWidth: 1,
+          textStyle: { color: '#333' },
+          formatter: (params) => {
+            const paramItem = params[0]
+            return `
+              Sequence: ${paramItem.name}<br>
+              Value: ${paramItem.value.toFixed(2)}<br>
+              Unit: ${this.getParamUnit()}
+            `
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: this.chartDataObj.timeStamps,
+          axisLine: { lineStyle: { color: '#d4d4d4' } },
+          axisLabel: {
+            color: '#666',
+            rotate: 45,
+            interval: (index) => {
+              return index % Math.max(1, Math.ceil(this.chartDataObj.timeStamps.length / this.maxXAxisLabels)) === 0
+            }
+          },
+          splitLine: { show: false }
+        },
+        yAxis: {
+          type: 'value',
+          name: this.getParamUnit(),
+          nameLocation: 'middle',
+          nameGap: 30,
+          nameTextStyle: { color: '#666' },
+          axisLine: { lineStyle: { color: '#d4d4d4' } },
+          axisLabel: { color: '#666' },
+          splitLine: {
+            lineStyle: { color: '#e8e8e8', type: 'dashed' }
+          }
+        },
+        series: [
+          {
+            name: this.chartTitle,
+            type: 'line',
+            data: this.chartDataObj.chartData,
+            smooth: true,
+            symbol: 'circle',
+            symbolSize: 4,
+            lineStyle: { color: '#666', width: 2 },
+            itemStyle: { color: '#999' },
+            areaStyle: {
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  { offset: 0, color: 'rgba(153, 153, 153, 0.3)' },
+                  { offset: 1, color: 'rgba(153, 153, 153, 0.05)' }
+                ]
+              }
+            },
+            markPoint: {
+              data: [{ type: 'max', name: 'Max' }, { type: 'min', name: 'Min' }],
+              itemStyle: { color: '#999' },
+              label: { color: '#333' }
+            },
+            markLine: {
+              data: [{ type: 'average', name: 'Average' }],
+              lineStyle: { color: '#999', type: 'dashed' },
+              label: { color: '#333' }
+            }
+          }
+        ]
+      }
+
+      this.chartInstance.setOption(option, true)
+    },
+
+    // 绘制空图表（初始无参数/无线圈ID时）
+    drawEmptyChart() {
+      if (!this.chartInstance) return
+
+      const option = {
+        graphic: {
+          elements: [
+            {
+              type: 'text',
+              left: 'center',
+              top: 'center',
+              style: {
+                text: 'Please select performance',
+                fontSize: 16,
+                fontWeight: 'bold',
+                fill: '#999'
+              }
+            }
+          ]
+        },
+        xAxis: { type: 'category', data: [] },
+        yAxis: { type: 'value' },
+        series: []
+      }
+
+      this.chartInstance.setOption(option)
+    },
+
+    // 绘制无数据图表
+    drawNoDataChart() {
+      if (!this.chartInstance) return
+
+      const option = {
+        graphic: {
+          elements: [
+            {
+              type: 'text',
+              left: 'center',
+              top: 'center',
+              style: {
+                text: 'No data',
+                fontSize: 16,
+                fontWeight: 'bold',
+                fill: '#999'
+              }
+            }
+          ]
+        },
+        xAxis: { type: 'category', data: [] },
+        yAxis: { type: 'value' },
+        series: []
+      }
+
+      this.chartInstance.setOption(option)
+    },
+
+    // 绘制数据加载失败图表
+    drawErrorChart() {
+      if (!this.chartInstance) return
+
+      const option = {
+        graphic: {
+          elements: [
+            {
+              type: 'text',
+              left: 'center',
+              top: 'center',
+              style: {
+                text: 'Data loading failed',
+                fontSize: 16,
+                fontWeight: 'bold',
+                fill: '#f56c6c'
+              }
+            }
+          ]
+        },
+        xAxis: { type: 'category', data: [] },
+        yAxis: { type: 'value' },
+        series: []
+      }
+
+      this.chartInstance.setOption(option)
+    },
+
+    // 窗口 resize 时自适应图表尺寸
+    handleResize() {
+      if (this.chartInstance && this.chartInstance.resize) {
+        this.chartInstance.resize()
+      }
+    },
+
+    // 获取参数单位（保持原有逻辑）
+    getParamUnit() {
+      switch (this.paramField) {
+        case 'stripSpeed':
+        case 'stripSpeedTmExit':
+          return 'm/s'
+        case 'tensionPorBr1':
+        case 'tensionPorBr2':
+        case 'tensionBr5Tm':
+        case 'tensionTlBr7':
+          return 'N'
+        case 'cleaningVoltage':
+          return 'V'
+        case 'cleaningCurrent':
+          return 'A'
+        case 'alkaliConcentration':
+        case 'tlElongation':
+          return '%'
+        case 'alkaliTemperature':
+        case 'phfExitStripTemp':
+        case 'rtfExitStripTemp':
+        case 'jcsExitStripTemp':
+        case 'scsExitStripTemp':
+        case 'potTemperature':
+        case 'coolingTowerStripTemp':
+          return '°C'
+        case 'zincPotPower':
+          return 'kW'
+        case 'gasConsumption':
+          return 'm³/h'
+        default:
+          return ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.param-echarts-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.chart-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 8px;
+  text-align: center;
+}
+
+.chart-content {
+  width: 100%;
+  height: calc(100% - 24px);
+  box-sizing: border-box;
+  min-height: 180px; /* 兜底高度，确保 ECharts 初始化有尺寸 */
+}
+</style>
\ No newline at end of file
diff --git a/src/views/l2/pdo/components/QualityCertificate.vue b/src/views/l2/pdo/components/QualityCertificate.vue
index 0121832..2d831e3 100644
--- a/src/views/l2/pdo/components/QualityCertificate.vue
+++ b/src/views/l2/pdo/components/QualityCertificate.vue
@@ -17,7 +17,7 @@
             <!-- QR code placeholder / 二维码占位 -->
           </div>
         </div>
-        
+
         <div class="header-info">
           <div class="info-row">
             <div class="info-item">
@@ -192,6 +192,23 @@
         </table>
       </div>
 
+      <div class="certificate-charts">
+        <div class="charts-title">Production Process Curves</div>
+        <!-- 生产过程曲线标题 -->
+        <div class="charts-wrapper">
+          <!-- 带钢速度曲线：stripSpeed -->
+          <div class="chart-item">
+            <div class="chart-subtitle">Strip Speed (m/s)</div>
+            <ParamEcharts :enCoilID="getEnCoilID" paramField="stripSpeed" />
+          </div>
+          <!-- 1#放卷张力曲线：tensionPorBr1 -->
+          <div class="chart-item">
+            <div class="chart-subtitle">Pay-off Tension 1# (N)</div>
+            <ParamEcharts :enCoilID="getEnCoilID" paramField="tensionPorBr1" />
+          </div>
+        </div>
+      </div>
+
       <!-- Footer information / 底部信息 -->
       <div class="certificate-footer">
         <div class="footer-row">
@@ -252,9 +269,11 @@
         <div class="remarks-title">Remarks:</div>
         <!-- 备注 -->
         <div class="remarks-content">
-          <p>1. It is certified herein that the products have been produced and tested according to above standards and the products are all qualified.</p>
+          <p>1. It is certified herein that the products have been produced and tested according to above standards and
+            the products are all qualified.</p>
           <!-- 本产品已按上述标准生产和检验,其结果符合要求,特此证明。 -->
-          <p>2. The original quality certificate is the basis for acceptance, copies are for reference only and not to be used as acceptance vouchers.</p>
+          <p>2. The original quality certificate is the basis for acceptance, copies are for reference only and not to
+            be used as acceptance vouchers.</p>
           <!-- 质量证明书原件是验收依据,复印件仅供参考,不作为验收凭证。 -->
         </div>
       </div>
@@ -273,9 +292,16 @@
 <script>
 import printJS from 'print-js';
 import dayjs from 'dayjs';
+// 1. 导入 dom-to-image 库
+import domtoimage from 'dom-to-image';
+// 获取生产过程曲线数据
+import ParamEcharts from './ParamEcharts.vue'
 
 export default {
   name: 'QualityCertificate',
+  components: {
+    ParamEcharts
+  },
   props: {
     // Single coil detail / 单卷详情
     detail: {
@@ -301,6 +327,12 @@ export default {
       deep: true
     }
   },
+  computed: {
+    getEnCoilID() {
+      // 优先从detail中取有效线圈ID（与后端接口保持一致）
+      return this.detail.enCoilID || this.detail.exitMatId || this.detail.coilid || '';
+    }
+  },
   methods: {
     // Initialize certificate data for single coil / 初始化单卷质保书数据
     initCertificateData(detail) {
@@ -388,32 +420,46 @@ export default {
       return num.toFixed(2);
     },
 
-    // Handle print / 处理打印
-    handlePrint() {
-      const printStyle = `
-        @page {
-          size: A4 landscape;
-          margin: 10mm;
+    // 2. 重构打印方法：DOM -> 高清图片 -> 打印
+    async handlePrint() {
+      try {
+        // 获取打印目标DOM元素
+        const printElement = document.getElementById('qualityCertificateContent');
+        if (!printElement) {
+          this.$message?.error('未找到质保书打印内容');
+          return;
         }
-        .certificate-content {
-          width: 100%;
-          font-family: Arial, sans-serif;
-        }
-      `;
 
-      printJS({
-        printable: 'qualityCertificateContent',
-        type: 'html',
-        header: null,
-        footer: null,
-        style: printStyle,
-        scanStyles: true,
-        targetStyles: ['*'],
-        documentTitle: 'Quality Certificate',
-        onPrintDialogClose: () => {
-          console.log('Print dialog closed');
-        }
-      });
+        // 将DOM转为高清PNG图片（base64格式），解决虚化问题
+        const imageBase64 = await domtoimage.toPng(printElement, {
+          backgroundColor: '#ffffff', // 强制白色背景，避免透明区域
+          scale: 4, // 缩放倍数（3-4最佳，越大越清晰，文件体积略有增加）
+          quality: 1.0 // 图片质量拉满
+        });
+
+        // 调用printJS打印图片（适配A4横向布局）
+        printJS({
+          printable: imageBase64, // 传入base64图片
+          type: 'image', // 打印类型改为image（关键变更）
+          header: null,
+          footer: null,
+          documentTitle: 'Quality Certificate',
+          // 配置图片打印样式，适配A4横向，防止变形
+          imageStyle: `
+            width: 100%;
+            max-width: 297mm; /* A4横向宽度（297mm×210mm） */
+            height: auto;
+            object-fit: contain;
+          `,
+          onPrintDialogClose: () => {
+            console.log('Print dialog closed');
+          }
+        });
+      } catch (error) {
+        // 捕获转换或打印异常，提升用户体验
+        console.error('质保书打印失败：', error);
+        this.$message?.error('打印失败，请重试');
+      }
     }
   }
 };
@@ -593,50 +639,56 @@ export default {
   margin-top: 20px;
 }
 
-/* Print styles / 打印样式 */
+/* 生产过程曲线区域样式 */
+.certificate-charts {
+  margin: 20px 0;
+  padding: 10px;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+}
+
+.charts-title {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+  text-align: center;
+  margin-bottom: 15px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.charts-wrapper {
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  height: 300px; /* 固定图表区域高度，确保ECharts正常渲染 */
+}
+
+.chart-item {
+  flex: 1; /* 两个图表平分宽度 */
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.chart-subtitle {
+  font-size: 12px;
+  color: #666;
+  text-align: center;
+  margin-bottom: 8px;
+  font-weight: 500;
+}
+
+
+/* Print styles / 打印样式（仅隐藏按钮，图片打印样式已在printJS中配置） */
 @media print {
   .print-btn-container {
     display: none;
   }
-  
+
   .quality-certificate-container {
     padding: 0;
     background: #fff;
   }
-  
-  .certificate-content {
-    font-size: 10px;
-    page-break-inside: avoid;
-  }
-  
-  .certificate-header {
-    page-break-after: avoid;
-  }
-  
-  .certificate-table {
-    page-break-inside: auto;
-  }
-  
-  .data-table {
-    font-size: 8px;
-  }
-  
-  .data-table th,
-  .data-table td {
-    padding: 3px 2px;
-  }
-  
-  .data-table tbody tr {
-    page-break-inside: avoid;
-  }
-  
-  .certificate-footer {
-    page-break-before: avoid;
-  }
-  
-  .certificate-remarks {
-    page-break-inside: avoid;
-  }
 }
-</style>
-
+</style>
\ No newline at end of file
diff --git a/src/views/l2/pdo/components/line.vue b/src/views/l2/pdo/components/line.vue
index 56f66bd..7f11e85 100644
--- a/src/views/l2/pdo/components/line.vue
+++ b/src/views/l2/pdo/components/line.vue
@@ -17,12 +17,11 @@
           'count-3': checkedCount === 3,
           'count-4': checkedCount === 4
         }" :style="{ height: '100%', width: '100%' }">
-          <!-- 预生成4个固定图表容器（初始隐藏） -->
-          <div v-for="(chartKey, index) in presetChartKeys" :key="chartKey" class="preset-chart-item" :style="{
-            display: index < checkedCount ? 'block' : 'none', // 根据勾选数量显示对应图表
-          }" v-loading="getChartLoading(index)">
-            <div class="chart-title">{{ getChartTitle(index) }}</div>
-            <div :ref="chartKey" class="chart-content"></div>
+          <!-- 替换为封装后的 ECharts 组件，循环渲染 -->
+          <div v-for="(param, index) in checkedNodes" :key="param.value" class="preset-chart-item"
+            :style="{ display: index < maxCheckCount ? 'block' : 'none' }">
+            <!-- 传入 enCoilID 和 paramField（即 param.value） -->
+            <ParamEcharts :enCoilID="enCoilID" :paramField="param.value" />
           </div>
 
           <!-- 无勾选时显示提示 -->
@@ -36,13 +35,11 @@
 </template>
 
 <script>
-import * as echarts from 'echarts'
-import { getSegmentList } from '@/api/business/segment'
-// 引入Vue（用于Vue.set实现响应式赋值，Vue2必备）
-import Vue from 'vue'
+import ParamEcharts from './ParamEcharts.vue' // 引入封装后的 ECharts 组件
 
 export default {
   name: 'DeviceMonitoring',
+  components: { ParamEcharts }, // 注册组件
   props: {
     enCoilID: {
       type: String,
@@ -79,84 +76,28 @@ export default {
       },
       checkedNodes: [], // 已勾选参数列表
       checkedCount: 0, // 已勾选数量（用于布局控制）
-      presetChartKeys: ['chart1', 'chart2', 'chart3', 'chart4'], // 4个固定图表key
-      chartInstances: {}, // 4个固定图表实例 { chart1: echartsInstance, ... }
-      chartDataMap: {}, // 参数数据映射 { paramValue: { timeStamps: [], chartData: [], ... } }
-      statMap: {}, // 参数统计值映射 { paramValue: { latestValue: 0, ... } }
-      loadingMap: {}, // 参数加载状态映射 { paramValue: boolean }
-      maxXAxisLabels: 40,
-      maxCheckCount: 4
+      maxCheckCount: 4 // 最大勾选数量
     }
   },
   watch: {
+    // 监听线圈ID变化，无需手动更新图表（子组件已自行监听）
     enCoilID: {
       handler(newVal) {
         console.log('enCoilID changed:', newVal);
-        if (newVal) {
-          // 批量更新所有已勾选参数的图表
-          this.checkedNodes.forEach((param, index) => {
-            if (index < this.presetChartKeys.length) {
-              this.fetchChartData(param.value, index);
-            }
-          });
-        } else {
-          // 清空所有图表，并关闭对应loading
-          this.checkedNodes.forEach((param, index) => {
-            const chartKey = this.presetChartKeys[index];
-            this.drawEmptyChart(chartKey);
-            // 强制关闭loading
-            Vue.set(this.loadingMap, param.value, false);
-          });
-        }
       },
       immediate: true
     },
-    // 监听勾选数量变化，触发布局更新（可选，确保响应式）
+    // 监听勾选数量变化，触发布局更新
     checkedCount: {
       handler() {
         this.$nextTick(() => {
-          // 窗口resize强制刷新图表尺寸
-          this.handleResize();
+          // 窗口resize强制刷新（可选，子组件已监听resize，此处为兜底）
+          window.dispatchEvent(new Event('resize'))
         });
       }
     }
   },
-  mounted() {
-    // 初始化4个固定图表实例（预生成，隐藏状态）
-    this.initPresetCharts();
-    // 监听窗口resize
-    window.addEventListener('resize', this.handleResize);
-  },
-  beforeDestroy() {
-    // 销毁4个固定图表实例
-    Object.values(this.chartInstances).forEach(chart => {
-      if (chart && chart.dispose) {
-        chart.dispose();
-      }
-    });
-    window.removeEventListener('resize', this.handleResize);
-  },
   methods: {
-    // 初始化4个固定图表
-    initPresetCharts() {
-      this.$nextTick(() => {
-        this.presetChartKeys.forEach(chartKey => {
-          // v-for中的ref返回数组，取第0项（单个DOM元素）
-          const chartDomArr = this.$refs[chartKey];
-          // 严格校验DOM是否存在，避免传入无效值
-          const chartDom = chartDomArr && chartDomArr.length > 0 ? chartDomArr[0] : null;
-          if (chartDom) {
-            // 创建实例并存储
-            this.chartInstances[chartKey] = echarts.init(chartDom);
-            // 初始绘制空图表（隐藏状态，不显示）
-            this.drawEmptyChart(chartKey);
-          } else {
-            console.warn(`图表${chartKey} DOM元素未找到，初始化失败`);
-          }
-        });
-      });
-    },
-
     // 处理树形节点勾选（限制最多4个）
     handleCheckChange() {
       const checkedNodes = this.$refs.paramTree.getCheckedNodes();
@@ -170,367 +111,9 @@ export default {
         return;
       }
 
-      // 先关闭所有旧勾选参数的loading
-      this.checkedNodes.forEach(param => {
-        Vue.set(this.loadingMap, param.value, false);
-      });
-
       // 更新勾选列表和数量
       this.checkedNodes = this.$refs.paramTree.getCheckedNodes();
       this.checkedCount = this.checkedNodes.length;
-
-      // 批量更新图表：仅setOption，不重新创建实例
-      this.checkedNodes.forEach((param, index) => {
-        if (index < this.presetChartKeys.length) {
-          const chartKey = this.presetChartKeys[index];
-          if (this.enCoilID) {
-            this.fetchChartData(param.value, index);
-          } else {
-            this.drawEmptyChart(chartKey);
-            // 确保关闭loading
-            Vue.set(this.loadingMap, param.value, false);
-          }
-        }
-      });
-
-      // 隐藏未用到的图表（已通过display控制，此处可选）
-      for (let i = this.checkedCount; i < this.presetChartKeys.length; i++) {
-        const chartKey = this.presetChartKeys[i];
-        if (this.chartInstances[chartKey] && this.chartInstances[chartKey].clear) {
-          this.chartInstances[chartKey].clear();
-        }
-      }
-    },
-
-    // 获取对应索引图表的加载状态
-    getChartLoading(index) {
-      // 增加兜底校验，避免index越界导致返回undefined（v-loading需要布尔值）
-      if (index >= this.checkedNodes.length || !this.checkedNodes[index]?.value) {
-        return false;
-      }
-      const paramValue = this.checkedNodes[index].value;
-      // 兜底：若loadingMap中无该属性，返回false
-      return this.loadingMap[paramValue] || false;
-    },
-
-    // 获取对应索引图表的标题
-    getChartTitle(index) {
-      if (index >= this.checkedNodes.length) return '';
-      return this.checkedNodes[index].label || '';
-    },
-
-    // 窗口resize调整所有图表尺寸
-    handleResize() {
-      Object.values(this.chartInstances).forEach(chart => {
-        if (chart && chart.resize) {
-          chart.resize();
-        }
-      });
-    },
-
-    // 获取单个参数数据并更新对应图表【核心修复：loading响应式赋值】
-    fetchChartData(paramValue, chartIndex) {
-      // 前置校验：参数无效直接关闭loading并绘制无数据图表
-      if (!this.enCoilID || !paramValue || chartIndex >= this.presetChartKeys.length) {
-        const chartKey = this.presetChartKeys[chartIndex];
-        this.drawNoDataChart(chartKey);
-        // 强制关闭loading
-        Vue.set(this.loadingMap, paramValue, false);
-        return;
-      }
-
-      console.log(`请求参数: enCoilID=${this.enCoilID}, paramField=${paramValue}`);
-
-      // 修复1：使用Vue.set实现响应式赋值，让视图感知状态变化
-      Vue.set(this.loadingMap, paramValue, true);
-
-      getSegmentList({
-        enCoilID: this.enCoilID,
-        paramField: paramValue
-      }).then(res => {
-        const chartKey = this.presetChartKeys[chartIndex];
-        if (res.data && res.data.length > 0) {
-          // 处理数据
-          const { timeStamps, chartData, originalTimeStamps, originalChartData, stat } = this.processChartData(res.data);
-          this.chartDataMap[paramValue] = {
-            timeStamps,
-            chartData,
-            originalTimeStamps,
-            originalChartData
-          };
-          this.statMap[paramValue] = stat;
-          // 仅setOption更新图表，不重新初始化
-          console.log(res)
-          this.drawLineChart(chartKey, paramValue);
-        } else {
-          this.drawNoDataChart(chartKey);
-        }
-      }).catch(err => {
-        console.error(`获取${paramValue}数据失败:`, err);
-        const chartKey = this.presetChartKeys[chartIndex];
-        this.drawErrorChart(chartKey);
-      }).finally(() => {
-        console.log(`完成${paramValue}数据获取, loading关闭`);
-        // 修复2：finally中同样使用Vue.set，确保无论成功失败都关闭loading
-        Vue.set(this.loadingMap, paramValue, false);
-      });
-    },
-
-    // 处理图表数据
-    processChartData(rawData) {
-      rawData.sort((a, b) => a.segNo - b.segNo);
-      const originalTimeStamps = rawData.map(item => item.segNo);
-      const originalChartData = rawData.map(item => parseFloat(item.value));
-
-      let timeStamps = originalTimeStamps;
-      let chartData = originalChartData;
-
-      // 可选：数据采样逻辑
-      // if (rawData.length > this.maxXAxisLabels) {
-      //   const sampleInterval = Math.ceil(rawData.length / this.maxXAxisLabels);
-      //   timeStamps = [];
-      //   chartData = [];
-      //   for (let i = 0; i < rawData.length; i += sampleInterval) {
-      //     timeStamps.push(rawData[i].segNo);
-      //     chartData.push(parseFloat(rawData[i].value));
-      //   }
-      //   if (timeStamps[timeStamps.length - 1] !== rawData[rawData.length - 1].segNo) {
-      //     timeStamps.push(rawData[rawData.length - 1].segNo);
-      //     chartData.push(parseFloat(rawData[rawData.length - 1].value));
-      //   }
-      // }
-
-      let stat = { latestValue: 0, maxValue: 0, minValue: 0, avgValue: 0 };
-      if (originalChartData.length) {
-        stat.latestValue = originalChartData[originalChartData.length - 1];
-        stat.maxValue = Math.max(...originalChartData);
-        stat.minValue = Math.min(...originalChartData);
-        stat.avgValue = originalChartData.reduce((sum, val) => sum + val, 0) / originalChartData.length;
-      }
-
-      return { timeStamps, chartData, originalTimeStamps, originalChartData, stat };
-    },
-
-    // 绘制折线图（仅setOption）
-    drawLineChart(chartKey, paramValue) {
-      const chart = this.chartInstances[chartKey];
-      const chartDataObj = this.chartDataMap[paramValue];
-      const stat = this.statMap[paramValue];
-      const param = this.paramFields.find(item => item.value === paramValue);
-      if (!chart || !chartDataObj) return;
-
-      const option = {
-        backgroundColor: 'transparent',
-        graphic: [],
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { type: 'line' },
-          backgroundColor: 'rgba(255, 255, 255, 0.95)',
-          borderColor: '#d4d4d4',
-          borderWidth: 1,
-          textStyle: { color: '#333' },
-          formatter: (params) => {
-            const paramItem = params[0];
-            return `
-              Sequence: ${paramItem.name}<br>
-              Value: ${paramItem.value.toFixed(2)}<br>
-              Unit: ${this.getParamUnit(paramValue)}
-            `;
-          }
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '10%',
-          top: '15%',
-          containLabel: true
-        },
-        xAxis: {
-          type: 'category',
-          boundaryGap: false,
-          data: chartDataObj.timeStamps,
-          axisLine: { lineStyle: { color: '#d4d4d4' } },
-          axisLabel: {
-            color: '#666',
-            rotate: 45,
-            interval: (index) => {
-              return index % Math.max(1, Math.ceil(chartDataObj.timeStamps.length / this.maxXAxisLabels)) === 0;
-            }
-          },
-          splitLine: { show: false }
-        },
-        yAxis: {
-          type: 'value',
-          name: this.getParamUnit(paramValue),
-          nameLocation: 'middle',
-          nameGap: 30,
-          nameTextStyle: { color: '#666' },
-          axisLine: { lineStyle: { color: '#d4d4d4' } },
-          axisLabel: { color: '#666' },
-          splitLine: {
-            lineStyle: { color: '#e8e8e8', type: 'dashed' }
-          }
-        },
-        series: [
-          {
-            name: param?.label || paramValue,
-            type: 'line',
-            data: chartDataObj.chartData,
-            smooth: true,
-            symbol: 'circle',
-            symbolSize: 4,
-            lineStyle: { color: '#666', width: 2 },
-            itemStyle: { color: '#999' },
-            areaStyle: {
-              color: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  { offset: 0, color: 'rgba(153, 153, 153, 0.3)' },
-                  { offset: 1, color: 'rgba(153, 153, 153, 0.05)' }
-                ]
-              }
-            },
-            markPoint: {
-              data: [{ type: 'max', name: 'Max' }, { type: 'min', name: 'Min' }],
-              itemStyle: { color: '#999' },
-              label: { color: '#333' }
-            },
-            markLine: {
-              data: [{ type: 'average', name: 'Average' }],
-              lineStyle: { color: '#999', type: 'dashed' },
-              label: { color: '#333' }
-            }
-          }
-        ]
-      };
-
-      chart.setOption(option, true);
-    },
-
-    // 绘制空图表
-    drawEmptyChart(chartKey) {
-      const chart = this.chartInstances[chartKey];
-      if (!chart) return;
-
-      const option = {
-        graphic: {
-          elements: [
-            {
-              type: 'text',
-              left: 'center',
-              top: 'center',
-              style: {
-                text: 'Please select performance',
-                fontSize: 16,
-                fontWeight: 'bold',
-                fill: '#999'
-              }
-            }
-          ]
-        },
-        xAxis: { type: 'category', data: [] },
-        yAxis: { type: 'value' },
-        series: []
-      };
-
-      chart.setOption(option);
-    },
-
-    // 绘制无数据图表
-    drawNoDataChart(chartKey) {
-      const chart = this.chartInstances[chartKey];
-      if (!chart) return;
-
-      const option = {
-        graphic: {
-          elements: [
-            {
-              type: 'text',
-              left: 'center',
-              top: 'center',
-              style: {
-                text: 'No data',
-                fontSize: 16,
-                fontWeight: 'bold',
-                fill: '#999'
-              }
-            }
-          ]
-        },
-        xAxis: { type: 'category', data: [] },
-        yAxis: { type: 'value' },
-        series: []
-      };
-
-      chart.setOption(option);
-    },
-
-    // 绘制错误图表
-    drawErrorChart(chartKey) {
-      const chart = this.chartInstances[chartKey];
-      if (!chart) return;
-
-      const option = {
-        graphic: {
-          elements: [
-            {
-              type: 'text',
-              left: 'center',
-              top: 'center',
-              style: {
-                text: 'Data loading failed',
-                fontSize: 16,
-                fontWeight: 'bold',
-                fill: '#f56c6c'
-              }
-            }
-          ]
-        },
-        xAxis: { type: 'category', data: [] },
-        yAxis: { type: 'value' },
-        series: []
-      };
-
-      chart.setOption(option);
-    },
-
-    // 获取参数单位
-    getParamUnit(paramValue) {
-      switch (paramValue) {
-        case 'stripSpeed':
-        case 'stripSpeedTmExit':
-          return 'm/s';
-        case 'tensionPorBr1':
-        case 'tensionPorBr2':
-        case 'tensionBr5Tm':
-        case 'tensionTlBr7':
-          return 'N';
-        case 'cleaningVoltage':
-          return 'V';
-        case 'cleaningCurrent':
-          return 'A';
-        case 'alkaliConcentration':
-        case 'tlElongation':
-          return '%';
-        case 'alkaliTemperature':
-        case 'phfExitStripTemp':
-        case 'rtfExitStripTemp':
-        case 'jcsExitStripTemp':
-        case 'scsExitStripTemp':
-        case 'potTemperature':
-        case 'coolingTowerStripTemp':
-          return '°C';
-        case 'zincPotPower':
-          return 'kW';
-        case 'gasConsumption':
-          return 'm³/h';
-        default:
-          return '';
-      }
     }
   }
 }
@@ -538,7 +121,7 @@ export default {
 
 <style lang="scss" scoped>
 .monitoring-container {
-  height: 100%; /* 根容器高度100%，可根据父容器调整为100% */
+  height: 100%;
   box-sizing: border-box;
 }
 
@@ -588,30 +171,12 @@ export default {
   }
 }
 
-/* 图表项通用样式 */
+/* 图表项容器样式 */
 .preset-chart-item {
   position: relative;
-  border: 1px solid #e8e8e8;
-  border-radius: 8px;
-  padding: 10px;
   box-sizing: border-box;
 }
 
-.chart-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 8px;
-  text-align: center;
-}
-
-.chart-content {
-  width: 100%;
-  height: calc(100% - 24px); /* 减去标题高度 */
-  box-sizing: border-box;
-  min-height: 180px; /* 兜底高度，确保ECharts初始化有尺寸 */
-}
-
 /* 无勾选提示 */
 .no-param-tip {
   width: 100%;
diff --git a/src/views/l2/send/components/FurnaceHistoryPanel.vue b/src/views/l2/send/components/FurnaceHistoryPanel.vue
index 30ac8c0..c81148f 100644
--- a/src/views/l2/send/components/FurnaceHistoryPanel.vue
+++ b/src/views/l2/send/components/FurnaceHistoryPanel.vue
@@ -23,8 +23,8 @@
       <el-table-column label="Device" prop="deviceName" />
       <el-table-column label="Status" prop="status" />
       <el-table-column label="Create Time" prop="createTime"  />
-      <el-table-column label="Finish Time" prop="finishTime"  />
-      <el-table-column label="Action" fixed="right">
+      <el-table-column label="Finish Time" prop="finishTime" width="170" show-overflow-tooltip />
+      <el-table-column label="Action">
         <template slot-scope="scope">
           <el-button type="text" size="mini" @click="apply(scope.row)">Apply</el-button>
           <el-button type="text" size="mini" @click="openDetail(scope.row.jobId)">Detail</el-button>
diff --git a/src/views/l2/track/components/FurCurrent.vue b/src/views/l2/track/components/FurCurrent.vue
index 086530a..c17ec6e 100644
--- a/src/views/l2/track/components/FurCurrent.vue
+++ b/src/views/l2/track/components/FurCurrent.vue
@@ -1,14 +1,13 @@
 <template>
   <!-- 炉火参数表单 -->
   <div class="app-container">
-    <h3>炉火实时参数</h3>
     <!-- flex布局容器，开启自动换行 -->
     <div class="params-list">
-      <!-- 遍历驱动数据的所有键值对 -->
+      <!-- 遍历筛选后的驱动数据键值对 -->
       <div
-        v-for="[key, value] in Object.entries(driveData)"
+        v-for="[key, value] in filteredDriveData"
         :key="key"
-        :class="['param-item', { blink: changedKeys.includes(key) }]"
+        :class="['param-item', { blink: blinkKeyMap[key] }]"
       >
         <!-- 上方label -->
         <span class="param-label">{{ formatLabel(key) }}</span>
@@ -31,7 +30,20 @@ export default {
   data() {
     return {
       prevDriveData: {}, // 存储上一次的驱动数据，用于对比变化
-      changedKeys: [] // 存储当前变化的属性名，用于控制闪烁样式
+      blinkKeyMap: {}, // 每个key独立的闪烁状态（对象形式：{ key1: true, key2: false }）
+      timerMap: {} // 每个key独立的定时器缓存，用于清除旧定时器
+    }
+  },
+  // 筛选包含Actual（不区分大小写）的键值对
+  computed: {
+    filteredDriveData() {
+      // 校验
+      if (!this.driveData || typeof this.driveData !== 'object') {
+        return [];
+      }
+      return Object.entries(this.driveData).filter(([key]) => {
+        return key.toLowerCase().includes('actual');
+      });
     }
   },
   watch: {
@@ -44,33 +56,39 @@ export default {
         }
 
         // 对比新值和旧值，找出变化的属性名
-        const changedKeys = [];
         Object.entries(newVal).forEach(([key, value]) => {
-          // 排除首次不存在的属性，仅对比已有属性的变化
-          if (this.prevDriveData.hasOwnProperty(key)) {
-            // 由于是数字类型，直接对比值是否不同
+          // 仅对比已有属性的变化，且仅处理筛选后的key（包含Actual）
+          if (this.prevDriveData.hasOwnProperty(key) && key.toLowerCase().includes('actual')) {
             if (this.prevDriveData[key] !== value) {
-              changedKeys.push(key);
+              this.triggerBlink(key); // 为每个变化的key单独触发闪烁
             }
           }
         });
 
-        if (changedKeys.length > 0) {
-          this.changedKeys = changedKeys; // 设置变化的属性，触发闪烁
-          // 1秒后清空变化的属性，移除闪烁样式
-          setTimeout(() => {
-            this.changedKeys = [];
-          }, 1000);
-        }
-
         // 更新缓存的旧数据
         this.prevDriveData = JSON.parse(JSON.stringify(newVal));
-        console.log('driveData updated:', newVal, 'changed keys:', changedKeys);
       },
       deep: true
     }
   },
   methods: {
+    // 单独触发某个key的闪烁（核心优化：独立控制）
+    triggerBlink(key) {
+      // 清除该key的旧定时器，避免1秒内多次更新导致定时器叠加
+      if (this.timerMap[key]) {
+        clearTimeout(this.timerMap[key]);
+      }
+
+      // 设置当前key为闪烁状态（触发动画）
+      this.$set(this.blinkKeyMap, key, true);
+
+      // 单独为该key设置定时器，到期后关闭闪烁状态
+      this.timerMap[key] = setTimeout(() => {
+        this.$set(this.blinkKeyMap, key, false);
+        // 定时器执行后，清除缓存的定时器ID
+        delete this.timerMap[key];
+      }, 500); // 闪烁时长可自定义（1秒）
+    },
     // 格式化标签名（将驼峰命名转为中文式分段，提升可读性）
     formatLabel(key) {
       if (!key) return '';
@@ -86,6 +104,12 @@ export default {
       }
       return value;
     }
+  },
+  // 组件销毁时清除所有定时器，避免内存泄漏
+  beforeUnmount() {
+    Object.values(this.timerMap).forEach(timer => {
+      clearTimeout(timer);
+    });
   }
 }
 </script>
@@ -109,7 +133,7 @@ export default {
   width: 200px; /* 固定宽度，可根据需求调整 */
   padding: 12px 16px;
   background-color: #ffffff;
-  border: 1px solid #e6e6e6;
+  border: 2px solid #e6e6e6;
   border-radius: 6px;
   transition: all 0.3s ease;
   display: flex; /* 内部flex垂直布局 */
@@ -131,7 +155,7 @@ export default {
   font-size: 15px;
 }
 
-/* 闪烁动画定义 */
+/* 闪烁动画定义（保留原有动画效果，优化触发逻辑） */
 @keyframes borderBlink {
   0% {
     border-color: #4cd964; /* 初始绿色 */
@@ -147,9 +171,9 @@ export default {
   }
 }
 
-/* 闪烁样式 */
+/* 闪烁样式：每次blink类添加时，动画重新触发 */
 .blink {
   border: 2px solid #4cd964; /* 绿色边框 */
-  animation: borderBlink 1s ease-in-out; /* 执行闪烁动画 */
+  animation: borderBlink 0.5s ease-in-out 1; /* 强制执行1次动画，避免叠加 */
 }
 </style>
\ No newline at end of file