From 86709fb13dfe76c9390b8fa4fbf55638e3074555 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Mon, 11 Dec 2023 00:25:13 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E7=BB=91=E5=AE=9A?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=AE=9E=E6=97=B6=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/fanInfo/bg.png                  | Bin 13469 -> 0 bytes
 public/images/fanInfo/blue-state-icon.png     | Bin 1108 -> 0 bytes
 public/images/fanInfo/red-state-icon.png      | Bin 1058 -> 0 bytes
 {public => src/assets}/images/airInfo/bg.png  | Bin
 .../assets}/images/airInfo/dust-icon.png      | Bin
 .../assets}/images/airInfo/fan-v-icon.png     | Bin
 .../assets}/images/airInfo/o2-icon.png        | Bin
 .../assets}/images/airInfo/tempture-icon.png  | Bin
 .../assets}/images/airInfo/water-icon.png     | Bin
 .../assets}/images/badGasInfo/bg.png          | Bin
 .../images/fanInfo/white-state-icon.png       | Bin 0 -> 832 bytes
 src/assets/images/transducer/icon1.png        | Bin 0 -> 788 bytes
 src/assets/images/transducer/sp_icon_dl.png   | Bin 0 -> 1744 bytes
 src/assets/images/transducer/sp_icon_dy.png   | Bin 0 -> 2275 bytes
 src/assets/images/transducer/sp_icon_pbq.png  | Bin 0 -> 1308 bytes
 src/assets/images/transducer/sp_icon_yc.png   | Bin 0 -> 370 bytes
 src/assets/images/usedEle/white-ele.png       | Bin 0 -> 1131 bytes
 src/assets/styles/index.scss                  |   1 +
 src/components/content/airInfo/AirInfo.vue    |  54 +++--
 .../content/airInfo/childComps/ItemInfo.vue   |  42 ++--
 .../content/badGasInfo/BadGasInfo.vue         |   2 +-
 src/components/content/fanInfo/FanInfo.vue    | 119 ++++++++--
 .../content/transducerList/TransducerList.vue | 213 +++++++++++++++++-
 .../childComps/TransducerItem.vue             | 110 ---------
 src/components/content/usedEle/UsedEle.vue    | 126 +++++++----
 .../content/windPressure/WindPressureList.vue |  35 ++-
 .../childComps/WindPressureItem.vue           |  43 +++-
 src/router/index.js                           |  10 +-
 src/utils/date.js                             |   5 +-
 src/views/{home => debug}/index.vue           |  18 +-
 src/views/tunnel/index.vue                    |  89 +++++++-
 31 files changed, 588 insertions(+), 279 deletions(-)
 delete mode 100644 public/images/fanInfo/bg.png
 delete mode 100644 public/images/fanInfo/blue-state-icon.png
 delete mode 100644 public/images/fanInfo/red-state-icon.png
 rename {public => src/assets}/images/airInfo/bg.png (100%)
 rename {public => src/assets}/images/airInfo/dust-icon.png (100%)
 rename {public => src/assets}/images/airInfo/fan-v-icon.png (100%)
 rename {public => src/assets}/images/airInfo/o2-icon.png (100%)
 rename {public => src/assets}/images/airInfo/tempture-icon.png (100%)
 rename {public => src/assets}/images/airInfo/water-icon.png (100%)
 rename {public => src/assets}/images/badGasInfo/bg.png (100%)
 create mode 100644 src/assets/images/fanInfo/white-state-icon.png
 create mode 100644 src/assets/images/transducer/icon1.png
 create mode 100644 src/assets/images/transducer/sp_icon_dl.png
 create mode 100644 src/assets/images/transducer/sp_icon_dy.png
 create mode 100644 src/assets/images/transducer/sp_icon_pbq.png
 create mode 100644 src/assets/images/transducer/sp_icon_yc.png
 create mode 100644 src/assets/images/usedEle/white-ele.png
 delete mode 100644 src/components/content/transducerList/childComps/TransducerItem.vue
 rename src/views/{home => debug}/index.vue (87%)

diff --git a/public/images/fanInfo/bg.png b/public/images/fanInfo/bg.png
deleted file mode 100644
index 0dfae84a0e51f33f5ea00538be5d0cdbe31dc696..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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

diff --git a/public/images/fanInfo/blue-state-icon.png b/public/images/fanInfo/blue-state-icon.png
deleted file mode 100644
index 9c19279c0c72dbb227ef5c795ebcd8d043795cda..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1108
zcmV-a1grarP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px(4oO5oR7gv;R$FXTRTN$8o-=d`w1|~NQkv=y!8915^SDJZm?$wq0;T~!d?h4m
zV>E;xO;BP8)enA<)DMk`i5NbBAd=X`SCoLXcjmT&Vio^tc$sKb+NMl9=iF`XtuxNE
zHAL^{-Dj_L_C9Mrh<U#Bu-pwX-4v`B!77rshAtxVJBf=zoB{RmOeepa3ySrO>0#-F
zHTwy!BybXtk74wM@g?{*^l841Wzc3d$ju_y0^lc6>g7x)hihS05p59BxgmQ1f=2=D
zZA+^6j*)h*+inw4m%gz(VDTD=6Y+%Fb&52lK4nDrosp#`ZjJ+-R88vfv#U5UUusM3
z_g<7HJ7Et4vRLPI_t)$BN5NhsnvKMK25`hnsGT5#QV`eA?}qS205Ku@r?uL7ehvSu
zx`>G54%vf%bi@;SV<EC4k?Wg22->}*+FC_2WM4%P?5hC%+)Kqa){J<T>>~g_dr2K$
z4iQoK@U-@%YF2mEN|&28mjP)l10|-tWGr4UwNV<!?T@0=mQWxOk()JN065~M^t-hj
z-K@C*NChZIy_CLlt~Ydt%`>og%uDG98P*A{?Qct}JL;(`oizi5bd^WM551)B?iw=N
zf&jY+tN}0vhi`ic)f=9T)act$QEC&@L;1Z<z?Q+3excs&LNE#BXsKO*Hwi8U<moCu
z;uS9$dn5ec<(szx${1Zg|0M<c2UD?6=1N0XX6BHPPZrJyFhgKLZ6E&PrS$TMD4Ty+
zh?kho=C3*?pB!Ab@XB078@`hG^dkGI0N0gPJ!S?Dm3;>yk5v0{%uDIpBBFt*)<DO6
zy4n2n#3J1^(!rU~aL+lpC2s6dK<<a|no!OY&JUEp0T8#Md$VbdMQZ(4R&d%}sw5Kf
zP$sFPly;2Bf~F}uPS-cNiG`}UK$P~)`xJSqR&)XcTI;s6Yk9Ts*q43NE5J&CYe88K
z!RcH~Z!Z*ck*G3tZr1z;NK3smlI#!cOpn%$j+NlK_@uM%)C0`b71DsT2HN;lVsNwO
z8X&jViRd&Pevd$&|Hsb5UP?bvm#8R)P~O6p!Q`yGXL}l6uXLoy2MtrPXLE~#J&<5`
zshtkD4<_`nT4Y6e*D6>y>TS{kphbXlj)MaQptPSqLBZDYn&Mz4rPoywl@)9hMc9HA
zj(DB5TTm&0n=zxHw3mZ2=cROGB~e)miex%ZQ!OL%^En6_Du}LlDZQffU(KdE`!=Qz
zK)aWy9us9m*>GmbLuEvcv!~GCqW|^AL};6D@D+f=f^IPOAO)KM<U#2x^tBR_`hzb#
zR2=2PN!9#6jq<{cZ+bcL?GE5yE+?gVuf1;NFN`l~{CnNHu?#x48sKKZO{`m$68*0h
a$iDz(uSdguTbj}U0000<MNUMnLSTYSo)EzR

diff --git a/public/images/fanInfo/red-state-icon.png b/public/images/fanInfo/red-state-icon.png
deleted file mode 100644
index 42c07ba599e2e86052705413bb54ab9cc9a26dca..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1058
zcmV+-1l{|IP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&+(|@1R7gv`R!wLfRTTcdnfscFm|(31B@NY0QG!wxnLD;h7Fxs#t%THte;}wq
zl+ulYTBJ0(=%$vsPz1qB7dF&dFrZZ=)W&yTMGV&Xvx_8c1&u$6*m-$(=EzLmJl>nU
zd08l(<(zxYcg}aebIv7J`Na2cvA__>yC8BS$*U6=5&0eDj}ZAn0moUXeA_7$i;Uv?
zw_D%<$xR?n3h<Ev&S7EU*VL!CcfAE}Ch!16b^!Rv6?uV`%Gd2;t^kt3K^2AJK>!Z|
z*yr~5zr(Sys8hBwJnTlZvrhnc1;7c{^Y(CJ!Z!P~0Lj*^Ypu1%3H<H4?!%m%TwIOX
zX1i?J(i26|Q30-0N)7SMnLjdn11PD)hT$m!)2=bQ3B=7oYFfWY;5h&#h>W|{>TXU=
z{h3ch04LJ=kN^Y9^R{J`HGr(vhXHJKjoFz8iL`z>2KMKIep)hSTf2(uU>^ebSs9Zg
zhZHEe_=r5|y6#Qw=(1YR3DB1dS}hsl6^dz@#vfdf9f?3vAglFf0Nz)|yxq>xYJEw7
zmY@V?lrcASx<jk=lK>u4#@xfCPa<;M?eD+7NL|+VzZ5dasptb`%#aO&VZ`wskhcPu
zC-A0g%xKEgvKnVxk?pMc{ysX+I#n(|Ta;ZAOhk^g*hO9^xmJM3+xWdyGUm0Etsr<q
z;&`4ltv?5Opj0k@+=+&zAUHyiM;m8EmO!p4XwF}hG1n!wS`gd^k>`_&F4P?7jw{OL
z^BtRVaL|jY)lVSum+QJCu-1vlw*<I9??+%>8FNkY|DPb}E5-3wNkvt)xY)z#>7|s{
z&6}@^JnxtQcN4fMB2y0eeM~w4JQYQwJbQM&uGS5foLvDVazs@sDWx(nuqNv1S)kQA
zbQc$UGa&2x?+W=?+v-GOrBpvBCog1|ZRh4jA+m|UZ2}~8omOGED{JNkP@X!g^=|^K
zE25F)_);8?bSve=QS`LqdHXpr5f=7S5cJtPbuD7BT3;04+JcHsll)GAXEHm1qso{^
zih!EM&?4_-rU7_0?<nMZrLL~0;xODB1Id}jM{<`cm&e*RdnWI84V%n10Y;EeDDn*)
z=U^77=KCi=?rZ@PDXU85&K1cuH*DHetBj!L09NZ60XDV(0iiOcI}g+{g6cBuI8>Vh
z)U-}6zAFcGUKz8Y`ColEwGP#KRfTIJSJ5c}?rr|(0DH6fmL|TulUA;Y)VRvx%L1nj
z-PLsn<o0C32yi%?YfT`<i!VKNIaYZi<IC|lX}Qcc&#fA8uDkx+y42gdzVu(7TPu3u
ce|kXv3(@^A`+>=e+yDRo07*qoM6N<$f&qH{g#Z8m

diff --git a/public/images/airInfo/bg.png b/src/assets/images/airInfo/bg.png
similarity index 100%
rename from public/images/airInfo/bg.png
rename to src/assets/images/airInfo/bg.png
diff --git a/public/images/airInfo/dust-icon.png b/src/assets/images/airInfo/dust-icon.png
similarity index 100%
rename from public/images/airInfo/dust-icon.png
rename to src/assets/images/airInfo/dust-icon.png
diff --git a/public/images/airInfo/fan-v-icon.png b/src/assets/images/airInfo/fan-v-icon.png
similarity index 100%
rename from public/images/airInfo/fan-v-icon.png
rename to src/assets/images/airInfo/fan-v-icon.png
diff --git a/public/images/airInfo/o2-icon.png b/src/assets/images/airInfo/o2-icon.png
similarity index 100%
rename from public/images/airInfo/o2-icon.png
rename to src/assets/images/airInfo/o2-icon.png
diff --git a/public/images/airInfo/tempture-icon.png b/src/assets/images/airInfo/tempture-icon.png
similarity index 100%
rename from public/images/airInfo/tempture-icon.png
rename to src/assets/images/airInfo/tempture-icon.png
diff --git a/public/images/airInfo/water-icon.png b/src/assets/images/airInfo/water-icon.png
similarity index 100%
rename from public/images/airInfo/water-icon.png
rename to src/assets/images/airInfo/water-icon.png
diff --git a/public/images/badGasInfo/bg.png b/src/assets/images/badGasInfo/bg.png
similarity index 100%
rename from public/images/badGasInfo/bg.png
rename to src/assets/images/badGasInfo/bg.png
diff --git a/src/assets/images/fanInfo/white-state-icon.png b/src/assets/images/fanInfo/white-state-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bf15cd0bc2b267577d9fb2d8a0af6fe85297c4b
GIT binary patch
literal 832
zcmV-G1Hb%<P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px%`bk7VR7gv;mP?3_VHC!HkGnE*Ekf9cL?H``6_boIny_#y<&sD?6eh{Aut8%%
zN*T=pxfSJ>1;s)lce@dTV%*D&+wq<8et+Np^L_vS#(dlNJ<oIA=RD_}Pn7x0Y&=i{
zOan#({X)n);0bUYI4S8~DJbO~n%N{^H!un~3!IAx?*nf_%)p3X954r%3p@ojNxGed
z`45qqbpiGO^MLKZVM#wrWou@gf#tw9;54v7(vM_J5s{hobs2y!z#>VX%SoF&H?s<$
z5$NS|OL`xl7l^`3E&&gL^^$(2KsE#GfUdy#aOXoh5i{!q>;uLEmGR4xMD@UMpgMzO
zE3hL4dRbCs){6t#8Q_^DPmXq?P<Su+m@K)>>;*6+1==R5M+q~zjE~(YZjhMhN<?x@
z(xIFTzXEB{CP^d9m}EsnwouXxg+6i3N94K7%x(ZvQlO_K)tK3QcUjZ|6QUZn00$)1
z1*P1LO+b|sxrO^nT3bQ}2RoiR-y0R(UAinIZi}Q{fo#7g;6zuwF(q9nBSQnQByr~(
z&@CtCwWPs;Xcn;1iC#u_oh+%j43XF9VkFZ?U^U=2J_yXth-;BFAP~8UZaGmKP$9`P
zbO-hcGEE0wMRvanJPN>0Ru@^;YvFf?0?#vu8YHz#YG(fGPfpYd^iB{R0hZ>x&YO6c
zBv-*fyx3lNpNA8p7rI>6qQn+RYH#KwQIT|J_SVf&LPmFJEZr(^WJ#WE=4WOF>59x?
zW-iyDoH)<+0k9@<-Y98t38I1-itKG>KGSw)1Re!e0=0nONq#QXi7YZRE7;o?TT#QB
zna?(t$0fYuYa<3SGhYMMDbSmerlyHP4gWN3C|Jo6lmsv{5A@-i{8}aT%pm$Zf&!6m
z)7+t&BJ#p_Pk}Z|a;q1<u$zj9Y9Py96Da`SSu;~awefrlSl-P4u8DByD?E4c#lWGV
zeX&&m-=jL#$8#+~lE3)ErH)_aiHtk`=Ok5&j{V)ru;_pJf&2}z!h53PI<xx#0000<
KMNUMnLSTYoOLP1H

literal 0
HcmV?d00001

diff --git a/src/assets/images/transducer/icon1.png b/src/assets/images/transducer/icon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2294e5a730fd7768298c75cf54d398ff1a3e0125
GIT binary patch
literal 788
zcmV+v1MB>WP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0008pNkl<Zc%1E-
z;Z+(z6ov2WfK-sR0yh<8?I0b96+|m=sX$XfumbHMP=Q!MNC%{X%{Q|y4~YH{W|H9?
zzjN-nGvc{(AFd0iX@joo&aq2WqY_!5TQj@EBZflp5%vSs=ona_Gc#Ka13Y3iIwlqj
z@X08D$>s(PT%iXZT&f`GSxFj8x<&&RVSq;#H40o&{1z`3`nK{R7GZ#n#lQy!SmDJ&
z-Ad9=6xkYp^6__~bg1l|S^EaC;-Rv4X6+lmiigVHnYC{KD;_F)XV$&}ED6MZ#YQNw
zBKjMi1hTy|Yu^BNFhn-$U)eV~GqafzKz@fsat%;Peye-t#1g$YlHXyGECU3HUFQaf
z&XWB;z-th@&J7TqB|GN;OGzJ5;Fp<IN(9**7RfolOwwl*n44LnM3CKKk@o>!gV>pl
ze1NH>a}>BUv#}CEc85iB4$#U!cudT!RU*jlut?4UD)k=$15=`xN(9;7nYC{KD;_F)
zXV$&}EEz;s0%Dg+2)W*wwQm4R0<qt*v3jONU*Jg~yTc+`1|YJ=9?>QzmgpxzzISHr
z8^8{R$m1R$K<re<{5lXIx)Kn(R6@x0&a8a{Sn*KVJG1r;V8uga@66gafE5pwy)*0e
z29EM?qYL~L1tym8O;--++sfZ0K7|1;S=^w3R{d>nse+(qrT(_u%DITwJP$6gQ?xe>
z9J5}7Ga5<vXoOPm#F2G8l<*Kb(*Z*e7PDT0{A;XLI-XF&k*lpkIcTi@zm#ttgs`ow
z0C^+q9yLlsD1OUPQ$6$7p>KhL9Tp*UD~pF3_2t7519S9+Z(ZR@Ftj(6d~pE2e2ul*
zW?~ucaO*?&fubE2p<KA5jaY_fy^-@9g=c-H3?v%>&QK^Hh8UQmP=1AH!O-5&e{+Cc
zCYIrn*(JvSSudGgQV%dkp?tPWW*0+yL;uYICiV|5nOzPY-~p@AnDR6I2mSzW{@EXv
S>TneR0000<MNUMnLSTXgb6PI|

literal 0
HcmV?d00001

diff --git a/src/assets/images/transducer/sp_icon_dl.png b/src/assets/images/transducer/sp_icon_dl.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d0dc0feee0e1619ee18793a42ef80a27d73820e
GIT binary patch
literal 1744
zcmV;>1~2)EP)<h;3K|Lk000e1NJLTq002e+002e^1^@s6aW3M700001b5ch_0Itp)
z=>Px*ib+I4RCr$PoPSVMRTRg+cYmrZ>y%3VK$J2-k;F1ZG*p}dp-?LnXDW3jEi2P>
z!3I(kLsKw+^utn19d)$8vP>LvMnwqLv=JwD#QXt*iZZ5vzt~@|xmR~%VR7H?KGc1_
z`xorqciuUlciy@8p1tQ1@NB(?&efPS#&~dCv<&FO0Z#(Z0#Nf5algCO1E?jy84GX(
zgzQmVSME5zZ|-$IiV$a=o{IUnhe9r!1%hz^e4O=v$iKe<4x3G8%c9e}K09?UU7H2d
zW5iUooM<yZxaj~?54pjvs%HR4mYKQQIj44hK|QNUa|ot;Tyn=&GUd-4hX_~i=uQ0z
zf&R9|IJzt^tE#cyO~8c2%?`7`yn_&Q^(G_T)s^E=A%i^rMBe<r8_KW)Lp?<W<)4oV
z6e|b{#{gshhMr>sLt~0U?z>OyuTOKHMPDnExo)U6=Gedl$E7U-;ZodnNl{$Kk;SEX
znX{-Z3=A8R6|!R@9DQ7UUIvrN5=w`11|~Qzbu|dyc2$Zf`*T=RnzvvQp)*>ukAV(X
z-adH~>N(wz-%xcVK`*C`B^<X!D5+wQ!x551g5p!ZCBS4c7$lSp9I%Rn#HZ>xV1Q6U
z#UO_O2S{*y>SX{O#9)wsHdIqEw}na_gopP=RMbFp_3sRo>i(=d4F&@$DlcIF{vwo=
z&>4pyt)7D6gb?-GtMQ16iWEYW+cGGetv~H>`+B>zk`Q2??Hh*i<C6qY$WtNf)^EY#
z!*=UIw?qo!G1I3_Mqpq!n*zIb?ZNN6^I<ZX+)~Pwixdh4UV3o|Vq&7%WoOTpW7+am
zu845hR}e5+i_`65%1mAQeSu=Nh{9QtJ&*lMV@`6)oxeS4f`D1REYnVhY17j@(aEiA
z8|om${UtEXJO&AjH-VY*?gWH{JdF(-b8zTT39na6^skayt;T}PR8&=6M)s1g!10`A
zi5?7{Jx`o44taUIaq^!tFq_RdckaAXuMs_%H{VD^zkcC15Ziv)iM@LZB``^2N5Mzq
zgJ;5e;^@&6SiNSWQz*29=skuS8QLotiHQkVob@Gc-n=D&u@aa#Aqji;{eiNw3SLk|
z=P|J{!%$Rw2(`6!HUL_!27SZBkiWl}HxyBU2@DLthf^n^uuyN8D(KY74;L@e+?i`l
z6fuS-u~Je#K!^72U^E&r|I;O?srlb)C=!)Q$%bmP*}{vED8P&vGZKR$``ZjIC@4nm
z*5B*^#KuPB+O-<!^?yAYV0!ip!aI}S0wDw!t1h8a$0t~dB7=I(wOR&2tM$bvX){n)
zSBK06OJT7%pZ<EC#{>lU+n%^wE@QLWwr#a2FR#GLZ`LsY8jTMM3iZg%-Ol=sOB#)c
zh<@zvjhk|C@SyYclGlN0oU5V6(qs~yqf}R4!SLZPAmNo*<~20dv}w}@$-4I;lgSvE
zOP8y$aN%-rP8Lm~0F%3QI|>T)%y1fH)92`*(P&UucmN&z+95co2OGkDeKqWrqp`+f
zaU6u_Wn?osUI(VF*0)LUtZ6WBp<fP<9*l&95zKh2r+oMQCPWN)4xynT_YA()Y@OGE
z;WMOAubDGj$2^3#(`U-CV#R9s`LzcP*7s`p`9<F8F?_(#KEs9$!l;pPES7w}bS1A;
zLqpl3^cZTOQb}XYOq8BHjSU-e`0}*%6D=5O;ow32aqM_0u3oK?z_?7HnF~biF`ht@
zz<86#WM|ETQmL@1{2+g#H5yIOC8vAheC%35esI(2-a}XaE;eNz<d6ClmFJP2{q@5E
zCNlDQj2$z|V`YR8@WYSWP*il#V^M;53|-IAJZ+yoy**aQ69Gp`j$-ZlElwAleC{C#
z81_yQf+0f&vRzf}9)FC_y#?!Y<=?Apt66@2u^><ci!qHYY~8vQ)M^#FcMo9smzHR2
z*KI~w**VnL8*u9u-9{*E6U<{AsnxBUKW2P1MOcmRN~7zk^76_Sk=<e*W7U=p;dIqZ
zQ<XwCnybl}pA9-Rw^S2!JF6ol0|L4r@%04w`**hGTHG~;=4&b|FCZuPSC?1cF5Z)E
zXO%WUH>FlBZJBrAN^Hx#RAkYV3@fsb%5oflp=CKzAy*SHcM7@a$5QEE131>wKl+hW
zENTN|Uo3jZYozjGG%hcuV5EZdW(v|N9O(#y{|~>A4!z)W=!G=|NyntzJ;K1z0!unr
m$H}r&I*Q2&phxZSuKxhprBbkVByV>B0000<MNUMnLSTZQ$UYnZ

literal 0
HcmV?d00001

diff --git a/src/assets/images/transducer/sp_icon_dy.png b/src/assets/images/transducer/sp_icon_dy.png
new file mode 100644
index 0000000000000000000000000000000000000000..7da834eff02dc81c849ecc618a72a6d52e3d02ac
GIT binary patch
literal 2275
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/transducer/sp_icon_pbq.png b/src/assets/images/transducer/sp_icon_pbq.png
new file mode 100644
index 0000000000000000000000000000000000000000..7cfa4a3e86a75f93e5e606bb4e14751cdd49606b
GIT binary patch
literal 1308
zcmV+%1>^dOP)<h;3K|Lk000e1NJLTq002e+002e^1^@s6aW3M700001b5ch_0Itp)
z=>Px()=5M`RCr$PoNs8GMI6V!m!yBNUADb&)Iuei(v&&zoh_`<I0s@P!er`vq0=#S
z8_2R3ZkoE;c23<U7!lN|D2n31x`NV3VJn%dt`px3sTgT(*l-Sowmw~CP4ndBp6*GL
zCRv^*-i<xUJujd9p6~tcbHBTLp3D7?z~Hso*VCA4oDYD~bvED*3fv07382oP#I-h?
z1E3J#_cU-8gbX__)eQa;?YU&c5mL&?ecubM4!dm+2p$8_P|E%~|2+YUFH&my;Kb1D
z<5%;wD45p!pR2PIXCDX+0;s*tD{R)iBq#~1RM|KF?b|G}@~(nlT>j^q>TNXxl%msY
ziB_^F1f!SJ^Bdxk!xxwOod>4fzxVbu)ImbfVx>x!>no)=Z-YJXYh?e=*%~=uSftdV
z=ErJ*qJv;?l9<0UJ908$*qGw5FN;=s_bC=xtXrkjS)V@UWWad*-3LMF?s7x2BA%n<
zP%Ls_537p?Mw^lywy_GFeayC3GL=f-#-?%&jK?4P00djjs#K&s#fP!Tt4|a5Myoa?
z*>q*~mp5MRl&~jin@HOO-H#GVkMdHj1RYAqCejuN9U;Iol~5sGb)dleq&*NCr9cNS
z(Mr%Ez!~BRg#H3>qlgOmd~0#<Ixn2gWnASIMZt;T5k#ZkbJfif`<sEeEMn=v<+>TW
zg3pR_T+@9s{2t=*^CHTaV_>KVWp7spHg0@Sgmgx8U|<l@lRpS4gFBdph8u8?Z!Nsu
zPSn@e3vpT(RaF(IPyd9Wp<yVqhSr}9`@<E?nl<fs;_*jNS9fg}_2%Z1_~g^07#oWj
zu6QX!u3&n5cVor!<)z9L^83upKX|$45I1eEVBQKJ;O1C4LOX-q<vdpK8KGb%CMI!g
zAc6~jUPM|=b8*^cx1sr_COovk54Zc498JrB*}LyGC<@;}Q77SaHe!F@i`E3gvjq!<
z+tRMfvpk_)iKn9yjERw`;v&ZE>{TrCB$y)8umn>rU`z}nS2dLpQ!Nq0TKb)LKSnIJ
zxZ$9!%?(0G&OMK(6+5;+g{m5SmxA$l+}ht<*|6BX9ox558<>v}i%n$45G`T=#C}`6
zCnJXa>E~(HAmv6(6?P>vGgDQMF>>$)P-s??UFixK*_F%?FllSqH{agA!<d?yF<D(>
z=9XT;i^tEQ|Eq8C#|4gSzBU`0n=QWPYpm`0S@B#k6uPv@ugb=hB$y(cBp54#;n`}&
zI?%!kBfEH(&3%mF>6`>(lt2+X3q;H-`kw0lS=DkLr`Q>MshkH3KEt&ub%%mjwMxi#
zzLFK5nwmy$-y0?Ej2dtS<8rm&$<3Rva^(u6<#Vx{o}R&HpZ8;Ye3FYE6X6Pm2|64O
z+~w`W`t^5%Z95ZrB@+MQ`0<nY?$jt!sT9|uxP#HX>+0&j!-6*_e%b#uMn=wX1)_@y
z+|Js9UBPWaoYqCd;Uk!gpA%7rww+b*2Iww0oh%EP-=!$CI5B)m>;`DLWj?>bv@P>8
z$s!+&mSiE*ateT9X*n{HD-X;<A{V<YQ~$Ey=&66~mP{7SfXPi3U5FZ)UW}#b#SDy0
zNH3C*&fv%+3>FW+kcVCvIrKswg5)tNSB@|!^c5oy)+zCACy!z(0jSyz@A?lUz`mg%
S^sCAM0000<MNUMnLSTXjFMo>w

literal 0
HcmV?d00001

diff --git a/src/assets/images/transducer/sp_icon_yc.png b/src/assets/images/transducer/sp_icon_yc.png
new file mode 100644
index 0000000000000000000000000000000000000000..74c6be92d154e65bf7e26a88af7e023403c8a1dc
GIT binary patch
literal 370
zcmV-&0ge8NP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px$EJ;K`R5(xVlrc`jFcgOW7u79G**F0lfJ}BJdW5ndaR7FX00?>nb`F5VLXS|S
z+EX|HoPaG|+Pca^4oRfAq^S{Xc+C6#<$KSv2|FyS)YQd<*2A_qwFO+=D#Zn`HQyR2
zfZ>LAFi4PP&%&6SU98KDmGTx*bSh@E*nO)E{lYws5B9p<O8_GxI&@)Xeg`mFtXB8^
zB>BkgJ&|u)UQ2n#L=OP=8*EczzUUb9<kvTV4hG<niK1<-6LSXO+=teHd7Hi7+ZHqb
zAL(MbJSy9-%`l&bly@My3ON)okA*SU<(`_Ml`;X*aUk$j7?YpyhT&SNl!1N-kbrqd
z>+108hQ*Bt0s1%SANcjEgf5|VH99KZx|2{yL;l49e`M7p@Fzg`c>Y?;pNY?XMfJ3-
Q%m4rY07*qoM6N<$f}wJwIsgCw

literal 0
HcmV?d00001

diff --git a/src/assets/images/usedEle/white-ele.png b/src/assets/images/usedEle/white-ele.png
new file mode 100644
index 0000000000000000000000000000000000000000..da08f8ab5da77bf206392fd791febb8e183673b4
GIT binary patch
literal 1131
zcmV-x1eE)UP)<h;3K|Lk000e1NJLTq0012T001Ef1^@s6B`cuW00001b5ch_0Itp)
z=>Px(B}qg<R9Hu?mualsQxwI2%baS=F_(&OqEd-!sYaBRG*xq>lKLP-qJpT1AcmMC
z1daGWe36u>mIg7@tZ1S&4<)U6iXcLi5W{lT?YS@izIXfXy^o#T<mKMI&pP|;z1P}L
z^kKF)2fhS$=_Bj~Nk=sO)kiS4PXd<o69Y_@^!$GTeG)jj576ZW@bJO@!)9uGGvE|p
zGH^5SF|bJ=phro1wr5b=hX8j1<A5`PvB2eh0KQxRr*!h~n5pecfop13j{&CvtARcG
z0G%%B>8_x*bBViZW<LRENLp%p7VvN%fGY~%WZNmly}&$4KeppH$h3^abwING445YA
zqd3}r6qwlu=rNL(*-lJiUn-v?CH<K*20(3}SjXX8;4n#_RKPv!B{uC5^i@fdYV20P
zi@?Fa4U&@3dQjWj03QIm)(oF(1K7T@{C!oAfN`54>4`@C?!Y@hFvd$--3GlHxFYqG
zbao>kHTe|St4Gk41#seEU)%HR$Ssm|s%&pj8s-aNTVP*F-!wpH0O{UdZKk9l{<gQQ
zGrlu0CZNXyOM%5D_1VqSZRh*^-ixIN(&cVAuaWduE#a-e1;9B0y$v|O%;9WFiyK+)
z27C^L<VRu)CCzP|7t&9!ED7k!@`MvwX-i)<oYH9-p^?~Yz!XWpH_l5Z|5}J<O+X`6
zJ4zbWa7crNXZINaVn*&DNndwpsPxO|faW$oNXk66%=R?ksSyDFQKf7}r&!w|o3R01
z2dtBn8Eu0;P}QYh+_TE%@7`FD?SV`)E&&|X=(OX2j8fC)0YkL0;c$nfbB6&;O_Si-
zWZD+yagyE}Cg^=&zm5DJs*85E#$zK-duU<1S6ZW4l%>r^7fQ-34Kdpp>NH3vDa=?+
zko5g<wI~b0wZLU9#j!mecoSG9Da70f^yJ*I!%rE3h{Ic50K-UY%TkcpAJgXEH;P^!
zn3_piKKKCJx0endT(2<C97&71bz5oHi-4Pe_1v2P+u4KCv9ALYCH>tzsBD4n7ADz$
z(Ban?eav$WYqry***ZpVpfVLW3)IxCDUzZ%EwjB-;mhv^)ib0%tN8uX<yo70I&jIR
zh=+Yv0o&I#<(>)}aeuIJ_=mtGNk8`hcpq>=5%I_CC0j2zcwI@Ramea9U(y2G3xM+~
zK=!6Q|C%m<V}OT3hXwTQ%EQ03V}^`??ddfj9ha;#TL%ES<+07JphLrjzoS?e1KZVQ
zZmy&Oz#*A7>X@d9+UJw`%LZ|Yq#HW`rEVFuEMceD|8v6Unak9%sjsc@ZX14E;P00-
z$M)W3E}yA!IXHVycH#EcpYIk{u&g;9ts7_<DtsFP_^m8(w^Sk6p>lJcE$eFP7J+`G
xTZ8qI=`tY75mETxY@?al-ntHR8tH$ve*uVRruCdf$1?x`002ovPDHLkV1g`MCbs|p

literal 0
HcmV?d00001

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 842a48a..4cdb863 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -113,6 +113,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
   .el-drawer {
     width: 900px !important;
     background-color: transparent;
+    box-shadow: none;
   }
 }
 
diff --git a/src/components/content/airInfo/AirInfo.vue b/src/components/content/airInfo/AirInfo.vue
index ff4147c..2a9ad95 100644
--- a/src/components/content/airInfo/AirInfo.vue
+++ b/src/components/content/airInfo/AirInfo.vue
@@ -1,42 +1,43 @@
 <template>
   <div id="air-info">
     <div class="fan-speed">
-      <img src="/images/airInfo/fan-v-icon.png" alt="" />
+      <img src="@/assets/images/airInfo/fan-v-icon.png" alt=""/>
       <div class="fan-info">
         <div class="input-fan"><span>风速</span><span>进风：13m/s</span></div>
-        <div class="output-fan"><span>风速</span><span>出风：13m/s</span></div>
+        <div class="output-fan"><span>出风：13m/s</span></div>
       </div>
     </div>
     <item-info
-      :wp="info"
-      icon="/images/airInfo/o2-icon.png"
-      name="氧气"
-      unit="%"
+        :wp="info"
+        icon="o2-icon.png"
+        name="氧气"
+        unit="%"
     />
     <item-info
-      :wp="info1"
-      icon="/images/airInfo/tempture-icon.png"
-      name="温度"
-      unit=".c"
+        :wp="info1"
+        icon="tempture-icon.png"
+        name="温度"
+        unit=".c"
     />
     <item-info
-      :wp="info2"
-      icon="/images/airInfo/water-icon.png"
-      name="湿度"
-      unit="%"
+        :wp="info2"
+        icon="water-icon.png"
+        name="湿度"
+        unit="%"
     />
     <item-info
-      :wp="info3"
-      icon="/images/airInfo/dust-icon.png"
-      name="粉尘"
-      unit="mg/m3"
+        :wp="info3"
+        icon="dust-icon.png"
+        name="粉尘"
+        unit="mg/m3"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, reactive } from "vue";
+import {ref, reactive} from "vue";
 import ItemInfo from "./childComps/ItemInfo.vue";
+
 const info = reactive({
   windPId: 0, //编号
   max: 120, //最大值
@@ -77,11 +78,9 @@ setInterval(() => {
   height: 400px;
   top: 1003px;
   right: 72px;
-  background-image: url(/images/airInfo/bg.png);
-  background-position: center center;
-  background-size: 100%;
-  background-repeat: no-repeat;
+  background-image: url(@/assets/images/airInfo/bg.png);
   padding: 43px 20px 30px 32px;
+
   .fan-speed {
     display: flex;
     height: 40px;
@@ -90,16 +89,23 @@ setInterval(() => {
     color: #ffffff;
     line-height: 40px;
     align-items: center;
+
     img {
       width: 29px;
       height: 34px;
     }
+
     .fan-info {
       flex: 1;
       display: flex;
       justify-content: space-between;
+
       .input-fan {
-        margin: 0px 13px;
+        margin: 0 26px;
+
+        > span:last-child {
+          margin-left: 30px;
+        }
       }
     }
   }
diff --git a/src/components/content/airInfo/childComps/ItemInfo.vue b/src/components/content/airInfo/childComps/ItemInfo.vue
index c3383a2..af294b1 100644
--- a/src/components/content/airInfo/childComps/ItemInfo.vue
+++ b/src/components/content/airInfo/childComps/ItemInfo.vue
@@ -1,7 +1,8 @@
 <template>
   <div id="item-info">
     <div class="label">
-      <img :src="icon" alt="" />
+      <div :style="{ backgroundImage: 'url(' +getImageUrl(windIcon)+')' }" class="wind-icon"></div>
+      <!--      <img :src="params.icon" alt="" />-->
       <span>{{ params.name }}</span>
     </div>
     <div class="container" ref="length">
@@ -15,7 +16,8 @@
 </template>
 
 <script setup>
-import { onMounted, watch, defineProps, computed } from "vue";
+import {onMounted, watch, defineProps, computed} from "vue";
+
 const params = defineProps({
   wp: Object,
   icon: String,
@@ -28,32 +30,37 @@ const params = defineProps({
 //   value: 40, //测量值
 //   point: 60, //阈值
 // };
-// const wp = reactive(info);
+const windIcon = reactive(params.icon);
 const length = ref(null);
 const value = ref(null);
 const point = ref(null);
 onMounted(handleOnMounted);
+
 function handleOnMounted() {
   // const  = length.value.offsetWidth);
   setValue();
 }
+
 watch(
-  () => params.wp.value,
-  (value) => {
-    setValue();
-  }
+    () => params.wp.value,
+    (value) => {
+      setValue();
+    }
 );
-function setValue() {
+const getImageUrl = (name) => {
+  return new URL(`../../../../assets/images/airInfo/${name}`, import.meta.url).href
+}
+const setValue = () => {
   let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
   value.value.style.width = `${width}px`;
   let flag = (params.wp.point * length.value.offsetWidth) / params.wp.max;
   point.value.style.left = `${flag}px`;
   if (width >= flag) {
     value.value.style.background =
-      "linear-gradient(270deg, #FB3838 0%, #E98526 100%)";
+        "linear-gradient(270deg, #FB3838 0%, #E98526 100%)";
   } else {
     value.value.style.background =
-      "linear-gradient(270deg, #38CAFB 0%, #E9D726 100%)";
+        "linear-gradient(270deg, #38CAFB 0%, #E9D726 100%)";
   }
 }
 let isWaring = computed(() => {
@@ -69,30 +76,34 @@ const valueAndUnit = computed(() => params.wp.value + params.unit + "");
   align-items: center;
   width: 100%;
   padding: 20px 0px 14px 0px;
+
   .label {
     display: flex;
     align-items: center;
 
-    img {
-      height: 34px;
+    .wind-icon{
+      height: 36px;
       width: 34px;
     }
+
     span {
-      width: 101px;
+      width:70px;
       height: 37px;
       font-size: 28px;
       font-family: MicrosoftYaHei;
       color: #d6f1fa;
       line-height: 37px;
-      margin: 0px 20px 0px 14px;
+      margin: 0 20px 0 22px;
     }
   }
+
   .container {
     width: 422px;
     height: 24px;
     border-radius: 12px;
     border: 1px solid #0f82af;
     position: relative;
+
     .value {
       height: inherit;
       width: 0px;
@@ -100,6 +111,7 @@ const valueAndUnit = computed(() => params.wp.value + params.unit + "");
       border-radius: 10px;
       transition: width 0.5s linear 0s;
     }
+
     #point {
       position: absolute;
       height: inherit;
@@ -109,6 +121,7 @@ const valueAndUnit = computed(() => params.wp.value + params.unit + "");
       left: 1px;
     }
   }
+
   .value-num {
     height: 37px;
     width: 160px;
@@ -119,6 +132,7 @@ const valueAndUnit = computed(() => params.wp.value + params.unit + "");
     margin-left: 20px;
     text-align: right;
   }
+
   .warning {
     color: #f75f34;
     font-size: 28px;
diff --git a/src/components/content/badGasInfo/BadGasInfo.vue b/src/components/content/badGasInfo/BadGasInfo.vue
index 2955d2d..dc3f19b 100644
--- a/src/components/content/badGasInfo/BadGasInfo.vue
+++ b/src/components/content/badGasInfo/BadGasInfo.vue
@@ -69,7 +69,7 @@ setInterval(() => {
   height: 621px;
   top: 1441px;
   right: 62px;
-  background-image: url(/images/badGasInfo/bg.png);
+  background-image: url(@/assets/images/badGasInfo/bg.png);
   .title {
     width: 128px;
     height: 45px;
diff --git a/src/components/content/fanInfo/FanInfo.vue b/src/components/content/fanInfo/FanInfo.vue
index d6745bc..dbb8398 100644
--- a/src/components/content/fanInfo/FanInfo.vue
+++ b/src/components/content/fanInfo/FanInfo.vue
@@ -9,10 +9,10 @@
         <div class="fan-name">一号风机</div>
         <!-- 功能 -->
         <div class="option-nav">
-          <div class="state">
+          <div class="state " :class="{ 'blue-state': isStart }">
             <div :class="{ stopColor: !isStart }">
-              <span> <img :src="stateIcon1" alt=""/>状态：</span
-              ><span>{{ state }}</span>
+              <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIcon1)+')' }" class="state-icon"></div>
+              状态：{{ state }}
             </div>
             <div class="switch">
               <div
@@ -53,27 +53,24 @@
       </div>
       <div class="fan-item">
         <!-- echarts -->
-
         <div class="echart" ref="info2"></div>
         <!-- 风机名称 -->
         <div class="fan-name">二号风机</div>
         <!-- 功能 -->
         <div class="option-nav">
-          <div class="state">
+          <div class="state" :class="{ 'blue-state': isStart2 }">
             <div :class="{ stopColor: !isStart2 }">
-              <span><img :src="stateIcon2" alt=""/>状态：{{ state2 }}</span
-              ><span></span>
+              <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIcon2)+')' }" class="state-icon"></div>
+              状态：{{ state2 }}
             </div>
             <div class="switch">
               <div
-                  id="auto"
                   :class="{ active: isStart2 }"
                   @click="isStart2 = true"
               >
                 启动
               </div>
               <div
-                  id="stop"
                   :class="{ active: !isStart2 }"
                   @click="isStart2 = false"
               >
@@ -108,6 +105,14 @@
 <script setup>
 import * as echarts from "echarts";
 import {ref, reactive, onMounted, computed, watch} from "vue";
+const props = defineProps({
+  list: Array
+});
+const socketData = ref()
+watch(() => props.list, (now, old) => {
+  // console.log('socketDatawatch', now, old)
+  // socketData.value=now
+}, {deep: true});
 
 onMounted(handleOnMounted);
 
@@ -359,30 +364,62 @@ watch(fan02_option, () => {
 // 一号风机启动停止按钮
 const isStart = ref(true);
 let state = computed(() => {
-  return isStart.value ? "启动" : "停止";
+  return isStart.value ? "运行" : "故障";
+  // return socketData[0].running ? "运行" : "故障";
 });
 const stateIcon1 = computed(() =>
     isStart.value
-        ? "/images/fanInfo/blue-state-icon.png"
-        : "/images/fanInfo/red-state-icon.png"
+        ? "blue-state-icon.png"
+        : "red-state-icon.png"
 );
-const isStart2 = ref(true);
+
+const isStart2 = ref(false);
 let state2 = computed(() => {
-  return isStart2.value ? "启动" : "停止";
+  return isStart2.value ? "运行" : "故障";
 });
 const stateIcon2 = computed(() =>
     isStart2.value
-        ? "/images/fanInfo/blue-state-icon.png"
-        : "/images/fanInfo/red-state-icon.png"
+        ? "blue-state-icon.png"
+        : "red-state-icon.png"
 );
 let is = ref("isInput");
 // 功率是否自动
 let isSAuto1 = ref("false");
 let isSAuto2 = ref("false");
+const getImageUrl = (name) => {
+  return new URL(`../../../assets/images/fanInfo/${name}`, import.meta.url).href
+}
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-radio__input {
+:deep( .el-radio__input.is-checked + .el-radio__label) {
+  color: #38CAFB;
+}
+
+:deep( .el-radio__input.is-checked .el-radio__inner) {
+  border-color: #062247;
+  background: #38CAFB;
+}
+
+:deep( .el-radio__inner) {
+  border: none;
+  background: none;
+}
+
+:deep(.el-radio__inner::after) {
+  display: none;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+:deep( .el-radio__input) {
   width: 24px;
   height: 24px;
   border: 2px solid #38cafb;
@@ -392,7 +429,7 @@ let isSAuto2 = ref("false");
   justify-content: center;
 }
 
-::v-deep .el-radio__label {
+:deep( .el-radio__label) {
   font-size: 28px;
   font-family: MicrosoftYaHei;
   color: #38cafb;
@@ -409,9 +446,6 @@ let isSAuto2 = ref("false");
   padding: 10px;
 
   background-image: url(../../../assets/images/fanInfo/bg.png);
-  background-position: center center;
-  background-size: 100%;
-  background-repeat: no-repeat;
   //clip-path: polygon(0% 0%, 40% 0%, 48% 15%, 100% 15%, 100% 100%, 0% 100%);
   color: #2fb0df;
 
@@ -441,6 +475,7 @@ let isSAuto2 = ref("false");
         margin: 0px 0px 0px 10px;
         position: relative;
       }
+
       .echart::after {
         content: "Hz";
         font-size: 24px;
@@ -470,6 +505,20 @@ let isSAuto2 = ref("false");
         display: flex;
         width: 70%;
 
+        .blue-state {
+          > div:first-child:hover {
+            color: #fff;
+            background-color: #127399;
+            width: 180px;
+            padding-left: 5px;
+            border-radius: 8px;
+
+            > div:first-child {
+              background-image: url('../../../assets/images/fanInfo/white-state-icon.png') !important;
+            }
+          }
+        }
+
         .state {
           flex: 1;
           display: flex;
@@ -479,13 +528,28 @@ let isSAuto2 = ref("false");
           font-family: MicrosoftYaHei;
           color: #38cafb;
           line-height: 35px;
-          gap: 33px;
+          gap: 40px;
+
+          > div:first-child {
+            display: flex;
+            align-items: center;
+            padding-left: 5px;
+
+            > div {
+              margin-right: 10px;
+            }
+          }
 
           img {
             margin-right: 4px;
             transform: translateY(15%);
           }
 
+          .state-icon {
+            width: 26px;
+            height: 26px;
+          }
+
           .switch {
             display: flex;
             width: 160px;
@@ -566,4 +630,15 @@ let isSAuto2 = ref("false");
 .stopColor {
   color: red;
 }
+
+.stopColor:hover {
+  color: #fff;
+  width: 180px;
+  background: #9B2222;
+  border-radius: 8px;
+
+  > div:first-child {
+    background-image: url('../../../assets/images/fanInfo/white-state-icon.png') !important;
+  }
+}
 </style>
diff --git a/src/components/content/transducerList/TransducerList.vue b/src/components/content/transducerList/TransducerList.vue
index fdfd69c..39df99c 100644
--- a/src/components/content/transducerList/TransducerList.vue
+++ b/src/components/content/transducerList/TransducerList.vue
@@ -1,11 +1,126 @@
 <template>
   <div id="transducer-list">
-    <transducer-item v-for="(item, key) in 6" :isFirst="key === 0" />
+    <div v-for="(item,index) in socketData" :key="item.equipmentId">
+      <div class="transducer-item">
+        <img src="@/assets/images/transducer/sp_icon_dy.png"/>
+        <div class="info">
+          <div class="name-state">
+            <div class="name">{{index===1?'二':'一'}}号变频器</div>
+            <div class="state">
+              <img src="@/assets/images/transducer/greenLight.png"/>
+              <span>正常</span>
+            </div>
+          </div>
+          <div class="one-item">
+            <div>A相电压:{{ item.phaseVoltageA }}V</div>
+            <div>B相电压:{{ item.phaseVoltageB }}V</div>
+            <div>C相电压:{{ item.phaseVoltageC }}V</div>
+          </div>
+        </div>
+      </div>
+      <div class="transducer-item">
+        <img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
+        <div class="info">
+          <div class="name-state">
+            <div class="name">{{index===1?'二':'一'}}号变频器</div>
+            <div class="state" v-if="item.phaseCurrentB>'100'">
+              <img src="@/assets/images/transducer/sp_icon_yc.png" alt=""/>
+              <span style="color: red">异常</span>
+            </div>
+            <div class="state" v-else>
+              <img src="@/assets/images/transducer/greenlight.png" alt=""/>
+              <span>正常</span>
+            </div>
+          </div>
+          <div class="one-item">
+            <div>A相电流:{{ item.phaseCurrentA }}A</div>
+            <div :style="{'color':item.phaseCurrentB>'100'?'red':''}">B相电流:{{ item.phaseCurrentB }}A</div>
+            <div>C相电流:{{ item.phaseCurrentC }}A</div>
+          </div>
+        </div>
+      </div>
+      <div class="transducer-item">
+        <img src="@/assets/images/transducer/sp_icon_pbq.png"/>
+        <div class="info">
+          <div class="name-state">
+            <div class="name">{{index===1?'二':'一'}}号变频器</div>
+            <div class="state">
+              <img src="@/assets/images/transducer/greenLight.png"/>
+              <span>正常</span>
+            </div>
+          </div>
+          <div class="other-item frequency">
+            <div>
+              <img
+                  src="@/assets/images/transducer/icon2.png"
+                  alt=""
+              /><span>给定频率:{{ item.frequencySetting }}HZ</span>
+            </div>
+            <div>
+              <img
+                  src="@/assets/images/transducer/icon2.png"
+                  alt=""
+              /><span>反馈频率:{{ item.frequencyFeedback }}HZ</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
-import TransducerItem from "./childComps/TransducerItem.vue";
+const props = defineProps({
+  list: Array,
+  feedback: Array,
+});
+const socketData = ref([
+  {
+    equipmentId: 23,
+    phaseCurrentA: '124.01',
+    phaseCurrentB: '124.51',
+    phaseCurrentC: '125.01',
+    phaseVoltageA: '404.01',
+    phaseVoltageB: '404.51',
+    phaseVoltageC: '414.01',
+    frequencySetting: '23',
+    frequencyFeedback: '23'
+  },
+  {
+    equipmentId: 23,
+    phaseCurrentA: '124.01',
+    phaseCurrentB: '124.51',
+    phaseCurrentC: '125.01',
+    phaseVoltageA: '404.01',
+    phaseVoltageB: '404.51',
+    phaseVoltageC: '414.01',
+    frequencySetting: '23',
+    frequencyFeedback: '23'
+  }
+])
+const contactData=ref([])
+watch(() => props.list, (now, old) => {
+  console.log('电流电压',now,contactData.value)
+  let obj={}
+  let arr=[]
+  contactData.value.forEach(contactItem=>{
+    now.forEach(item=>{
+      if(contactItem.equipmentId===item.equipmentId){
+        obj={
+          ...item,
+          frequencySetting: contactItem.frequencySetting,
+          frequencyFeedback: contactItem.frequencyFeedback
+        }
+        arr.push(obj)
+      }
+    })
+  })
+  socketData.value=arr
+}, {deep: true});
+watch(() => props.feedback, (now, old) => {
+  console.log('变频器频率',now)
+  contactData.value=now
+}, {deep: true});
 </script>
 
 <style lang="scss" scoped>
@@ -14,12 +129,94 @@ import TransducerItem from "./childComps/TransducerItem.vue";
   position: absolute;
   top: 744px;
   left: 70px;
-  width: 826px;
+  //width: 826px;
   height: 928px;
-  background-image: url(../../../assets/images/transducer/bg.png);
-  background-position: center center;
-  background-size: 100%;
-  background-repeat: no-repeat;
-  padding: 30px;
+  background-image: url(@/assets/images/transducer/bg.png);
+  padding: 0 30px;
+
+  .transducer-item {
+    border-bottom: rgba(107, 163, 237, 0.4) solid 2px;
+    //height: 148px;
+    display: flex;
+    align-items: center;
+    padding: 30px 0 30px 20px;
+
+    & > img {
+      height: 70px;
+      width: 70px;
+    }
+
+    .info {
+      // border: white solid 1px;
+      //padding: 2px 5px;
+      flex: 1;
+      //height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-around;
+
+      .name-state {
+        height: 40px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 0 0 24px;
+
+        margin-bottom: 16px;
+
+        .name {
+          width: 155px;
+          height: 40px;
+          font-size: 30px;
+          font-weight: bold;
+          color: #38cafb;
+          line-height: 40px;
+        }
+
+        .state {
+          width: 80px;
+          height: 31px;
+          font-size: 24px;
+          font-weight: bold;
+          color: #19d172;
+          line-height: 31px;
+
+          img {
+            height: 20px;
+            margin-right: 5px;
+          }
+        }
+      }
+
+      .one-item,
+      .other-item {
+        //height: 47px;
+        display: flex;
+        justify-content: space-between;
+        color: white;
+        align-items: center;
+        font-size: 28px;
+        line-height: 37px;
+        padding: 0px 0px 0px 24px;
+
+        img {
+          margin-right: 14px;
+        }
+      }
+
+      .frequency {
+        justify-content: flex-start;
+
+        > div:first-child {
+          margin-right: 40px;
+        }
+      }
+    }
+  }
+
+  .isFirst {
+    border: none;
+    height: calc(155px - 30px);
+  }
 }
 </style>
diff --git a/src/components/content/transducerList/childComps/TransducerItem.vue b/src/components/content/transducerList/childComps/TransducerItem.vue
deleted file mode 100644
index 4aef1c2..0000000
--- a/src/components/content/transducerList/childComps/TransducerItem.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-  <div class="transducer-item" :class="{ isFirst: isFirst }">
-    <img src="../../../../assets/images/transducer/transducer.png" />
-    <div class="info">
-      <div class="name-state">
-        <div class="name">一号变频器</div>
-        <div class="state">
-          <img src="../../../../assets/images/transducer/greenLight.png" />
-          <span>正常</span>
-        </div>
-      </div>
-      <div class="one-item">
-        <div>A项电压：21V</div>
-        <div>B项电压：21V</div>
-        <div>C项电压：21V</div>
-      </div>
-      <div class="other-item" v-if="false">
-        <div>
-          <img
-            src="../../../../assets/images/transducer/icon2.png"
-            alt=""
-          /><span>给定频率：223HZ</span>
-        </div>
-        <div>
-          <img
-            src="../../../../assets/images/transducer/icon2.png"
-            alt=""
-          /><span>反馈频率：23HZ</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, defineProps } from "vue";
-defineProps({
-  isFirst: Boolean,
-});
-</script>
-
-<style lang="scss" scoped>
-.transducer-item {
-  border-top: rgba(107, 163, 237, 0.4) solid 2px;
-  height: 155px;
-  display: flex;
-  align-items: center;
-
-  & > img {
-    height: 70px;
-    width: 70px;
-  }
-  .info {
-    // border: white solid 1px;
-    padding: 2px 5px;
-    flex: 1;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    .name-state {
-      height: 40px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-family: MicrosoftYaHei;
-      padding: 0px 20px 0px 20px;
-      .name {
-        width: 155px;
-        height: 40px;
-        font-size: 30px;
-        font-family: MicrosoftYaHei, MicrosoftYaHei;
-        font-weight: bold;
-        color: #38cafb;
-        line-height: 40px;
-      }
-      .state {
-        width: 80px;
-        height: 31px;
-        font-size: 24px;
-        font-family: MicrosoftYaHei, MicrosoftYaHei;
-        font-weight: bold;
-        color: #19d172;
-        line-height: 31px;
-        img {
-          height: 20px;
-          margin-right: 5px;
-        }
-      }
-    }
-    .one-item,
-    .other-item {
-      height: 47px;
-      display: flex;
-      font-family: MicrosoftYaHei;
-      justify-content: space-between;
-      color: white;
-      align-items: center;
-      font-size: 28px;
-      font-family: MicrosoftYaHei, MicrosoftYaHei;
-      line-height: 37px;
-      padding: 0px 0px 0px 24px;
-    }
-  }
-}
-.isFirst {
-  border: none;
-  height: calc(155px - 30px);
-}
-</style>
diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index a623c1d..94f324f 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -2,49 +2,20 @@
   <div id="used-ele">
     <div class="title">用电量</div>
     <div class="content">
-      <div class="item">
-        <div class="name">一号变频器</div>
+      <div class="item" v-for="(item,index) in socketData" :key="item.equipmentId">
+        <div class="name">{{index===1?'二':'一'}}号变频器</div>
         <ul>
           <li>
-            <img
-              src="../../../assets/images/usedEle/icon-all.png"
-              alt=""
-            /><span>总用电量：2345v</span>
+            <div></div>
+            <span>总用电量：{{ item.electricityConsumptionTotal }}v</span>
           </li>
           <li>
-            <img
-              src="../../../assets/images/usedEle/icon-month.png"
-              alt=""
-            /><span>总用电量：2345v</span>
+            <div></div>
+            <span>月用电量：{{ item.electricityConsumptionMonthly }}v</span>
           </li>
           <li>
-            <img
-              src="../../../assets/images/usedEle/icon-day.png"
-              alt=""
-            /><span>总用电量：2345v</span>
-          </li>
-        </ul>
-      </div>
-      <div class="item">
-        <div class="name">二号变频器</div>
-        <ul>
-          <li>
-            <img
-              src="../../../assets/images/usedEle/icon-all.png"
-              alt=""
-            /><span>总用电量：2345v</span>
-          </li>
-          <li>
-            <img
-              src="../../../assets/images/usedEle/icon-month.png"
-              alt=""
-            /><span>总用电量：2345v</span>
-          </li>
-          <li>
-            <img
-              src="../../../assets/images/usedEle/icon-day.png"
-              alt=""
-            /><span>总用电量：2345v</span>
+            <div></div>
+            <span>日用电量：{{ item.electricityConsumptionDay }}v</span>
           </li>
         </ul>
       </div>
@@ -53,11 +24,29 @@
 </template>
 
 <script setup>
-import { defineProps } from "vue";
-defineProps({
+const props = defineProps({
   oneTransducer: Object,
   twoTransducer: Object,
+  list: Array
 });
+const socketData = ref([
+  {
+    electricityConsumptionDay: 234,
+    electricityConsumptionMonthly: 345,
+    electricityConsumptionTotal: 235,
+    equipmentId: 22,
+  },
+  {
+    electricityConsumptionDay: 234,
+    electricityConsumptionMonthly: 345,
+    electricityConsumptionTotal: 235,
+    equipmentId:23,
+  }
+])
+watch(() => props.list, (now, old) => {
+  console.log('用电量',now,old)
+  socketData.value = now
+}, {deep: true});
 </script>
 
 <style lang="scss" scoped>
@@ -69,10 +58,8 @@ defineProps({
   top: 1711px;
   left: 68px;
   background-image: url(../../../assets/images/usedEle/bg.png);
-  background-position: center center;
-  background-size: 100%;
-  background-repeat: no-repeat;
-  padding: 21px 62px 37px 70px;
+  padding: 21px 62px 35px 62px;
+
   .title {
     width: 96px;
     height: 42px;
@@ -82,14 +69,17 @@ defineProps({
     color: #38cafb;
     line-height: 42px;
   }
+
   .content {
     //border: white solid 1px;
     height: calc(100% - 30px);
     margin-top: 4px;
     display: flex;
+
     .item {
       flex: 1;
       font-size: 12px;
+
       .name {
         width: 150px;
         height: 40px;
@@ -100,32 +90,76 @@ defineProps({
         line-height: 40px;
         margin: 24px 0px 28px 0px;
       }
+
       ul {
         font-size: 14px;
+
         li {
           display: flex;
           align-items: center;
-          width: 270px;
+          //width: 270px;
           height: 37px;
           font-size: 28px;
           font-family: MicrosoftYaHei;
           color: #cb7c4b;
           line-height: 37px;
           margin-bottom: 25px;
-          img {
+          padding-left: 5px;
+
+          &:hover {
+            width: 280px;
+            //height: 46px;
+            background: #2E5589;
+            border-radius: 7px;
+            color: #FBF7F4;
+
+            > div {
+              background-image: url(../../../assets/images/usedEle/white-ele.png);
+            }
+          }
+
+          > div {
             width: 29px;
-            width: 33px;
+            height: 33px;
+            background-image: url(../../../assets/images/usedEle/icon-all.png);
             margin-right: 14px;
           }
+
+          &:nth-child(2) {
+            > div {
+              background-image: url(../../../assets/images/usedEle/icon-month.png);
+            }
+
+            &:hover {
+              > div {
+                background-image: url(../../../assets/images/usedEle/white-ele.png);
+              }
+            }
+          }
+
+          &:nth-child(3) {
+            > div {
+              background-image: url(../../../assets/images/usedEle/icon-day.png);
+            }
+
+            &:hover {
+              > div {
+                background-image: url(../../../assets/images/usedEle/white-ele.png);
+              }
+            }
+          }
         }
+
         & > :nth-child(2) {
           color: #4bcb6b;
         }
+
         & > :nth-child(3) {
           color: #4bcbbc;
         }
       }
     }
+
     & > :nth-child(2) {
       transform: translateX(25px);
     }
diff --git a/src/components/content/windPressure/WindPressureList.vue b/src/components/content/windPressure/WindPressureList.vue
index 62bb015..6807567 100644
--- a/src/components/content/windPressure/WindPressureList.vue
+++ b/src/components/content/windPressure/WindPressureList.vue
@@ -2,81 +2,77 @@
   <div id="wind-pressure">
     <div class="name">风压</div>
     <div class="list">
-      <wind-pressure-item v-for="item in wpList" :wp="item" />
+      <wind-pressure-item v-for="(item,index) in wpList" :wp="item" :index="index+1"/>
     </div>
   </div>
 </template>
 
 <script setup>
 import WindPressureItem from "./childComps/WindPressureItem.vue";
-import { reactive } from "vue";
-const wpList = reactive([
+const props = defineProps({
+  list: Array
+});
+const wpList = ref([
   {
-    windPId: 1, //编号
     max: 120, //最大值
     value: 40, //测量值
     point: 60, //阈值
   },
   {
-    windPId: 1, //编号
     max: 120, //最大值
     value: 66, //测量值
     point: 60, //阈值
   },
   {
-    windPId: 2, //编号
     max: 120, //最大值
     value: 70, //测量值
     point: 50, //阈值
   },
   {
-    windPId: 3, //编号
     max: 120, //最大值
     value: 90, //测量值
     point: 60, //阈值
   },
   {
-    windPId: 4, //编号
     max: 120, //最大值
     value: 40, //测量值
     point: 30, //阈值
   },
   {
-    windPId: 5, //编号
     max: 120, //最大值
     value: 30, //测量值
     point: 50, //阈值
   },
   {
-    windPId: 6, //编号
     max: 120, //最大值
     value: 20, //测量值
     point: 30, //阈值
   },
   {
-    windPId: 7, //编号
     max: 120, //最大值
     value: 20, //测量值
     point: 30, //阈值
   },
   {
-    windPId: 8, //编号
     max: 120, //最大值
     value: 120, //测量值
     point: 80, //阈值
   },
   {
-    windPId: 9, //编号
     max: 120, //最大值
     value: 99, //测量值
     point: 70, //阈值
   },
 ]);
-setInterval(() => {
-  wpList.forEach((item) => {
-    item.value = parseInt(Math.random() * 10) * 10;
-  });
-}, 2000);
+watch(() => props.list, (now, old) => {
+  console.log('风压',now,old)
+  wpList.value=now
+}, {deep: true});
+// setInterval(() => {
+//   wpList.forEach((item) => {
+//     item.value = parseInt(Math.random() * 10) * 10;
+//   });
+// }, 2000);
 </script>
 
 <style lang="scss" scoped>
@@ -87,9 +83,6 @@ setInterval(() => {
   top: 185px;
   right: 68px;
   background-image: url(../../../assets/images/windPressure/bg.png);
-  background-position: center center;
-  background-size: 100%;
-  background-repeat: no-repeat;
   padding-top: 22px;
   .name {
     width: 64px;
diff --git a/src/components/content/windPressure/childComps/WindPressureItem.vue b/src/components/content/windPressure/childComps/WindPressureItem.vue
index 7ee0e3b..afa41a4 100644
--- a/src/components/content/windPressure/childComps/WindPressureItem.vue
+++ b/src/components/content/windPressure/childComps/WindPressureItem.vue
@@ -1,9 +1,9 @@
 <template>
   <div id="wind-pressure-item">
     <div class="label">
-      <img src="../../../../assets/images/windPressure/icon.png" alt="" /><span
-        >{{ params.wp.windPId }}号风压</span
-      >
+      <img src="../../../../assets/images/windPressure/icon.png" alt=""/><span
+    >{{ index }}号风压</span
+    >
     </div>
     <div class="container" ref="length">
       <div class="value" ref="value"></div>
@@ -16,9 +16,11 @@
 </template>
 
 <script setup>
-import { reactive, onMounted, watch, defineProps, computed } from "vue";
+import {reactive, onMounted, watch, defineProps, computed} from "vue";
+
 const params = defineProps({
   wp: Object,
+  index: Number,
 });
 // const info = {
 //   windPId: 0, //编号
@@ -31,16 +33,19 @@ const length = ref(null);
 const value = ref(null);
 const point = ref(null);
 onMounted(handleOnMounted);
+
 function handleOnMounted() {
   // const  = length.value.offsetWidth);
   setValue();
 }
+
 watch(
-  () => params.wp.value,
-  (value) => {
-    setValue();
-  }
+    () => params.wp.value,
+    (value) => {
+      setValue();
+    }
 );
+
 function setValue() {
   let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
   value.value.style.width = `${width}px`;
@@ -52,6 +57,7 @@ function setValue() {
     value.value.style.background = "#60DDDE";
   }
 }
+
 let isWaring = computed(() => {
   return params.wp.value >= params.wp.point;
 });
@@ -63,6 +69,15 @@ let isWaring = computed(() => {
   align-items: center;
   width: 100%;
   padding: 20px 0px 14px 33px;
+
+  &:last-child {
+    .label {
+      span {
+        margin: 0 5px 0 14px;
+      }
+    }
+  }
+
   .label {
     display: flex;
     align-items: center;
@@ -71,22 +86,27 @@ let isWaring = computed(() => {
       height: 26px;
       width: 26px;
     }
+
     span {
-      width: 101px;
+      //width: 101px;
+      white-space: nowrap;
       height: 37px;
       font-size: 28px;
       font-family: MicrosoftYaHei;
       color: #d6f1fa;
       line-height: 37px;
-      margin: 0px 20px 0px 14px;
+      margin: 0 20px 0 14px;
+
     }
   }
+
   .container {
     width: 500px;
     height: 24px;
     border-radius: 12px;
     border: 1px solid #0f82af;
     position: relative;
+
     .value {
       height: inherit;
       width: 0px;
@@ -94,6 +114,7 @@ let isWaring = computed(() => {
       border-radius: 10px;
       transition: width 0.5s linear 0s;
     }
+
     #point {
       position: absolute;
       height: inherit;
@@ -103,6 +124,7 @@ let isWaring = computed(() => {
       left: 1px;
     }
   }
+
   .value-num {
     height: 37px;
     font-size: 28px;
@@ -111,6 +133,7 @@ let isWaring = computed(() => {
     line-height: 37px;
     margin-left: 20px;
   }
+
   .warning {
     color: #f53839;
     font-size: 28px;
diff --git a/src/router/index.js b/src/router/index.js
index bf716ad..bb6dff4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,18 +17,18 @@ const routes = [
   {
     path: '/',
     name: 'home',
-    component: () => import('@/views/home/index.vue'),
+    component: () => import('@/views/tunnel/index.vue'),
     meta: {
       title: '首页',
       breadcrumb: true
     }
   },
   {
-    path: '/tunnel',
-    name: 'tunnel',
-    component: () => import('@/views/tunnel/index.vue'),
+    path: '/debug',
+    name: 'debug',
+    component: () => import('@/views/debug/index.vue'),
     meta: {
-      title: 'tunnel',
+      title: 'debug',
       breadcrumb: true
     }
   }
diff --git a/src/utils/date.js b/src/utils/date.js
index 70aae99..4ece773 100644
--- a/src/utils/date.js
+++ b/src/utils/date.js
@@ -1,6 +1,6 @@
 export const dateFormat = (time = new Date().getTime()) => { //YYYY年MM月DD日 星期d
   const _time = time.toString().length > 10 ? time : time * 1000
-  const weekList = ["一", "二", "三", "四", "五", "六", "日"];
+  const weekList = ["日","一", "二", "三", "四", "五", "六" ];
   const date = new Date(_time);
   const Y = date.getFullYear();
   const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
@@ -9,7 +9,8 @@ export const dateFormat = (time = new Date().getTime()) => { //YYYY年MM月DD日
   const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());
   const s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
   let weekDay = new Date().getDay();
-  const week= weekList[weekDay - 1]
+  console.log('weekDay',weekDay)
+  const week= weekList[weekDay]
   // const strDate = `${Y}/${M}/${D} ${h}:${m}:${s}`
   return `${Y}年${M}月${D}日 星期${week}`;
 }
diff --git a/src/views/home/index.vue b/src/views/debug/index.vue
similarity index 87%
rename from src/views/home/index.vue
rename to src/views/debug/index.vue
index fbe9c87..379a2ab 100644
--- a/src/views/home/index.vue
+++ b/src/views/debug/index.vue
@@ -10,16 +10,16 @@
       <el-button type="primary" @click="handleClear" style="float: right">清除</el-button>
       <div class="socket-box">
         <div v-for="item in dataList" ref="child">
-          <div v-if="item.type == 3">
+          <div v-if="item.typeCmd == 3">
             <span style="color: #007bff">server send:</span>
             <div>{{ item.cmd }}</div>
           </div>
-          <div v-if="item.type == 4">
+          <div v-if="item.typeCmd == 4">
             <span style="color: #28a745"> server receive:</span>
 
             <div>{{ item.cmd }}</div>
           </div>
-          <div v-if="item.type == 1">
+          <div v-if="item.typeCmd == 1">
             <span style="color: red">server send:</span>
             <div>{{ item.cmd }}</div>
           </div>
@@ -65,16 +65,17 @@ watch(
 let socket = reactive('')
 const handleSend = () => {
   let data = {
-    type: 1,
+    type: "send",
+    typeCmd: 1,
     cmd: number.value
   }
-  if(number.value==='')return;
+  if (number.value === '') return;
   socket.send(JSON.stringify(data))
   dataList.value.push(data)
 }
 const initWebSocket = () => {
-  // let wsUrl = `ws://192.168.31.175:9000/debug/${token}/${serialNumber.value}`
-  let wsUrl = `ws://web-tunnel.feashow.com/api/wstunnel/debug/${token}/${serialNumber.value}`
+  let wsUrl = `ws://192.168.31.175:9000/websocket/equipment/${token}/${serialNumber.value}`
+  // let wsUrl = `ws://web-tunnel.feashow.com/api/wstunnel/debug/${token}/${serialNumber.value}`
   console.log(wsUrl)
   socket = new WebSocket(wsUrl)
   //连接发生错误的回调方法
@@ -94,6 +95,9 @@ const initWebSocket = () => {
   socket.onclose = function () {
     console.log("ws连接关闭");
   }
+  setInterval(() => {
+    socket.send(JSON.stringify(send))
+  }, 30000)
 }
 const closeSocket = () => {
   socket.close();
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index da86fe0..978fe38 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -26,9 +26,9 @@
           :close-on-click-modal="false"
           :close-on-press-escape="false"
       >
-        <fan-info v-if="showFan"/>
-        <transducer-list/>
-        <used-ele/>
+        <fan-info v-if="showFan" :list="socketData.frequencyState"/>
+        <transducer-list :list="socketData.currentVoltage" :feedback="socketData.frequencyFeedback"/>
+        <used-ele :list="socketData.electricityConsumption"/>
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>
       <div v-else class="shrink-left" @click="closeLeft"></div>
@@ -43,8 +43,8 @@
           :close-on-click-modal="false"
           :close-on-press-escape="false"
       >
-        <wind-pressure-list v-if="showFan"/>
-        <air-info v-if="showFan"/>
+        <wind-pressure-list v-if="showFan" :list="socketData.windPressure"/>
+        <air-info v-if="showFan" :list="socketData.sensor"/>
         <bad-gas-info v-if="showFan"/>
       </el-drawer>
       <div v-if="drawerRight" class="right-arrow" @click="closeRight"></div>
@@ -74,8 +74,9 @@ import AirInfo from "@/components/content/airInfo/AirInfo.vue";
 import BadGasInfo from "@/components/content/badGasInfo/BadGasInfo.vue";
 import ManageBtn from "@/components/manageBtn/index.vue";
 import {dateFormat} from "@/utils/date.js";
-import {useAuthStore} from '@/store/userstore.js'
 import {onMounted} from "vue";
+import {getToken} from "@/utils/auth";
+import {useAuthStore} from '@/store/userstore.js'
 
 const authStore = useAuthStore()
 const router = useRouter()
@@ -111,9 +112,23 @@ const tunnelList = ref([
     name: '七号隧道'
   },
 ])
-onMounted(()=>{
-  nextTick(()=>{
-    showFan.value=true
+let socket = reactive('')
+const serialNumber = ref('SC00DY00GH00ELBT')
+let token = getToken();
+let send = {
+  type: "ping"
+}
+const socketData = reactive({
+  currentVoltage: [],
+  frequencyState: [],
+  frequencyFeedback: [],
+  electricityConsumption: [],
+  windPressure: [],
+  sensor: [],
+})
+onMounted(() => {
+  nextTick(() => {
+    showFan.value = true
   })
 })
 const manageSelect = () => {
@@ -135,6 +150,62 @@ const previousBtn = () => {
 const nextBtn = () => {
   tunnelBtn.value.next();
 }
+
+const initWebSocket = () => {
+  // let wsUrl = `ws://192.168.31.175:9000/websocket/equipment/${token}/${serialNumber.value}`
+  let wsUrl = `ws://web-tunnel.feashow.com/api/wstunnel/websocket/equipment/${token}/${serialNumber.value}`
+  console.log(wsUrl)
+  socket = new WebSocket(wsUrl)
+  //连接发生错误的回调方法
+  socket.onerror = function () {
+    console.log("ws连接发生错误");
+  };
+  //连接成功建立的回调方法
+  socket.onopen = function () {
+    console.log("ws连接成功");
+  }
+  //接收到消息的回调方法
+  socket.onmessage = function (event) {
+    console.log("服务器返回的信息: ", JSON.parse(event.data));
+    const type = JSON.parse(event.data).type
+    const data = JSON.parse(event.data).data
+    if (type === 'equipment') {
+      data.forEach((item) => {
+        if (item.typeKey === 'currentVoltage') {
+          console.log('电流电压')
+          socketData.currentVoltage = data
+        } else if (item.typeKey === 'frequencyFeedback') {
+          console.log('变频器频率')
+          socketData.frequencyFeedback = data
+        } else if (item.typeKey === 'frequencyState') {
+          console.log('风机状态')
+          socketData.frequencyState = data
+        } else if (item.typeKey === 'electricityConsumption') {
+          console.log('用电量')
+          socketData.electricityConsumption = data
+        } else if (item.typeKey === 'windPressure') {
+          console.log('风压风压')
+          socketData.windPressure = data
+        }else if (item.typeKey === 'sensor') {
+          console.log('传感器==========?')
+          socketData.sensor = data
+        }
+      })
+    }
+  }
+  //连接关闭的回调方法
+  socket.onclose = function () {
+    console.log("ws连接关闭");
+    initWebSocket()
+  }
+  setInterval(() => {
+    socket.send(JSON.stringify(send))
+  }, 30000)
+}
+const closeSocket = () => {
+  socket.close();
+}
+initWebSocket()
 </script>
 
 <style lang="scss" scoped>