From 4256f21e474a0e9447fff3a070eb57948ac0b289 Mon Sep 17 00:00:00 2001 From: jiangyy Date: Mon, 21 Feb 2022 16:33:38 +0800 Subject: [PATCH] =?UTF-8?q?=20=E9=A6=96=E9=A1=B5=E5=9C=B0=E5=9B=BE?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=98=BB=E6=AD=A2=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/modules/visual/box-2.png | Bin 0 -> 12819 bytes .../scss/modules/visual/basicInfoMain.scss | 45 ++++++++++++++++ .../visual/basicinfo/basicInfoMain.vue | 48 +++++++++++++++++- 3 files changed, 91 insertions(+), 2 deletions(-) create mode 100644 src/assets/img/modules/visual/box-2.png diff --git a/src/assets/img/modules/visual/box-2.png b/src/assets/img/modules/visual/box-2.png new file mode 100644 index 0000000000000000000000000000000000000000..65a54b981269a0daef1cf31f50436784201374d2 GIT binary patch literal 12819 zcmeHu2T)V%+AiBd4MhQoLMRrBAWfwT5m6Bl5ZOwTW<;cfUV@Y;p(rgXQluCG6$PaW zQX`=$RiqOjgx*3DY62m-i+%oo&Y4s0?0wF@GylDFXP9ATWqsfKuJ?J~=Y7BLTkFYn z69ZoEBiw9kY`lh7F5X~c+Y`aYwin0A4qPGDe~$tF{o;GW-~wAgr`S9jn@We_MZI4U z!=zEJR5AZd3Uz_+_0g^6YB9qroLpQ)%PZ24uHb|@qce_!@j`0>O7Q#YX5W7Q{N;IlYN4&L(T>5{I;w|VFwiO2t(yEDz2`0ElqvD z(Ew&hqQF|rGTF&0`E2~a51CC6U-kB8eKA({e0BplNP5t7=NijWp{+#0O{-vMfD931 zl1*d9)4oGOT5|Nff^=6mZ#mwzeShBEc@VRayQ4{hf6~xLSngCLhqz+LDZv?XATmduf8KE#^3Ph_Zh2(S37e1InS71su1vCDOlVk+xk${3WUMR}d=rms;E3k< zdO!yCuI})wAX3&oXO$ z)=YWopYtlYNpUL$s(!n(rn=q3EQ4|!<SaRcqWnyV^ z0kq8TD7s}_94Uvme-ew2oX$t}Z3>ES)e`n^hdqdnGt9GQ$!7x^a(7Gm ze;euoiONaZv_2Gi^|hrS80CiMO<>etfrFT3Pcg`s-?E&VMA6vwtOj)CG0Dh zg{YxEmR^(avKG{a&ULbGKhS3a6z!@s`Xb)G%m}nlRx3X7d7?<)8y3RMeTh&wG};@kt0%s z_!|4O3_B3N>R7v*RdQdh+xN4DT@arZrC4ZV?&Ti~#!dWEsgkTC%+SsC6v|lamTV1) z$&AN24bnYGu@kiI%QD&|zIskLHgRv^}apW?yKm#^uhfmC=M|K;#mOW{@kD^t~RmD_*qP zu6I!mw6XdTKvysqeIEH*E|dm#$=80g6^YER+nD?g#4tXkZOG+~OTWr}cD z)epXl1(qn7&<@Nf*vE-spcpHn>iY~rkQ!(Ap~K!hwF$_qNcl{81gg}pOB9GC@@ggu zN50k8IHuH=#LjI$saV%fioHw-sTs|~yFtea5F#~z0QXgY?&>RT$PdL7Zhspdlu4f6 zz-rYzT)RA*7m!UE_mr-gT@ghK6*il=gA}pLF;!rYJzlY{nG|~oTT4D_8S1$fl$t{v zwIW0(e5@hWjl|g0@ivP2;cNZ7qzZySqo}vD&4+TDHS-d4T{A@4$01x6+*s-=URrJ`^hK z4kRlCI~OE0lM=ci0qAOt`-ippZCQ|n?GK8k1)CpBs+DLgK)-~veZYhEHA826Oh)i+k}Hx1&4H#;bfl3T#)|+JzmdbiR;H`S>&E!9pE- zbjY@PlW1_27)t%NFt+Ns4SoH_%dI=g{uyRrZhOD}daEX=6k*|k<%UXrrQgf;%sy92 zdlmrjER(P=c7WXbb`um;5!V7!R_H#gok`+hWBZ|G_GKbDLKXzg$m)>=c}mjLtH2@M zDMrW-nfz=&Jk1ckKZ7-qA`0|gML36}N0YJofZgGmo1i^xYpbUb4W^+Vus0C1lTFSS z15R+R2HUzA>}6XE780i@0YN2)933PJR&!lod#LvWH?7`lKy(b$8S)Y02CjVA_KP1W zSrp8s5MFT;%)gu$*uw_8D#Qo>h_st>3}oqsm=Iru3$Qs{&-R-Cyl#e|VWAL(TGwL9 zeQaQX$`iXIUpa?Et*Z-nucXS}wvmX;Cx@!-O5T5sW91*rrqp%R*DXfvlVbb&@EfaJ z=3us0&x`}hpM&!+ZiPbaBq9w)uqP}_0^aV<^g?!IHU|jW4$%Rd&wmJLZBPdzgOM6b zH3l$DC?k`w>;0n`9P&MD1g6KyrhNWhrV{5bZ2Pi+(E<^G>GJ}>Eo^$S|MtaUM>e+b zA0~T&>Dbt=5hTw|X=8rl5@Wl0KmU{QJGVZ)?xo!GV1>gUKN`D8) z*IsTM(B~ch*AD?WAjwJEHU5Wb`**hfAnE@HkNz{r1iB_5zLvxR;0*xpIQa1QljpZP zhh6?g+x{+8Uwip*MO1)N|HyJt4o3t>%x{?f8N&46hRsiLT7<1j{ict4Ulul^|4QS( z&%3f7fWBFOx(7f|{_kbzAFOl_f8oUi?-ECng9vnGe^ZTqKZ*WEf&N8}`q~S^=`e5X z_7l6M?ZQ9P&mu#C&f2d)(F4y(W~_SrR(O76=6{ODLpjk1=z#kBAU%{5j);Zs@{L`KbF*rfTmMj!i@XIo z2iHjeKX(h_$JO6T&mS}MuY};;eF5>6(U#p>3uI1Kpsv*aFMEHaQ~Zarr?8*+$o`Ar zu0(hV%%l*$=>0Q9|GonJedqO`H5Z{05!)fZ?z-S7u)OX4&l)`3Jw4hzK%0Q>*=u&- zPZW%69g-kE?CjxxX7n$u=AX#ke}DP#$He3RxM=>@;_fnvQp&RU3vgqU-QMAM$=2Tr z#&5mEzrCvZo3K38O~SKWciR`B*S`DdU#~#p!@XJt27%sdFC-!W3^Z8($ujS&5I?Rj zy?j@J_4shdB*b=C$^VdKWetBuzu$9`)46uYWbbh4h|GQQmZ7nI#Fegh9FEHmk#s+=rJTrN*^ysURkqQj zbFV*hw);FEq@NwF=s7Id!k8gfz*Fbw>2UpuWBt?$`4t{ko&dR)QPRbP3)s@9)ji(F z;*Krz=TJTc9DV$?e~&WhcyZgy+JRWh)b~Rj&`SJ|wjr52qSAMm0p(eJUP95ePwF+v ziu(*$W$#vfqC;lY>+3LMijNB!kJRmKB_jES?k#NvXbUzvJlGfT0GAqc%T4;EM>~O4 zY8p+q8Hx(a#M&H4Kg$Qf*p#-3UM*xakBQUViwH6SJU?&ItXE_fvMJv<8e~JFA>1gj z@c5(3i-sQkL-8FZD)K0gjEm`+ai#6uolB!>*devMnNE3K(EO$$(GCLXOS*r6r=PZD z^=IBsoi7eWsLHrzi6b{QkzG&CA-p^R9uS*4^>+ z;7Z>3du~FHKSg9s227@3Nw&4X`?fGX3Mk-dGJ5?<(D5jA?^Q$qt_RulI<_-8OZIrPMGN3BjmtJ>N^u=COKtQ5lb z=y24nnOKfH)?)W~^;^hOo4m{ZPVg3C&!d{-&Fgyk^4O)*7X1c9{Yb_L&(eMH3-Gn- zqhQ|px$norem;KHJ9B9%%r0i&W=4vK-BOopz)D7o}|o@0Sm zHd}Qbih4u(rfPpfQY}W`Z14eSnOV2e_jS(rILGJ%(;v&NyGKkk32@zp*kxkyk{4jg zT`0UepR-%=O2?B4|H&Bx1w`m#HWs=yTYgaCROWm0d!Eir8kyYBsD6ocUaj!i|9Jra zBc5)du8k)YlTJqPir<=MuGB1~^;}h)Q`njtT>U#JeOTi4~`+2WRi}m3^#|*SKo}T_)mF1$7flY)Xf;d(&!;Ke1cpqr8K0v}C zM-0)NajdS9JJ_^beDW6$~f>Rx1QsFujaY34k&@it=Yu`Ab(v5CbkGS6vpD+Sz% zoEJwWr9{VaEKK}TEe&vxGA&oXnP-m<_8087$IBimZSJ2xm9g~m&iYMkXB}^5Cvxj} zCo4~Swc^OaXc}~J^LqZOdU|aprLBs$(A9h6)+~97!^$DrJyomxJt)i0|0U1w zwKz|G%DI}efjAx0S(BR0`4K~5CAli{{D@puN|Z^w2HbpT9`c@fxEs3pRyg<9nl}q$ z)-ndYjEe1MXWbJkvnM*jtW%tU;C+X565@BDnX{(pJ5$mV`0h6NTr;B&nL9cd)uWaA zSqtX(j$(N*gEpRAtPDcVwSTIr`z$Lqz9}RfreI4opLOkT zIip@?L%HT?*R-5P7v^a`XET^%vW88$i6krwuUQv2|th-;%cS)qeXe)l1 zNBS-=yhfRsl9EI5k+DfNQPG&Kp*#%nH3rQjU}rb$wd=gE%dy9DtoVSEO;3K7`m#M} z=y@*nP}HGIOGD?^22Oo^eAy@`v2*0g_$AZi>gEYglSIMI@Cdp{z!@azdmWuY9g+!S zz6m7^F^2Ypgtcy(CX=%i2->Tn?6-E7O3iU{E~3`-BaIa>Gm9BhjLxFkUAk6dg_GmE zptjP>4PN)=HEzV=>~$-Bmj??8r#Do6RJhS!j@4+>Fq#WzAm?f-0m@HqT;pBlGh%5KrD;$RQ6R2G>^xUA1Kfy0!ikTC%^d4pVtkGgnM)t zzENX~m8ohH4o-4cT!IvvHjSOl!v-)moApoV2)G@4YquhdEmbak3*vSe7ps;>h_% z9&>6fst-IuVqEa($OMj7mny<;g%~<7wK|+-Z+Tfo1^fy=`EvHQrWVYv|AGV0*l7{oz`i3E3hM_`Ho?d zbGBVJAY_6gn=0O&Gov+(zfr0=rlDCw`86Il*${kaV=H#af{SAuHow9VvON6Sv;U`C zS3Vkti9W$nH);HV)&o~-rP?D5X+4{!IMYKkCr!>+{>M5CGj8DoVdiVU>*Cn-FArqA z&#+@S;qW^v*(+)?>a-Y$>8{5To62`|63 z%wk!w;Q23Wd*@x$YgILf(Z{BvEuu|8+jj_9W9(H8Ta@xVY@V+QZvG?CZ9b~>s%cY# z0r3@b@h&Jd#9tY!5far$MZbU*2}KZvnP)Mq^At-W_U&zm0^z)>s*h_kctq=o3XQ*5 zy$X$eiG|)N@)k;lm3K3C#8L4xIb3-UO;U+Pu_ykKsLrGKy5V7fm z2}pR|ZGF*B&VI&wU2YNNSHr_w%ABj)Vajp!lt=GmZt<1KM5xC=b}FH~+>s&|!;6>; zNpYRLtCTjkFDEQ(1q;zKYE@QtAm@by@+cbW3V{v%|T2 zA_jN7SXV*iN76{_j-pskTC^ibJgtg1CkJ`^NijQF``V7@C-w<*IWzDMOG0VC>+nt7 z1a*$r{zxmtchmfBenivcO~gp+DSJ`zw$8MfzxY3&FoCoKudQ2G5tAH+68b^nx_a7J z8aX313mvYEol0~BMX_{EWhE?8lj28s6Y7Xd%ItxhwM8@26LY~F+UWXEf(KD9=(V{n zu-K>A4{LP$?k4&4S}xoigW8gR<`otiUKHY_$&^j1Rc&^F?j!00ZYP7oCoR}9t}Eh= zm&wLUmjrI*P>kPBUSre(PMT4__|*@HO!WiHl0HcVajcJ0l}ZSmw&Wrj;V)ri5fVGb zTr}Z)*Jxd}T;|ZBzitK|J3P6MH*tqqPodvzgW4w4y9$VJ@0_ZqvV7bTUqi#@7aY!V zy4fp^eO`P2xD)2(hK5mco^+iRLq7|PtDoalmVgVOl*lAYCp%sUvwNcYB4>*sAw@l^XBQ6 zX#uYRNmxQ@p4!n}hC7DzoALI^39!nW6;Wo0<+5N2M=JYh8lWl!Gsc+1)lVlDP5B56 zO9|i%caZCdv^-~^t~|qKi-*|v)jp1cXhxiU{EAU2OnkHv1kII z&EqZa?t>C8-*Lr&RL=fvStXCwGZIB3`sj-i<+tPOmHdg*b9U^GD(n`yjSf`y=js*{ zZmat^h&@~uJd=80G|tz}PEDL2C-Ne}e3P+2uWazF&i6|y@=<7mY<;3EPY#%-OI~AG zR_%puzI3=+ki{#*Zoqu4%e_f|oOtFMurahUOv#-q>}zybeylCQV;9yIPGQ>~`LXdq zPvcz3Z4sEVk!-p6Qz|&_Rd1V$s_-4<`9!sim~+FmEJt^uvVOa&cB%1e^Vgf$_9AwYZ zT3V*aB#_q&_3I#EkJksb@G(jo71J1A3@t2_WnGo^)TX37)aV%BwjC{_-ac-><8qO< zIPVy(FB6Aa@IAs#q)>{1cQHsD#JO)R=FkndyHif)lI+lAAE!JGmW$kPU?_QbGruR) zqu++z9+|<_IfBN1PN(0h5)QvfO?l!*J}C|fg`vPB2mRK*E|!z8cCIYp2uZq*Cp0-L z3dJg3B|>S<=>07_HDZxXllW(wB0l5UF|aa%P{mqqr(nk+VoM7ej?cYgh2XeWX4&s9vtPv zzNXn<>pq$Z974nBNtnuW2&!qDUaH?ndTR?6Snq8Y60}p*+*s@R4YFbZ&!fKc;zsh) zJ^A@x<0H!9;E1NKWKtn`Bn^ymky&NN*T0cBj}ZU(n9>Y5qlQ6$7OBZ0UjG@Ltw`1%*;yyd>Dd9!kH*vW) z7;0-j(>4We*{K$=JI*7@eI^%CISmE`<6KDvppe(dz=l8V3_!%is1Ic$47qTWooabq zBpflG@$6tkU;5P;bf%T9=1WhK&9uC>iww>+E^gz~6n*o3JL~xix{N$uqTRg?Rb<67 zlhnkJh;4`J2GdW6iA1Z=n#4zHel8D`nt}Se?9ZtB*d1rr4)O{}PKgr@Z8aQj`(~xP zqPX=qjU}S>!6zh!gIJyf8&<22Ezp$HP+f|f7l>%mj!A*n94}I>71B9vx$-ac4$#?Pv8 z`cw>a%t&7GgDew5ey@4pmT7nw@Y2wWSEaYol$L8xvJ7#qh4~I+$dC9I=l5v)t$FQkYUh&+>P9q(`0NX>2ST*X< zPllEI@&aK!S6C!6rnENK$DN+oN}aJyf_339c=AT_cPr{>Q%72baU}Vcd}=;wdeVwM zSU!;^Ocz!!h!LLNJKERCJ*ztMPdy4C8Y9 z+~K6c>k4rpw_Mi}A$e$tq1;EcF!d+}lORnc(s7N#m7w?4eIJ+=C8NiFDRNk9y-HdN z?hoy?UWE^8PdCSO&K8bFjUL1QaA!6ho+VT_&_%n(h8gPwXh($#meK{2=XThnl=dI~e)FEOn#Ad-|l~bZx{W#`3vPq;In>{tI)eM45P80{UISGWaDB$$p7m4jjipsI z=3@`A=0~n1VU{~ELIiUdGst+)Ntcb62MqDuJMjB(Rt1n~<&I(Q&G%;12NNob1u}$# zIQ`+E1cFtK{&DtnTZm8u@OqyuVu%*xuLNnyDMI`xsI^Y@3pWg|RO_gDkr-GiINn|? z&l7(oxEn+p_skFY!qWxidOp{>zp&%6vBXfGY;#KIcr zZWUS38P6KBXejR%oC!&v+fiE!V0Kny)sn7^C2zq8y%pG72&cj5`m%h~ypjmd1t98; zlI}pMwi2p)?Fha+sZ5Hw<$KzOJ9mO$e={TZ*<4{fMp86-qMh%arhqifFKv@dCs6c_45e^-|;G?^J-_dD#S*U=NOX~`%9Z0R`XHeKS~tx zN%;{S*+se_(M;JyQ#I|}2)muWgg1irYj-U&j^%}@204zh>@zF64OQ_;l^Zjr+Ag^r zm@?kXc1$_1A=aa+ouH8Rb0)zEpAb+kRRwWj=`1n<;6p^Mx3!iA9Xdb$tdOaKe3u$@ z1wE)71PnIhN5p3 z!;Mog12#pvJRf8mR^Lc@!_2!}I*tfy-;kTYDh3zb&4kkPuI11%P{-X()p;l~hnz_| zy)dfgSI3gMCpt_>zK369M92f1r{Pwx>jKuvPM^UMR@us@K$G67({Bhd3dPhKp)TW8 zl>)1xYyFHaUN~cfi_8u&mLNzZUBvL;Jo{_4D!*N5V->uO-U>g}N%F z#@#Sm7Bu1cE-7){clhc0U3!gThX<3H!P11x^{HL!Wqk6`uVy8u!v|K6xc3AczHl7` zc;K(X*|Y0GMLgtVg&XzF>ImN+ST%dOarfM2neR{cKxV)_Pc>G+44KZz43k)IW8h83 zu_%)YI6i_C*a*I}i?@Lpn7;ub=Fy|acK6xzRJpOJmJT%?`Jf$Z%prY8v^YpY^<*+rk=ZPWUsb%O)P3Ls2fFv5iNeN(0)4vNxoWx$k~wlF y6)N51KLIa literal 0 HcmV?d00001 diff --git a/src/assets/scss/modules/visual/basicInfoMain.scss b/src/assets/scss/modules/visual/basicInfoMain.scss index fddee657..2426483c 100644 --- a/src/assets/scss/modules/visual/basicInfoMain.scss +++ b/src/assets/scss/modules/visual/basicInfoMain.scss @@ -378,3 +378,48 @@ flex: 1; } } + +.div_agency_list { + z-index: 9999; + position: absolute; + top: 50px; + right: 600px; + box-sizing: border-box; + width: 320px; + height: 470px; + + color: #fff; + background: url('../../../img/modules/visual/box-2.png') no-repeat center; + background-size: 100% 100%; + padding: 45px 20px 35px 20px; + .no-data-img { + text-align: center; + margin-top: 50px; + margin-left: 15px; + } + .agency_list { + .agency_item { + height: 50px; + font-size: 17px; + font-family: PingFang SC; + font-weight: 400; + color: #ffffff; + line-height: 50px; + padding-left: 12px; + } + + .agency_item_on { + background: #08216c; + border-radius: 2px; + } + + .agency_item:hover { + cursor: pointer; + background-color: #011168; + border-radius: 4px 0 0 4px; + border: none; + box-shadow: 0 0 10px inset #1a5afd; + border-radius: 2px; + } + } +} diff --git a/src/views/modules/visual/basicinfo/basicInfoMain.vue b/src/views/modules/visual/basicinfo/basicInfoMain.vue index b3fcc0dc..18b13ef6 100644 --- a/src/views/modules/visual/basicinfo/basicInfoMain.vue +++ b/src/views/modules/visual/basicinfo/basicInfoMain.vue @@ -14,6 +14,32 @@ + + +
+ + +
+
+
{{item.name}}
+ +
+
+
+ +
+
+
+ @@ -277,7 +303,6 @@ const vueGis = { methods: { handleSearch () { - this.toSubAgency('search') }, @@ -325,10 +350,23 @@ const vueGis = { this.level = '' }, + //点击组织列表数据 + clickAgencyItem (item, index) { + + let e = { + selected: [] + } + let one = { + values_: item + } + e.selected.push(one) + + this.toSubAgency('polygon', e) + }, + //下钻到下一级 type点击的类型:polygon 点击多边形(分为点击组织/小区) search 点击搜索 people 点击详情 async toSubAgency (type, e, searchName) { - //点击小区neighborHood显示楼栋,点击非小区,进入下一级地图 if (type === 'people') { this.runNum++ @@ -358,6 +396,7 @@ const vueGis = { }); } else { + if (!e) { return false } @@ -940,4 +979,9 @@ export default vueGis; overflow-x: hidden !important; } } +.div_agency_list { + /deep/ .el-scrollbar__wrap { + overflow-x: hidden !important; + } +} \ No newline at end of file