From 4777a9c959043e2862351327ff87f27e07da3eeb Mon Sep 17 00:00:00 2001 From: liqi <1174845810@qq.com> Date: Wed, 16 Apr 2025 22:58:11 +0800 Subject: [PATCH] 1 --- src/assets/css/index.scss | 36 +++++++++++++++- .../img/device/deviceIcon/1-offline.png | Bin 0 -> 3185 bytes .../img/device/deviceIcon/2-offline.png | Bin 0 -> 3171 bytes .../img/device/deviceIcon/3-offline.png | Bin 0 -> 3023 bytes .../img/device/deviceIcon/4-offline.png | Bin 0 -> 3345 bytes .../img/device/deviceIcon/5-offline.png | Bin 0 -> 3782 bytes .../img/device/deviceIcon/6-offline.png | Bin 0 -> 3179 bytes .../img/device/deviceIcon/7-offline.png | Bin 0 -> 3439 bytes .../img/device/deviceIcon/8-offline.png | Bin 0 -> 3588 bytes .../img/device/deviceIcon/9-offline.png | Bin 0 -> 3566 bytes src/views/contentData/LeftSidebar/index.vue | 11 +++++ src/views/contentData/RightSidebar/index.vue | 24 +++++++++++ src/views/contentData/index.js | 40 +++++++++++++----- 13 files changed, 98 insertions(+), 13 deletions(-) create mode 100644 src/assets/img/device/deviceIcon/1-offline.png create mode 100644 src/assets/img/device/deviceIcon/2-offline.png create mode 100644 src/assets/img/device/deviceIcon/3-offline.png create mode 100644 src/assets/img/device/deviceIcon/4-offline.png create mode 100644 src/assets/img/device/deviceIcon/5-offline.png create mode 100644 src/assets/img/device/deviceIcon/6-offline.png create mode 100644 src/assets/img/device/deviceIcon/7-offline.png create mode 100644 src/assets/img/device/deviceIcon/8-offline.png create mode 100644 src/assets/img/device/deviceIcon/9-offline.png diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss index f36d871..66804b0 100644 --- a/src/assets/css/index.scss +++ b/src/assets/css/index.scss @@ -498,7 +498,7 @@ body { } } .device-type { - width: 320px; + width: 93%; height: 65px; display: flex; align-items: center; @@ -506,7 +506,37 @@ body { margin: 0 auto; margin-top: 3%; .txt { - width: 150px; + width: 50%; + height: 32px; + line-height: 32px; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #ccc; + + .p1 { + width: 30%; + border: 1px solid #ccc; + background-color: rgba(55, 58, 70, 1); + text-align: center; + // 禁止换行 + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + .p2 { + width: 70%; + font-size: 12px; + padding-left: 10px; + border: 1px solid #ccc; + // 禁止换行 + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + } + .txt1 { + width: 100%; height: 32px; line-height: 32px; display: flex; @@ -516,6 +546,7 @@ body { .p1 { min-width: 58px; + width: 50%; border: 1px solid #ccc; background-color: rgba(55, 58, 70, 1); text-align: center; @@ -527,6 +558,7 @@ body { .p2 { min-width: 102px; + width: 47%; font-size: 12px; padding-left: 10px; border: 1px solid #ccc; diff --git a/src/assets/img/device/deviceIcon/1-offline.png b/src/assets/img/device/deviceIcon/1-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..eceed54d12e973b42892caf39280672f6ffec39b GIT binary patch literal 3185 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 XJ$}?)U9ZtF00000NkvXXu0mjf)^7ai literal 0 HcmV?d00001 diff --git a/src/assets/img/device/deviceIcon/2-offline.png b/src/assets/img/device/deviceIcon/2-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..d35c405dc20f36fabc1127b7604fddaabe0212c7 GIT binary patch literal 3171 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 RzqbGY002ovPDHLkV1j@D*W~~J literal 0 HcmV?d00001 diff --git a/src/assets/img/device/deviceIcon/4-offline.png b/src/assets/img/device/deviceIcon/4-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..ecfce3b06428f7eb742d5ac3b00dd491fe33d11c GIT binary patch literal 3345 zcmV+s4es)ZP)TR-CR^I5tR*UMA#WKD;h_%(P(rOO|r|LWZ zfBy5I|NI3uF$}1#u1@Od=}EWS?ddj~Evdi1KYhW11w}k}^X5%%TToty^16i!7v2%W zfM^j0kZ5mjZzjlmi^Jt0lo=HjRqt}S?%>ygvO4v8T$hPWHm*sps;ZjH>rlpP&!fya zZ{EBX5n|Xx2m$G3L#p3nHygjZAbbul@3bmK)`LwZ>T)+6ekG`@6k6gGAwo!qLrVD| zm8W1Vx;Zfhr!r3$^0qib5$7f6s#! z6k#_l*ajF9arR*lEyivpwgn#}ymRNy33$mA^!W*p+C;o~EQ({$Sh1d$u-Q6r+>YHh zINyQBe0Ai=k!F8&Qo{@laCUch?_a!lahWfW#ys%X2xx#JZ1M(cd|$9c9He*Cc=>yfLHKL@QbY)W2581JYl@4DABzv) z$t?(6Q{r$q_6J&Lz{JtI`>@G}YOOGrl&S0CBFu3i*JDlQhR< z{8p%{U07HcgT6Z#S};=#FKSv_TmO6d^yzL{K)Yj*KNkr3L5ce#y?5{4_?DIyj5)QO1xQ{~4WHrkRO6T9&)VC474k-7$SN4=qzQP6S$sEn4DIBECx?Qg2Kc(iCvmi3 z5y*M@#_ZE5Up~@E6MQEMBsVuVUY7CQImtl-9Po9|2gGmPxFF=wN|MwlV4P!Ux2m9tY?Lt7RCczaGh?B|tJ^{P^*6m}{x=H_fM`rsufYOoO} z@W4Zy{ebh`tgNhavJ95;3pB^+O^*$CntaN^5x40^Ep`DAJ(l~m$PKa6331mJN_oixsM^!!FxAv-n?7A z2mLjUbtNSwIdXDxwg_u5OZ_}J=E-A~_sriX@QRSPOnkvza99HVUF!qIdY^b~2x=U5(EXxxKrTb@f z+(x7%4YRcdyqsH&Z{NOMC4$8L`}b?Ooi%G##+x^98q_Wl2~m@jvVAc3JY=sFnhlly46J4Os&*l*mpk;wqQdhz@B?=8=<*}rMHpyF;R zp+5#4oR~jE!TJ$v?dB1oX|cCaq?cMNG6AYLylf{|VIm_m+;iOIBcEei*~nl85NmqXH5 z;^X5pDCvrdihp2uO5>0uh6s-L5I{WZTDo-Ud`LV4qeP{!ju_K%3+z{toeOv%?$wew zju#dIV^%}yKs^i5aITXlPws(A4cWk5y?V9k;>C-9W?dN>8Czl8u3#=BCOoeO43nKRX3SXX>s}g1`0Vi$ zCr+F$%PK1?%U7;knZteb?{bb9!Xm(>+jLBuRu>J+*~00l3aDi_F0e$LuIjR7%YHz8 zaTq%r6B855r%jvY8PcG}m5q&!59osWx}WFZ^<{8&C(EefxIPQRPx6{IYnGilb!v}Q zm1h?-6><1>+Tq#IdC64I;N_czMbK3xX%QyC?~a4EOt*R;-l^SGl*X(KJ6h9i-qkZW zej`2+fXge>aXMXByJ6*8>Bh;EP!G!zAE{8e818u;IlCt*Twq5lc!F`Tg0IX*VKjmq z$VDEbyD%ZiJui{7Gbakyo9=rmMmb<)y*NO?-@>L{=DwRa3;?r}GS%f49M_7`k0Uk#8F(cI82M|zniteDX;~%0oY)g8fZ${FZI7^w zB!LP9NPeqc=OuB&nb~iaI$~+pM}wiGinq77o27l$EN$Y0Wn#39dwMFTZ^YrlhuZ^H zd7Z#J-a?slyjl931vBhsW2&K8Z7j z1e-%xBsi-&H6YK>@kkuv?%~}$?JI^DFOxhyAUt?Ef`&O}qp@q(t^~NPGvNcIhM@s^#6aTi12u8icrOMI=`r2~ z>D_^b%PlAB%j9@}pGL3&Fb___`I%PpXMBJ|=u;4`H4`R`oIHLhvHxR+%om3GX@<-X z|LCU?vJr6IG_JP~))2H8Xt0-z{6ec5%z5eR^NrDF&`(4BK1&1vL;5s&MQDK1K)wxO z+9ehMV=?!4XCQ*0+tcz#QiU;>_@0SMOgTjZ9USUPP|%-WvGv*ajf|oarb~zVYe7zx zX{|wYeXxWjLiWL(p?>Uh{APuV6z5Uw9O@@oM%wst)RS#wF&qj7VTq7_X(%Bj!~|L~ z5WuGf+;s=??e;ntq7wCbhK0ChZ7gMF8gYJplF1C@bK&@&EiA-U$nQ+W{|O}_+LNzd z1M6IZ4Yi~W+dB;ShvR$F5rLyek5=#}G$AZs69)pL8)(CzzWS#Moy1*2Bebcy7$B~V zyiVdh%xDstpp$qvvzde@=p^1NG(xMYi(zn}{6Tjg7rLO8xH;QuIHA*Xi%jBTz_>-; za0Y2dW*;|HJu*GFNbTcX91yyol{mspLKk#KYKa#QXaCgf8d~L_}s>Jt`_HGKm917qk+Oj@I}1h_&kariIbbB(9CTHi`H4_I`F? zbU>S`$Hc^FRdsE|ySlpQz(gML*x1;}G;U(Ra}&CtH3vp$gjV96ogw+7d_#iP2uwnP zzCY4GZ1LT)va%_z-rg+!)l5vu60sfU>hHHf^qqK#HU!yUpfR53<>fsT!+@|8KT%Rr z2tt3r1UykKcga7nh4n+P8*H{VEG_+eTYmmuMHmq_;{W>b$Em$hQT&j7s!=pWJ6h|rD6~l{Fh(+dckJW-PqFOq24i4%W!_4V=IV+$KbTD1AWPZo#v6aYgdEY)(XPI}z8Y-JD63Vk$8`?umgAa?>gwvbybfi&_D7Ue&YL%{ zS(pr)FcFa6a!7SIelEv$2ZT?d@|A%~kAEh8nQ%$h>(a=GEl|+sL(r9uFy=0czYkTpb$UP zLv4Vdh|`8av=~1f*cS{&c<0WYNvLEhY(5E6`w|t8MR5!oE7n~Jo2?DUt@!yC=iAVj z^@k1}YV!6>YM8D8m7SfP`xY-=Tq^=Zz{GVa7lSYzPoXE3-nMO9Dt41lxoIlFK){B; zR{zBpUp(;E2xx#p?6&%9d`}37I7oj(=jH81I^j9kQiX{?12o~C&f?O;!?dK(RnIqdTK~|Ww4IRERcL`Z0tqV`RU|uqbDhXA3EUeUa!RUKC{?p)5C?d z3XuFsb$oiza~oTpH*X*1sgO77T~@(xCruzy%wgT+F|?Bdo;(VU8sO<3kHpb}g&@~2 zHl|IZeA#d#O|VWB$mY$P<7FA^&Or_uV85q(2B>;fRTUlCemI9IYB@akdORdSn1Hmj zwB%{ire!52CZ;7MB&5Tf8u89PXjwetagb=ccI{euU0q#cAkU@EzkmP!KhoPP_C6r) z7%(h_dhExG`*}q4({n;0J!Z_9xcT$vXQ!m3WF{pg<=`E0^4ys-Xa4ALIF{&#jX)iG zi^f%}R(*Hk#ECzl+iLgsJ!rfHylXaoR`Zw+8NR9j4N50n+3#BQK#zfUqmuJvnci*X zi2y;V&Ye4VDWsYOsb+b)rmd~b`Sj`2%bA&(JJj-L&z}7Y-a4+fwiZ>YejozJg`-E0 z*2{xiw{BHHa78&eIj3Y3yb`TP3y>wj%% zXlPusX3d{RjT)8S($eA*!Glrc1$n@coGx`Yakq10_eJ|sTLqqSst6(sm1KP3(W6HX zpbaxAc}RuQZ+QFmZ8dG25*NWERS%;zNc+|k92(rjA?za-0 zDsV>)R$yau{CPT^7$pa_t&<)Y_7q2gsQ7(K59(Xj(a}LNacGn{5KSIGetb4ax}DzC zsZ%#$(|*&l*VNQpq3Vke0Dm`EFvqX`zH#G*g9&`~;*TFc zGASrR0VU53w!E6hvuDq4M=-LV0SVOk4MSCsPvAbwWjohC2W>P`MODc1z&BFVWt4Zrr$WxzrBE=$9^CI!i}qyr1{60q9VL|A;Xh zH{;ofQJla7ahH#a1A?bY6X@2eVE>x4Ll>A!Er2aIY}l}2yY%`b2TfSTMiC~!C`53r zMOg;kV;_*733bff)YMdU?%cT_F!W4^B-1$jtgo+s06TS3qP&KrDLqg3!vSV7j>o-h ztjn)ozjm_!hl*;A!#-XF3CY(Uj+sb;{V?Ni{B&kzWu?PG{cgsL8Jqm+&p|R7V{}bx z(Csx;R8(9RCPDJGbCQ5R220F^ikUNKF7YN^PoTO(YeI_Jyg~BS`Yh=DT=gX9vV@6< zi;GJS@D`ezDKoj?(rGx(;2xS6H9*zjoH~Vx2!=S~`A~+XZpdCk0lV+oC`2|4UL5Kf zG)9v!5&qb<5%B7!s5;)=YA8zQsth|kB~!5(>KU}iTb!IKf&{v(ECwXV-qgK(`I0fY z6B0}hqyccfHXcXczI65K)$JI#R0k8wgG;^Pn5pv`yB@~9V;CogrD%wdBu?kVU<8{$ zprVzb5vmz`GXxE!0r;#bQ>JX<#uy%XxO3<&s{I|ksa*8%yq26b=f(+kykNb&fQdSz zQwSA|yV*Y@9zW;L^`6EGjNh5dTeN7AUy&O*s7XginhTP&af$Tml_*?ixbK-T8SI}i zR(FaJ;cq?;1C)LoAmH`zX&3oh8wb>q8S3&k0vYG&)2GWtfM7RXz2F|AV3QU-xdGh4RWzMD` z?{@&PdQe#zNcOIJ%;jj{SR#*&Gbv5RsZ~flFBqv022Lq)03(lOpKVs^iPAoH?3i0i z^l9S?bw1E;xS_~6&jivxVYgD42xR~h78s??*^L>=mkgWes~i(d&~ zo=;0lOCQT)N}Ep2xEQb>aowZKc_uetw^z*`xP${#aRy3i8KhlqoFO6xLWad80`@-d8+WxC2&i{XpAYWGDI2Zy~} z!{g~i!R6{25|F1ux+{hs?xJq)ddX#9_~~_>tJmZ?RUS5T(YS_0f5C7f z-;XrGI&-b9G+R&bndLyYbKBE`xq^a%$y{w@b{`)Ay5O{K8rQeV1&Qja4o~noUBVTO ze2~7_&kfoW;^zw%dHZ_A0{`|#nsxT|0Kf8D%2LTnNd8;ndCWs+;boaaApI^ltUE`J z92qc`1k%Nv12ir@^#;EadL+*X2rpiSQC6POY3$myD*=O(OvC__!_WX-;?u(22kOFI zyLY;$S7y1l@9~%i1`kFj`DY0)b zN9GB^ewrcIhY$K`glq&{H;L=yd^H691sd!XGr!QPI^()@_5FHpC48K;W^9oFAf#e|%g9?vyo=wV2#a7P@lLardjtb3iFXSNVX3N%Aqb$n!D<^9R>4x@{P@Qz zSQ)uRCUNn}xkX-g25Cp8jq9o&nUPzh+IUx}-@SwaONk@hB&>qfk(*_(I&zE5kX1xt ztPYPJnWHm!^vJYvc=X654!_nNk&zoE9+3e|#M-!s)W{9y-3dFlOxLY;Zl9BlLygaa z6blfU#2Kr9?#C^_XH~ZVkxRU%r$<-?s}m8CnOBdFj*d*?fUpXd61Ur}dws-ub?b(O zb~}k%M&2@scXxMx4q&W+WvU(%6Jx2WTSmO2qk{oVB@_4M%GBO(k4uf$_w_@(g# z5WEP&)sTJ*`tBD-DboI--lJ^2y}v=D%z$Zp1vPkx--Y3lc-U>6lJ4s3%ZBu`HK#_2 w8`K_n*++>B@iWx?Aq?Q*#{B%S{>_>H1NH1>`_RLHzW@LL07*qoM6N<$g17KMY5)KL literal 0 HcmV?d00001 diff --git a/src/assets/img/device/deviceIcon/6-offline.png b/src/assets/img/device/deviceIcon/6-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..b2270b8b594ff22ab2184b1541227c27861cc567 GIT binary patch literal 3179 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 R0L}ma002ovPDHLkV1jqSh<*S7 literal 0 HcmV?d00001 diff --git a/src/assets/img/device/deviceIcon/8-offline.png b/src/assets/img/device/deviceIcon/8-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..0700f607a5d947e3b5dbad3418cbf30192f81534 GIT binary patch literal 3588 zcmV+f4*T(mP)TR4Gp7!iuX$taMTertF5SsF(YVVR-+q56XV8FAu$?#Q4^nbAH-y5-Ztoqx~>yI zT-U@XUUtoxNfgI;7eQBrAz=hG!{QAPXp!rFUsI>|P;}E>-PIJk?Uz)l>eT6~`p$nj z|M|};u!#XcNl8h3dwY9QL_|cA&1Q@5>gq~bxNu=MuRVD1fcplNSE0OW(V|7AVgO(l zApnVXbaXgCW*tt`K*$jp8Cl)k-Cc^U0cBNcebjScmyS9~#l^*QSr28bdl6+t^XAQK z5GKPWOa!Et4yo?JVLGrXF6_u0M8Jeot+2Kka;3V1Vx;Zfhy+Ug&Og4*=9<_+w-6W**HuL zwgCbnP8$Z%TpT*E&+3oxu3fuE;w8t!=0`$mqwwOcNuH%%pI1Z)Uw zbzgk(MY*>|Km%lBx6N1Mdx9b2AibB)%iDuA!gH{V7bXG?P>*Mp<>u!8BKp3QOAx4& zmztV-(BFIdO&qOz0J}`6)-t_ng^I8q)B-&J$AW@_7PXuX5ZA67A@3J)l4hTbZJDat zJ9g}dg6+o7yKdblejn1`}gmUZD?p^bOVdY2-`LlN^R0I^^xQUWsdcX0G0*2McKx zAbDGLd|J>`f-S?Fw~z2t$RBE5R@PuAO(0TSz;~19&`u6`GAKA|fT!PhB#su$2Dx6b zF>M;_>hh)2hL%tS`H7s4mXJtL1M&+ z5i#@U&rgkuiyH%^!bZo|*VjM1d-rZ(O-;>P5d>)SA3l7zBE7w0?|tHqKEqO|M-E!A zmq$cDJ;w~v#Kw&q{{+<>tCo!(J$mWt)vK5C`2PL--@>VuivR$D#i3z;gTrE;(;>rG zWx;Ieq>I$Ly;PksFm?@U@J|&NJ;6!PfTUCOr1eNhNJtgIAw>(QT#%BcCaaZt5oh2J z$@Y>q)G%EPAflq8Vnp!hB`A*Mv^;?uZsP2|INn{bV8I1h22c4V8e^pR-@|xMQr8k3 zF1U$_^Oi6VIPk~*_O483K)?jo+Kz+*L7X=-XR#i0cPbag|834p(vB9H0enZRTc zl;o#_Fy`BFXC)ZOLXrK)q3<<5jM{4=ZH zR&n|A2y}3{EaXfOmfO& zZD?J6=gu9@>bRzL8r8}u3z@_*21uSheR_tz91bmo*M!MnW>-C@kP##~?3~NO$qQZO zI0iFjfrMtwnzcSACMFS$>M=5dBZ@(&{6_>(PD=mPt5-L#U%&3t8Tx@J-FXB2SG=7Q zcsQw6uYhzwK}2$Lazbrw?OWu-oU&}$vSnYRe22gHV8c-Q_)Q8&aBzr)A_!23>N&Vo zp)3jZZa*YUz>+0PQs>N>vzN!Pt2fQf%{ACKQD}Sj?%hvNuUO>B$6)h2IGH?o@_J}X znOWT%A^F*NKBGL#8!^}x|&@bY;+~I1QMV&unyw!^G3`8qei2q^HM#5fYW4p z%|%?MW$+SubvM+XvsTVn1xPnLoB6G(os@DsFkCK=f8%CaFt zh9q+1vFxfO*eD#LvQf}z3(&)ip-B`L7P_)9Yu2n;KV{044DJ1#&!0bkB>V&<`$RqG zax~l{PoBH8tjwoV-PPRl@#DuUjY=Iu$-f#=Upg)}$g^k9PLUi<0<$S&Hf-3iS(0YM zoH=u5pTCI;N;^M4-)*X#{be_%&JfvkKRB$PXF_A##%_i16MQ*(^OTen#@l|+ioh2* z8K!awyK2>{ZyDH7d(c}H!YP&s1JFyGv%mToqF%G5+WNH@`U!R9r%61d3wtECZr%C^ z&Y)5Q5L+1T{y_2<*!FFCt}PO{uAlwwC2=}AIDvzDspCcNKz&yPnxHU(lP6CGoN%Oy zBL|?DcA;L{M4yELXc^b=R1V*WBS(%jYbrmefp>g}xp8-FP7X}1d0P7EaYY0wXK{8> z4P&(kD4@t|fbc}^zNq5haDZ!gJXQ8coNGw1JB-Xop&HbHJe|xFG5GKV@8*6lx$Fyv zUe~!sc)Jr-9=35qzlKD6z+fWZi!{M^=2}~6ww~Z~fgie(5>E@}va+(KaJA7uI6NmXxN@134v#^4ufOSX!wdE0;&^YLMz8@e4jzx| z$tJ9yVHf%ege&!g32jXtzmz!GpCj{xKtIip>%;r~G(t84>P_Z+yRU|zzd(cio0(r| zRgHdKy83*rxAFODh}UO{AfQQ~PA?k`knhj8AzXHetZFnuVAs-65OhUa-bkv@#u9tD zP>D-U(Ljd+oe2v1^DDMKZC_hal*i@LW`8Znp)$QSh^`Hmu!LzJ+-d4Zo8vbtoTRvj z;-Wx5$q9=h*4S4KI zRMo`*1W?{!wT%m_U@37k*UK7(m62O`5*IzrE&RGONIN`jTvPS%jNHQ2#yL44tb(P) zx%$Z}SRJ`p2CE~t@C;c+IL7Mm=;1j!gGUcf8;3^^PvY=v9bp-{QQ~14z=W-hi*SwH zVBY+;%`#oL+PQsBHV!mC4^k{ZcoJu<{<$Bw0H0Oe0)#K|&dyF@6|7D~glAqoGBPqe zi37qaSW4V(x9;&_>(#9r7TWD3ZW(#YB;L`{@i~C80+y+IR8*9us%{za*49=AFyTi$ zIyyQ$otx;1+=NxIbPbHK5S9{mIt~AoGSgsb1|}}f^gs6NHwG-fTToCivAd&Vf$LA7 z3NZ}(q1|0wHi+JdmuNzgy%vq}>$Yv%D#QRF#Kg`}f~Z>WGZwhwPKIqKWEt&Z5|uWz|m=gSg+g7eCO`kHPDmZwBoJ~nLbseWgql;`F>?7?5-m7+@-N+; zo&4=_5dwr(;!#oj(s&{W-T>iZNWTev_pf>>(*B{|!)#q$Gtnqt!8F!D4JvS)9V&^3 z+{P*C_U`UfNI%u()F^SC+5@%Sl(-N-L;4jkfQrqTnIZj~GyehD%)aLIp7uxp0000< KMNUMnLSTYr+1!l) literal 0 HcmV?d00001 diff --git a/src/assets/img/device/deviceIcon/9-offline.png b/src/assets/img/device/deviceIcon/9-offline.png new file mode 100644 index 0000000000000000000000000000000000000000..e4b47d8fc02a8842170c7ea4abbbe893e31434d3 GIT binary patch literal 3566 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 literal 0 HcmV?d00001 diff --git a/src/views/contentData/LeftSidebar/index.vue b/src/views/contentData/LeftSidebar/index.vue index c3aebb2..6cc4a08 100644 --- a/src/views/contentData/LeftSidebar/index.vue +++ b/src/views/contentData/LeftSidebar/index.vue @@ -254,6 +254,17 @@ export default { window.marsMap.removeLayer(graphicLayer); } } + let graphicDevice = window.marsMap.getLayerById("devLog"); + if (graphicDevice) { + let deviceGraphic = graphicDevice.getGraphicById(item.DeviceId); + if (deviceGraphic !== undefined) { + deviceGraphic.setOptions({ + style: { + scale: 1.5 + } + }); + } + } }, handleContractClick() { this.isContracted = !this.isContracted; // 切换状态 diff --git a/src/views/contentData/RightSidebar/index.vue b/src/views/contentData/RightSidebar/index.vue index e9828ab..3f3ec52 100644 --- a/src/views/contentData/RightSidebar/index.vue +++ b/src/views/contentData/RightSidebar/index.vue @@ -5,6 +5,7 @@ v-for="(item, index) in deviceStatus" :key="index" class="device-item" + @click="handleDeviceClick(item)" >
{ + item.devices.forEach((device) => { + if (device.icon === value.icon) { + console.log(device, "device"); + + let graphicLayer = window.marsMap.getLayerById("devLog"); + graphicLayer.eachGraphic((graphic) => { + if (graphic.id === device.id) { + if (graphic.startBounce) { + graphic.startBounce({ + autoStop: true, + step: 2, + maxHeight: 90 + }); + } + } + }); + } + }); + }); + console.log(value, this.positionData, "value"); + }, handleContractClick() { this.isContracted = !this.isContracted; // 切换状态 }, diff --git a/src/views/contentData/index.js b/src/views/contentData/index.js index a40f5a0..d0ffffd 100644 --- a/src/views/contentData/index.js +++ b/src/views/contentData/index.js @@ -142,7 +142,9 @@ export function allDevices(options, type, show) { 0 ), style: { - image: require(`@/assets/img/device/deviceIcon/${deviceItem.icon}.png`), + image: deviceItem.isOnline + ? require(`@/assets/img/device/deviceIcon/${deviceItem.icon}.png`) + : require(`@/assets/img/device/deviceIcon/${deviceItem.icon}-offline.png`), // visibleDepth:false, scale: 1.5, horizontalOrigin: Cesium.HorizontalOrigin.CENTER, @@ -173,7 +175,9 @@ export function allDevices(options, type, show) { name: "设备", position: new mars3d.LngLatPoint(item.lon, item.lat, 0), style: { - image: require(`@/assets/img/device/deviceIcon/${item.icon}.png`), + image: item.isOnline + ? require(`@/assets/img/device/deviceIcon/${item.icon}.png`) + : require(`@/assets/img/device/deviceIcon/${item.icon}-offline.png`), // visibleDepth:false, scale: 1.5, horizontalOrigin: Cesium.HorizontalOrigin.CENTER, @@ -201,7 +205,7 @@ function bindLayerPopup(graphicLayer, graphic) { let attr = graphic.attr; if (graphic.name === "无人机") { graphic.bindPopup( - `
+ `
${attr.device_type}
@@ -226,7 +230,11 @@ function bindLayerPopup(graphicLayer, graphic) {

${attr.serial_number}

-

速度

+

中心点

+

${attr.centerdistance}

+
+
+

三维速度

${attr.height}

@@ -254,14 +262,24 @@ function bindLayerPopup(graphicLayer, graphic) { if (lblDistance) { lblDistance.innerHTML = Math.round(params.distance) + "米"; } + const lblCenter = container.querySelector("#lblCenter"); + if (lblCenter) { + lblCenter.innerHTML = Math.round(params.centerdistance) + "米"; + } const lblSpeed = container.querySelector("#lblSpeed"); if (lblSpeed) { - const speeds = [params.speed_E, params.speed_N, params.speed_U].filter( - (speed) => speed !== undefined - ); - const maxSpeed = speeds.length > 0 ? Math.max(...speeds) : undefined; - lblSpeed.innerHTML = maxSpeed + "m/s"; + // const speeds = [params.speed_E, params.speed_N, params.speed_U].filter( + // (speed) => speed !== undefined + // ); + // const maxSpeed = speeds.length > 0 ? Math.max(...speeds) : undefined; + lblSpeed.innerHTML = + "E：" + + params.speed_E + + " N：" + + params.speed_N + + " U：" + + params.speed_E; } }); } else if (graphic.name === "飞手") { @@ -347,7 +365,7 @@ export function mapUavFiex(options) { // verticalOrigin: Cesium.VerticalOrigin.BOTTOM // }, model: { - scale: 1, + scale: 8, url: "/uav/scene.gltf", // 航向 heading: 0, @@ -422,7 +440,7 @@ export function mapUavFiex(options) { const point = new mars3d.LngLatPoint( item.drone_lon, item.drone_lat, - item.height + item.height || 10 ); car.addDynamicPosition(point, 0); }