From ecead4aa09360d67ade69a2675bad2028eacdaec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Wed, 13 Dec 2023 23:02:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E9=A6=96=E5=B1=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/fanInfo/bg.png              | Bin 13469 -> 18553 bytes
 src/assets/images/transducer/icon1.png        | Bin 788 -> 520 bytes
 src/assets/images/usedEle/bg.png              | Bin 10185 -> 3354 bytes
 .../content/badGasInfo/BadGasInfo.vue         | 154 ++++++++++---
 .../badGasInfo/childComps/GasInfoItem.vue     |   2 +-
 src/components/content/fanInfo/FanInfo.vue    | 171 +++++++++++++-
 .../content/transducerList/TransducerList.vue |  18 +-
 src/components/content/usedEle/UsedEle.vue    | 214 +++++++++---------
 8 files changed, 415 insertions(+), 144 deletions(-)

diff --git a/src/assets/images/fanInfo/bg.png b/src/assets/images/fanInfo/bg.png
index 0dfae84a0e51f33f5ea00538be5d0cdbe31dc696..7f8033ca5562327ef4b282461a8a37edeac7944f 100644
GIT binary patch
literal 18553
zcmeHP`&W|r);C5|D^s(i(zMZY@=WHXvAm>$l}b$}HCCDzaHfk+hNyW%P-L1+#mkse
z)}&(E$*h#j3yBvjZ*{cLEHN+OtppXsR6wrplX%wnuJ<2!&pQ0zaxH!MKKuLGpZ(dJ
z{XF}dcETH`vu^u3H8nMzqet9-R8#u~0{j?htp)y)@yIO*__gNBkFY~(6>p6>YHB;x
zj=CQ_6_4N!WB*{qU@Z8P^YvX`yfvFZ2g7fu|F&-Tr8W9mR?Pj{@B2$)>W5<)h2h+U
z8GkHcYh`|{O?5q&Q&Bs7j(b7Ku6WS*2sM1BEZ`?pc^|^vn)}GgtmyRy!f$`GV{zS&
zq&XbA9rF237ZHCVpCysV8w-uIX6-13@CkB7z;O2SCk|Wa9RK`Yvp$bjZT-r9W}byd
z7D|xyG{%6}h1cJ@C9ACgscY%&bPFEUc99?Ki6N%wlhaduJ;8Y%?$EoaIk+NLU_N26
z)7BScC4hl--K*;ZS_^!Fgp=i9MToSp=k6F7xzHW>;Y*-$p^^Sgj$cN5V~(xWhi=y=
zqk^9Nd3<e4h<%MK(M_LVD2xkgs3-FBW?8X|Z#?|V4k|6^@*$XShnNQm)5}tg0>GtR
zZIa8=$oS4c7lxg--fay+A93q84&|Sno(Ua0pnU;}WAEgD)>sav-z1ukjpAW7x^X_a
zP^U`Sc7^rrYq|02%iD4^)M#4dbEp?uQYoHbvUC@^iRj$KcayXtkGGaWs+_|WFAGI4
z!NNA4=7XPE1fHMze4&=!?Hz>LvFAN6eBL@&DkgNo1|l3&Q_DiRv`jb;n|PT;#m4%_
zuTugS@k9$Z4{Wzo$D9cc%2&joV}(~GgIERo*xcROdIz4Uf&2n`M!qlJRDJil4KQ&_
z2%<XnsXV`?XQR9**V%uemN!t#$=xzN<*tO{{bo^nOX>7m<Jd?a_xuDuZla`gz!@6v
zE0sF)(j}((kCtv#o4JknZDyA{VP3zwVhw$46|h(K_Xw<iwdqg|YMyLLoc(|`Q#$t|
zVr2R{oKdiE=4Y`{8r^XwGA?P9AShADvqaO*f-am+8bAO?5Fv?{8AzSWkZ%hq$B0T4
zouWT|kYF<Av)nwsMt6lNhEJPE0ozhqQlaVA)~;O>*@~Ga!GIAjLsKYjD$tN#Zws(E
z;Sn6cTY9VshDf^lriK1trh^V25%Lki@wn5RQcWdpC*UJbNA1{DBY!Xy<M&24ai&l}
z#*5J<RhX#)xH)LOZ?O0nD<v<e<{l-!Clow9EMudF>rnGBa7AjIw-PFxCE;*ONPi5R
zn3@d(w;Z++wIaEf$hh(Hy`Kg#(!FMGMMcfUZC86NNwf;eRO`*4Ryl&`FhdRR#9Q~D
z`uhs?votp9kY1b;O032(*Tp!D^q$})19u=c3;s3|mTlpd-0T1jwMqd8B}@gk)P>Q+
zSo{Fqlr*L2?3cgOtkmDBMA}5((Gj;cDDLR=7~JH|JA|-`(k?*{TuTRHZ2n*ojW;u%
zLT`!=GTJEa87MWUKJFk7Mor?_73NAvez%E;5N)uiXQdjluCOEVb06mfL1c-SeB6})
zEMaHSorT<QPo2XU4ZOQRG#_}2pfx5;!chr|F4u#blxx@`HT<K8-~9v@y0;d?nC_B$
z(~4b?==oM$qECXs&Zo&5o}So}JY>unH1|6T_tsO4wt!u=sH7{^pDn8Qj6e;U2bLEK
zl~rJml8M3{#iDnK*ug7ESs5R%FXaG2VX}Th;T$*YIxF@?S<eG79E->D3BCXk9>=~N
zr`%V5ekWgDec<VIc!o6s&#rQHmJ7k-9pTa;gI5bb0;vC?$1aF%|B^EqSlN`B;jO6t
zmowI<@o`)@Yk{-r(;q8<UOZi-^MDEs)%V@89RihKp|sUQ7jB+Kjs65M_Q<BtPTve;
zX%p#YhfQXxW<6pSc|5S5L%CsMaZ9Oc|JZFS+eV@ht=~HC!yyDMq;&dF9VHZ50|*{p
zq#>5sM{#b32<Y)&(t2%p#j=;JEIfzRZbQ4M7}uR&x55s{Ixk&PP)}R>;g-pl<)+zb
z5?TAZrTF6o+Ipf}psVxNj*<L~kb<5B83H`l^SUgjT=z15Zn*!eswS%u&LN9*N~s*=
zi2>(*IQs_nEw=Rh)pLpk=C_1v-*r1<xHobp5jFR$wi|KHcvA`7PeNq<(z*3ME%m#W
zX|)~}oFFo;jT#Vxna?7aO>sXYHy_%}w(|deD`H8y*m(M}Z?wLoxP}1_q%7qb7GD#3
zEeD5Tdh%%132ScRrkxSb-NN=Zu%Gp=HG1phWaiHpAj9{36keSZmt#+?u(zWydGyN6
z@Ox)KSt7L-99%w$Mysry9_y@?h0c|w%0G-V8fRurV87}9UCH*(gyc~>-K_g&Ye01%
z?r$H6p7s#*Vf5>F9{O`PD;5#^BZnWbIujp7ufS-pv4QmQy<iVWeQI4s)*{SC@wO_#
zf)s_TzAf#TO&Wq!qULpaks7{~>Wj-6DY-dk-Bt)}_os0!JwH8A%X%AsXHo5X??jO#
zDXA1XB&5g6MSXJ`bDtZJF5e?!!}_g|4t`|gevo>WcTt=;*Eb_DYKdz9{r4HEgS$$p
zVX<hMn4D$(=JASe)`3#s*DTp?$!<=B+MhqM+3nybXv;HuGE;|p!l1TE+|O~hEFbA9
zLo31^ltS0vyR;LeZg}4f-|bn5{gf*yCDk49pQctwmeR^@qBFQgx_gf3qW@ebVAr`d
zEg>eR@EDN#MOZNZeJOdH3-?Yb1wjUvC!UXrn%YuNK_=2?T!wvC47#Idi@SK}<k~f$
zjs~~c37=b8fr1@I1O3H0sUk^*!{V2;Fmm0e+xT(j&Sj$<J=Hgm&Q1Kz1U|6@YHT}p
zy(N<#zzV2Iz%a({^~I2lfHWI0PnywQfz)7&Ew1ok5d)Bdr|JofTM^M8IahTi^EU@E
zifbs@aGvyDzdR8OHvBE_*fNbi=K*e}@&0MG2IQeG4k5+8<lg~9>vY7jR6$zb-G+;d
z8V0W7i0l599gy{Hanc-s`OPQSRiC!7-d;EMs0w@RR+dM#q&SRhjPHG*yW>KB-U{u~
z01uc|gaVKzH?#fl3+a#h7QOwkf$m<OU`8hGmrlB;J4KDzNI9akCKIp*?fuVxtO4EB
zNTE|F{&-ObPyErnI<>Y0S|cIhFGz%5r+80{meKJ$0(k5YwO05;vfCp!MOW3CjW$g<
zKz}v$xqYwgpC<@oY?i#H4qr1+3J&aV!6IY*TwNe@Hs@$p-|WcD3dhM)YH@8hQlCTp
zCE#%eN{)mHE}42L^Urzht&p?NqO|q=o`bF)L{B`Mb*aKnaUSa?k>L#axX4E!bH6-%
zpf2KM!<A)<+EPF$@tkD^E0TXVLf9~lN?N}(#BAx+)^kizUkeU=elg;Ooj1CiK}?1I
zIaH;nk5hE@VYBa1*yTz!!I%e&y6*aX2Z#V}GrJ&a;9bsS_)xcJho{-VWIa2P(OR1)
z<KS>M2bT9lSlR<zKRM0uPHt|{V_Tg)V2oJ$b+K_A?#J{P95h2XHv#3sTjG}=HYvr*
zy_xUixsij?+j%0eh!JL<ciE*J-$%{WwMTJ%+h@07P|`7?$!=z#t1{%gw1ALn-PWiL
zQvXbJQ{>N|(ILgm-6?0x!dgkSW&PAJ$t{HgQapWB>A%N-|ByDN4nRgcQ&f(qil0b-
zY`<V=v+b@thoKOCLPG%^=*4G-YT~;yX#b81Fc1~YQ-IQ_n*;=3K8c^G^DX><l-wUT
zm5<z|vS}}LA@P?Fm?~?@EKgt$+xL@!lBIcr_5wX|YHCyiT-fL7dA-LUJp3L;Wy_{s
zg<@HW=%HxE23OAwO0w_)vizzrR|7QL3A{Dny(xtIvPNcsb}ZAm-pi601hqC9Mqa5F
z%(2I6E2ic5!ccM3ivl_Zsj+Nk^Es`VrPp~(srv5%k5*o)C<+`I5;k|IEH(SMr!=xU
zmfrJuI|ODq83Tmk?OzC^NAOQahYZ9ag>{eOq*E7q243J{5~5N#90;1^;rx@B-Tt_J
zX7UbsDl4PUB;G}LFU}<URyLr(&6l+^G8ZLb-e>#Hkp15UJi}F6`S06w^&ojMp}qU^
zaPyU~MvXkw5DbZAomt{G82@EOo3Ghe-bQ!n^-ykV)4n0T6Ufi>kdnz?+0~r0KAM8(
z7n>{CC5l(pW5>$dvbkt3!_=~kkJ<CB!g(1dWvEnH*cw;+)!qk}7P@Sj_BJAxk{YYA
z?HJ3SWt?LV@ERhA-S2AR>4enT?7rB<s^S#-OhI?9(x1!AIQkRpNc%Ri=En@`->~X-
z-Llz{6y!w=!0Ov1KCE$W>M`FyD!C>+pv)f2MqWe)zb-~dUp<EN5Q}3qdk;kMOYcFx
z_%g<Lh}QPR@?mjJ8<1n5H!YUQthAQzu3?|QcR)6jT~4f`yUb{Q7p)(+BQ!FyTCfCz
zzT{(yM-cE;7z}A;WK{E@jdNYkr*0U~9yF6?(UHGY*G}f(!$n<h(p+vTYm4P@xwGl{
zoK8rzP5qbqEo1)Dm-0S&=BS;|tEg2Qy&XU>?2!%VOpo6P$>%>b^9dpz)2)u3Ux3bU
zBh|U)l&*-+SAn)Q038Dhsk#k|Qb){Uf618qJf0kMNz|qObi*njE@@rH37+wMnYi$1
z#eyV>YDjnP9=MKcFKth&R{CdI?t|B=Q(4kDqp?9cRG#zDddyWbfxEpWWNn1UvYIFn
zI^jOzME4s2Ok@cj+Dn8KzjLC^b=ljM8AHj(3^(B@g=7jp@XMU}FXe5WI;1<5H&;=|
zZ3}@S<^M7qM~mm)I}jwjG3xWlF=5qBZ0$fc^-&k%#(@fCbKjVG3caiQhgDxci_)9L
zy|8*<=bY^K95XqSUlwKTx*Eo9gbPIMFo`Dlm@Uqr%l_{IZbWvtWW*!;QSUa$>8z5K
z?-|R*irud6;iP{4(iD1MP^2s?Ts(_q&eaB7oH_dIs$1-|g#i*^`~th@e-RxJ(83yv
ze;4^*z4YIGndMV97I~#-!JvbJ`UNG1K6#!5bC3yLXX6L0ssh@2S0nm6kgg`4|FBXr
ze*I6;@5!S+?5&ShaYJ>{P89?y2=r7Cs2~6&Ql$kd2vjUk1;W?*Tcrgm2vjUk1%gTo
zmfIiyVR9ISYu)(ocLDxt%lwCJLS?wBRiWzEs2WzPo}H>~sp{OSn%AoSz3LH$>M4%u
zL6+)S9?+Ih1%e6!6$?~>u>7u!sxDB;p-K)_a;TC+l^iPH)>LH#RYp){1XV^*Wdv15
zP-TRbx9a~plVV&>y0)5{meJR90aP!<t7ZcJAC5)vV_HI%0%B)SK^eTIOr(sqcmKyv
zE@yVHnubxoc(jOtCL(0tu$VRRp<`65b0~48Wrc!^HK(4&GMBQT#73-c*N<DWR}J?h
zyJa=^_Xqb_HVN<ObDQQ+cYRHbA)RE_9K&jCsL`~4j>BVOO}a48POX}9((1}`1I~FE
zs|2H*XhhN7G*rM_?1UX;HjQ07Bk4C~*<&OjP2W48cDeS~NY)yV6G*lQcS@SL(P{5q
zy<>dP9x3}k7d2oy1bt)2HN$C(L<uyucQVSvYSkpy8c>zFZNtQuUd?H`Q{D8~8w2#f
zGua6LEJlX4o-Izif46^egt=o@x-fHUZu4p*C$ut9n6@R<(!biQsFty)dhvs+Ef%%3
zu=5`1_&9fCiZG5P0}toT4(86smo2Bkm1(nATS6_K`0o?k2(wO2Eg1Kaz|*+_!o(Pn
zm*PCdfi_v*GZ40MD0VtXf^Oo>*PXt<YEaB=CoEW$-w8K*;v9mC9v*CGMK9`lLqByd
zTTEiMy|<u#qxnG4B%we!9sZNX2UmMB4Rr3@)ygo$;)4Cw1^)$W;LM0#3tb~fuj0be
zqBE0ahKL@?q9;WvNVryAry~v5f%)98C5&<k4*}fS(%bZjvt+`0>>Go@+6GaMg)uOb
zwE%VGr3ee5`<)ik*i?BFOHx3~Z<q|H^@e;#f1C4{lL+brd76cl3Fbv-;r8<50&(N|
zIQjbrhoR58Pe<qZA&KFa^~t1xMlAjCES7<6Z<6_F7r3t)>T?VJtnQi8*pnBYcnQsU
z=MmIOKYn@eOG)-d1$ES5kOiqN#t*&eiGkmxN-7F;WiMuv?5W|O*BxCs6JvQZ&0g!O
z4NK_Q*B={m`%Hj|>`S<)$+k+FM36K+YA0)iK<Ak;D8>6X`jwZy%#-TlSg<68_jt%I
z8*}B9<}xCLZTg{Bo)z)(v$9@q<PLpdObfHk09wh(BEOM~=^_`YekVSmqiXP!^e6W{
zuA)06T?LcdG=uW=HverEBzN>~%fHlS+W6u5cCPyM^$1)?YfS(|o>@%e@bAb+u6NKS
zrO<ghnJZKiBEC+M5H#%~zuoqiU$k8G2^`b&w(-2UCnR}c;Z+ic(?+CyWZy}8OEHFM
zcF-5{8h5belM6zrJ0nJu*TCh;NY6i+N()IAQM<^iX0%2gs<*eV1qSX9T!`pP$t|ui
zw1RxlNw86PBAEiVv;$ZT8ZQ~_xFtNp>^4jKo7vi7!Z*3Ocx*@B#vuVi7>jH|(@$;@
zn609Xmhn9|=bt_lzi^r?=aDMIj~i_e>qiz5Mc2~Gf}o2v&{rcy9ws087}3pM+GGeY
z93SG}y54l@@=1rv=@+kUhFu{sv#vroSNw&^lcyzCq7~=8j*Cx5z~bFaJy#8IwtyOw
zh&eyetO6kK0x&QA(2HrE;xKRjo?GNVDIeyg=;G)KB#or_g;@?}53OTA&O|!^2y+rM
zCYPMnSL>}{_I4zsDhmE`&KeN>L~uy-aJ~OD4aKNEPQo>uh3&^}bUiPr_dFw53x>y_
z&V_NM*3_ziYJ>VdtFWL92=jYL;a^J-u32^0#6OJT%B`uuF)j4iARz}a4QU9QYJO9h
hINen8VM(D^vcYfj{=E-?vxL-+dU(56918yRe*g$Rm%IP~

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

diff --git a/src/assets/images/transducer/icon1.png b/src/assets/images/transducer/icon1.png
index 2294e5a730fd7768298c75cf54d398ff1a3e0125..88b9967506823f532774b2354b97e56538203a50 100644
GIT binary patch
literal 520
zcmV+j0{8uiP)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00001b5ch_0Itp)
z=>Px$!bwCyR7gwhl|M+9Q5431k3vR^7$kv)H7gB5G!;aM;3R}lN#LKgsRmn`bZ}~D
zYRGc4r9m8YFb7=%w`gec57D3~L{kNIdY_N`eSAvqpKz1z@V?x8&w1{-&pqckB8`aX
z1D*i4fli>MzE|@94eSH&fLTc&Z7+W!;vVoCXsZa8XZ8aam$aaWxC(3nXMlNN8rYT;
zRSt;=2X_T{3XB0ifold{0PX^>Bu!QU%d?4yIbZ^KW8l5S>19c~1x_0^?xY(9Ha%I?
zJLcTLCg0a-DY||{)TohEdzZhBM2qplz@-l9f&b0!KX8MAQ%yx_9v{h`s#H|1$Yzee
z0`0&BNe3sayz{^z@XZCX0t^DrBt1SM@GLL|tQz<xu$HM>E3jk%$)wMk;nLibw3So7
z7n^k38gU;OaXAA6bv=Fnya3J}1F_Nb>}roB`5<ezeP&W*4yJj02OdhAYY0k2bR|8#
zo`IPw@AYS0;VkeL7){Z*Avikg?x(b7Uf%;RC2co4NCB^w$VH$7SkJ`#7jVmu1Kg3c
zn&+D<fpv$7=mnO6OKI&3FeK?iQ3{p<CtkZ#<em;^o#t~{UjG5q%JPgCPFVi{0000<
KMNUMnLSTXrNZnxo

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|

diff --git a/src/assets/images/usedEle/bg.png b/src/assets/images/usedEle/bg.png
index b3745bdac8d86d80ea5ce015d30ab86e11b84909..dd465b2b6c19d82ddae20859f1dbafa9255d6fa3 100644
GIT binary patch
literal 3354
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
PI}jg)zgOi~UtjzKkk2Ey

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

diff --git a/src/components/content/badGasInfo/BadGasInfo.vue b/src/components/content/badGasInfo/BadGasInfo.vue
index 4fed095..7d8334b 100644
--- a/src/components/content/badGasInfo/BadGasInfo.vue
+++ b/src/components/content/badGasInfo/BadGasInfo.vue
@@ -4,16 +4,20 @@
     <div class="info-list">
       <gas-info-item v-for="item in badGasList" :key="item.equipmentId" :gasInfo="item" @click="handleOpenChart"/>
     </div>
-    <el-dialog v-model="isVisited" title="1号有害气体监控数据" width="958px" :modal="false">
+    <el-dialog v-model="isVisited" title="有害气体监控数据" width="1996px" :modal="false">
       <div class="left-icon"></div>
       <div class="right-icon"></div>
+      <div id="container" ref="chart" @click.stop></div>
+      <div class="time-select">
 
+      </div>
     </el-dialog>
   </div>
 </template>
 
 <script setup>
 import GasInfoItem from "./childComps/GasInfoItem.vue";
+import * as echarts from 'echarts';
 
 const props = defineProps({
   list: Array,
@@ -21,21 +25,27 @@ const props = defineProps({
 });
 const isVisited = ref(false);
 const badGasList = ref([])
+const chart = ref(null);
+let myEcharts = reactive({});
 const option = reactive({
   //图例
   legend: {
-    data: [],
-    selected: {},
-    selectedMode: false
+    left: 0,
+    textStyle:{
+      color:'#FFFFFF',
+      fontSize:28
+    },
+    // itemWidth: 20,
+    // itemHeight: 20
   },
   //离容器四侧的距离
-  // grid: {
-  //   left: 40, // 左边距
-  //   right: 60, // 右边距
-  //   top: 40, // 顶边距
-  //   bottom: 20, // 底边距
-  //   // containLabel: true,
-  // },
+  grid: {
+    left: 45, // 左边距
+    // right: 60, // 右边距
+    top: 60, // 顶边距
+    bottom: 40, // 底边距
+    // containLabel: true,
+  },
   //提示框组件
   tooltip: {
     show: true,
@@ -43,27 +53,79 @@ const option = reactive({
   },
   //X轴
   xAxis: {
-    name: '',
     type: 'category',
-    data: [],
-    axisLine: {
-      show: true
-    }
+    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    axisLabel: {
+      textStyle: {
+        fontSize: 24,
+        color:'#D6F1FA'
+      },
+    },
   },
   //Y轴
   yAxis: {
-    name: '',
     type: 'value',
-    data: [],
-    axisLine: {
-      show: true
-    }
-  },
-  radar: {
-    // shape: 'circle',
+
+    axisLabel: {
+      textStyle: {
+        fontSize: 24,
+        color:'#D6F1FA'
+      },
+    },
   },
   //配置项
-  series: []
+  series: [
+    {
+      name: '二氧化碳',
+      data: [5, 9, 10, 7, 8, 15, 12],
+      type: 'line',
+      smooth: true,
+      symbolSize:24,
+      lineStyle:{
+        width:5
+      }
+    },
+    {
+      name: '一氧化碳',
+      data: [8, 15, 5, 9, 10, 7, 12],
+      type: 'line',
+      smooth: true,
+      symbolSize:24,
+      lineStyle:{
+        width:5
+      }
+    },
+    {
+      name: '二氧化氮',
+      data: [5, 15, 1, 9, 10, 7, 8],
+      type: 'line',
+      smooth: true,
+      symbolSize:24,
+      lineStyle:{
+        width:5
+      }
+    },
+    {
+      name: '二氧化硫',
+      data: [8, 15, 12, 5, 9, 2, 7],
+      type: 'line',
+      smooth: true,
+      symbolSize:24,
+      lineStyle:{
+        width:5
+      }
+    },
+    {
+      name: '硫化氢',
+      data: [2, 9, 10, 15, 12, 7, 8,],
+      type: 'line',
+      smooth: true,
+      symbolSize:24,
+      lineStyle:{
+        width:5
+      }
+    },
+  ]
 })
 
 watch(() => props.list, (now) => {
@@ -79,6 +141,13 @@ watch(() => props.list, (now) => {
 watch(() => props.badGasData, (now) => {
   getBadGasInfo(now.sensorList)
 }, {deep: true});
+
+onMounted(() => {
+  nextTick(() => {
+    initChart()
+  })
+})
+
 const getBadGasInfo = (now) => {
   let windPressureObj = {}
   let windPressureArr = []
@@ -103,15 +172,37 @@ const changeData = (item) => {
 const handleOpenChart = () => {
   console.log('有害气体弹窗')
   isVisited.value = true
+  initChart()
 }
+/**
+ * 初始化echarts实例方法
+ */
+const initChart = () => {
+  //3.初始化container容器
+  myEcharts = echarts.init(chart.value);
+  //5.传入数据
+  myEcharts.setOption(option, true);
+  //图表大小自适应窗口大小变化
+  window.onresize = () => {
+    myEcharts.resize();
+  }
+}
+
 </script>
 
 <style lang="scss" scoped>
+#container {
+  box-sizing: border-box;
+  height: 754px;
+  width: 1996px;
+  margin: 0 auto;
+}
+
 :deep(.el-dialog) {
   border: 2px solid #0F82AF;
   background: rgba(6, 34, 71, 0.78);
   border-radius: 20px;
-  padding: 47px 20px;
+  padding: 47px 30px;
   box-sizing: border-box;
   margin: 588px auto 0 auto;
 
@@ -158,7 +249,16 @@ const handleOpenChart = () => {
     background-image: url(@/assets/images/badGasInfo/sp_jz.png);
     transform: rotate(90deg);
   }
-
+.time-select{
+  position: absolute;
+  top: 47px;
+  right: 119px;
+  //display: flex;
+  width: 204px;
+  height: 68px;
+  border-radius: 10px;
+  border: 2px solid #0F82AF;
+}
   .title {
     width: 128px;
     height: 45px;
diff --git a/src/components/content/badGasInfo/childComps/GasInfoItem.vue b/src/components/content/badGasInfo/childComps/GasInfoItem.vue
index 8bf898e..f82c8e8 100644
--- a/src/components/content/badGasInfo/childComps/GasInfoItem.vue
+++ b/src/components/content/badGasInfo/childComps/GasInfoItem.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script setup>
-import { defineProps, ref, reactive, watch, onMounted } from "vue";
+import { defineProps, ref, watch, onMounted } from "vue";
 import * as Echarts from "echarts";
 let e_info;
 let params = defineProps({
diff --git a/src/components/content/fanInfo/FanInfo.vue b/src/components/content/fanInfo/FanInfo.vue
index c009a4d..db9aa50 100644
--- a/src/components/content/fanInfo/FanInfo.vue
+++ b/src/components/content/fanInfo/FanInfo.vue
@@ -98,6 +98,53 @@
           </div>
         </div>
       </div>
+      <div class="fan-item">
+        <!-- echarts -->
+        <div class="echart" ref="info3"></div>
+        <!-- 风机名称 -->
+        <div class="fan-name">三号风机</div>
+        <!-- 功能 -->
+        <div class="option-nav">
+          <div class="state" :class="{ 'blue-state': isStartTwo }">
+            <div :class="{ stopColor: !stateTwo }">
+              <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>
+              状态：{{ stateTwo ? '运行' : '故障' }}
+            </div>
+            <div class="switch">
+              <div
+                  :class="{ active: isStartTwo }"
+                  @click="isStartTwo = true"
+              >
+                启动
+              </div>
+              <div
+                  :class="{ active: !isStartTwo }"
+                  @click="isStartTwo = false"
+              >
+                停止
+              </div>
+            </div>
+          </div>
+          <div class="power">
+            <div class="check-box">
+              <el-radio-group v-model="isSAuto2" class="radio-group">
+                <el-radio label="true">自动</el-radio>
+                <el-radio label="false">手动</el-radio>
+              </el-radio-group>
+            </div>
+            <div class="edit-power">
+              <span style="color: white">当前功率</span>
+              <span class="units"
+              ><input
+                  type="number"
+                  min="0"
+                  v-model="powerThree"
+                  :disabled="isSAuto2 === 'true'"
+              /></span>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -112,6 +159,7 @@ const props = defineProps({
 //当前功率
 const powerOne = ref()
 const powerTwo = ref()
+const powerThree = ref(555)
 //状态
 const stateOne = ref()
 const stateTwo = ref()
@@ -128,8 +176,11 @@ let Echarts_info1 = null;
 // 二号风机实例
 const info2 = ref(null);
 let Echarts_info2 = null;
+const info3 = ref(null);
+let Echarts_info3 = null;
 let fan01_option = reactive();
 let fan02_option = reactive();
+let fan03_option = reactive();
 
 watch(() => props.fanData, (now) => {
   getBasicData(now.frequencyChangerList)
@@ -410,6 +461,119 @@ const handleOnMounted = () => {
     ],
   }
   Echarts_info2.setOption(fan02_option);
+  //三号风机
+  Echarts_info3 = echarts.init(info3.value);
+  fan03_option = {
+    series: [
+      {
+        type: "gauge",
+        startAngle: -120,
+        endAngle: -420,
+        pointer: {
+          show: false,
+        },
+        progress: {
+          show: true,
+          overlap: false,
+          roundCap: true,
+          clip: false,
+          itemStyle: {
+            borderWidth: 10,
+            borderColor: {
+              type: "linear",
+              x: 0,
+              y: 1,
+              x2: 0,
+              y2: 0,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: "#4BB10E", // 0% 处的颜色
+                },
+                {
+                  offset: 0.25,
+                  color: "#B1AD0E", // 100% 处的颜色
+                },
+                {
+                  offset: 0.75,
+                  color: "#B1880E", // 100% 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: "#D77E01", // 100% 处的颜色
+                },
+              ],
+              global: false, // 缺省为 false
+            },
+            color: {
+              type: "linear",
+              x: 0,
+              y: 1,
+              x2: 0,
+              y2: 0,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: "#4BB10E", // 0% 处的颜色
+                },
+                {
+                  offset: 0.25,
+                  color: "#B1AD0E", // 100% 处的颜色
+                },
+                {
+                  offset: 0.75,
+                  color: "#B1880E", // 100% 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: "#D77E01", // 100% 处的颜色
+                },
+              ],
+              global: false, // 缺省为 false
+            }
+          },
+        },
+        max: 1000,
+        splitLine: {
+          show: false,
+        },
+        axisTick: {
+          show: true,
+          splitNumber: 1,
+          length: 10,
+        },
+        axisLabel: {
+          show: false,
+        },
+        data: [
+          {
+            value: powerThree.value,
+            fontSize: 2100,
+            detail: {
+              valueAnimation: true,
+              offsetCenter: ["0%", "0%"],
+              fontSize: 40,
+              color: "white",
+            },
+          },
+        ],
+        axisLine: {
+          lineStyle: {
+            width: 3,
+            color: [[1, "#155F7C"]],
+          },
+        },
+        detail: {
+          width: 100,
+          height: 14,
+          fontSize: 26,
+          color: "inherit",
+          formatter: "{value}",
+        },
+      },
+    ],
+  }
+  Echarts_info3.setOption(fan03_option);
 }
 
 const getImageUrl = (name) => {
@@ -463,18 +627,17 @@ input[type="number"] {
 }
 
 #fan_info {
-  height: 521px;
+  height: 795px;
   width: 830px;
   position: absolute;
   z-index: 100;
   top: 184px;
   left: 68px;
   padding: 10px;
-
   background-image: url(../../../assets/images/fanInfo/bg.png);
   //clip-path: polygon(0% 0%, 40% 0%, 48% 15%, 100% 15%, 100% 100%, 0% 100%);
   color: #2fb0df;
-
+box-sizing: border-box;
   .title {
     width: 40%;
     text-align: left;
@@ -491,7 +654,7 @@ input[type="number"] {
     height: calc(100% - 30px);
 
     .fan-item {
-      height: 50%;
+      height: 33.3%;
       display: flex;
       font-size: 14px;
 
diff --git a/src/components/content/transducerList/TransducerList.vue b/src/components/content/transducerList/TransducerList.vue
index d23217f..3f50cd0 100644
--- a/src/components/content/transducerList/TransducerList.vue
+++ b/src/components/content/transducerList/TransducerList.vue
@@ -52,7 +52,7 @@
           <div class="other-item frequency">
             <div>
               <img
-                  src="@/assets/images/transducer/icon2.png"
+                  src="@/assets/images/transducer/icon1.png"
                   alt=""
               /><span>给定频率:{{ item.frequencySetting }}HZ</span>
             </div>
@@ -120,6 +120,20 @@ const getBasicData = (data) => {
     stateC.value=item.phaseCurrentC>item.phaseCurrentCThreshold
     tranArr.push(tranObj)
   })
+  //mock数据
+ let newObj = {
+    equipmentId: 0,
+    equipmentName:'3号变频器',
+    phaseCurrentA: 210,
+    phaseCurrentAThreshold: 200,
+    phaseCurrentB: 231,
+    phaseCurrentBThreshold: 300,
+    phaseCurrentC: 154,
+    phaseCurrentCThreshold:200,
+    frequencySetting: 23,
+    frequencyFeedback: 34,
+  }
+  tranArr.push(newObj)
   transducerData.value = tranArr
 }
 </script>
@@ -128,7 +142,7 @@ const getBasicData = (data) => {
 #transducer-list {
   color: rgb(226, 26, 26);
   position: absolute;
-  top: 744px;
+  top: 1015px;
   left: 70px;
   width: 826px;
   height: 928px;
diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index b323a1c..50e213a 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -1,23 +1,13 @@
 <template>
   <div id="used-ele">
-    <div class="title">用电量</div>
     <div class="content">
-      <div class="item" v-for="item in eleData" :key="item.equipmentId">
-        <div class="name">{{ item.equipmentName }}</div>
-        <ul>
-          <li>
-            <div></div>
-            <span>总用电量：{{ item.electricityConsumptionTotal }}v</span>
-          </li>
-          <li>
-            <div></div>
-            <span>月用电量：{{ item.electricityConsumptionMonthly }}v</span>
-          </li>
-          <li>
-            <div></div>
-            <span>日用电量：{{ item.electricityConsumptionDay }}v</span>
-          </li>
-        </ul>
+      <div class="item">
+        <div></div>
+        <span>当月用电量：{{ electricityConsumptionMonthly }}v</span>
+      </div>
+      <div class="item">
+        <div></div>
+        <span>当月节省量：{{ monthlySavings }}v</span>
       </div>
     </div>
   </div>
@@ -29,6 +19,8 @@ const props = defineProps({
   eleData: Array
 });
 const eleData = ref([])
+const electricityConsumptionMonthly=ref()
+const monthlySavings=ref(55555)
 watch(() => props.eleData, (now) => {
   getBasicData(now.frequencyChangerList)
 }, {deep: true});
@@ -37,9 +29,10 @@ watch(() => props.list, (now) => {
     now.forEach(newItem => {
       if (item.equipmentId === newItem.equipmentId) {
         if (newItem.electricityConsumptionDay) {
-          item.electricityConsumptionDay = newItem.electricityConsumptionDay
-          item.electricityConsumptionMonthly = newItem.electricityConsumptionMonthly
-          item.electricityConsumptionTotal = newItem.electricityConsumptionTotal
+          electricityConsumptionMonthly.value=newItem.electricityConsumptionMonthly
+          // item.electricityConsumptionDay = newItem.electricityConsumptionDay
+          // item.electricityConsumptionMonthly = newItem.electricityConsumptionMonthly
+          // item.electricityConsumptionTotal = newItem.electricityConsumptionTotal
         }
       }
     })
@@ -49,12 +42,13 @@ const getBasicData = (data) => {
   let tranObj = {}
   let tranArr = []
   data.map(item => {
+    electricityConsumptionMonthly.value=item.electricityConsumptionMonthly,
     tranObj = {
       equipmentId: item.equipmentId,
-      equipmentName: item.equipmentName,
-      electricityConsumptionDay: item.electricityConsumptionDay,
-      electricityConsumptionMonthly: item.electricityConsumptionMonthly,
-      electricityConsumptionTotal: item.electricityConsumptionTotal,
+      // equipmentName: item.equipmentName,
+      // electricityConsumptionDay: item.electricityConsumptionDay,
+      // electricityConsumptionMonthly: item.electricityConsumptionMonthly,
+      // electricityConsumptionTotal: item.electricityConsumptionTotal,
     }
     tranArr.push(tranObj)
   })
@@ -65,10 +59,10 @@ const getBasicData = (data) => {
 <style lang="scss" scoped>
 #used-ele {
   width: 830px;
-  height: 351px;
+  height: 90px;
   color: aliceblue;
   position: absolute;
-  top: 1711px;
+  top: 1980px;
   left: 68px;
   background-image: url(../../../assets/images/usedEle/bg.png);
   padding: 21px 62px 35px 62px;
@@ -84,99 +78,99 @@ const getBasicData = (data) => {
   }
 
   .content {
-    //border: white solid 1px;
-    height: calc(100% - 30px);
     margin-top: 4px;
     display: flex;
+    align-items: center;
+    justify-content: space-between;
 
     .item {
-      flex: 1;
-      font-size: 12px;
+      height: 37px;
+      font-size: 28px;
+      font-family: MicrosoftYaHei;
+      color: #38CAFB;
+      line-height: 37px;
+      display: flex;
+      align-items: center;
 
-      .name {
-        width: 150px;
-        height: 40px;
-        font-size: 30px;
-        font-family: MicrosoftYaHei, MicrosoftYaHei;
-        font-weight: bold;
-        color: #ffffff;
-        line-height: 40px;
-        margin: 24px 0px 28px 0px;
+      > div {
+        margin-right: 10px;
+        width: 29px;
+        height: 33px;
+        background-image: url(../../../assets/images/usedEle/white-ele.png);
       }
 
-      ul {
-        font-size: 14px;
-
-        li {
-          display: flex;
-          align-items: center;
-          //width: 270px;
-          height: 37px;
-          font-size: 28px;
-          font-family: MicrosoftYaHei;
-          color: #cb7c4b;
-          line-height: 37px;
-          margin-bottom: 25px;
-          padding-left: 5px;
-
-          &:hover {
-            cursor: pointer;
-            width: 280px;
-            //height: 46px;
-            background: #2E5589;
-            border-radius: 7px;
-            color: #FBF7F4;
-
-            > div {
-              background-image: url(../../../assets/images/usedEle/white-ele.png);
-            }
-          }
-
-          > div {
-            width: 29px;
-            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;
-        }
-      }
+      //ul {
+      //  font-size: 14px;
+      //
+      //  li {
+      //    display: flex;
+      //    align-items: center;
+      //    //width: 270px;
+      //    height: 37px;
+      //    font-size: 28px;
+      //    color: #38CAFB;
+      //    line-height: 37px;
+      //    margin-bottom: 25px;
+      //    padding-left: 5px;
+      //
+      //    &:hover {
+      //      cursor: pointer;
+      //      width: 280px;
+      //      //height: 46px;
+      //      background: #2E5589;
+      //      border-radius: 7px;
+      //      color: #FBF7F4;
+      //
+      //      > div {
+      //        background-image: url(../../../assets/images/usedEle/white-ele.png);
+      //      }
+      //    }
+      //
+      //    > div {
+      //      width: 29px;
+      //      height: 33px;
+      //      background-image: url(../../../assets/images/usedEle/white-ele.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);
-    }
+    //& > :nth-child(2) {
+    //  transform: translateX(25px);
+    //}
   }
 }
 </style>