From d5afab9c4d432949e63035fe39feeecbb5b0feee Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Wed, 20 Aug 2025 16:55:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=91=84=E5=83=8F=E5=A4=B4?=
=?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/iot/fxj.png | Bin 0 -> 3004 bytes
src/assets/iot/fxj_blue.png | Bin 0 -> 2938 bytes
src/assets/iot/monitor_1.png | Bin 0 -> 2006 bytes
src/assets/iot/monitor_1_1.png | Bin 0 -> 2002 bytes
src/assets/iot/monitor_2.png | Bin 0 -> 2071 bytes
src/assets/iot/monitor_2_1.png | Bin 0 -> 2068 bytes
src/assets/iot/monitor_3.png | Bin 0 -> 1974 bytes
src/assets/iot/monitor_3_1.png | Bin 0 -> 1972 bytes
src/assets/iot/monitor_4.png | Bin 0 -> 1833 bytes
src/assets/iot/monitor_4_1.png | Bin 0 -> 1832 bytes
src/assets/iot/monitor_5.png | Bin 0 -> 2077 bytes
src/assets/iot/monitor_5_1.png | Bin 0 -> 2068 bytes
src/assets/iot/monitor_6.png | Bin 0 -> 1603 bytes
src/assets/iot/monitor_6_1.png | Bin 0 -> 1598 bytes
src/assets/iot/monitor_7.png | Bin 0 -> 2294 bytes
src/assets/iot/monitor_7_1.png | Bin 0 -> 2294 bytes
src/assets/iot/monitor_8.png | Bin 0 -> 1991 bytes
src/assets/iot/monitor_8_1.png | Bin 0 -> 1988 bytes
src/assets/iot/monitor_9.png | Bin 0 -> 1820 bytes
src/assets/iot/monitor_9_1.png | Bin 0 -> 1819 bytes
.../components/CameraPreviewForm copy.vue | 455 ++++++++++++++++++
.../camera/components/CameraPreviewForm.vue | 233 +++++++--
.../camera/components/CameraPreviewModal.vue | 13 +-
23 files changed, 663 insertions(+), 38 deletions(-)
create mode 100644 src/assets/iot/fxj.png
create mode 100644 src/assets/iot/fxj_blue.png
create mode 100644 src/assets/iot/monitor_1.png
create mode 100644 src/assets/iot/monitor_1_1.png
create mode 100644 src/assets/iot/monitor_2.png
create mode 100644 src/assets/iot/monitor_2_1.png
create mode 100644 src/assets/iot/monitor_3.png
create mode 100644 src/assets/iot/monitor_3_1.png
create mode 100644 src/assets/iot/monitor_4.png
create mode 100644 src/assets/iot/monitor_4_1.png
create mode 100644 src/assets/iot/monitor_5.png
create mode 100644 src/assets/iot/monitor_5_1.png
create mode 100644 src/assets/iot/monitor_6.png
create mode 100644 src/assets/iot/monitor_6_1.png
create mode 100644 src/assets/iot/monitor_7.png
create mode 100644 src/assets/iot/monitor_7_1.png
create mode 100644 src/assets/iot/monitor_8.png
create mode 100644 src/assets/iot/monitor_8_1.png
create mode 100644 src/assets/iot/monitor_9.png
create mode 100644 src/assets/iot/monitor_9_1.png
create mode 100644 src/views/iot/tplink/camera/components/CameraPreviewForm copy.vue
diff --git a/src/assets/iot/fxj.png b/src/assets/iot/fxj.png
new file mode 100644
index 0000000000000000000000000000000000000000..84771120695295902078e2209f2280f601c282e2
GIT binary patch
literal 3004
zcmai03pA8zA0OAvx>Qo=Ga5rfW$rWPvTieG#w8=h6w+eM#f;0$n0aL=iCQg6`J{^|
zRz59Bt*As|i?WACR^<#Zqn+QAyvci{0;>?R?KU@B3WN@Atp|pYx>q`nVf@yZT!Q
z1Y+pv!Qg=N)`f40F8C*(p=pAXIlv4A{AD5_o~IB(XaZTd5at=fix6^zJV8S2ZJ{Fs
zqBSbv1_FU>Zz^9FgW@e
R
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
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_1_1.png b/src/assets/iot/monitor_1_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b979ab4885e3dbbde52719374a504efbb6e9d938
GIT binary patch
literal 2002
zcmah~2~ZPf7)=4WJUG-rn4)RGD#c_s2_a-n2!TxmO}JG+q%7G5qDeMp7fBGIs3?cE
z)v>5pyr_;=(W0mo6ja2cP=u;g!K0wnj^$ENv=Z$G0qu-TcV_oL=Dqjbv-#nnbH>}d
z+0$sW@gc!*B(-wPudOxpohr^NrxsUI8be0m$z(dB$7m81Pr~RS8YBga#1PcD>u~aEQ8Df9B&;U^a8jM8f28~)vKn4+GP#2>1=4*gKAB2!gMT~b&
z#VEq*LAV~H3s`KX5(L?FKDG1l<@gB%d_I2`oda^X0O$*FcuWo#;_)H24}IuiP!{!Q
zG875RhU`%%5hIl(br1lgr>C>hxh!0t0rJEIzBs`52F(_}}g`v@n$ZCn9R8dI-42TY3vp{oLgFsX{g43nx)q}=SC4i|h
z4W=at3dF2Q4CjiF0p42_iI9bsAhDck%UB}rm1b=JtvA`)J`D8CF|vwlY>IN^
zgyYT2L6SYIW$s(Y$}Q}3O3r#``A;y|KP$E5d4T)fk}O@0L`*F;)$Q&K$#aia!&SF)
z=oYn)0)%bt+$p~GxsB8Fp2y#@Dj_5HXeOhZ^hj%
zV^`S2Y~AG6ly5?6n_P@`-Az|lPSj?)uc&xfH0?#(>@A&4$*RzSC1>tk4VzcuVz;jU
zmOrz{F5x6`1g<1Sa*=CqNnx$18u(>XU(}w2Ixn%@DdL_w{$O|FsS6KY7sQ-E0xDq>
ze2u#&zTiNd$+C_6U1fYj->XB9+Q)W24J`7Cf}g}bs{J-8B0KOQ&>nleu1Z@luuKA4
zv!kq*$nvfi46w>WXR6EE+k*=fiQ&6zQ%A4ZGbJH+}t>S!vf9xw69h+VA(rRjk-iRB!X5s`z-=UT5pfo}LYe
zqYtfBn&x$Hqx^5C{kYw;548rYKj?2c=PNF_&je&dRA>5K?qBppS*HBrH@w~#D_<3Ga@xv8pJ(r|E*JVwDl}~I&S@*NWL?i~uK4pur?<%k
zaAnf+$!&EO6OZ+Co9$|*KYN@$ktm(~Cf8%A?>QT@#)33`BWv^3)^V%Nf7uXeD110D
Gan-+Xoc1dK
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_2.png b/src/assets/iot/monitor_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5a4460d381ada4ab2a342ea12a64c7333ce20b4
GIT binary patch
literal 2071
zcmah~3s4hx9u88u2y%i}K|Q!NQlw(C$wFQ$0SOTZ8jb{vas|sK*^n(HyKFWRa(X9}
zmWbZjf;~zq=L2d)3sI?Tk!!X7~S?@B6*K
z*=;Gw3BKNoycrCJuRKwvqF2cMGQH?;aE$#3y)2|wZ=h0fJ(Z7;C?i&fYfwOLM6yv8
zis%aR&Y@8ZhUW;Dwt?E9SPN@$BL{I~I94M;vl)!27%PEjb5IJg=qsultKWjG1p{(P^18HIEeyc4v($na(RG|-bD%^kytDg3ReIS7m5J60ubV}p$M2Sgn5y`
zi-$#fBz1aNC5wOIk3LCQ28tqJ5X{fd=j2Cla55X@iN#`&3xN>CrV(s&fr&z_Y?FEE
zqy-sj){+=OVYmr!TSPRtg_5x7XrHHHB&N)o%r8ns7Y(!`1jyrX-Dyn#b=oN$VIgxT
zoa?k8nu{7y6J@5cyeTYQDTQJR{!+6>;}qIVsnDNtdnwwSRzRSj3N_;vQcE{lztkNT
z0mqRjLg8c@j^|ERJ;i`ixY>Xc02Ij)0%7YhlMc@}zy31U@rGLRDtU-eZfni5FE+-1(fc;4xx}=1?#l19w&_m-2luzvLIo~p75qn
zz;ctBLQGmzE|ak6+&CDfgP{nXR18J(g)$+;#Ri^z*qs!fTBi0qddvG%
z4Z!xXjnx@GJ`=L7lr>Y?8N58a{ZvWK74;3Eu0$QOk98V2wr*y1W)kn9!5_MM?I!MO
zAw-RqZ^hT^cNfO|um4-&zxF)QU%YVe>OE3yi*pUTUTa^V@j3ENpEP%gWbRYj;e9n#
z%ZB%^8w~2a*gf#Wd1o=uHfz-Lfn(%BR#WAus4i+hpy5$|#d7uQA9@wF1?oTks&(U1
zW}pXY-#FjDAxjdpv#@nd!%$|Q>w2}+wJIvjR~7Qj?j8SKDF2Q3iA|bn=ApNjS-1T4
zl1mom*|A1Fvs2bK|CS9a*JVdb=FRqeZ9H_r;@$(^?FMGefc90x`xnEC4<&oX)H)J|
z<-t3)-x%sTQ}3u^re^qf#17854DR*Y&2Scy6-R+JvM9#o;8J4jnRj=+pz`>6u+StLzt$Yn9RV}5WMakoH3u0#bw6`h!zw=$u(YK}i
zaY;}S#Q&)IGt2iLqjSErFB@;kS)!SHEWK>j0(;6((^&3}HN8!Je^T6^CrMwLck1_C
z+v!sLx0`(S-YmOda&~zP8H(cr=g(b{G5o0@r1SVlLUw?w>-JW!Z6JSn$I1K8(rb&-
zpD;5k?j~hcJ|&{d?q*a=GaOatz8*^v9jN*Y8cKPyac5&s7Sec~k(plgX)DNlQY+p*
zGan$|1DSb$xq2<(hurLjMtc=iId^IcnJx}7KonX>}wb`f989RCSNY>8gSzT;pRnnVpR}6+T8TTKwNt(`D7X{~JnCh^dbL>iC
z!>ynl8@JjAyfp0*->ZI5{G;7>@Iwbr9;$V=hd=z|*Fga_+y7Z{o^kKWzU6*c+uhKi
zlYQNfo_ba_JBq^gV~VZpNQ?H8mHURVF-PU+Zz1ZvOq`k5}>@{m0^eq5PA8
zzqQWkPiQmv$rHl6-|E30-Rbu~w)XZHGb}4JxKhWKc)MNMv!`X%t`S0P4-*{qb^f?#
m&T+pt?CcI&N8bVC{#gvNG`8puHmcD5tCp`$meotMivAD!$0XhW
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_2_1.png b/src/assets/iot/monitor_2_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5df0c2123c340198a251aed300137f9dc930332c
GIT binary patch
literal 2068
zcmah~3s4hx9*za6L_lB+70|N80|800S@Ixz#xxHevBXLeUdm`fc1aeJY)BRo&>I;I
zg5m>Dnf9>dkn>eSphd6P%Ek7qRne(f>o`aSp*Z-UwNj}_J-rPIZD(Y|E!(=quV26-Cr3;gL?=_1K
zOhJfZA^n9@xr#M_6t|*)fXQa)K#&da$sLCWB?|<6K0gtFKq!d?@>md;0VTm)KFsC-
zFCRK-(TWtpN?Gbld*n$-HxPscX0hycJJX)T#I1T3TObgyK!^oF3=+Yxm758zgJHHU
zomP;cHk}o-5EyO-yo%Zayp#~qNpD|-VY1A~nr$yrMJA2q&{|k*Cg=@o3W(@taF$Z5
zamqNNW1&XWgqjH(iDl1V$xJB}Gw@f+noKij8=*vhi|v(Yo4VYBvXrO|FSY8(LKiOe
zx@Cc-R#Z#iRyB?rr?bAsfD^dQfLj2F!{h^TIhYy2?Y8*e5m1?yK!tQN{agl^%z!{O
zn+=0(n8RHTCc_~30;<3ftg!r*&?Fe-{Q*kWAJG!pKLsN?xDdCRv}6G=Z_BbQX8n{k
zg#wnFZG_gWL*+6dos5l%VF;WAfow=Dknv@Fh|Nv~1!A69!sb96ZZc0Q<@2VwGF(^c
zEyFYy`Hh=0E7#l9-a^4L)QXj%NU9Y#0aL|*vDtl*%&Pa2i_GqebXG2lbcW?^&)>D{
z^c6V+-tEi)l82cQM$P2hTFC*8EqRno&b>!26RRCJMjP_d)tQUV=^Iw9i@~^YeQqFw
z+R@Qe-M=GyZN~nZxK;D2Mx)mrY_2}^4X-9tSz(BwCO`rIEu-x$lb>yBPC4J*ePkeQ
zpyxKU+d9(!;r5NUE`+_z^EvY&w$&cO~L+n(i
zZLRfOc7|I&<(e%y3);qiph
z=a0h0Z;9&OdDOb&*y|U=CyRiDQyQ-0m0TdAdZt)H0
z{DfVTz#AgJ>Z+-7^^~Ede>a9~p$OiuzP4!_wG(|idMG>Db@9RSyQhlRl8oHrzpBv$cbJG&@7_yztYz#UxCnWUE_;;F5FTNV);s&f-zWC?A
zs-DnxttW;KNKeJ|WGQ|OQlfjT36g!S)a|OapOYh@ZxerAG#a4lwe=i&Se{+wYxG=}
z(^|WW?{vk!@sIA|Gvzt^RBr0S$i#hD2X~JR1Lz!EV{qVuy`L{J2KTvYKWr5XVk4ZJ
zc;B5JS{u^Kh;aIPu(3=duf8o|2dH#FG`xFfD-&^h3n~mj^>tc`U=R*!Db{(!FABV|&o{bWXms?YR3=
zpZ=4vb(Y?iy0<6$!)iMQ4$i%BrO)k*5qI0;-&i_Ud$_o3F+A=(-=Ck}wb1ig(=S4S3cxak9U%U(?m)EB&@!
zKH2Ol-Tj&E%rDJ7HAYvo#?|FJULV)_jsBLuV?n_e{(cte0DExT#%+wwOS}=Eg5krT
z9Io%J&Dwik9N|cB?7BIh5m71aC}_BJJ?D-u4Qwi^GakH9-`!{E
z1crj(@`f!7n?J2!g+4aSEhwWzq0h=ZCBq4)8zv9*^>ykz8~m7__I;X$Lg6n@%aACF
zj~McCceq6DS2yd^dN$oTIkLya(F_g+k1>jz#}<`rHoq2MG&mNLS)`9z|5y~2AKez5
iQ?vX_T4?G-%;%JMeZ|ac*Bf2l|Fk@1wX98|+46rg{TT`X
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_3.png b/src/assets/iot/monitor_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c40f7bee0156b85920fc65cfab569dbc5bf0d91a
GIT binary patch
literal 1974
zcmah~2~ZPf7>$D{pi~nCWo)aR8(qf9l_FysN=2OprDCWu_$GrExd$ue-Hrn0I
z$BoD1xogy@j$0*;*JS|r^$#tr;}&l=QqLw*M%Ioo1W$!iX#}9LU?xIGV0iX|v&1wW
zk<(zAN)48%ZLM3@63%CgWLo5!0Lnnh!V41xvH2oq^lf{%`$1OXCPg0rMrSW8C`
z>7+V`Arf<9lMFc-1_cg=h5*yD5Kh2Cuo#eKFi*ViD{Js~dBK3T+(iaEnGF7y@G{CW)fV
zJz0-Wr&!9CPSJoQSR@A~%p$EgWw!->Mj%j(C6pkSeyI?iB9y>MVle`Xkzna0cnSi;
zAD~(aCym)(ga#wb9oUA{wiW#jFNGgDOET
zHW5kUh*T;Gjzncqa#Su6i=*Ihl?q0qR8v$^I4C?w7SzKxkK*=
z6IO0+8E!yNHFkz^bDyd~RY_Sb9UHz@dnOE9wkkQfX0^b_nYaCB47k2Z~MN)
z1+9@dd1!J1>z6mjq%L(y+2*MWM~A5bE^A$L+Nve4<)Rd{U`PUcFMcO=+Q(;^*mS{s
z(Hr-A^Crk7^&<~dC91G->AwSu5T+w~mPPe4u8wsnPsZF`gS7xjzf51O|
zlSvoq-HnBDsbTq5L-6_Tmk%usi8|tiI4?e{E)T7U^&jwj*P%0|Lw!1y9M0~vIIV1b
z8h~yy-frBhdl2<7c8sw2=W|;{4GnHp1;sHV-m4?dYx-BDjcgCC$RXJBunn!Fw!K>h
zye^gI`|fVr+P-oHvZ%WCy-UNO%r+mhOZ|;~k$H=2?WRpte|5bm?5f>5_4wF@<#9W`
z!aQ5}R|<-+kH71;z4Mp*d9L>}JLfLaH|?mLp0K!RMrixs3+nVc?Ooq?K-b=gmLKse
zDH)jo%6@zmWBIkT$op=c_NN%yucKd6*vXK2L#m!wt1bJks-E2SAme=MZl#vZo%Q=w
z@1{os>BW&Nnx|
zcgc1>(e^BD72(y=lFxSwnA|$*(%3EYa;4|u0z-%H*hNHE3%v5*PB^U+oDw#-3ifpF
zZOGA4zVzX1FD)1IWUDuy(2lxOef!y^kpnfA1=|&~|KW9MPi%hux^tlWp{@;^wjcQI
zkGHx+i*M-G#$(g@z_DTL`!}l#U7B~7+H>fH`So+4(ciQS(xN@CxMt380m8T5JjixWB-XgaT$^_~#_&EC
z+Nkv#c(%H6js8{bax%qVUs|5rPg4^}`_-&mS7u<2-r1QUG@|Mo!dFcbKQ(s80iF|Y
X;(oum=U&ai9e+|yWGuQrJhkv&b_3qx
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_3_1.png b/src/assets/iot/monitor_3_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e54755a26b8cbbe8d69304641c0c9b52ad5212c
GIT binary patch
literal 1972
zcmah~2~ZPf7)_-hGO-npsiNY#9OFT%(4-2SBGQzVs1
z$L4cXLjD9jk)KT{NibqG5N<^U0VBoZfYq48m{F?=Y}ZAFz3UnRfp!R=tpeXWm86RU
zB3X_Clv0_5fMFS+5OyJtgfaVdC}5PC;Aj(1vkc%;
z#M9YaUIhx?z7NA_>Xc>7A5tYG4YJ}UNG63{VYLHEq7!Gz<#O7MlLSQNP)3U3%>q`|
zi4`)X({;i>D{C}%qRo6f^)a^3qRo1niGt!OGn>m1LZJ*}=tFBG*-h4lenTD}cM;x|-TmC={bO
zI*%fwIo1fY7Xzic_66=z?*o_Y+80@uTu5*Ra<%6t?b>lA%z$g#Ie@~UbA%~Im|IR5
z&{2gqBZRq6(PC=7wef-T+t_}S`Yt$17#y0CO#k)juid8)EAjQJ^{iGyDhvp`A|5}l
zsj4YUF`ah18@
z$i=CF34QI!FzM?dh~UbI&>zNVA)XHd>QT(8-KMvI8R4O$HXiIBQ^d4Z8H&Z7ooD=k1b%x1N`7SHJAj*s^eVR=~QrfR$}E{cF{u>p}xhe;+qLwc@Wn
z({k!AhTh$$x*cv>wfbRelk_1o?-3e%ZqcmSjN3Eaq2M)2!f|g*Ze}A$&sv)j60WF&0G^zvk;r8#BSqFz0!v9_eB&fd2F|50t!1Z|Ct)8)tj
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_4.png b/src/assets/iot/monitor_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..178118b11709a3a569bf98fe965a6308e86ce679
GIT binary patch
literal 1833
zcmah~3rrJt9B$Mw1Oago0i7HtDyZ#Uuk>|N7^Ou@C}OQVoTx{8g+kjqu2(1!5kV9X
z7dEHE7i>zxkPMyMm=52L*F>fu8j+0=&0vaF$8-#*?#fG-NOsBH|B>(ee(zjyO!O)j
zCvPVfi{+w-kg1pzvA>QE%y(f((O1mkMa$#qwSU=%{9Nx(6u
z;*~K#7(wBHn8RgjV3-RCnO&d&5sAe@p>PF&zz7e51rWk#BRrHZM7e>$_yaN)DXk7w
z$->9&F((O_LenG)L7ADEoJ<~vppqf3SS*HM1VRutgJ7GpOf+U?o6L(Q6lAzrL+MFc
zPnZC^B9=s0XbH%8I~InKoRl@0$5X{54YFb+#O1*DuttGe%_NSrP=-gH%E*FKlXdr(%EJ9&;
z45}owdR^9Ap?nlZ{sU#|uf=HWf5BP}sv{^P#uPwrZ&`>mC68KDDp7^WOk*Yuu8>JU
zCN_>%h}FvzXmN=+HN*E95whk|7|(}dq<@lDD(H>-LhRDx|tB)Gjy)Mhgw;k
zE3uvVi>`Rte>bagDC&DvP1XI+m5MHfvoya9@N=BWEPloV%Kk@tKHaCuxabi-%d8n*
zu+#mN>-2fiKAx1XU!t-kKW|CY%x9vFjSBzEYi8`unVVna(FS}oQ0qg!yYS+wVZ0BT
z?!1|A$oCq_^+erygK|gE8_vWE&w1wsx%MtibZTl(8lh_=b6g*mzG!Ur3h)AD@3(eU
zbhNhk4tUkGsF&@RbE}u<7vSa9%j$ia#hcvU+4Q2EQ=YeOIJ*z|=g~U%kiJv>16ffo
zq6)XveHXj4J5)Dtxc$(Ak=?Hba&`qDo>_m}U(@?rI?oWZ=_ufs+jhlNZEe)a
zkN7|RtmGv}O5Lk=ahDG+7tKmYtXWLDws+S>?CG{OwOOn^8+~rH@3WNzU&&~g=7!bo
z7!131aNx?L)BAgm_Ilr6&CNP)sokRTbtzu^iMOD51N7>7)%93e#NC3iByPYj-_B0>
z$oGdsdE%yqgw&;m^MiZ%9tXG;^ZRBMc?PI@wiS%rk=&W<#dG*lo+dc9BF+LPUlN=Z
z*Kez`$v^O2lzQt%L`(M2vd9owc!TR6{33Wu4
z7>>_5_Xo!woD?{WG<%&vvgdAV_WY5l?$~
zV$KM;tdL*h^dUO?M2wrsPa0V*NpG&L@9^K-7<+dlpfLaWWB!iSr+=&~cnV9866>!tGVu
j(QaazswU2N>kLnpV|TwtszW7g|9L6o(Xu+}=KOyF?rf<$
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_4_1.png b/src/assets/iot/monitor_4_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..6115819b50bed0ad2f7c5338973cfcee0e006f3c
GIT binary patch
literal 1832
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
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_5_1.png b/src/assets/iot/monitor_5_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a58cbcaca72b66cb381f4f001525914bdb3114d
GIT binary patch
literal 2068
zcmah~3s4hx9**D@NYM%?Ra9ITsd$iN6B5F1iIlKBLnwrBMBp5j?1rRdvmsfU0Jdsq
z1reL5RnMu60@H#>Rj?;$dny%0Pg@Zckvb=p3bqFa_`0)jdK(mMXJl??cK?t0zTf+s
z-JFsfH;3)VX0cdv65>$>vkIKA`)kbCKeD`uSr*YTDmsnQ&=$-@u%d7(mjDt-ERRqS
z7+zFxfrwzST!(Z@6|IsdA!>@`VonU#N*Wn9ixm-RHDc;~f(CMlJe@%Tj(mLz1a!Cr
z%n->TxiOm1>f(z{L|SpOQeB*{hH)@*H4tG%7y~3hV}O;^8_bAR0#4dRn7#9w2Lh82
zI$r`l4@xCZ0ir1r0l-{7M-4%IK+NofVS;cN7K_CpfB+JN@}MxDK*SM*A|f%u7XmLH
zknw23HHZR@ec_KeNkA=48xbDQVzF>7p$>w
z9}$Xzp>PC(o3!QD4
z;^Hs4(iyqVp>{S3K?#%YeFBd)Q6w2P%VUD!Imh!i<2rT4
zXu!Fh79ew&mM~#pbZcS+dUAF($>{!M0ve^X_73e?6R*VPcT{ybj>Lp!YHQuEZP&Mj
zHSc6M)w@?zhS>aTz=V>Y&)R}k*>;u1SJd2Fp6L*PwJzjtTYF&dkq-)jYs=WfmOjsQ
z*_!M_7R{35%O>D|uN(aS`0Zy|m!F)w+STQKWoe?l+@Qz?xn8@=Wh=f(#DTq^L_BDT
zyb~7m<%Nn~-(%>t5wtVMu_da}W$S*nZD;a_oj&zDsy4-S^{n5tnmyKSy}O|Gb?)fe
zg5804N_&j$Z$}Q40B=ZJq|H6LTdjZ6d*tj-eYD_`+h=Y3(OXBpn|=11^%3;}-@4V}
zi5rN%Me()b^@|?s+n0CFRy3uLkA*I1S{x#1xcKqHQ#$s!^2$_iuM_nhSwmkdAJ01Y
zU%0x-emd7b!?rK8Dx}Kw!av%8`~J7C}tJ8!ljo2QSW*o(y&6irE0D0
z3$MFRyWMMiOGvkgnEZ~)>kXw7t6OBlnM(nmE!H`?fBmC}ART+Nrc(=}N7p4??X$c8
z4S93hftBNH{cdQ_bojK-PcQqiUtJf6zCRD@QMC9dZMFOBQX~J|-?$ZsyTkdV_~t!(
zM1N6LTAFNNC~ss}{p;|u6*f*zv;E5(SwD3q9p#^`s8o^FY3STim(jRKBkWb*_3aol
z?6KcI)db7-HS8UTe<&LnYPnZf`S;oWyA$_*^t25caXs3$
Z|XB?vYUJuz9HwI-5%)5RWTc4vAcDqt&%EAWK
z!NYIK3LQaT{T!Wpu=*V?^y`m<7S+dNiC{;0vHjSfp)q(Mz~q(sp7K%IdHXwtQ)A_K
z{c4n%dWo>^KNZ8pZtIep9q09Lc>J(==XOWq@JD+W-3tgge15r=Js*=%b(cNc)wK;Q
z??KlOp3FNux+}_eJfa`|e2$AhkP(-$mHgFjMc5xEd}Brq+!wyP3i_6$w#6#*ZRvew
zr?p3-qbKxdXzyn-n<*;KjGWV!-tAr4))9Zbbl4HTxO4xdjRMxtSnBQie9kiON3-l)
zvT{RqY4^e#pKDYP6gIihExXAKdo@C9ZRZv@=Wp~3knFlO9$oUU11E<3Jm`XFo`suR
iQAR=A9G^aO@nrq-iE+sZpE?ice>x#189gM;vHcI#aU-e#
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_6.png b/src/assets/iot/monitor_6.png
new file mode 100644
index 0000000000000000000000000000000000000000..baf16e8c516ea8e15879e4f89b9ca70fc509adfd
GIT binary patch
literal 1603
zcmah}3v3f*9KU5aNOfBYWB~%>yrEK|y~o;J?_Als-THuaj8VfBW4QIcb;s7ba(A=c
zKpb<*1{xDo&|xwG!^RK?NJ5lH19O520~A?g1Q1Ag%;6v!5rf39{K(L
z@Bg)wmbg<5(+miLq&7lJC$Q?G!<^(Fp5eRY5lu)KL_Zj^-zLO|ouXsAX~*{B1H>t*3yzs4~%4$-O|
z*sxROzEZSMRshOaNOOQ7NR);Iik}N^8R@)rH&Jx5h)F%sK
zW!+<;Hdw5GL1Fy`UgQ54ECkp}Sqbs50HWTqcvuR?t@(VcS5h@z3IH$Xz+h|^Q50Cl
zP7rjC-A;2fMUpPU?y}k#8|Sj-I0P@W|isgVJz6J!B
zB8Sj;F<5bIUvkFOH^LRh_Jtmki$iB{y*(dk*U>9D1Nt^GfbftQVIaY|Rp5YbKQ!eP
z1WCH(<(&R#|6r?QL9)~MHobhuPahTBntY^Sw{g)C(x%>wD(?;-=@Gy0&En)3Nk`zsYdgvajWphZ^EpNoqs*Q_t@mNSI><*ce(g%tYiGni2!ep^botO(#})s
zX1@5~O0>eCa$#-ek9RkidWxuthi%b;*EFk&r*5!JGryLo86#Pu1~I|74`Fd;A>t&{=rr3qKB~(kyS%&ie=on^
z|NDQ9c}uclV-jL?I$dl|HWh$7p}mIZ;CEhTLl@j$RJ{f2GBK!@(=yPxSg{ZwIXqni
z0)S>K*7kx7olZZ@3CC@+Mltn8LgS**aZDW>}(`5KxgqP{avNbmZi>D8jK$
zbh*us`y~%3=CUhgu&i=PK2sTD94wmo8j=wvp#mPLG!o`Z1ceMc(J{Rwl(lONMaCd%
z$cc_SRp8GtFlktrmN2sk*TNbDvP=XgmC7Y!##sgfC4dKl
zsz9tcf`ys#`y=qDs^$3zT2TYwacoaTEBO@?zyd%KOJxQYI+&!nC6OK((5fisi(<)S
z*7J%*RaA;a2_dW|JF;jwC$M6LHq(*Fx)88Rr!JPixLX)TLMLeZEtzn{zz6qObjkV8397@LXX
zSkmEjY!>H7+yl
zc*{ubIn)*x7Zndz>xRbqpRL-FKw-=qHBeIZd8Na^CT>&kZx%=N9Xk
z)9<_&zjI4l_r(P3FM8Ldk-m}Ej#WbaiK+*EJ3Yf~VCjBoarLLS-$=C73=TPOPQNo<
zYFu%u|3US&p3X(G`@})BZ(hoX5}Mii
z!S^Y5cW=7F^GCP~(~d;nzV%^G%KW7RRaupeB7D2pe_%~Z(+&RFj>b_>&A!f-UB{~y
z#5B|x{YG9BkDlXQLLGIlsr?5BNjp3M
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_7.png b/src/assets/iot/monitor_7.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffaf3f28756fe66ee0b21fd9a7ec1c73212bb632
GIT binary patch
literal 2294
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
Ay8r+H
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_8.png b/src/assets/iot/monitor_8.png
new file mode 100644
index 0000000000000000000000000000000000000000..5163279cedfd169ce1be6c7966a366331dbea5d6
GIT binary patch
literal 1991
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
literal 0
HcmV?d00001
diff --git a/src/assets/iot/monitor_9_1.png b/src/assets/iot/monitor_9_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ef61e122bbcdeb607ddd17e39999b3dd3df017c
GIT binary patch
literal 1819
zcmah~3rrJt9ImKLiOAbI6+I85sI=D}Ev2XBAqP^V2&Eex59PSKmRfpO+rt)|+juyO
z1Q+Ecb2EaNi4TNrf(h<{gDF146hx1hj+{OcKfY
zazg}}sg2Gxl8L!-N<3GGO9(JD1Xyc9SOa>J!2pXsi!vb=DQLHguzTAz1Oj#lqmzQK
zf>O!jfe6}20ur8pi}U#cK+NuhL2$4{A{L7S0GJO4Li`{I7IEP~L?lK8LSW(nS&v3S
zjVREl34iQK3T85l0f8X1*~~Ks@@S(55=bNxhz~I|PDbqx$*rGue%m4{^d|O&}Ab~q@hHPV&-8q3nWEQC>
zDaOQN1r97*DY@JMf1_Ew-hnnT3i99F-iS6Sa||S;AWd|(5oa5%_Opd$Kq8DJ#?VG3
zO=nG3JwB6WXj3L_0AL|c4EQH$DS|eeR=!3cQH&v_AX|PBmmkc9`AUHR;R_I_a>JkGRnkY6i&)e
zDahu=(`pGMC;|;))eWPGfFdQKcmPAENa#0%3wzXlBOE|dU{3*FM
zQQI1Yprlc|jU=Lsv>vcG1JO<$3p%B}2`({ZERx76xeyx+WRvG>a-FR6LsNeYj<+B#l1-BUbxO@=n&{#
z_E#TZ?QZHRIM{aF$NSk5_tt{mjqbVe=y<}=a_jCSx0tyJ-sRl|{wCL2
zRc)gFA1XTrej!F%0%?u9bY*!=f;2ipxx&*r1I&vCJgwtiRi)d~A0DamIvU;())JC`
z=lIM1+OCZKeaM!tgNoC=7h!t_m!tdBXJntP*&cFXKHb0S@3heuyTTUs=*hkKv5)dc
zAMfkC-BhMY_i$egIbTVytkc!aDtZv+`HeP~k`tksPQS)9he2a%S*>j3obV-*(pgfa
zG*g`eITc^NH|+!GoaINmWTSBp160Y&-ufzIc-5K2eTz7zR^?}{Rq>yWpPIIHUh7G>
z)4ohy%6BvHUZ(-=fb(zlGxOqZ_%tlVtnLdwzU)UAh1K|ur0#j7GH=@4liL30NCk1?
z-rh9=Pq%Ql;Z
z<&f8{zQekc+n~Uf@r+M|XlieL(3*z$ZZXI^vaz(-2Y)Iai)wqnx;Tw`@naA7*oubu
zPBD16@tQ^*>|Gm{Qgh`%$id{2qs_^kMW0Xi>mMr&sZ{j(2m8KAUVZKSjyYD{>5Hb}
znRhC|SSLWWV0)9BXVQ+igrJ)Gyyt~WJs<2^y0!C3>V}RB?X6gYSHSh!Ay*6M>bjbA
zsiy0RM~PQS#m%VdhGPfLxs0CiD2FbGTqt*?;Iuz>3LeUCARU+X)4Sf?+4J_L^5@-|
zrOkPw?)nEmTW^Y;@VOBr8eC#UPr}%I-
ZpEFl-*FV`gQ5~{{Wr`sU`pb
literal 0
HcmV?d00001
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewForm copy.vue b/src/views/iot/tplink/camera/components/CameraPreviewForm copy.vue
new file mode 100644
index 0000000..c2cc26d
--- /dev/null
+++ b/src/views/iot/tplink/camera/components/CameraPreviewForm copy.vue
@@ -0,0 +1,455 @@
+
+
+
+
+
+
+
+
+
+ 播放
+
+
+ 暂停
+
+
+ {{ resolution }}
+
+
+
+ 电话
+
+
+ 电话
+
+ 分屏
+
+ 原图
+ 360全景
+ 180全景
+ 四分屏
+ 全景拉伸
+
+
+
+
+
+ 截图
+
+
+ 录制
+
+
+ 录制
+
+ 画面翻转
+ changeSwitch('flip_type', value)">
+ 关闭
+ 左右
+ 上下
+ 中心
+
+
+
+ 报警
+
+
+
+
+ 变焦
+
+
+ 缩小
+
+
+ 放大
+
+
+ 对近焦
+
+
+ 对远焦
+
+
+
+
+
+
+
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
index c2cc26d..700bc92 100644
--- a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
@@ -2,10 +2,96 @@
-
+
-
-
+
+
+
+
+
+ |
+
+
+ |
+ |
+
+
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+
+
+
+
+
+ 对讲
+ 结束
+
+ {{ resolution }}
+
+ 录制
+ 结束
+
+ 截图
+ 报警
+
+
+
+
+
原图
+
360全景
+
180全景
+
四分屏
+
全景拉伸
+
+
+ 分屏
+
+
+
+
+
+ 画面旋转
+
+
+
+
+
+
电话
@@ -39,8 +122,6 @@
全景拉伸
-
-
截图
@@ -61,8 +142,6 @@
报警
-
-
变焦
@@ -78,29 +157,7 @@
对远焦
-
-
-
-
-
-
- |
- |
- |
-
-
- |
- |
- |
-
-
- |
- |
- |
-
-
-
-
+ -->
@@ -275,8 +332,8 @@
/**
* 鱼眼画面显示模式
*/
- function setFishEyeDisplayMode(){
- player.value.setFishEyeDisplayMode(fishEyeDisplayMode.value);
+ function setFishEyeDisplayMode(value){
+ player.value.setFishEyeDisplayMode(value);
}
/**
@@ -452,4 +509,110 @@
height: 500px;
background: #1a1a1a;
}
+ .buttonSpan{
+ display: inline-flex; align-items: flex-end;
+ margin-left: 20px;
+ border: 1px solid #f6faff;
+ padding: 5px 10px;
+ }
+ .buttonSpan:hover{
+ border: 1px solid #1ea0fa;
+ color: #1ea0fa;
+ border-radius: 10px;
+ cursor: pointer;
+ }
+ .buttonImg{
+ width:20px;margin-right:10px;vertical-align: bottom;
+ }
+ .fxjImgUp{
+ width:50px;height: 50px;
+ margin-right:10px;vertical-align: bottom;
+ cursor: pointer;
+ border-radius: 5px;transform: rotate(270deg);
+ background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat;
+ }
+ .fxjImgUp:hover{
+ background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat;
+ }
+ .fxjImgLeft{
+ width:50px;height: 50px;margin-right:10px;vertical-align: bottom;transform: rotate(180deg);
+ cursor: pointer;
+ background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat;
+ }
+ .fxjImgLeft:hover{
+ background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat;
+ }
+ .fxjImgDown{
+ width:50px;height: 50px;margin-right:10px;vertical-align: bottom;transform: rotate(90deg);
+ cursor: pointer;
+ background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat;
+ }
+ .fxjImgDown:hover{
+ background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat;
+ }
+ .fxjImgRight{
+ width:50px;height: 50px;margin-right:10px;vertical-align: bottom;
+ cursor: pointer;
+ background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat;
+ }
+ .fxjImgRight:hover{
+ background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat;
+ }
+
+ .selectDiv{
+ text-align: center;
+ border: 1px solid #f6faff;
+ padding: 3px 10px;
+ width: 100px;
+ margin-top:5px;
+ }
+ .selectDiv:hover{
+ border: 1px solid #a2a3a3;
+ background: #a2a3a3;
+ color:white;
+ border-radius: 10px;
+ cursor: pointer;
+ }
+ .djImg{
+ background: url('../../../../../assets/iot/monitor_1.png') left/contain no-repeat;
+ }
+ .djImg:hover{
+ background: url('../../../../../assets/iot/monitor_1_1.png') left/contain no-repeat;
+ }
+ .qxdImg{
+ background: url('../../../../../assets/iot/monitor_5.png') left/contain no-repeat;
+ }
+ .qxdImg:hover{
+ background: url('../../../../../assets/iot/monitor_5_1.png') left/contain no-repeat;
+ }
+ .lzImg{
+ background: url('../../../../../assets/iot/monitor_4.png') left/contain no-repeat;
+ }
+ .lzImg:hover{
+ background: url('../../../../../assets/iot/monitor_4_1.png') left/contain no-repeat;
+ }
+ .jtImg{
+ background: url('../../../../../assets/iot/monitor_3.png') left/contain no-repeat;
+ }
+ .jtImg:hover{
+ background: url('../../../../../assets/iot/monitor_3_1.png') left/contain no-repeat;
+ }
+ .bjImg{
+ background: url('../../../../../assets/iot/monitor_8.png') left/contain no-repeat;
+ }
+ .bjImg:hover{
+ background: url('../../../../../assets/iot/monitor_8_1.png') left/contain no-repeat;
+ }
+ .fpImg{
+ background: url('../../../../../assets/iot/monitor_6.png') left/contain no-repeat;
+ }
+ .fpImg:hover{
+ background: url('../../../../../assets/iot/monitor_6_1.png') left/contain no-repeat;
+ }
+ .hmxzImg{
+ background: url('../../../../../assets/iot/monitor_7.png') left/contain no-repeat;
+ }
+ .hmxzImg:hover{
+ background: url('../../../../../assets/iot/monitor_7_1.png') left/contain no-repeat;
+ }
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewModal.vue b/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
index c7f09e8..fb392a3 100644
--- a/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
+++ b/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
@@ -1,9 +1,16 @@
-
+
+
-
+
+ 关闭
+ 确认
+
+
+