From bd5335a86c7ec11908d098fed2cf6b27d9041c10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= <zhangxin@zhehekeji.com>
Date: Wed, 23 Dec 2020 10:43:24 +0800
Subject: [PATCH] =?UTF-8?q?=E7=90=83=E6=9C=BA=E6=93=8D=E4=BD=9C=E9=BC=A0?=
 =?UTF-8?q?=E6=A0=87=E6=8C=89=E4=B8=8B=E6=8A=AC=E8=B5=B7=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E5=8F=8D=E9=A6=88icon=E4=BA=A4=E6=9B=BF=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/add-active-icon.png                | Bin 0 -> 1444 bytes
 src/assets/down-active-icon.png               | Bin 0 -> 2481 bytes
 src/assets/{bottom-icon.png => down-icon.png} | Bin
 src/assets/left-active-icon.png               | Bin 0 -> 2447 bytes
 src/assets/left-down-active-icon.png          | Bin 0 -> 2510 bytes
 ...eft-bottom-icon.png => left-down-icon.png} | Bin
 src/assets/left-up-active-icon.png            | Bin 0 -> 2445 bytes
 .../{left-top-icon.png => left-up-icon.png}   | Bin
 src/assets/right-active-icon.png              | Bin 0 -> 2546 bytes
 src/assets/right-down-active-icon.png         | Bin 0 -> 2505 bytes
 ...ht-bottom-icon.png => right-down-icon.png} | Bin
 src/assets/right-up-active-icon.png           | Bin 0 -> 2456 bytes
 .../{right-top-icon.png => right-up-icon.png} | Bin
 src/assets/sub-active-icon.png                | Bin 0 -> 1601 bytes
 src/assets/up-active-icon.png                 | Bin 0 -> 2541 bytes
 src/assets/{top-icon.png => up-icon.png}      | Bin
 src/views/realTimeMonitoring/model.vue        |  72 ++++++++++++++----
 17 files changed, 57 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/add-active-icon.png
 create mode 100644 src/assets/down-active-icon.png
 rename src/assets/{bottom-icon.png => down-icon.png} (100%)
 create mode 100644 src/assets/left-active-icon.png
 create mode 100644 src/assets/left-down-active-icon.png
 rename src/assets/{left-bottom-icon.png => left-down-icon.png} (100%)
 create mode 100644 src/assets/left-up-active-icon.png
 rename src/assets/{left-top-icon.png => left-up-icon.png} (100%)
 create mode 100644 src/assets/right-active-icon.png
 create mode 100644 src/assets/right-down-active-icon.png
 rename src/assets/{right-bottom-icon.png => right-down-icon.png} (100%)
 create mode 100644 src/assets/right-up-active-icon.png
 rename src/assets/{right-top-icon.png => right-up-icon.png} (100%)
 create mode 100644 src/assets/sub-active-icon.png
 create mode 100644 src/assets/up-active-icon.png
 rename src/assets/{top-icon.png => up-icon.png} (100%)

diff --git a/src/assets/add-active-icon.png b/src/assets/add-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbf8af5c39b08bb4f4e4d94030bdc4e28b499ccf
GIT binary patch
literal 1444
zcmV;V1zY-wP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000GRNkl<ZcwX(B
zO>7%Q6vzK>y=%xi2QF!WBCdQ$P>FDeS~&EAAdx@_)ppCJ6$oxA5=}**&;l(~El4!C
zN}%>a;&p`(NGXU*573AMjZ~0muT-=^bLk;oBky`1+KnB&@z>1SyLMRil#h8c@BQXu
z-^~1%kno2R9zS9MusV;edMY*U3T=x<JO)i0Bk-7D+TwM9MtqAwD-dEuFs<mCxaC%>
zmq+*Fuc$jHG61EbF;2|8K=eEqJ3<9QSOW8xOms1mbuNdhql-~r0jw6&k7$BlVqg~$
z9_^>Y%=npri$bH%MzfV)`c-#d0F=JKJ>;aPK|Bq>?3Z(G>aoEz$3|r?^8)_pwXL22
z@EI88yYy**yuk18)fq+m>j2M<+;->aRXB>a>%~I@C>2uA5NXE%JQlX`KG`iZi^G|G
z^_wvDg#u8r^tTE0UYG`>vSIK$nVkE+YW>OpY)k(Npl4MZil;n(ZRXtPRN7JkU|aeP
zfbLakApWv^)6BWsWZRVnP_m3)33y1h;z5>U;A$r4JS^jb6o678eT<0TlBsZ5$}rRM
zOullsn?GFvl#A)T%=~$`iiYw3MD*fFwld$zw~hepqW%P!z8}Wmq<tcO(#*O)v@72h
zz*>@H{20}Ho&~>)6x}4o8R=lc6<i*<?M$>wmf8ZaE&X+XJ_^@ncPkG-W{-Q+E~IyZ
zxY*sImlAx?%()-8s-YzSKeu=N-j6K3tpo6!vJ1un2>D(@>|%SJb!Vd0-k~J`yO916
z#BW6C5E=oL7WAW}(UB<I1JemJUzy$5MiT&kOUvx_ex$p)*Z}~xAez{?m2LuHTgGVs
z-tI2aX8-`ac;?KUbD%M>W&j1_DhLlo8a)vI6z~FKTr=}dAe#*Uu+Qr|Am~!m!TY|{
z-U8mwv8)00pfuiT?sk{zzXkx5tn_gLzxiJVz@QH@xypK49~=Re;T=52a=<aL5dbWk
zIcL0S1lYxqZD9BJIC_7eQ^0GS^!v<g`G)^vJ>b8s)TDs6m;?YC#MGU+>V*J+)dgdp
zrr~T700@EoqkEil0RVPEp8?UyBme;OAv5ou3IZsmPl9<S5derznc2#r0DyAQILnNE
zVE_=}oT&0|s<z&4u$~8~+6J;Y#eIb5??~3!9{^CY(u)M1RCa_ZYvwEGmF@auP%0X)
zsGcb>=t3q}nd%(?@vND3PxL7k<!Zv7CA0((W(xSHIvpNO0}Ijq3ci;qKtvCOJws?Y
z1?;3Rf{A|(CO#4RKNX(GRxM@xsk{`2G#KD+5TfebUDqE4x5Gu_QfNJoB8Y(jAS{_#
zXJ^xP*!zQR=?4MwbL6O>fdK%|m^pX-z9V=d<SV=IQ`EtG^)~`2Tlx_O`Dt;~4-+15
zRGc*(ik1q-m3}L{S_L%-0G`q;lXtcU_7NMMvkS&2AOwz%qv(}^OaaDeGw;0C5x^iW
zMq-)*au*~1Vi@z)SS$c!uf{w8aa@izZb)Ld7f`z#t-TT>y&m`HVeKp-`VpXbJ?{G!
zu|Q&dAtIh7#vKv92Ez#?{Hd^}2KA4RH|xVJCOfG}yNaZSQ57oN88Yh8t^jK5!4RuM
z+u@K?jY<KiLD&Q;(K-xywWu@ze@)l~YEc!Hs27tGfVG8jcvYja>d=m<u*?E8jOtMt
zRcNc&lt)0llA4Ot(-Xy_C+N^I%OF0`Ne$YmQ$qvzH(5&PCo_#y6Z_HB#-UZ)O1})o
zQ+-#OF|L8|ogn&j=sufkHOD-~84GQSz)$zEPAoI%Thhd0qq0k8p_VPv(;6V#h^If&
yxUya4(^*03D|H=@Y&&7f#R4FVV{zFe9>70JTl!yGGZj|=0000<MNUMnLSTY^|EYoi

literal 0
HcmV?d00001

diff --git a/src/assets/down-active-icon.png b/src/assets/down-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d190aeb18e44ad1a90625f460b0df92f841f295e
GIT binary patch
literal 2481
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

literal 0
HcmV?d00001

diff --git a/src/assets/bottom-icon.png b/src/assets/down-icon.png
similarity index 100%
rename from src/assets/bottom-icon.png
rename to src/assets/down-icon.png
diff --git a/src/assets/left-active-icon.png b/src/assets/left-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..13ce98c993ece0e322fdfed0e286bf5d3fceb347
GIT binary patch
literal 2447
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
N002ovPDHLkV1n<7vXKA)

literal 0
HcmV?d00001

diff --git a/src/assets/left-down-active-icon.png b/src/assets/left-down-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..de2b835668e6de000f30aa1a310bf001ba8e40ea
GIT binary patch
literal 2510
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
YKLFpdZUH`fu>b%707*qoM6N<$f@GDm*Z=?k

literal 0
HcmV?d00001

diff --git a/src/assets/left-bottom-icon.png b/src/assets/left-down-icon.png
similarity index 100%
rename from src/assets/left-bottom-icon.png
rename to src/assets/left-down-icon.png
diff --git a/src/assets/left-up-active-icon.png b/src/assets/left-up-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e1e5655af34e0a5c40483a41d88e5d7faac20cb
GIT binary patch
literal 2445
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
LNkvXXu0mjf=vtup

literal 0
HcmV?d00001

diff --git a/src/assets/left-top-icon.png b/src/assets/left-up-icon.png
similarity index 100%
rename from src/assets/left-top-icon.png
rename to src/assets/left-up-icon.png
diff --git a/src/assets/right-active-icon.png b/src/assets/right-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d26e47c20a6577a14461e1a9dce0bd679f7cbb8
GIT binary patch
literal 2546
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
IM6N<$f;OPg1^@s6

literal 0
HcmV?d00001

diff --git a/src/assets/right-down-active-icon.png b/src/assets/right-down-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c2f0bb681feb7966aa7269993be30f3b8978c0e
GIT binary patch
literal 2505
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
T9hZ<k00000NkvXXu0mjfw%@Rd

literal 0
HcmV?d00001

diff --git a/src/assets/right-bottom-icon.png b/src/assets/right-down-icon.png
similarity index 100%
rename from src/assets/right-bottom-icon.png
rename to src/assets/right-down-icon.png
diff --git a/src/assets/right-up-active-icon.png b/src/assets/right-up-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..81342a8459489fc1182a750a1a358bb153d832a5
GIT binary patch
literal 2456
zcmV;J31{|+P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000SJNkl<ZcwX&V
zYmgjO75+|7_smXDcG*NxVKJl>h$045BqSD5jH^^M(O@z?D`1M!5+xY4D&PYZEb#%Q
zB8f3TswkzB%5?7rjZqRPBB+UwNNu15N<{M`W+~&3B%96lJo<60?wOvQoy=_Cp2td6
za{pvDeV*Sv=iYPAy@b<z&}r^J&H!*G0#0)T&ZNL;9svK}Mez6*%#6k2eKE=H2IP?>
z@*|XnGo6z%Z7Gn?CN6TxSqh?00O$jw4}e<hEHjRPFhamya(OU0VE?(3fOHgqVpe&t
z#k`DSbPX8un{tG35RB~-@e^HXdskC3reNv_04I#ZT$$aQ0jvfPYoF1)Lz4KRu9eR3
z+9k8C0GLLykJ!1H!Jgx1)f!2q+1x`C4iM-N5g$?{>kvk9Vk{A#BgyU@Vwyw1MF6e@
zu%N!9?E|810OYpHS3#mp49u-Inm~`a;NQqZdlTv6%TZ>IH=}1<kr$AQ1tgIN>KkkL
z*Q=VfCW_2cCZ!eTfY;RHp9XlSM%Eq>{aj5K^>*kuz9sRtc+6c*5>_)K5y&K>oyl}@
zNwYdyj)0sl-^rl6stm|6aBE7lHZ^P1RD371%B2$V9RRJYqWh<+Sr;~=uO$FXUD*xb
z!xM`6Fvn<lYK8S&GsZ;WF?HFf0RgIJMfN8$LnZ7Dc@Ru1g1;GfLG7}xqEBKhiX*Mi
z)&b!eRkIdGk=YagrXIfs;M*&T82i+W<*nM&KE}7ocacPQRw-VmYSyiyhC~J+msLK`
zgsS}J5mmF#6IIv=x>^tj^n;{UyhB7+Bmj6D&dJ&Ga{!%N7CshZTA0WbUldW+Ng6X7
zzZb-}1v(_jT`E#AMFQZIaC7Neb)fj`PC6DvcFs_?Fyk{N9^Rp9_OdX3VE}4ppMec2
z&AKH_!E}B%hm`qn@NASQ5C))T_Qzr|x+1Zn`1hy|`lmw4eGtsYndvwYjuDl9yTB-c
zMkUET?h=hkkVY-3Fxov6qjWWF5nWNEKnQ@N2F~hY`Q;$@8T7-HR{W-jLA5mFy7FHF
z&W^&%zzMi~UuwXvF1YH7IBCfJ64Mh^QLv<IrL(h<J|O_|dTfac>GytS0Y{1Cd1^X0
z62*yt*3^{)04|Hp%daKLo-NWa$?5T(48Eqc6kwy8vAmOM-5~@(PLF?|!NH7gQ8nxO
z=nj;ZCIhofM_xlj-9+eSMvwQK!94(~{?GqbsrfzbWS7+=QfQgFd^<q*lx_UCs#&vJ
z0>CtsVKCm~2_dHIlbPa{W&sf4t5@cFd@fn%%t+%uVKNFv{9=dsrHM4)k9DoID``>9
z9~uGP86RvP4w#Z;y@Ap=8fHYZ-|IN<^$7i@N|B`tdNYN8iO4n$<pnV2`I81bkkqU%
z)#D2VU|dfuCAh!!nF&v;Y3phc1Dc^Z)p;HyqK`9|dWSKhd5LuKZz8g*cP$2nQ=0X@
zCIL{sNWjJt0K8pI+n*9KASz8g=T*&4kL$`Y0(yOUj0I}Os_gSq>BtQ#H?oU|eKy9C
zRK|KslK{lON8oRjL+O#EX03|qTo`>L=RH1CSG=5mv#+0caWZZHAxxh4JvS&XW|y9<
zN?p0$4kC~O%EJWQSQgZB3#!)mshlqZa0tL#O93D)OKF82A^_xv5*NCT`;Q7O#m-mL
zc~91)5e`5${x}hTv=jk!cTy{UTf_hnnlR`6nbeh68MvU70yLmzidhla{1_6sF(p3%
z054S2_A`+IFm-tl2pS*sV^u3wPFx~}G@=o4z6`)i3|w4J!OtZ%%g^hu!H?oiIZHVb
z&^b)+?yhrc4UGWPP<{r6-(X;1Q%bYG5T-oryQuS?oN-+_KtbimSfggF^<nb8@5LeI
za@)aQ1KOf(&FZ}l$D&7oA>Rh3d&`W5s#%(d0j<t_z;EixUxNDqm-!nrGWL%|^cM!>
z*E%k5E7O{)W~J)!g+{>1Z2UTjcylQN=<$?REY;Xej3_f7h#%LL4Fr^Hd0wk(_D@7q
z=LeOqxGwJVX$h~YY0JB8Ic0<bFt%0xP)wqyN}T+fs@dM9X5`U~^PZA%Be9Iw{SLqf
zDHi*Baz){wi1JDLrYPV-0q~TWy1$y14kj+HR0phmB1TMvacv8m2fZREij1hVrmmdu
z4p-%gYZy6#0La?`^4m-7@^?kf<rU|%%9lY{H{rlEIG>HL1hEn5lvtYEl_^Zr1XXAX
z0-$^qz)#Ehv`<Zox4<Wde&?O{Bi2xU0Y>TYLzvQDF#rsC0hqkixHKX*LvvZ>K?YtF
z-NK@Vdo}%-fwN<fhr#5x>cb*d2!QfBuphwt%c$;F)7D2?F|<>>=HzYLkr`LSGuCh;
zeZm0bbY&F-zYGKsV^uO^J<=&hnvv_3zvh@<IK8vXA9_n93_v*wypvea57@72R&&o@
zn(<D6CqJm%<hppEOgd_lG`}ZZcx5WqhyYA}2SAL6k{RnJ0oyuGGCrhSP7eO$wGK;b
zpV;+SBmhcLAU_Jw^1!38MW*APdkfumbm#JZ+umRJ2zZ4_UM$kNjtoHQhDh<AuDv~Q
zE=KgOsLx;83Cy^zJWs%-mG#NxMWWB^A_Gv4f)4<+XOa^npC^KNJ016J$tur+s-NJ|
z3RNoxhoDe(O#$FZ%^AuK%$U3jM63@&t($_Nkd0sBkh=?@%GsoubZi;`&$c>`6TA~+
z)7NIAfS6n3%OUZvCTe}ZSMg*@v-(A4RMI6XLoNMDL%EC?e<Z-W*$KveVr*!4olqEx
zzr%L;7Aif!oEU_SYP#|D*Hk{X6akf;U^9C1in5-8&(;{W8xCz~^$me{Im7I%Ca`xM
zUq0dansQ)#t(6kHEdT^gdr#&7TFbzUNkA~X3(=<><{jMw_R}I!m)q8LzH2%CMCfOr
zpMaUwd<@z}aPL+%d#{MRMl@{&z*ABfiqCUhUdxOd8Yn%&pyvrZ%H{U}1mu~xml(ZF
z)C-qqgG$$0b;d9;?r&FmwH<)KVAF^%2Y4+Qk)EwJoK51xVBCL@>~)u<QEX+_CodoE
zlGH#>PL~$}Smc5}NPzb{F07JpfS7g?oV_MFduOFFD$FZL*s%y`q~Gf?5=niM<euyA
z;mm!^QV)nn02%?jf29#3X?Qvct7!*7aAKy7><j?Y2KDPy(U}N%oleZOnRVJn!2bXQ
WtH5rV6kIX@0000<MNUMnLSTY!r;GCd

literal 0
HcmV?d00001

diff --git a/src/assets/right-top-icon.png b/src/assets/right-up-icon.png
similarity index 100%
rename from src/assets/right-top-icon.png
rename to src/assets/right-up-icon.png
diff --git a/src/assets/sub-active-icon.png b/src/assets/sub-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7267d53d35b10db1ef2700499d077dfb8325321e
GIT binary patch
literal 1601
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

literal 0
HcmV?d00001

diff --git a/src/assets/up-active-icon.png b/src/assets/up-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd07a3f487a0d0b7ba78f037366972c50c5f4b25
GIT binary patch
literal 2541
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
D3kt<(

literal 0
HcmV?d00001

diff --git a/src/assets/top-icon.png b/src/assets/up-icon.png
similarity index 100%
rename from src/assets/top-icon.png
rename to src/assets/up-icon.png
diff --git a/src/views/realTimeMonitoring/model.vue b/src/views/realTimeMonitoring/model.vue
index 14c906c..ff83e9b 100644
--- a/src/views/realTimeMonitoring/model.vue
+++ b/src/views/realTimeMonitoring/model.vue
@@ -18,35 +18,35 @@
             </div>
             <div class="operation-list">
                 <div class="operation-item">
-                    <img src="@/assets/sub-icon.png" alt="" @mousedown="zoomDecStart" @mouseup="zoomDecStop">
+                    <img :src="zoomSubUrl" alt="" @mousedown="zoomDecStart" @mouseup="zoomDecStop">
                     <span>变倍</span>
-                    <img src="@/assets/add-icon.png" alt="" @mousedown="zoomAddStart" @mouseup="zoomAddStop">
+                    <img :src="zoomAddUrl" alt="" @mousedown="zoomAddStart" @mouseup="zoomAddStop">
                 </div>
                 <div class="operation-item">
-                    <img src="@/assets/sub-icon.png" alt="" @mousedown="focusDecStart" @mouseup="focusDecStop">
+                    <img :src="focusSubUrl" alt="" @mousedown="focusDecStart" @mouseup="focusDecStop">
                     <span>变焦</span>
-                    <img src="@/assets/add-icon.png" alt="" @mousedown="focusAddStart" @mouseup="focusAddStop">
+                    <img :src="focusAddUrl" alt="" @mousedown="focusAddStart" @mouseup="focusAddStop">
                 </div>
                 <div class="operation-item">
-                    <img src="@/assets/sub-icon.png" alt="" @mousedown="irisDecStart" @mouseup="irisDecStop">
+                    <img :src="irisSubUrl" alt="" @mousedown="irisDecStart" @mouseup="irisDecStop">
                     <span>光圈</span>
-                    <img src="@/assets/add-icon.png" alt="" @mousedown="irisAddStart" @mouseup="irisAddStop">
+                    <img :src="irisAddUrl" alt="" @mousedown="irisAddStart" @mouseup="irisAddStop">
                 </div>
             </div>
             <div class="direction-list">
                 <div class="direction-item">
-                    <img src="@/assets/left-top-icon.png" alt="" @mousedown="leftUpStart" @mouseup="leftUpStop">
-                    <img src="@/assets/top-icon.png" alt="" @mousedown="upStart" @mouseup="upStop">
-                    <img src="@/assets/right-top-icon.png" alt="" @mousedown="rightUpStart" @mouseup="rightUpStop">
+                    <img :src="leftUpUrl" alt="" @mousedown="leftUpStart" @mouseup="leftUpStop">
+                    <img :src="upUrl" alt="" @mousedown="upStart" @mouseup="upStop">
+                    <img :src="rightUpUrl" alt="" @mousedown="rightUpStart" @mouseup="rightUpStop">
                 </div>
                 <div class="direction-item">
-                    <img src="@/assets/left-icon.png" alt="" @mousedown="leftStart" @mouseup="leftStop">
-                    <img src="@/assets/right-icon.png" alt="" @mousedown="rightStart" @mouseup="rightStop">
+                    <img :src="leftUrl" alt="" @mousedown="leftStart" @mouseup="leftStop">
+                    <img :src="rightUrl" alt="" @mousedown="rightStart" @mouseup="rightStop">
                 </div>
                 <div class="direction-item">
-                    <img src="@/assets/left-bottom-icon.png" alt="" @mousedown="leftDownStart" @mouseup="leftDownStop">
-                    <img src="@/assets/bottom-icon.png" alt="" @mousedown="downStart" @mouseup="downStop">
-                    <img src="@/assets/right-bottom-icon.png" alt="" @mousedown="rightDownStart" @mouseup="rightDownStop">
+                    <img :src="leftDownUrl" alt="" @mousedown="leftDownStart" @mouseup="leftDownStop">
+                    <img :src="downUrl" alt="" @mousedown="downStart" @mouseup="downStop">
+                    <img :src="rightDownUrl" alt="" @mousedown="rightDownStart" @mouseup="rightDownStop">
                 </div>
             </div>
         </div>
@@ -112,7 +112,21 @@ export default {
             confirmLoading: false,
             form: this.$form.createForm(this, { name: 'dynamic_rule' }),
             id:'',
-            mdata:[]
+            mdata:[],
+            zoomSubUrl:require('@/assets/sub-icon.png'),
+            zoomAddUrl:require('@/assets/add-icon.png'),
+            focusSubUrl:require('@/assets/sub-icon.png'),
+            focusAddUrl:require('@/assets/add-icon.png'),
+            irisSubUrl:require('@/assets/sub-icon.png'),
+            irisAddUrl:require('@/assets/add-icon.png'),
+            leftUpUrl:require('@/assets/left-up-icon.png'),
+            upUrl:require('@/assets/up-icon.png'),
+            rightUpUrl:require('@/assets/right-up-icon.png'),
+            leftUrl:require('@/assets/left-icon.png'),
+            rightUrl:require('@/assets/right-icon.png'),
+            leftDownUrl:require('@/assets/left-down-icon.png'),
+            downUrl:require('@/assets/down-icon.png'),
+            rightDownUrl:require('@/assets/right-down-icon.png'),
         };
     },
     mounted() {
@@ -128,6 +142,7 @@ export default {
         },
         zoomDecStart(){
             console.log('变倍-按下')
+            this.zoomSubUrl=require('@/assets/sub-active-icon.png')
             this.$axios.post('/camera/control/zoomDec/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -138,6 +153,7 @@ export default {
         },
         zoomDecStop(){
             console.log('变倍-抬起')
+            this.zoomSubUrl=require('@/assets/sub-icon.png')
             this.$axios.post('/camera/control/zoomDec/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -148,6 +164,7 @@ export default {
         },
         zoomAddStart(){
             console.log('变倍+按下')
+            this.zoomAddUrl=require('@/assets/add-active-icon.png')
             this.$axios.post('/camera/control/zoomAdd/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -158,6 +175,7 @@ export default {
         },
         zoomAddStop(){
             console.log('变倍+抬起')
+            this.zoomAddUrl=require('@/assets/add-icon.png')
             this.$axios.post('/camera/control/zoomAdd/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -168,6 +186,7 @@ export default {
         },
         focusDecStart(){
             console.log('变焦-按下')
+            this.focusSubUrl=require('@/assets/sub-active-icon.png')
             this.$axios.post('/camera/control/focusDec/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -178,6 +197,7 @@ export default {
         },
         focusDecStop(){
             console.log('变焦-抬起')
+            this.focusSubUrl=require('@/assets/sub-icon.png')
             this.$axios.post('/camera/control/focusDec/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -188,6 +208,7 @@ export default {
         },
         focusAddStart(){
             console.log('变焦+按下')
+            this.focusAddUrl=require('@/assets/add-active-icon.png')
             this.$axios.post('/camera/control/focusAdd/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -198,6 +219,7 @@ export default {
         },
         focusAddStop(){
             console.log('变焦+抬起')
+            this.focusAddUrl=require('@/assets/add-icon.png')
             this.$axios.post('/camera/control/focusAdd/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -208,6 +230,7 @@ export default {
         },
         irisDecStart(){
             console.log('光圈-按下')
+            this.irisSubUrl=require('@/assets/sub-active-icon.png')
             this.$axios.post('/camera/control/irisDec/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -218,6 +241,7 @@ export default {
         },
         irisDecStop(){
             console.log('光圈-抬起')
+            this.irisSubUrl=require('@/assets/sub-icon.png')
             this.$axios.post('/camera/control/irisDec/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -228,6 +252,7 @@ export default {
         },
         irisAddStart(){
             console.log('光圈+按下')
+            this.irisAddUrl=require('@/assets/add-active-icon.png')
             this.$axios.post('/camera/control/irisAdd/start/'+this.id, {
                 data: {}
             }).then(res => {
@@ -238,6 +263,7 @@ export default {
         },
         irisAddStop(){
             console.log('光圈+抬起')
+            this.irisAddUrl=require('@/assets/add-icon.png')
             this.$axios.post('/camera/control/irisAdd/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -248,6 +274,7 @@ export default {
         },
         leftUpStart(){
             console.log('左上鼠标按下')
+            this.leftUpUrl=require('@/assets/left-up-active-icon.png')
             this.$axios.post('/camera/control/leftUp/'+this.id, {
                 data: {}
             }).then(res => {
@@ -258,6 +285,7 @@ export default {
         },
         leftUpStop(){
             console.log('左上鼠标抬起')
+            this.leftUpUrl=require('@/assets/left-up-icon.png')
             this.$axios.post('/camera/control/leftUp/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -268,6 +296,7 @@ export default {
         },
         upStart(){
             console.log('上鼠标按下')
+            this.upUrl=require('@/assets/up-active-icon.png')
             this.$axios.post('/camera/control/up/'+this.id, {
                 data: {}
             }).then(res => {
@@ -278,6 +307,7 @@ export default {
         },
         upStop(){
             console.log('上鼠标抬起')
+            this.upUrl=require('@/assets/up-icon.png')
             this.$axios.post('/camera/control/up/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -288,6 +318,7 @@ export default {
         },
         rightUpStart(){
             console.log('右上鼠标按下')
+            this.rightUpUrl=require('@/assets/right-up-active-icon.png')
             this.$axios.post('/camera/control/rightUp/'+this.id, {
                 data: {}
             }).then(res => {
@@ -298,6 +329,7 @@ export default {
         },
         rightUpStop(){
             console.log('右上鼠标抬起')
+            this.rightUpUrl=require('@/assets/right-up-icon.png')
             this.$axios.post('/camera/control/rightUp/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -309,6 +341,7 @@ export default {
         leftStart(){
             // console.log(this.id)
             console.log('左转鼠标按下')
+            this.leftUrl=require('@/assets/left-active-icon.png')
             this.$axios.post('/camera/control/left/'+this.id, {
                 data: {}
             }).then(res => {
@@ -318,6 +351,7 @@ export default {
             })
         },
         leftStop(e){
+            this.leftUrl=require('@/assets/left-icon.png')
             console.log('左转鼠标抬起')
             // e.unbind('mousemove')
             console.log(e)
@@ -331,6 +365,7 @@ export default {
         },
         rightStart(){
             console.log('右转鼠标按下')
+            this.rightUrl=require('@/assets/right-active-icon.png')
             this.$axios.post('/camera/control/right/'+this.id, {
                 data: {}
             }).then(res => {
@@ -341,6 +376,7 @@ export default {
         },
         rightStop(){
             console.log('右转鼠标抬起')
+            this.rightUrl=require('@/assets/right-icon.png')
             this.$axios.post('/camera/control/right/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -351,6 +387,7 @@ export default {
         },
         leftDownStart(){
             console.log('左下鼠标按下')
+            this.leftDownUrl=require('@/assets/left-down-active-icon.png')
             this.$axios.post('/camera/control/leftDown/'+this.id, {
                 data: {}
             }).then(res => {
@@ -361,6 +398,7 @@ export default {
         },
         leftDownStop(){
             console.log('左下鼠标抬起')
+            this.leftDownUrl=require('@/assets/left-down-icon.png')
             this.$axios.post('/camera/control/leftDown/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -371,6 +409,7 @@ export default {
         },
         downStart(){
             console.log('下鼠标按下')
+            this.downUrl=require('@/assets/down-active-icon.png')
             this.$axios.post('/camera/control/down/'+this.id, {
                 data: {}
             }).then(res => {
@@ -381,6 +420,7 @@ export default {
         },
         downStop(){
             console.log('下鼠标抬起')
+            this.downUrl=require('@/assets/down-icon.png')
             this.$axios.post('/camera/control/down/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -391,6 +431,7 @@ export default {
         },
         rightDownStart(){
             console.log('右下鼠标按下')
+            this.rightDownUrl=require('@/assets/right-down-active-icon.png')
             this.$axios.post('/camera/control/rightDown/'+this.id, {
                 data: {}
             }).then(res => {
@@ -401,6 +442,7 @@ export default {
         },
         rightDownStop(){
             console.log('右下鼠标抬起')
+            this.rightDownUrl=require('@/assets/right-down-icon.png')
             this.$axios.post('/camera/control/rightDown/stop/'+this.id, {
                 data: {}
             }).then(res => {