From 5241be494957f9f1267c61d722d110b3a7106dd6 Mon Sep 17 00:00:00 2001 From: xhf <1424913779@qq.com> Date: Thu, 20 Feb 2025 17:37:09 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=9E=E6=97=B6=E5=9C=B0?= =?UTF-8?q?=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../imgs/indexPage/yanjing_xianshi_o.png | Bin 0 -> 554 bytes .../imgs/indexPage/yanjing_yincang_o.png | Bin 0 -> 732 bytes src/assets/imgs/indexPage/zhankai@2x.png | Bin 0 -> 419 bytes src/assets/imgs/indexPage/编组 12.png | Bin 0 -> 855 bytes src/assets/imgs/indexPage/编组 14.png | Bin 0 -> 856 bytes src/assets/imgs/indexPage/编组 15.png | Bin 0 -> 794 bytes src/assets/imgs/indexPage/编组 22.png | Bin 0 -> 666 bytes src/utils/drag.ts | 11 +- .../realTimeMap/components/indexPage.vue | 532 ++++++++++++++---- src/views/mapPage/realTimeMap/index.vue | 1 + 10 files changed, 425 insertions(+), 119 deletions(-) create mode 100644 src/assets/imgs/indexPage/yanjing_xianshi_o.png create mode 100644 src/assets/imgs/indexPage/yanjing_yincang_o.png create mode 100644 src/assets/imgs/indexPage/zhankai@2x.png create mode 100644 src/assets/imgs/indexPage/编组 12.png create mode 100644 src/assets/imgs/indexPage/编组 14.png create mode 100644 src/assets/imgs/indexPage/编组 15.png create mode 100644 src/assets/imgs/indexPage/编组 22.png diff --git a/src/assets/imgs/indexPage/yanjing_xianshi_o.png b/src/assets/imgs/indexPage/yanjing_xianshi_o.png new file mode 100644 index 0000000000000000000000000000000000000000..ed7b7eec4a469bac78270e9d1a2c612fe2e8f3a6 GIT binary patch literal 554 zcmeAS@N?(olHy`uVBq!ia0vp^B0$W;!3HFgc;@~FQjEnx?oJHr&dIz4a$Hg)JkxxA z8MJ_G4hF{dOa>N^5+IfWVg?501&j>LK$;OGwtxvPE3$wY&gKCreB`UM52$R4r;B5V zhUnVK_8v@uGROD7-*IL$N2dvw%JK!vrrj!DqpG1HwP@!w4yV&kr~Qi%@OAXPsKCmq zYkKY8m5>W5A}*3jicw`he*HaHeq7V+sqFIa`@a9It$T0l-^k`(;K>$UJ7c<(o8m=x zkB~%34x3J{ynUxFPQCA}sonX3ZSJx+7rH$HFRDD9F8aWS-6)m${F$F#9T6(m8#JZ* zf;SgyH&mPxng3@FfB229TEAC*W@WuTtP-)w#wX#C=JWBX!QDbj=S#7X2P4Yd?_??lZ=3vPN<&Nd zF;*|L1+OI@c2BcdVRW25baF!bTQ2n{hK;S?r$iKJmJ0Ws4);#7*sdFA@yhp9N9x0A zH|DXuu}jUBI{BmI`zEEc9nQ!ezSs^7>k44ofy`glX(f`xTHpSruq6Z zXaU(A42G$TlC0TWzSWC1gr%?na^Uze4Sfq}`*)5S5w zLa=wTe@3vQz_H0^yA3@uiUguAxCK;w2>Oy1tfJz3Nnmy8l7KxG0$g#cl;l{so7nT0 zDqZUeTYcgBA_c`~`hr>!ua|CbQV{Xida<;r@}&2lv#X=yYCK zi}oM?zU=bL+Pqg6zE!6GeD!}x((auhWT9*zQ0!P*PH4UUlNgU-eTcP_Gh8(T?eNlMcD% zaBc6H(0aC8;$QofFIr;VuOAqGDvpWUo@FA%&pAzN>Zwg?ndgt_XIyi6VOZ8y(H!M^ zee3gzYX`Rft^2=cQs0E#r5E1{zIHq!IQje&rm6?gd40#8upf9Y>iN~++h_5|=W!2t&uJ1(3nh%*OD%AD$6)PQ^5-%9F z_+zw}{LY5ihc0#>oBToTWdH1CneX>FANi#qdz6QRe}mxl+^jfv?vF-%#Vq9+GF&W7 zkAK$uTYkml;zPrm5)bxuINJ2xZ;n5{ud&vrx*?NauwUr=p}7yw`khYcW3b=-uS&o< zM=H~7_Ug7om(Hh(^V5sP|A{Bfe&G8jHt!qn&bgfj&;4RHc_*^ut-|6vpp@n5>gTe~ HDWM4f)v!E0 literal 0 HcmV?d00001 diff --git a/src/assets/imgs/indexPage/zhankai@2x.png b/src/assets/imgs/indexPage/zhankai@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..a82c225b13b34a4b8ae81f587a9ef2f5e7417873 GIT binary patch literal 419 zcmV;U0bKrxP)Px$T}ebiR5(wy)U8VdK^O+`=NSYsSOklhELM}JLC_#r3j|&$6rzV64Z;qf)9u7aB#;6v;~f!#zS?L}bodd-n;rmL$oNh@1f!=n{D+ zxvaH5cR62xM>a)dzZ-z$me%^9nehW~592uA1+e{3WX~A0^Sy5yAR=yO9RXPTBXX>@ zUMDGqfP0yy>7a;QxP>Z%kh~(f7zDvvYkk`nGz+TL>WEV68o*=`Lh`=RXv~IT`21U4 zF5tKC1j!o!qdCZvh|E}PAMyrK2>3;>0C2yPp_Y(W01L(#cSv(vN5F626%jcBpnOs$ zBCFQg(@twt3h>iqNJc&|G{!XV3yso%pRNseHO3rv8hP$PE8DSb-3MyLam__w9aR7T N002ovPDHLkV1n(0u)hER literal 0 HcmV?d00001 diff --git a/src/assets/imgs/indexPage/编组 12.png b/src/assets/imgs/indexPage/编组 12.png new file mode 100644 index 0000000000000000000000000000000000000000..28378388f7fa9c682c4614aa6f25ed95f279fb49 GIT binary patch literal 855 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zjKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(-uvw#`F1}RM0`(+UW1JglI7sn6} z-o0U`{j?kfZ1=b@vMxSxNSxD4$?lL_wpB-^E1~4*p^PgW ziaI?X9cvaAJ-@P7LZ&KZ%Ic{+CE?|BjYDHYZKpkc{5bw=)nD@l!M8vCG$VDUg`U26 zF)%RsXWphZW!2aGlO~q5wAgEXTfZUmc*EYkwqL${NyyCPj9Y)*gy;N*ytM7pVs6~M z>lz*|o|m65*y&PGTie^+&23n|GsZ(jDEFjq>zAibS)-$)CFJFgKX{-J7a!khAj0+V z-#@wF;NSuanG;Woa_`?2d3g7(tcMg|yP>7!O(rX2HZ2REp>#!B^6dI` z>o#oL*7o&lDd+C2`}L|RBF~;bUnpwv?fdu8njb;av?iJ?y_$9O%NG+lIk|w9AyaNo zX*rrCIMc^%QgUJ8#@uI`6M3hcngDcUaz%y2;>C+SmS3)@sxmV8zbDGmqp7ix@yO%C zmAjjpo6S>}*`Gg=x7}OQpvP?X+uXf(9Xu@z4I7;nDje7t!IPez-sHT zjT;g{E2jv2a{Un?ColihCUw#8K%sMI&wBdKoij&a#Z__nsw=l|Yd`C)-^b9Yx#s-T zsiKmb^Q5Z+P5x?3KK8bZo5A^H-l1tnx4(P$F3+geJ|*L3wB{STzkmO}H~%wR)AmV} ziPX`vXL9@oiFGVcfvu6*Bvz3X-lBhOC z#d7mKHa0dPQmd!*bew4873or={OY#34XblJBZ72mCa+7m`s?8< d{)wlS|C4tKdl%c3Tfq%V)Sj+>F6*2Ung9%pY##ss literal 0 HcmV?d00001 diff --git a/src/assets/imgs/indexPage/编组 14.png b/src/assets/imgs/indexPage/编组 14.png new file mode 100644 index 0000000000000000000000000000000000000000..3992dd1e703febf4bd9362483e2557981d65f869 GIT binary patch literal 856 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zjKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(-uvw#`F1}RM0`(+UW1JfZ-7sn6} z-o2rg*-VZSfA{cj*uWtbpwtz1PlGY|M#N9~&&Ela${iI-NsA>mT;Nd3n)o2MhI#WE z>)qL0kD2G*ocZ(F+u!RZX`3xnW+j`oHR{Z>moGaXeYB{wkz2;6Z!r7pira55C2d^bJ?--A*V?X& z15Nu@n}#}RXiq==W>JZi@5z)&XV>fK^Dn>LdF!p2^0Byu0Sl&27k|2Ob-H4vfbkAN zhDfcclTPTBy8I}V=yf}lV&r3cEwS82?&r2w8Ujj=4~%vQo_f+S>-+a|Pr>_#yA?b4 z?cbkiBK0x#YM_FP8B>R3(r57*K5AV@lip}-zrIQMljKT%1xJP*T&Eh=uh%#8Qxmq5 z;S1{7_~L8T&3jo}lNMi_@6chz9FQ$@BEoXnWzC1|sRil@n{VD&5$vO0W=|G#t;wAFmtKFp5tygHee!wM)`=c10>&i*D%`Jnm_I%; ze4H&Y`>fj9>)Ay+V??-GpF|&u3FvU^xyKf&nziZ3vrk@s^)hHJd zEzR>_QPtjarAbxABXlMmO-hUd z${u>TTj)`lU)PgQzyC5ljE&XWU%UPG#H(3T^*8>!D_X>6YV_u>w4!=g-?7u**DZ

N7DM2Bm6GS3j3^P6h_11JpTCOAM-Wgh4p=PCO<4M{5ZGa^G~0Ci_1A? zi@#R+9)CP>O_;XjT)$7h|B7(6p2(=FJ}bOf^6<+Nudh{e`PvT$J6dkInKR}5bIF*U z>a$ieRqvH6wUS--xM-(_Sog%+Z_}E+C{zl)E}xc9Z{=(JS@4k{cmZ03hH`Lpml3%xC~p5>!9OG`%JCWqr0f!Y2?5)1-N zq*C2gYfWwS=1=@3pu)kj&S{QI6Z=7{j^mFL@1IROyf3TXLg5upQ`BS@No}DBHAY=A zZtF#%P8J6k8E?J+uG3exd+tut$tOE1jHY`pxZd71#X_NpU*VOG0EfZc3LCvkQ`eq- zUToIBZ(4z;@>RhusnTzqF?!-sJZx`PELp$oIOE}m1`A^sHm^|a{kt%)a7lHyig&6@Knym3ct zlhV#Tar*3kR(Z$g+t2k&F`FGf{l<^iVqPqQJk|f%rW`o6UhaRLw)p?-e=p*m+9&91 V$ZcCwdjym&Jzf1=);T3K0RR|!OuqmC literal 0 HcmV?d00001 diff --git a/src/assets/imgs/indexPage/编组 22.png b/src/assets/imgs/indexPage/编组 22.png new file mode 100644 index 0000000000000000000000000000000000000000..90d0ff198de08ef5b4ac1c7f72b0667a45bc1dd4 GIT binary patch literal 666 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zjKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(-uvw#`F1}RM0`(+UW0~3psDkTqjGYm@b=reFTYlWeQlKQKW;Sp?47tE;UKN4OYXn-UK&(+;jI0aIsu6 zVKSTPeqzWq6;hmX`stFe)tsUg{!4Oq-#zuT$aAwp)>`?k9~nXu z!Vj=DH{LD#Q(!UWYnAMjo4)U(B3Pg1rtCWZYwnx4{_kfRu6@}4$39`!&I_tx56g|N zUNkM98uTkgu~#2%zGA%eRk2F>d*?aE!t?W{?t3NI?>_VV^K<9!x$_6O^YltM z+!9^Fd%&=gTe~DWM4fFjO1O literal 0 HcmV?d00001 diff --git a/src/utils/drag.ts b/src/utils/drag.ts index c4765e7d..5c08d990 100644 --- a/src/utils/drag.ts +++ b/src/utils/drag.ts @@ -2,7 +2,7 @@ export const vDrag = { mounted(el, binding) { const enableDrag = binding.value; // 获取指令绑定的值 - if (!enableDrag) return; // 如果为 false，则不执行后续拖拽逻辑 + // if (!enableDrag) return; // 如果为 false，则不执行后续拖拽逻辑 el.style.position = 'absolute'; // 记录元素的初始位置 @@ -39,8 +39,16 @@ export const vDrag = { // 保存初始位置，以便后续还原 el.__vDragInitialTop = initialTop; el.__vDragInitialLeft = initialLeft; + if(!enableDrag){ + // 如果之前启用，现在禁用，移除 mousedown 事件监听器 + el.removeEventListener('mousedown', el.__vDragMousedown); + // 确保在禁用时停止正在进行的拖拽 + document.removeEventListener('mousemove', el.__vDragMousemove); + document.removeEventListener('mouseup', el.__vDragMouseup); + } }, updated(el, binding) { + console.log('会走这边吗'); const enableDrag = binding.value; const prevEnableDrag = binding.oldValue; @@ -65,6 +73,7 @@ export const vDrag = { // 定义一个还原位置的函数 export const resetDragPosition = (el) => { + console.log(el); if (el.__vDragInitialTop!== undefined && el.__vDragInitialLeft!== undefined) { el.style.top = `${el.__vDragInitialTop}px`; el.style.left = `${el.__vDragInitialLeft}px`; diff --git a/src/views/mapPage/realTimeMap/components/indexPage.vue b/src/views/mapPage/realTimeMap/components/indexPage.vue index 2284fce7..515674a2 100644 --- a/src/views/mapPage/realTimeMap/components/indexPage.vue +++ b/src/views/mapPage/realTimeMap/components/indexPage.vue @@ -1,35 +1,17 @@ diff --git a/src/views/mapPage/realTimeMap/index.vue b/src/views/mapPage/realTimeMap/index.vue index 40180ae2..9f7bb877 100644 --- a/src/views/mapPage/realTimeMap/index.vue +++ b/src/views/mapPage/realTimeMap/index.vue @@ -42,6 +42,7 @@ const downAgv = async () => { const data = await MapApi.agvDownload() download.zip(data, `agv-${new Date().getTime()}.zip`) } +// 筛选出对应的区域对象 const findChildrenByValues = (tree, values) => { if (!tree || tree.length === 0) { return null