From c2ca99260aaedb9618585109ccd2bddacf743ce6 Mon Sep 17 00:00:00 2001
From: zjc <1034206993@qq.com>
Date: Tue, 18 Feb 2025 14:47:07 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitor.js                      |   9 ++
 src/api/request.js                      |   4 +
 src/assets/images/down.png              | Bin 0 -> 507 bytes
 src/assets/images/left.png              | Bin 0 -> 436 bytes
 src/assets/images/minus.png             | Bin 0 -> 795 bytes
 src/assets/images/pause.png             | Bin 0 -> 3009 bytes
 src/assets/images/plus.png              | Bin 0 -> 863 bytes
 src/assets/images/right.png             | Bin 0 -> 404 bytes
 src/assets/images/up.png                | Bin 0 -> 483 bytes
 src/components/CoreVideo/index.vue      |   4 +-
 src/components/Header/index.vue         |   5 +-
 src/components/VideoDialog/index.vue    | 111 +++++++++++++++++++++---
 src/main.js                             |   2 +
 src/views/sentiment/components/area.vue |   2 +-
 src/views/sentiment/index.vue           |   2 +-
 15 files changed, 119 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/images/down.png
 create mode 100644 src/assets/images/left.png
 create mode 100644 src/assets/images/minus.png
 create mode 100644 src/assets/images/pause.png
 create mode 100644 src/assets/images/plus.png
 create mode 100644 src/assets/images/right.png
 create mode 100644 src/assets/images/up.png

diff --git a/src/api/monitor.js b/src/api/monitor.js
index 1065a92..b346c33 100644
--- a/src/api/monitor.js
+++ b/src/api/monitor.js
@@ -35,3 +35,12 @@ export function postVideoRemainApi(data) {
     data
   })
 }
+
+// 根据监控点编号进行云台操作
+export function postVideoControlApi(data) {
+  return request({
+    url: '/fjtcc-api/api/largeScreen/video/controlling',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/api/request.js b/src/api/request.js
index 5fa0b5b..a2d78c1 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -40,6 +40,10 @@ instance.interceptors.response.use(
     if (res.data.code == 200) {
       return res.data
     } else {
+      ElMessage({
+        message: res.data.msg,
+        type: 'error'
+      })
       return Promise.reject(res.data)
     }
   },
diff --git a/src/assets/images/down.png b/src/assets/images/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..681ecb2fbe6f9cac4a8cc30614e29ba029e85bdb
GIT binary patch
literal 507
zcmV<X0R;YuP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$wMj%lRA@u(moYCyK@^3*lPHvafI=goqtZy|=`?hd5+yw~okmAVPfwyzDHJ3c
zg@RJ2kPI(*n`~kC-I+T>HkqyOy>q{F&c1n1jQCF@zCRV<za6X&R0o_2)Cf5RbhlRr
z+!8tmR0o^_y4$M*ZV8<Ossl~|-R))vLI{VzuKPsWfPF~^meLr2ao`@9u?%+9JOT5P
zJ}ooM0L`!v!UAv$j9G>!)O-PplJ2a%Q2;GO$tWF3+Osa-)TIEFiqZ=(YmH71G8&*@
zl$Isk#HgR-K<|LePo)z{+p)`g0h%a10#hjm_w^)2#}%PI7nXo)CqPnkvH-OIhhtzT
z5h6J{IRPes2VgQ1!WErt0Idrvz-1(WD>_*LT8L9%(+J^?P6+^OlwN`9*b8frFi98L
zpkW~dOO#e6T^XI~EXxXDh|-y)t<J3?3Q7PBiqc#2DlX|GV!zJP>;OZaO6!s?IyZ_e
zC<5?Hl+Gn>MDAuPFA2~@=^1D~Qs#bM*4|AUMHUqUXkA!qzTQeiC;L4RDO|Slq7G!+
xa>$?x@E0l%JEJ;K9dIg8Bjgm&-9GXTd;|TDa52=?a`ONH002ovPDHLkV1f{A$GZRk

literal 0
HcmV?d00001

diff --git a/src/assets/images/left.png b/src/assets/images/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9e9ce4057575ff2f0eba54ec09aeb01dfa5e203
GIT binary patch
literal 436
zcmV;l0ZaagP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$Zb?KzRA@u(n6Xa7Fc5}+OAH-5bYNiU$Qv;7038`%WbDv^1u>&O0E~>h=}(Ou
zDUFi$94GOebe-?q`~UCGjvZk97mU{r7f_p^6L12B4tNU{8d#j}1jblMas}WRLU<pO
z-_BW_0LcdczX0w-2*v+jynxif#&rO10B&NQ83AqA&+uy}(C4}t0VE$&uWyIiOl1p^
zT*n;-z~S0_s1rbP2jB<5-L>LX4RLb)3&5+S@FqqDfn3+s4DndkRR}0?y{dpIT(2g8
z<Wt&VHaUZODR$8zCix8D`y}Glq<~m7$yj{cE?=e)u_%Fd!Bf$wCLqy>pA6ZDSG6G?
zYMGKPwJL#5OT{Z<q_NML4K)Iqq9vcu>RPDlc)G-hXs9F5X)Bu-nw;5CO+Z4!jDU1*
z{6A)yd{*huu=%jnGaDbL7W&LNH~L~1dzmXObSU2i%;l_fT_+%QYOXjZFqgB^b)A6J
esk!3J6ZiuHJ8&_29_^3-0000<MNUMnLSTZf^t+A#

literal 0
HcmV?d00001

diff --git a/src/assets/images/minus.png b/src/assets/images/minus.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed3ba4a68db67e7576689df08c5168843cf90c37
GIT binary patch
literal 795
zcmV+$1LXXPP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%)k#D_RA@u(m_29|Q51#00~T8uK?5noAG8p(Fc?9>QiPyIdILsKVyWN{B326G
z517&r!3f$b3QDjPQmB|lun~U{6imQaSqRU$G82ce$=umDyTii1YGL2pch0@%zL|SO
zmoIfWetHDzu3)bMy$VETpeLa$fgyx-z+vDZup8J2Y)Jo~2R;FF$^S2b$C7?VCjZ~#
z(G>_GYzHm@qre&`sNcW?U_#P6=QB;WwM-y{&;YIgr%M1|4#J4s0WM0i-=$Ye1k$WO
z0d|x=vH1h<fniA|vr?-xfe^wT;AxV%fl?<GZ~hJ(k@Ti`>;E042!s%}0JCiXpCK|5
z2PA#)l5i79HUG9k*{p=o<TU8*i82Ikrw!{(PRzbrlFoSoxCn$0b|rWGE5L4^POLvx
zX^)h=1g3x!oj{&DV_MSjqB9E#q;J@79n5})*{aZA^v3oOI0j4?Wui_0k4k#DT5J!2
zI^>gKE|ignfHm(>n=)J!c23e@Yz2PgzABeuJ)8Z=`1KhUezo)ovlM6j+6I#s4l%rc
zYcrhllKNu_gk}LYjZ8*^&*B=1FOSBX;*_+iN<0$kdIBp;=*A2Si;)uQYcP4fy%MtT
zADgi1Sg$4RjqQPZ$v8Mx2l`|zy({TtEP<ox_*VyqF-iAh3D~f1ec+vUt0HR6H6Up*
zihw;FLa0MVh4L|Mh1Y0GU>jhAMyIM^*&p&a7A^uQiJQRLs`OD1$Ly9fp0mmjuwkZq
zN6MU(%vr12k;sy5L;b#FkooM%zPktV!MfU3$%rJk(&i*n&nt8&?1C^)$Ze-&Slm6Z
zyrikkat$~YF>cz}I00Pt+9=C$v`ipZjh(68V&<;bwJ_jj?p|#r>v<B<1ad_B68n6_
zoVE1h&s@B`z5X?|*I$@5S@ec&TN8T&cWPf{73dV;%6p(L;L*2G-N1VUdKIWB16_X$
Z{RK#$*fCmwyp#X{002ovPDHLkV1fcgXtw|W

literal 0
HcmV?d00001

diff --git a/src/assets/images/pause.png b/src/assets/images/pause.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c2283219a8e230087a3ea05b86c69ce606488ac
GIT binary patch
literal 3009
zcmV;y3qJITP)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00001b5ch_0Itp)
z=>Px=dr3q=RCr$PU3+j;)fxYtyU#$N!6Xt8NaP`*iWP_quOLvYw4kLHYkUlaDGWHZ
zBQx!cOcM-|;OI>Muv0q?1D#T*6>O=c0u?I-3ISRSP)n^mf`pe4113Ts`?z~g_d7Rt
zvzzQId-iTNA$KN!z@G2ibAJ1s^L^(#-}hUFu6)XQ9_*L^-~n)q1W*7V4;(pQ$OPbQ
z9i9q~CNMMsxCo#Q9RG!a6Y%0+Sk10>)ihX2UtG?!V8cTI<^h-i2+)%8)cX6|3x=)m
z;2)@9&B^FAo<7V6u$)_A$0N}2EEwhoX%(P)pj^KKrTH3^o7ccvu7kOo!MrVi&kLsc
z#2mO{0jv&i`g3H0XY_~GX8^Q*xzPFz1Z<ABxpKGwY=?pkC}r=*1A<H&^8h4mvtt=J
zmIO47Yfx@9z*2t-md1-<%?)6j%ZwkKG4RY>__Fii%PxSHH8{9GTI#Pu#X3|l0ygPS
z@&PR8PT27xG^_wa7LAzQYJ&CBaacY-4aIdM>5~ZVP;+F$msbe&uCYQ>brr@HzvjPc
z29U`Gu#!Imj#t4jgvPBjUWBc#21?_3X-!K6bv0)=)M4YG4G_c8fn->LGWK>N{e_cB
z4uIvn05+@#Fk1lk<z?7v55UrNDOux`>c@9SK0G6*g7?ccfZPiei&4Sqq&lY6CEEci
z`S<;9#~Z@!@U*~w<^ZgpeJtIr86BvD?}cahWWdpvw9y5I<tSsnm3dd<0McG(!!P`P
z85s$&zu8ah2J@P-SIf*XM3&q8z%yz(e0igd|KA8No=eooBnBWkz&332y9-6|sj#2i
z4eRAkk~YaybfgX%1JCGLfW=C$tA-a(p@NZ<-l?ba0P6eQ9y&FU-{$z}UE#xZ$4Bd%
z4fod`GpuzTyqMY9eX(-@uI7cX-~+O<O4Da>9Nz)vxz!!93yhhTw0rDa!+#{daSm3o
zlkrX}egK0sPq|tL$MNlflR~^NOV@UE(s7TS2Q8<7jLSu+D2`VX;{&jq4}lH)Y1#HP
z@Qg1t1Vjo}Fib)ztB>`i#|BWhwjThPCYJ57cY2KGwFgIlIPP&{IoH4|G%>1M5gWit
z{u_VzXb~9<XU*H)e$R`gQM4zzik>tK%LbIOrO{-f14vFXu#sF9=ZBlSt+kB>TKmt*
zI=db$F<hKQ(VXqb0P04AoI9uee}C(CeqLumYu{e@iC_H&8I@)*+=nuDE?l3H0j%WY
z>&>uSISI$dJ7veyE#=)~zXji&qiF2AP{tmPAHYifB!JD#eG|^ZZ}s?nFVeTmZBDdI
zS_s%PsL8V^W4~|Twxb4;)wSX*81n3&>`L3fK&n()1R%!DHvGd;?X7Z00N3&tD2mH&
zG$7;fTd5jnTEE9t^gU=_8AP$G)hJ~Z!GjG2Fi86x$F{=qMc92attV^7;Cxwk!98IC
zX<-vo+>HuGw}avd1+Z27D3a_v`X@8S(rx>6jsLD5+2&Y@RqVC!09Nv|bX>E4v<=p)
zpLW~HnlW&SYP-kLr6OwK#TZmDHB<xF@<+h2lTI8N2kG$9`vfCEw|}ll3&Hzj(Yl?7
zQnn)$z%~4jU|2wR8MbpZz37EOz&mU_yrYU~8E^K7yq;<Uu$*VYh6XxyIIDjR#htQ?
z{ciO|Y0iFdO<6?OW-k8~=^!#Dx)E8+=YnIq(sT*VBU?<L)ICE7;FaaYm^oo6RG)@D
zM=s!{^#^e3LStO-mX(j|B@r6Y8CmN;kUpJ{GWHi8z)DV6l1pr74#HOVp-lfVWoh#J
zt4ffWVGn8B+~Ps;^35?pl$DP;z!(hz%NP)m8Uw)7lz!nnya~#U&t=~cRetl!^YG}j
z5n<cBcjzn@l)h`KyzJzB{qBT&qS*dw{YSe|46At#tZ0DOjg0;4OwS;w-|<`r?K39j
z@~Ft3^UJ7nl$DnSkgRdb^yPrnPS!Y&1@^x$&ck`^&$9i;l)t(Ag{W=%&iZ-O&t>If
z4ls@eu5sUicE>Q`&M>UuKlW!8{LFgp2<)}hafr(`kp)0jUT*ZdG+oS7&J8%q7+OR2
zsfxVF0w61&3;+WW8ek&<C<3RBqwm1dcp(}6o4N$k0YKk?p>U6XoaVWg0Msq;p*Nx2
ziq8*|L0J|6S$UbU8?uxg>zcff{&|A-zy>hnWb9v`lE||x0J8GQ08m7#r!S*D@G5Db
z*Y8SOGxofZlKWm+0A%Hp0-$0+%gpCRiW~tbl9c=WJ-Yjlj2BZMvH-}+Cu<(JzOK7t
zy#OYNXfS{+6ou(s!to<XDIj7A18SQQ*|#nw*`=~eP*y&Em?F2N^pBR}r2!*C*$0Ka
zZcO~p2Dve{y^eJJxCL6accex3Rqs(Qek8qv?}e8x+r?3CEiVN}rS<$V*iY|^zn27C
z%I;yZ@(B(*M9edC8r1v=v<LpAH=LCKqM_j|y=37sRZeE?t1>;HdTr+q;k1j=f({Rb
z^#{)VRn#fT$|rzVh=>TN7BAB)L>1(Og!CPUH^E|ZNPo-P$MDU`cZZ$Fw(2t|d1-sp
zIm*h*0@yL6Pdyr!N~ib3cK)dBJEF?VUJA*|%TCTy@F3I?Q>dGeOQmo7%kH--*Xu<p
zuh|cQ@bc2B;#$*cQLyL8dHl4hI_8a>F)mqonfbXUJfSC{w`M2kOIR<(zYMN9od-9X
zUehZxfv%LLT4dL>ALxaODsqWhpe;LV4c`QY5?czEaaV#M^KNf`5xgU(5`bH<iakMn
zwE@_goj}#)&VRmXx;2)WNLR_WOj)d#KQPQO_!!y%BytEnD}Q8fa%IP_NX;D%&;5_m
z2X+3khkzT=KEd)uD%tN%u<Qt6P=e(OtYU%abNdwEtkwkcEXR>8X;ZS_RZG@*FEN6+
zADFLmF6b$~f%30#N#^C?SWUbK&YC}T_1M$m{Vfxp*7+7VLbNZ`h!{iF6U|RkO>n9r
zG--iSgh2!%FJZJVJb?Pi<Qcy)`5lo+WROKpa~=e<z5o$<p7^v*QUR2Nqf3ca>P024
zvx!W?as01ljWMnJb>BA!zJa4@>F&iUHZ$B{qXC#N7}6LrZ}Vb9qDLw0e6gXvl=X5~
zO@;IDZC36&u>?>=*e$_wS3_T0BQ>{a!SzPJ<}Hr4&%~}+*GvA1FQMo*EBPlbnTO>|
z{`F`LMXe7B(ur$zaQvs|Fm@Q)CHNBVp9d|QNHjs5TGRYV<T1&=VryXAQYNEPEjVL(
z7>HrOn-R%qv|rBg14xoYyko_CLKAx;@eXmu5Cfel#5=*7NPML|k@|^vT_bQKL^33u
z)4;al9ue_u68nUv3f8u6Nj_FM%Wzd{T0`_PiFV|caImy)o#_seipOB7KMDJ(eJROu
zl{vmpcB!XumO&;#U2T9DKZ<2-ldFNjz3I+&6{W}#NrmmxLut#iAOZs;rs^aTI-SY$
zT}Qwe3Sz!EvFO~;Aif1VQGliiWdN1z(_Mz(J<y+Bf;h61`(5YG!ilUCqDvv#VTL>s
zr^vST!ZBDIQeXW}83fvZVel3d1(VQT1jEX3^d*T*S13!Of)V9(8sufru+jjMj)8&(
z`N|2?Ymup@m&kGi4Kh`i(?ett3SNf?uO+(InYRZ<>e&F2qPRLozIdo6*>de16#7dN
z5x16^E40iv@E*Z#4yG8ds|Cjf*ieO)?8~GpizylyZj{8wpkaw{721Aa08}BW+^84q
z=ImA@6oU$0bpxt9lnUNr1Gi<gQNj1khL)KPt$&_gIobBOz_Aqy1%&awK@MRCc;+nO
zXd@+R0XrT77o7UZ|1kpM(6?f*S=wg45$WvL{0h(ZGlfiohC;!RrZ4p&enXViN+WON
z!I4&x+d)5jLA36~FiF4Q@NfSwL)65>G}+mq#oPY><0bf|as|ZK00000NkvXXu0mjf
Dh_uY2

literal 0
HcmV?d00001

diff --git a/src/assets/images/plus.png b/src/assets/images/plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0b9af0a4a461adff4effa4b75a802c9689223c9
GIT binary patch
literal 863
zcmV-l1EBngP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px&8A(JzRA@u(m_2AzK@i9Pf3P?Zj1U7U#1FI(v@jS!!Ae93TBJ8%1SNJV_<@L(
zf*6Iw&O<>3?G*(jh?S5+#WaGA_<^8c0!9!lg!Rq2FRsVky_vTg!ohph!OiZ@Z@zYC
zh%W!w<@%!nSZWVe9;iGJX@M$)asxW&Rsz@uU=M(;09FH7<^P`r@BzR~_WyGL4@iEG
zG=5`wv<IAX8v&dHFaltiQmJ16?gE%3`9`^>rC4bI=UffI1pvnliZ?4EAlCt$B`Lqn
zUnu}@^@jj9nNMuJ;4Oe5k`iX7&kW$4+XmoKX1RXTNyWln0qiIFs#x@&gbBbow+_Jc
zA}F70BoMnuzSBae0esBA)`rdF>Gv4BJk`*ner7L*cCOdzB;hom%?S&@gilzNB5Q{0
znEUZJFMC(i@ag`TYMmFlO7fIufeOGmw<W9bF91m8QGLsIU;9t)=d)v~bzbPVcv=%m
zT7Vk>4qG&c1dyX{lRQ*(W+8yTVZT_cFNY=o5HIu<-Pjs{gJO*$OEmwV06?}JA$hOU
z*%|<I_$2axDvUG$lDvaU<bfHI1F;_X7Q8AK_R8ygUMj7CxxAFv4)???$-Y<s*J^{X
z&X-j_glKn9kn9*Gnh@%Gfc7CYK83mYQm^0zr}g&KP(R)FsgWdv<ozQZmg!4WMqiTL
z9-9NVvUYIPq<xx;Opd%s@<=Se0pI?a7!rA4l;oXQ0BP1G548Pm<Gcg_l3e{H=c52*
zv2)HGMhO54!$)*0ETbM^0|03>)Lw`L5bF<WCKf6H4{-&+No^uTHZ(GBIiWer0wB$d
zt)(3IEoJ*U-%7{DX(@wHlF3@?i9`+}P5q9nk@={xzB&iO&ANK5l7nPbX>DeyC)x>x
z!kQ8`G80mdQ}R94Inb<xAG2HnaMapv275`{I0@jqc8t=jM`?h-8=L*OMTWcDsf8#m
z!`+KztR6x{0|X#F+4y`|CTsrjCsVv|y#Cpb*PqI0vgn3Ygk3`<8G!b{)N&O-YKvO;
pt2|(}SZevo1F0=)-LLCC@CSKH6hISdO<@24002ovPDHLkV1ftwf`kA7

literal 0
HcmV?d00001

diff --git a/src/assets/images/right.png b/src/assets/images/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..b03c13832d0ff25d10659f71e1bfb51d3a9af805
GIT binary patch
literal 404
zcmV;F0c-w=P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$PDw;TRA@u(n5_=NFce0=`=&@FcnF$c5C|j^1d<0p@&-r*0ulr`1j(SumS9NQ
z-oGt$y6x`y&hAY*LdPHKc>O2<-Uf?-Vt|=I`GlAOvbX=YfvTz|0H#FrWJj5K0L#D!
zpaO6N&?BNlW(}-u5&)rq7l1i{v9%2;fF{LLZDY@hHDR+fK=bM)fT4vAEr0-GVnY+a
z#D)ccstqduH5=9d0ptvzPei+fVe@mT2S8KIs-9GL4u~f}sQUt7Kt!8d2ycL<?sW}v
zO$BKSK(>uG0o>~5-lkY+3qWY-&<l^0;=@{R0QN}r1jtVP+mZ(WJ9SS0k<>i^L{qm0
zSbVOWqnrs7Gm$iVptBbm(+j?|0rOuhQUIo@OE<B3>XHC6kDpm$05M}udkw1xw2O;5
yzW~Ifq`9UT&`dYx>|!7$CCxR(fM&WeXTJfZfvGVb?C%5s0000<MNUMnLSTY|*q@yM

literal 0
HcmV?d00001

diff --git a/src/assets/images/up.png b/src/assets/images/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..5338ec3075af571a58b773382a67b8485b7734bc
GIT binary patch
literal 483
zcmV<90UZ8`P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$ok>JNRA@u(mmy08Q51#00|ukfV6X@p3?_@9UAsnY7Mo`68U>>^EjH~67L!rI
zV(<qT4GUKnMpy^jojdpL%EH_H-t76#`F3H%n13|p`6&SZy<l0OED&s<C=@I(e7!6X
zt}yt3vOvEA&1@6sNV*Od{pa<eEnsHTz!NY5%t`tf2E;G{E`hBo^o69Iu>q*mxvB-;
zkaU|3k-mVLO##n9SE1g|JFu9o(l7wdf$cw<PFE=vz|7Wxn*o}ns+0y`W|P1xFf#xk
zRi#XTGhnyjk2FoC6aX_@1@0P#|2dYTQW&68r~9un>jX$qDFeWxPMz^o(w-Ci*YOZQ
zOLgjb*CgGyg=h^BP^X^t4Oo!$*#;s45K*U|^+eLa$N-Ym>CM{#RwO-oA>0cjs#DMU
z0xWq|Y6EZ#?0cJPc;2m&3&6~lfrsiPrC}!5F}F&M0V;L6Z&>rLNdChvl{^54-&v0Q
zd0O3QtWsluRxw6!sQ`?i<i1}~7AOk@8z>3|3k+W`3xq2SKA<cREHHe%ED)|R_<*rr
Z;0rIiaWOwCW4!<X002ovPDHLkV1ic*$sGUy

literal 0
HcmV?d00001

diff --git a/src/components/CoreVideo/index.vue b/src/components/CoreVideo/index.vue
index 3d2772c..66d7047 100644
--- a/src/components/CoreVideo/index.vue
+++ b/src/components/CoreVideo/index.vue
@@ -27,7 +27,7 @@
       </li>
     </ul>
   </div>
-  <video-dialog v-model="videoShow" :src="src" />
+  <video-dialog v-model="videoShow" :src="src" :cameraIndexCode="cameraIndexCode" />
 </template>
 
 <script setup>
@@ -38,10 +38,12 @@
 
   let list = ref([])
   let src = ref('')
+  let cameraIndexCode = ref('')
   let videoShow = ref(false)
 
   const handleItem = (item) => {
     src.value = item.hlsUrl
+    cameraIndexCode.value = item.cameraIndexCode
     videoShow.value = true
   }
 
diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index e4a1a9b..0e6d6fd 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -175,7 +175,6 @@
         isSkip.value = false
         isBack.value = true
         let res = await getSpotListApi()
-        console.log(res, '============')
         navLeft.value = res.data
         current.value = 0
         title.value = navLeft.value[current.value].name
@@ -196,6 +195,8 @@
       case '/monitor':
         title.value = '监控大屏'
         isSkip.value = false
+        current.vlaue = ''
+        isBack.value = true
         let res1 = await getSpotListApi()
         navLeft.value = [
           {
@@ -204,8 +205,6 @@
           },
           ...res1.data
         ]
-        current.vlaue = ''
-        isBack.value = true
         break
       case '/sceneTesting':
         title.value = '三峡之巅-安全检测'
diff --git a/src/components/VideoDialog/index.vue b/src/components/VideoDialog/index.vue
index 22c2b64..600e7b7 100644
--- a/src/components/VideoDialog/index.vue
+++ b/src/components/VideoDialog/index.vue
@@ -1,30 +1,65 @@
 <template>
   <div class="dialog">
-    <el-dialog v-model="modelValue" align-center :modal="false" :show-close="false">
-      <video
-        v-if="src"
-        class="video"
-        ref="videoRef"
-        muted
-        autoplay
-        controls
-        style="object-fit: cover"
-      >
-        <source src="" type="application/x-mpegURL" />
-      </video>
+    <el-dialog v-model="modelValue" align-center :modal="false" :show-close="false" z-index="9999">
+      <div v-if="src">
+        <video class="video" ref="videoRef" muted autoplay controls style="object-fit: cover">
+          <source src="" type="application/x-mpegURL" />
+        </video>
+        <div class="action-box">
+          <!-- <div class="action-item">
+            <img src="@/assets/images/plus.png" alt="" />
+            <span>变倍</span>
+            <img src="@/assets/images/minus.png" alt="" />
+          </div> -->
+          <div class="action-item">
+            <img src="@/assets/images/plus.png" title="焦距变大" @click="handleAction(Z00M_IN)" />
+            <span>聚焦</span>
+            <img src="@/assets/images/minus.png" title="焦距变小" @click="handleAction(Z00M_OUT)" />
+          </div>
+          <div class="action-item">
+            <img src="@/assets/images/up.png" title="上转" @click="handleAction(UP)" />
+            <img src="@/assets/images/down.png" title="下转" @click="handleAction(DOWN)" />
+            <img
+              class="pause"
+              src="@/assets/images/pause.png"
+              title="停止操作"
+              @click="handleAction(STOP)"
+            />
+            <img src="@/assets/images/left.png" title="左转" @click="handleAction(LEFT)" />
+            <img src="@/assets/images/right.png" title="右转" @click="handleAction(RIGHT)" />
+          </div>
+        </div>
+      </div>
       <p v-else class="none">暂无信号</p>
-      <img class="close" src="@/assets/images/close.png" @click="modelValue = false" />
+      <img class="close" src="@/assets/images/close.png" @click="handleClose" />
+      <div></div>
     </el-dialog>
   </div>
 </template>
 
 <script setup>
   import Hls from 'hls.js'
+  import { ElMessage } from 'element-plus'
+
+  import { postVideoControlApi } from '@/api/monitor'
+
+  const Z00M_IN = 'ZOOM_IN' // 焦距变大
+  const Z00M_OUT = 'ZOOM_OUT' // 焦距变小
+  const ACTION = '0'
+  const UP = 'UP' // 上转
+  const DOWN = 'DOWN' // 下转
+  const LEFT = 'LEFT' // 左转
+  const RIGHT = 'RIGHT' // 右转
+  const STOP = 'STOP' // 停止操作
 
   const props = defineProps({
     src: {
       type: String,
       default: ''
+    },
+    cameraIndexCode: {
+      type: String,
+      default: ''
     }
   })
 
@@ -45,6 +80,25 @@
     }
   )
 
+  const handleAction = async (e) => {
+    if (e == STOP) {
+      ACTION = '1'
+    } else {
+      ACTION = '0'
+    }
+    await postVideoControlApi({
+      command: e,
+      action: ACTION,
+      cameraIndexCode: props.cameraIndexCode
+    })
+    ElMessage({
+      message: '操作成功',
+      type: 'success'
+    })
+  }
+  const handleClose = () => {
+    modelValue.value = false
+  }
   const init = () => {
     const hls = new Hls({
       maxBufferLength: 10, // 最大缓冲长度（秒）
@@ -62,6 +116,36 @@
 <style scoped lang="scss">
   .dialog {
     z-index: 9999;
+    .action {
+      &-box {
+        margin-top: vh(16);
+        gap: vw(20);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      &-item {
+        padding: vw(16);
+        display: flex;
+        align-items: center;
+        background: #0a4190;
+        border-radius: vw(8);
+        > img {
+          cursor: pointer;
+          width: vw(34);
+          height: auto;
+        }
+        > span {
+          margin: 0 vw(16);
+          font-weight: 400;
+          font-size: vw(16);
+          color: #ffffff;
+        }
+        .pause {
+          margin: 0 vw(10);
+        }
+      }
+    }
     .none {
       position: absolute;
       left: 50%;
@@ -75,7 +159,6 @@
     :deep(.el-dialog) {
       position: relative;
       width: vw(1660);
-      height: vw(980);
       padding: vw(40) vw(30) vw(30) vw(30);
       background-image: url('@/assets/images/one-video-bg.png');
       background-size: 100% 100%;
diff --git a/src/main.js b/src/main.js
index eee9913..03f2950 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,6 +5,8 @@ import router from './router'
 import '@/styles/reset.css'
 import '@/styles/common.scss'
 import '@/assets/fonts/index.css'
+import 'element-plus/theme-chalk/el-message-box.css'
+import 'element-plus/theme-chalk/el-message.css'
 const app = createApp(App)
 
 app.use(createPinia())
diff --git a/src/views/sentiment/components/area.vue b/src/views/sentiment/components/area.vue
index 1779bf9..6b34f81 100644
--- a/src/views/sentiment/components/area.vue
+++ b/src/views/sentiment/components/area.vue
@@ -66,7 +66,7 @@
 <style scoped lang="scss">
   .select-box {
     position: absolute;
-    z-index: 9999;
+    z-index: 99;
     top: vh(40);
     right: vw(10);
   }
diff --git a/src/views/sentiment/index.vue b/src/views/sentiment/index.vue
index f892abc..6d46abd 100644
--- a/src/views/sentiment/index.vue
+++ b/src/views/sentiment/index.vue
@@ -128,7 +128,7 @@
 <style scoped lang="scss">
   .select-box {
     position: absolute;
-    z-index: 9999;
+    z-index: 99;
     top: vh(10);
     right: vw(10);
   }