From d9c44ba5b4e26051ebb7529adb842c84a4e2749c Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Thu, 22 Jan 2026 18:34:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=BD=E5=B7=A5=E5=8D=95=E4=BD=8D=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E4=BF=AE=E6=94=B92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/cityScreen/position2.png           | Bin 0 -> 12418 bytes
 src/assets/cityScreen/position3.png           | Bin 0 -> 1109 bytes
 src/assets/cityScreen/towerIcon.png           | Bin 0 -> 7284 bytes
 src/views/home/components/MunicipalChart.vue  |   6 +-
 .../components/MunicipalChart/Center2.vue     |  24 +-
 .../home/components/MunicipalChart/Top2.vue   | 115 ++++
 .../components/MunicipalChart/countryMap.vue  | 538 ++++++++++++++++++
 7 files changed, 669 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/cityScreen/position2.png
 create mode 100644 src/assets/cityScreen/position3.png
 create mode 100644 src/assets/cityScreen/towerIcon.png
 create mode 100644 src/views/home/components/MunicipalChart/Top2.vue
 create mode 100644 src/views/home/components/MunicipalChart/countryMap.vue

diff --git a/src/assets/cityScreen/position2.png b/src/assets/cityScreen/position2.png
new file mode 100644
index 0000000000000000000000000000000000000000..17da3c2ac2684cdf8084ef65a54b2b4d377b5b86
GIT binary patch
literal 12418
zcmV-|Fn!O7P)<h;3K|Lk000e1NJLTq002k;003VI1^@s6OFn^Q000mGNkl<Zcmce;
z3$$)mRVMg-bFRJrbM8&TLlO`{1yrga8iWuCPz<U@Yx59GdkiVjW^~ICrKE}ytg;!6
zqr9VQblIR)YL$gmSdErSDWIYtZ$ShCBq1RW@+2XFklftodHt{bSZnsT_PG}oNE>c$
zYTbYSYpuEF^ILPRz0WxT!~ekcGdJAusDF0dbuaj**I)n7Uv=%Z|K~sd+~<D#)i>Pq
zN3Z_ejhFq48*jSoXK%dulmFtzTR!!g8*lm0Yi|7fpT6eiTYvLk-hAsX|J+Tt{gmiw
zKY#Ph=l%~2cXIWh0wh4rdBtZx`;?!$=IYnI^4e?OU54Qga>T!i5<e8~|0o9^Q%ZTr
z$XJ$$RW7lLD62puFdoW+3&npHEPg`sHwDs1e*UK0{^0+(^|pWc^Ecmq@sz=X{Pmy!
z^a_FUlUH5!s<H3h8pIm|c;1Mxk=Pr6-5l5*O6-oM?DmMAtUed)juBdm-661}@jM%L
z3v90x&P!mKfmI>CP4gcK;6K0amOI|_x?8{Se;vB{=0`tRIGt61UU9`0PkH%guKagn
z<Tn=Miv|Wql)XN<(-&+DlpW2tdz7ud#C8QDYb{{nb30dHz&hR=#FzYDj|y1X&E$>%
z+RLCQ7DZrX<cCM#1uM1_P&$HV9jLPc(95sB`l6q>`ifr}5`Rg@<-1B?K1AN>bJ^}h
zeZ*Fu^G;W=v&yln%9)QS^DgIw_^Wj(s~)lHDbjch9kZ$Dq7(=W&c}$kK-rV+J@u+A
z?3H5k3>{BmRe_>_di||m_&0}c{?b_k>Hz`tBRAY|&j0?IPybAb;SFQpyK2&7#LhbM
z$qLL+u-%ukGeqolN^n5YUBmSlT<3^R$FJ8>5m7kBsN{zzDmvJZ&H5;15Kku1tM61{
zt1)7kgG<?%XU053Km}^Ql&!Un@e9@*-~0Mo?|9|eICf_Y(Eob*<rf`T&Hs}Ee_@Z9
zE5qG>EZbc!TV2M^x?s1<c`=r<$|#*H=_nWwkqemvED<7#0tJl1K)^IFS$DOTfg%vg
z$Wk;DHZg`#rxjgcS&z9?u;e4=QGp_NbHPGmxyLJBcgyYXeW1tA&IIL`U3uBdVDU>s
z&JXD!ASPg9Ygx*UYJIO8$JG$A9vIzVHVi`)0a%o;5J2?v`RwqGH+|ckpSj|~8$R@b
z=U)51cmGe<yz8AWxcXi1{GYG-vp@d+E8q3b@4N0p@4xisPksEtyKlPTF^dx?4=BzM
zNJT9okOk*JvwjS$RYmd#0aa=h?Tt`HMJ$7Sgq!ZC&)@mu(m$imHw4hjuD$l)%dWWW
z=K%XrRmLLg0$q>eb~omouIPyrrQQ|Y$mmdt;uanSK|`Fp<Bmt){_&4rdfhw!_{Xk)
z*Ps4xU;gY>-*@!$w_LJ!^vL5^Cr&<Qxx0J8YG>#C)$Yy(%bo4>w+`R)?MH9>{Drq(
z{>kTD`R+gYflvJ5@BhFxA9~*<NA9@&{6G;#C32KPsKayw*Cn7Q9Tz1y&jH1U#gKKB
zOZhpy7M#(MyWap+aL_H@Am`81uFd;WcGgk0*2IpgXs=hvmjZ1ba)Rj<1~IHwv%4?<
z^wV$o^FM#d;j6BE@%-@N3v=HepqZZFDAe&H5TM2oNv-nCtWaZU-Dr9svW#7~xpmJy
z-+IHx{^}om>}_v-{^vgWk?+~v+TIL-Bnu@X#u5|tLzI;QnU{#U?C5@q6^WnJkvsH_
zmeKtJsDcyy;{VAJk6D+pyQozYWp|xpK8)k4FXN!n*RpPaGGet_H1}S4<<swY-v@qt
z@2<O^mRGBX)?~jz0t4o?!b;@{Fo9(S5Uv6RTBpXL9s&=QcbX7o5LidQbm!x*c=w-t
z|Mh?M(eK{dI=)Fj7%?k|A;4~oSdTe$nU}dXu2z)pE4=6%1?hePRJy%447ogZUGlsb
zcGqQ4)fBytWS#xohb~)~MS)@GuDiea?vH%*M+D4Mf#L*D1F_$WSrZN=u1d)?%aT!H
zLSvS?MpX?|L8Pv20ZB{Z*9!AO6VWoXZla@i-TAny|Kk16zWw^EzqOziQ3*j+ef9e4
zgqB_|i;iCC=#}MA@(W*k%jbVln{dBAe<wgM`_#u?smJwWhtLx#VsG9LdduaqA4{i4
zh3;V%CPuedwMVbK;#tS8{_KlS9V1n^)=Wu~S;?wO)SDF}CxUuK88z9u4oF@+n)+#M
zS>Oc#>AJu{F+-3D6Np+XN}$N!?2hZMz3AG%{K!Rn+glsD8%v3zOE88UrPGzL97|cM
z*AtFQ2447@n{LrvD$9SzNA~Yq;>WJ|#E*~Q3*~L0ez%L*)vm0%Qgpf^Q$?*0m&dox
zId<7)FJ9k!?8(sXQdI#{QUW9DoC=97rvS-Quema<Jl&_N9?dJC>V-(<7YYbag()7L
zrB>>+CIF{i{Hi08DVD8!?|IC%ANk-jcehS#=7=m@OD+^h0*YLX#G+6ad5Ja2m%Qf2
z+kW)Ev)^C2Pk>(f>5qMncH*DN%c_s8!Wnem469DpWeHV64Nix<-`zcD>&nmkKv{JU
zlS%o<escBLp(d^bD`2cTDErlcQme=-fS`C*$XX!`O4dY>eN8e1Fa&l~Ie`S}Xia<p
zCK-*ZziD2_V?S(M_ZJ^{&d$+$&r^7%f>gkM9HWmC-I(*TL@b3|S7Q9hSKoO1cPj4t
z{Cr)2Ui#_3cqG7|m63j31WuHB2QIs;axG;{(kd$8esAxb<5yh$qTCM$6x>&WBvEt*
z>O82#p+qRcsbf)-3`Gu+8TBF%nnqy-M!?pIi*K?+>4`GyxPk=JOSVk_o4}&vC>bMj
zB_c}X?AL$v!_PT<+ie$wTFJQ-#xNkJcP4H8LS?%|U`C8@eEBCnai70NQK|~_t3NUO
z@j^UIk+1qv=3_*C3F|@^X0n7nhUj<q&N*@A)h{fA9^2a4&@P)>1*HHiq^U;+puQ9(
zEneMqffp)&C02P*auYCK<yoK%p{kK^hKWaLNRf$ZFEE24nF9F%#Fv~H@=@)x$VQ>o
zzIgp-zkBQ0k#mY-$ZDmOQTJ)5`)HL_MY<zaQOX79J^bPS1ozRt2B4RI`qPihhUaxT
zueyT09A&XCWgXN$L@whvB347Yb=5V`FT=P=fks+ZK-v@~V;a|_$&6FU+4SU5;Kob=
zL-)d}qr|l9wQ@Aqx)PyRec6Hb7brH#GALURanjSeHiU-B9>BuMuKMb`#vm#s+ih2T
z`l<8X?F|BoUZ0YM5$Y3eSqj#LdK1rh`A^+=<2U2$w66h(9A1+ndhOG?&v~&1R%3~A
z7@1M_#pl=GcnQYw02K@rG!&qEZ6XUb534_GA(U)Em6_IACOMdT6euAOIkZkPpoAvg
zX<3t;c!4TgL6bf!X%1$pLTMJDc#|#l8jGimQ6*J9&4<2gZ~N3`PsveqhNBcRE3bak
z&xd0vOP!Ln3ZmaAcs;&O+t2va!b>l|>{2N`sYI;%$a+-|fs@Bv!MBK_m{)h+@q}S#
z=W*3h1p=UkEP#@LfT6}BC0&eOFaf5u{UmBa(;ZURl}r(30E!WHO|}Gp^s!IjCa1(C
zS9SLJC_#Y>WT;1tLH0?>Y8)`}|2mFtwLIsG*I)B^!4p~UO4^Ju=b}oAb&Pq9BFs=O
zdgTo_d@sJL{Vjk3<sU1`evGmn#&Oj#`dq3_rLT};cYe<5u6r*GK*_Uc{{j>!n%BoL
zh>*bouuO?7$xs!L*yjN{5++M1tU6?9EflbLtRR)DYXU{<xgNi$a<T`qNKTc*Qi0!>
zG1)QAwN_<xK~q2(Lw2b(k@RG%oc!XQk6-Gj<uPK^Wu(d(2BPaCRv9{KCB_u-a(q=&
zKKq;>yYkA%3!o<rF+HjD_G#TPV$4OmtH;)ejOFcLxUh`l29z{vK&~f>TQGSct)P-w
zF{2WO=9q%lT1clr_X!kmC6z{*Y*d|7ylLI{_3PbJL8vyBZ3zKY0Yg2areLa$vtaT?
z`L9&LuhnDId|In<n&(2xU%KYAPZEYvqUZ;rC}Sx@M(K0JS`NBg@<p$_=9<4%MPC8P
z%KC>0j1i?9fVGhA2i2kcvlQVyUmYBF_8zO`Bjhw{fK&x&jEGG2W>8?2thkxPn8_M=
zOrVjN_@wwnSHiT03B;OwB}xXM;zd#5lReX%k`+H79|AZaz*tFqGXZAIAXIe-)}YN~
zSEL@OzEIYCdk@(=a_>W<$a#bgN9d7Ly1ob?ln#NB?$43!uYBzENY<aB-$eEL_1-#4
z2qQVuy<>2NSGfAZ7oVheiF&E(4pCCtX;OhHK<oz*sN+fs5F(mt9Vn=Gk*q+~Qcwyh
z@Qft{hLqH^NIs(K(x$nR4|gw$uTZ`~222%OeNnm^Q?eu?s%`lpC9^+PI=Z8%_<%gg
zL2*du-rH~c_Lv%kP(=!(zLmO8PLyFR<MZopO67O@OaSd)&UvE(qoNtQVW__{s6Zf;
zPZ@@0obNqSj%tvK$BMM~6D5k0K@C2pfK5B61QbwI5)hCK$U-7m!K!0VL9MyVmip7x
zBbfqHYbMXKUDstt$1O`;CdI3B$)JK^Hr;DlFVI*(YmRDTB39cX3RwBj&y0)n=G!L^
zYM%m(TBV~lZRp3MCtGw*9(XAF@4%@x0VIEy0-@?aKk8y8SrGa+>g~sY?%0t>$)FSB
zYpt$VLY>RGIWwJw2JIYcU||BwEQOmXS!zu{Ou8s$0stt~y%0cF5CLNWO;f5OP&6nm
z`4Fjs0u)~WP*p|QMAes1@ueqSJ8fU%x(Tq18Xv7x8()!=-tLhjkEmsnOVR$9qJAh5
zx_)EOr91i%&&R2z*fe5X$gojoQG#X6WKO1~#L!>xI2_%23|#@pxOPDfr{qfI(e|HW
zra%-#z-#r0SOb-uDe1a~nz!bxa~373H)R4w)C(D41tBx30!`#P-;=-EpSH)K?CMLp
ziigu&Q-L?hveX#FP%nSeeN~Sd3$<Q#RcSFlcI<q)lfMW7Q*uNFv*s>}Q7?hd#;Im6
z*V9WsR-Hex42BpDmNQG~rB-wkjqAS2UH7nn0;;=5X7g02B&doZEL@cWT9|f@3fh!h
z4TMC2N#0B{0>%|+C9o(FP`&FdTZ4dE-q)$%c%f@v{Z#o=Wb!Y2LG?7nqpD*ivY4w<
zD$gy`pt)?A*Kx>h35^T2nIc^ovu-_aQ3_NHB{Ue3b<{8@mQj0l;AgJ5;!#kuRp}q8
z9D_o5(B)jwl(jHWn;BO2=I7Nln*xcTF#rLtjU`=)K@Ly^M$iycu%LFtP+(RF3y2qH
z*(;D*q-=-^&1F#flpH6!K@bv&kdsq=wISMH7hlIerUuAIC350PGY}}+<S8bt%Z`8p
zr5{C!t4GmS-nr-AZ&KN4y~GIQzLfgns7pHQs6m$zo&q%s+cRM!000mGNkl<ZkH<w&
z@Woh<BqM~1RtQBzcDuU|g?12{l3v2(j26?F3dc0ode91J0nMkr25l5u^2VZF49GS#
zrbvm(1}471uX17TMeEvBE5<3YsCqQ0=j6M})celmld>cELNgIXR@|nYlU@1Lai!w0
zDpzgGCQLH47?-O9Ay{ingz^y8{EM(CwSm(`ZNl>jio66^GII%m07z4#0=1z#hg1Lx
z$dg5NNVj5Sn0X<rppHeXa+vr!QXVx)1s@O(bv=ovv6=Q*$Hz1e%_UPv(~zNY^%44#
zeG9_GuV85}B`b{gc^Y#fQ=U+?l40#pXp~Of>L~K1HHlRJWPz>)0C`xgH=~R!I#^MP
zAfPUl$T~rz%$8tWAUTQC4@L-*h*E<rWkhl}lXn+G=_e8aAuj<P6AK-`pqv>Q5)HRh
zOrXhHf#fQHQ4_YB97FR6Q*d%qK`9!WK{l+Ic2=$;h+^hJtx3LAyD%lKIb@4fzJgli
z<;yfivMhU(teJ&t4U%W=sk?}ZzUrwbOM$+sFPN1)j!l?FeS`{>7==v<AtfAi^onvk
zT|wicP9YYk0~Cy<KJiHivpfuKO+tGfE`wnT+ATvtQdLz0Du$xPQiG%^C?L!&NRe?G
z*QcVn2WZ7B5VQz+Kqa$qPe8S&7-RzyEL1`!JLZf@N4DTzpgs)2eH$gfB3_9Q53(C5
zl#EF>$Q))mwyq1Ch33VyR+QV=^|Bl?0~mlTa45ThsFie3Eb+}Q2pQER3W_8xl1c;B
zmU$IzWFo?}NCu~5WNr#hb6J!)2?n%gG*D||C@v^53uqoDgX$q0AR<I`myG0%T4pf?
zA$6G6+#PgkEbvUuok~)2fOsB&<oAUY6YD%6+vZm2C<F>*r*4`nF1iKOi&xZ7C!yqC
zyHcRSL1>R99*77)Q^Y<%DymbqKm+AMu?mhlw*9XHSn=dVs~V%^0?kc=a!M9j$|hk~
z0H%A&^!_B-F!KmnQNnPm30t_!Xq6LrT`(3U70Mc{ya}`vP_)StNCL8<FF@-s$Rxw0
z%c@HYb1xKCzc6ZDaaG?yF$yp$48<v(LemK#RSZ$G;4mm2l0_#_!|C*h9db{onFx~B
zB<PS=)CgR20|nINxbYICl9+-)Y8-V@cR;aZa1!P$pmazjWq_ri%n<}k0auTX2(JMX
zt^^<>$sH1qtOvCQnm!CFQ3YCHCc6xGtt%j>hZG>8LX%zDFr&nzLjff}KKV8QUpI&W
z6DR^pibdgsDMh1nqv-rajQWukYIzKpdO(uu>mN)l0j$kJ2vA?7^dVL#M4FrF&O*2h
znu6543KhDSDntd96#!`Zun?*UGbtljdsUPR3`;Ja!zhWWYX(4L&CLl-L*F!$4b#XS
z<_@oGmBgc`fLl<TVdkJQO!lFkif@{m7pS>Q*9;ICp%Y;4>Rh@4i^|C>@b$jZ)g-YZ
z9m;h9m4UuA|GkSYT9~}(OAPU~L1tx?f7zj|)XGe0bTgP)fG8S>D8L-<CUu}u0&a3n
zfa00P=B6=W?tm%>QZ{!O9i+ibqvT>6NbMQbPs!@nR$yo$Sbf4OaMM^S5Kl`6)Wj<&
z0GvdSstgavcNj`hGBPZlm82?%WQB1^Dr_3Fq_!EWXZ=zr2<TJ4is`au!G4qXsDI!$
zlLZ7wZ)}9g9jEH@*{ru3s59JLQc_U@?j{Rfd6C=!w=nGzC0k#?S?3Ct+TCQ0PNPFs
zVG`9EM3OfpuH+=^B1%`i)Qw5@&7|X$j(StCb(1}pY!bL`q^YXHY`POsqb91aFlDZ+
z3nZ^(V_I`7R36m^+opqBfx#@is2Fk)et-fBV~GXSjKQNQ;aYMnDMc+t$UZ{G%xBF&
z8HRS!6s&Z>WKl0T_bEY1GmL=OovH!Ikb=-R;WSv)6IDG;rs{*D0tu6iWDcWg28buW
zhM-Mje5F^28ncoSsQT{3-9UF32;mc~)mpRCn&~bwCT(I8h89reK>jK<Z5s5zGUjah
zH5nDJB^jzb)1(mhLQRLT9CdR;ks5WO7~H9RL!bqjW}6-4+1vy0@Kl|7m|Fn>*;K3+
z)Ez?wRFfrLyd+r%%w<|#4UPtPQ6kJtDpk%&bJ?NDG-O>2x>Z^8<W){&pg@rty!xTk
z2%yHMiq;w^9kS|q9S4*MNSO5M*c79YMQSB&9_UmmECz`b>XAmOS_G2d4dGFaK+Q^t
z+w~scQv;F&s##@Bsvy{&ySbt{WF;)gxYXTEQ==(RlXFsIO2$r+6AA<nC|Xx+4gpFh
zL9J*4lPqa;H;8DS)F+tLx#QFkf}Uhb6rc=hNh+?ff*>JT+P)9*c}ia!sWmq#)V^j@
zGiOaT0*bd%v$?qj45Vy<bW^&d(^MD~K)~%#vu0+uOU?-B*qbnkq{68K0c@rU8a?Sf
zN5@LRz}+X3K)4fb3fM(Pni1wEAU*0t2CHLwW2kd;r^YnjmxXMC($O*$r}Rl0Oar6U
zg=kW9idStq=`~W*y*Gu4eFv_i<}x7_ud$?n?xv<zjCwOb0Kfze<p(+q%{d1<lPI(X
z?R$wLheZ!{2vWLb`#jXFn~k@d+=^8AXdIT3+@in*yn(dYdFRZV>eva02^x$J$b+Qd
z6%<p^nTby-5SlwUk-=z8^=M)m!)ekbT!P}OPa-plZ;djLJ&;H;EH3B<GdFjKgx~<P
z$%Ft9Lz_`W>VE2sNZlM$31}g-4mgVpXhU6{W8<Kz#~HfEC7l(XYy$~J-hn0vTl#vx
zg5L4ue>hh#*Xb3mb+8Q-g=mSUDCNNjHU|$*<p}MDC#S2|vZjt?@&VK_+oVL@Nb&0W
zDblp^NN-$Yk-H^#ieTni(3VJtZX`|r^wHSNP<fK0GFE~{Ps!XHHtrHNxSJ(2LgAV_
zDAoGGK1c+mD!!YMreE~w45fqTEvei}Xi+^&NkPam8kA^sG2ix%Oa9^hC5_smTqi`5
z(OUI0rQ8_gl3@L`2R4SZ*$xUu46RJuS}}Fi;EjMWMI^6ugF-=LX0oMNHFp7^k(42;
zn1;S@2NKqtUXyU6Yoc)lPnnry9VWg&l0(*L_lXWSqy9n4GOdy38i?;Ojl~Z)lTwY1
zswTjjG;W-Gprc7GLN6jn4oeNu5^N1<R8v#+R7Y07T5P<Zq+(#>uI({20?DVMb(oRX
z9yqvCCyN$l5K~-EgYeqRfLjGBF(n7wQN-I1)D(qP2j*g!NrR@QFUeHiK8f#6uWU2A
zB-~w2Bs6iwt5vG#Bt~;5+z}+GX72Fn8-SbZ#1PQYH#4YuBblSoW~)M!9tnok9No}J
zvjvfmRAMFGk5kQR|2vmlaxcj19B3P0ru}Z6tVK{ys_cc$4j$;eX_T{pazvefcfyk_
zYM{WT-7+(pdHvFwWcP;#cj-xf>P_lq=E*F%nYr?CiA;Pl8O)6oC3TH!U=Z8%O*50v
z>er0sE;6Pj!AP1b@5W`z(RhL<*-8u=0S9IeId=ug=|#JOWD-w0XssJmJu!=dqyPPq
zXJ3O;%}({YugYZr8z(mstp4XB^(?xPH3XAK&dyO4X-C{0Nh_uRK*CJlW|Rz+1vIMx
zF)6x~oTfF?x0_GH<e<B0-H?o=!y2cXyC!ChRgzgFZDJ9!1A6r<hJ#w7o3YVAegGq+
zCSIcJAC2&2B-E>O>292R?#k$)`&JwpNO3J8(2CcBG6#O8dZ1>a=`)-&zK_PWs7+=w
zH*e*zVZbFIgRu7C!J*xljasLPV{S^)VcsBVta7uu)@ah$Btdg$4Ov@csc~wJP18<%
zb2A0b<W5gcGw%29WNOhQS(8O?8k3wgjgD`V(74mwKsPBE^(`q{N{(t{TBA`jxF@*P
z_?ohD;6Sf(F#=Qtd1FXU)Pk6Ka7Icr(tGhYnw=g`PqQ3<BtTkO*l2)Fhcz<jMuifZ
zAbj(@b9+k`$>kJeN~WfP89gO<5}r~p^O^*c8!Is0I7!pT3DzaA67|Vvvy`kZRa32t
z?=FXCQh+&`2y4u&T29oG*4t$628rm)B><<Jk;%}QX;IROB^kv8Hy?6t=dSW$SR$Q-
zv#=%E8nEGsvjE@sJN3H3UpKA&_2ePvKK$(staI~OqHVfi!>HIwOu-nHm^(HO9vsbx
zeezQ;b42o_r-GS;=?ZR^oNo1>sX3ZtmfUQnfmg#CTQy@QDUs&7BBcX4rGiM_x^&E$
z8mFfzH7GVJ8TI0uTPuK5>o6k|WWlKoG$sQ}vZ8o<*UMpne&Uo&L2)<X=#+VGs6b~j
zn7GPs!B;i=oAWn4`N?w~(0Axi&SYo9i4E0aBS-p}*u`~Lt=-fy+iWva4X1_$4O_Sw
z&8ydBidhrV%wg^{(%sD5H2^HtLGp=V;-w0vCv$JKmQL}_U`B7804D><wPdC{AepyG
z73i$33N|k28iSjgxzo+D(Y8fTt}Gc-xp*o_b+KV;8*(GjHZ3qS*n5Bfxz9a}uWI&H
zbEE-pQz*x@R~s$ufI~;k*eJpT(i-_y*4A!r=4Lk2RuDD0Wa7F(yFpj4;7l-CV`hz;
zB{wDo-I!}EN?x~5Ysp$~tQEJFVw;jibxksK&a~E;d*klO%o>rqQ49rTMtzdz<_St2
zNnFXI@|(8h?BGTQASvqiJTQ`a{)R5)tkZ!_J?1x1%CXVL|0=n!`Pf%;-twI1><R9F
zqsnPX+h}O@zeU_|LsLVK`g|(F1zOzPDD7+($()MM+>Iu3GeuFyq<EIx*?3*jm)I#K
z<wEgI>y@upD<_kwF-)h$)tHjj+~|o+?l5QVO=Ats+|3$Mn-Ya9tA5isg(TI-ROw9a
zI#RH3gMPsP-3ZQE<Gzu=O#@pr{H@==_-m^NY9{)c&+lJ+>D6MsUB5-zkkidZAUQY_
z+Kn4cV{2SJ>3Xt6+qUxBpiQo-NLowYnrUp-$UsuWt+#BG<dc#yvt+6WCTlfzQKPSY
za)IVrfi)A~)mNgoZsz7lPHUWWGmT}-P4kIJf^BNBv9VE<oZfYcIiVW}t~?rvwo(^3
zH~?Tq@;$%%w14pD8h_o7Y<yilyyu%0#PI~`F0##JwyA*IhG-3X8t64$Z;)0KOsz-T
zBuK`R8yX|cox(+lIvOWkl-#Wq)xJrF3TTpED?!=u<i;jB#kWS8q$C?oYs}fWTQX<T
zSDR9uGkN8abc4B~qH)$X)TTl1%m@*+Vx~NjQF{hG*2x1#n;CJmW&SVt|7mt#YxSsY
zI9`#6`tG1A;sL!o955(;6CSLw(&WTkAvT`qO%wXIl-%4+(YO+!HOZ`Tv(}u+HFwy|
zlm5}$s$17nVw2n&H`i1;8q=&bla9%>VWxH2r%Y7)*1DT~RX<hFDmbkt7+EXF_2mYb
z;*+LT+-Hs10iA?Rt+iBsZ@!PCbs87xpB{c~{~J$z&OH%$PVeW<000mGNkl<Zts7^0
zTi<NWHygK21=%>QF;Wjyn2cC5T3bmg$qgGyvoW_>N)q%bIsw3$!c}4vo2?rgcblaN
zoI1Bw^JLB{R{?302?V0bRoam8CXtC|8d6ksr0e2QdBe19wFv<?A{i+&dSU?w#L&K*
zF6r{G-=h4!HtWC5QEq>m@zt~6y5!kcBJi(`zR{Q*R42q{Lu;knBsWilegFw~GjoI`
zGeH9dYHARQ#>Qwax#X<t-jLpynVa~4Cy6yQ8LdRG{3`2`t7}O;4K&$kXg+hZWU$86
zlO{QhK({JV`NED&$+Wq^h5?&yw&~=|iQoLMPk-*8;eIsf{oPV;zW7;xDyd&^TAOGa
z3S!fNjmDvQv`!`i-9t|aGfR#sas4o7m8YLq%m4uvKJ^tu&0UGLMkPrBsC5$&npdK9
zwFVK*8u44ulhO1vGLvpY&1FYVTyww^C2RDCNKUvBZEH4boSQAFm?;x@(|@`6*>A%A
zY<558@SmUdtamnMuh*H<+l6f;(~iJ48cv|4#^5#CT0yQ?fdrUO0h?(Xtub2CT!DJh
zxXv5G(nJCmG!waGs*MCHVYnMCS(uyFC0lh`cUC<oSZ(RId|rFaUAmsg)Iz|}H=NvX
zP!+`1+<xgdzxP@H3Ex1oZ$K8m`jlt9lZ8JF@<?^8WVJIUkTBCcnbGy-4d{*08j8$R
z39tqtvnip<chV9CfcSbvx7J|Q$czx**$}EKicC5t9wb9^(sa>SBY8KP19b5k()U4S
zN?t`V6R-jXn`T&};AQ{uqG$XrzQOhl0aR`O+S4w*37h3*IzC5|+03Xw$XTPlAsdk=
zgC)RdtUJv{N2(^%5Y~{ED8507lZ_i2qvUjV0q&$V(r-*v#gIHC53SP@IL%w5$%Z9p
zt&UAiwiA&YY*j_|Sk2^OCf>cx+FtzY7hifg&Y;;D=-^kM_^i7(Hth#=7ktERsvhl@
zwW<Wg9s&s|8C{PGSEAN9z2WI(z*gf*Gc#)eYXnN`#@6b%uAAv7OODoRO#oMY0STMz
zNvDF-=r;`dL$yoRTOzfzw(+`Qre9w~1?OgfFMZ=PpZR5+VLKy$s;@)e`OMw_`+J`G
zQv&5bG(@YNQb0Cqjg7!bn!CoHLVpzo=%m$SRufBg>_)vhsES~X!S?x84iy}0NUNYp
zjIAI@pyUYI7MUf2O_EHqDl31&&(SuOMKsCN<;@a5`o@dS92}^b=mC9x@xn`gmB6nh
zvS|zg$`mA<)+{N0Pp*NRszC{vai*~nV<X@i!V;~Ljv=i9Z6;u5Mr+NOv|gWp31Dlm
zhICbpw>o-SmmWRQQfq9SY*mdKqK^Og7oYs}mmGTLGk5U-n>|4NN&Octe8#_TfY&x;
zYKT_5+$6(v)MjQ@k6KMgYo?<>$y!5Y1v4de3OulNurWe%tkjZPGZ7`viPu;#*~Al2
z^hWr)R2rFcGCA?@U;pGweimn`*;%rKpL^0JZ<`f-Un1{OVzr7yP_aNjX_pCW4cc{q
z!u@O-2WPg=pSi#=a^}zlqICnCN>z_!YvPfzAw&Szo2koJ(*4v3BoR|X{=1+5`<MI*
z&SJB(Xbb=JNl*VAy!>!7+^t|!<5q)Cjn$nN(M*qCB?%LVHZwAbS~FFNsX{pM8}6^S
zv??p0LbBo+*g!H)&COf4Bz^gSjvjyE)qn5lzl^io>@3^EtG?rsyKHmzj|Iw?mAHau
zYKhu=t)Llct!QQxDCE@ZHDFpZ6BtyrkX3HRVht&f1SBdz0@>+0mZ?^cF8QSUDJ9xJ
z`{^e>?akj%F85RTtOHd2zWiIh`!4-~>3Mp>-JryEiRy?M)U%Q|HYIBfq3VLWF*z$i
z$#S10pUhM#^wwyNizblZjhj!p6ksf``ibv&>L21kY7YuPHP)9r;o_Z_JnpH_O~fCH
zlr)+|HVK?LF*88@G;dm`w?t~mRI8%_TmX2Lmt5oEOn38!le0u?6VNo2tm9{X><Lf*
zgX-_WB73k5zv$!FJ?sasy!na0^+o*A_JH>#P>G^R27#e0jcf=LIMY#U&Cn{E#)-;n
z%-Bd~=Cy~-9ITa-h*arIYrg5X?@D*S=(1}s{J~G$e4qc%33!0b9-#i$sQ=&xuYUB4
zK7Q5Ha*R(ctL0<H5qR4@@#f<L|9b_bA*~@Ms-S30B}}~yPyPN_U~r!jBx__cnAWNu
zzp#j3|KQQ`p+1idbADuBmY2Nn<JUgpfBD$g|33%7188Rrpdb3n&pz}8ANu6?_UyiE
z?1uBa?@Nfh^kq>0yLYVLdaTD=8!B1Cno3H#_BvXu)M%{%O&2r;-d8GY0*Ta|6`Wsv
z_uc)6#@uCyYF~Y^TOC;D#S@?Z(aSG=-e3OZ2F_ADD*(OVy&rzUvfurlT!wRt00{*?
zoTBx(-zx97Z`=L7BkS>PNmZ0+x?|8Jt0xDo`ZhWBv(*0FEn4v!2O1qU7e3t==KZh#
z$ro22thVH)6aioRq3d$>Qu<{ni*+;Wny3Gx_k8%<&IU&IK#hFgyFd7yx!{o)#xZiv
zm8S7}f9zwIn;7C@Z8`7p=a)-9xtg!;9EO_(fF~Ut0YCu&9Wf;Repf$<LlpyoC<2p#
z`eWvJ+3w!u*AL6{o^ZkV)bkQHIIJSH36&7zILJ@+9XfMDuB5=XeE+*X@HjlcW)DRF
z`R{w*w+}IXQz=~$KJ|Ztm1A7zQs-Rfu^-0zU*Uf1!^=}1eSZ8PoAModW8Z(^<jD_x
zezE$bz|g%z{mDu{K9F!llZ=>%5NOmNa?!p2#L2hcvRr&_KK6s9{G`WTP=5H)=a(l!
zZIHiS{$d;_-_^gw#>(rFANfElNg>J08GN4i?sq?8wH(g(fw@#n)?JBV%)?To-bD=t
zf9xa5C7k8Q?REXJWj7pN_QT0>$n*D{Jo({Um#e=@gsQ}#s^MvJ@tmyabniWW;`i=c
zufI6vytf+06Z5`1ycqiJjSW8evFF=Ue9WxAN<QUZe(SjMDsjEI;MsrnXJ`DBJ7a*_
zfsZP~ko#eoQTnl9sgpKj$Dpfd$T|9W<OTls!F=v&9FO+>xI2t_NyI9bSeA(OpB_8@
z7q_mLA59=tJxtv19XeJK-Fvo<|F_St7I#kar7TMx*27Tdt08aoWjspnFL=}icwFxL
zsIheGb*X)&X{>oaD5ha}6wa`n5kQx|{q39c)lTxfE?LwIlmN0@E>l1`mxCLrrH>Ek
z$9y7>d9Dj;fyj#xl0;s{kXMn%?mat4KK8}DxW-}TX66)`#TEVbd+*4*`m<9J7IHF_
z6#|RM(p8;yt8uUI@(FW1BJ>EXu@uFTB^v7Mxb}5!T{-xqx4*qT6O8Oklpfmm4YIQ9
z`&|2?zEZbX<kI!I>lfLq-x!D38FN{p6y2z?DC)D46MoAa<07TpJ!HeJ+i3Rs*5}0{
z7sJ?Z&bGek+=CB0kaQa{Rv|zuIAewma9QfrN>rA^ILu3M{*Z$>r|V;iB~Has`+k+j
zsn6>%t=G+&<a$N`t%kw!IF=HT*Ik$MIF>w)CB|`d8%q&S;B>i+i(we%(P`I5==vEK
zc?i+C7_*L>0PBWsap!pCOP}Fg*IwS-eccu5%hz8u-f`od-O(?t$Mr7CxXxoN#<5?<
zm<9H@fNYq?7W+0Ai(%f4D{;ojcU~^l#}rqMC68liR>JuV5IQ4(_Ij1bdYyBuv*}XE
zbu3y%<Zi5+T=K~iTU)U%yJd{!ScXLz$7Q8q?3ROg9AY{2++D1Oqc<PhzV?RQlb78z
z-@fdoy`4|quzm8Ax1QMfT)&R3VV&oF-_M6}Tn_7Qsft~d$;PNVe^`t|zq51X<n9zl
zQB0-eJW(B2DypAxeDUGK>odRye*>WVuYT1}|Mbw1^CD0tighj#*@t-<2bRhkR=MBV
zTirVh-F!WaqHbQgyy!)h7o{wgi(z-USB~%Oj$b;yRc<)3RjxmIa=dnHtK77=o4+)l
zk0*8({g$dg082OP5U<zs(htk%`bD)jKe>HxiO5AU#5j(%_hBfj8rv!U!JM}b9XeF*
ze};c8c}4(D>Z{esRB|q)qRM$J%RDYm^*L+2%!j{l@7C`2>R2rLRkvE{m~_kBkBjL0
z)qK9#TdY^RC$_rny`4C+d$fG{_`SpJM~{~~jvQa#b>c*KbhSHfVa&@e#>Lo4SC@1r
z{cac*%dX6i9zA*F$dR3$ak<RicV%E#M#Z%1`_Y@6lVb9or9E=w<P`H6e4Q~spL*?U
zSN)i_xLAaDU8ywYoNMn2^fVp4^Z4$uqucl9y>4%Bxt@=^i$z!aby;xTFNVEtcX@KT
zee(G7#IYl*W7|hp$NCfF$<=n=T5K=(`o(fD?~L=V>g+8R{cg8dEtfm@+;R7j<?-#g
z@5s0O&9i*hv0`ZiPK{&G*mib~fAr8H-Roz7j#SPVAnD?o*Su!i(%yE_lc%gPCa$%A
z<Mbq|^PI<AdCT3M@#x`Wd&loSv2*mq_I$lJUu+-STAaN5<lgaPq9eQWlZUtWc2D(R
zy6gC^<mdg??tFQ2y*zT{#A3ZSE_M%Z&-YI5>>mB%vAxoFWA&Sxx-DaF<SU;Vk7b|N
zZH^}{KXhof#(JjofB>pauX^1Zc23~H$@y#?hOy7%YBBc5m!;>jjKnyIcbdxHICRUs
z?)cq{)qJ&B?e3h^wY%5l-K}+<?;Tcu;^?Z%R5~X9iLGO+ey3X>J9>D%Bi&WM?#I=>
z-LzVk=5N@qe(KtMcY9EO^u|{mn%5W~2t8ncs`D@FxZVD3PdYK2+b%jpY1%$FL!Z-9
z@7U@G##rYa=4F`2nACU6dFkeot?QyX@1>Uz#TO`5z8Amt*7s3u)Oo+v<%Iq9Vd(R=
zXyU6M=6hp0IN!Vd7k~NKjfW2PHMR#zX9b`sh?l%1-}dT5ySL+<<A<?ao;Y?i_g$Bp
zZk5;lTI1C;uF3V{ResZ~#BW6VYn9h`P2O%-L+#g+t9_lPz1>pR_w~C;r*E6wA&*sV
zb<ghnwtxE{j$ik$eq{mb7XVXG5B%%w0dzVRJx-4udei*w-}rAQZ=TKePV7XNwztZ9
zwaEK)SbZZ}<Yg4`HJ|OzH)=myWm~Uft^Rz?H`J%?C~J+IDzEu^wXb7e-s!&l&3|w2
z?tl9mC+~Ulo0n%3nA7Q;eSl6|uDhr*KlY|K&F}oR-`T$Nq2E5g^X|p6U$*_~Thfs7
zP&P|9&RWaqL@u-Tg1lPp=Gn5%m7kDHozG7kEAw_YFOJ?l?rl7Bb>|ItFJ))%&O^Vp
zeWPqc?_>`KFsIXa@BljP;dFoK(1>@uqpv%CM91K^|M=G3Ti*DV`7H;&b#dFh_bzU^
z_~PX)2fnbnW&6YHTP}Y7^0phqd&B=bm)zd*H@;=>*qh!lH=|Eb0000JNkl<Zzw^+c
zb+sYNr_Dat{r?950RR6un)d<#000I_L_t&o0J{T%!JB~;LjV8(07*qoM6N<$f(hJN
Apa1{>

literal 0
HcmV?d00001

diff --git a/src/assets/cityScreen/position3.png b/src/assets/cityScreen/position3.png
new file mode 100644
index 0000000000000000000000000000000000000000..4302f8e13b659533e4e558431932196da3ca5499
GIT binary patch
literal 1109
zcmV-b1giUqP)<h;3K|Lk000e1NJLTq0018V000#T1^@s6zBM&p00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1L{dcK~#7FrBq97
z8$}rYXJ*&lHEC=srs37r7K%hsibx|wxgc8{c!)wG9)eSw9ylNl+&Ca%8;%I7qDqJh
z4IDuth=`O3ki$cw5}^$eQIfV%)-5T;4RQQf@9yl(4l@QMl;*KcK54YOGynYG|9$h%
zB3Ot1smU>c(VEVAaVGb;1-ryO-+p-<0py)J9k7On*Z#kTZVE1)O%qHm2oP~#?9J|2
zZ1mhiISV=^{dznrP;f>7N&`ZLi;o;Fu8%<*ZS4PUG9L($$09&ok*IZBtgG<(z=Iz_
z2t4-l57`^dX1?yWvH@oRm{^NXJe%1l7H>4E1(8!oKv_unP1jBTZr9Hoo1I>Iqr7ko
zHo@ylbJ>yKrb{*3F4gUNmN_;E&VgV&wAmiC*+PHmY*s!>NG1@n3cv{VcgNx3y}j1K
zWTNnN_ujS>W7TT<no~RZ{q<`@vo|W>dXC`KLqcXI(b(wXlh2QIOs;T$X>tq+KBUNz
zvH?q@5Q4#;6g;>8fYlo@XD0q!9{S=+8CsqznCBwqQz_U-M2}j&z&UI9MQcaoM`ZIE
zk>~}7`Ee`+LI_I(P}>FduF0pz7zCUPNeYa*i25E#pCBOms|!b8IJH&&Ey)$0`sJs*
z$7q2``9#u_wt6fytjGbmlmX*D_`WZwRPM?mB1E&!JvyA(F88+N3MXdIFEuz<R|YWt
zN4*-lM!@kXaM>41u}3|K$oYm#GgBe{5gLR*GNO;{A+b_Jp1V>m4QN}dEA>PN9&o8X
z3bG1_AvF5I!2v5wUK}RqoxVd;DbpB@8wNz9(e^Oq&~+UQITtfc=rUt)M|a$kRu&;7
zwzORyGy3%30xvJmCyZF)@>RwYO10{KbqwvBAiv`TgBkD>nOpaLtm0>(Ad09M?3i5P
zwbki3)^5=vd%DE!YvkoW0(h$th_>~huAi(ylkaH_UtLSE0kx+BK0gWRnv4-!<=)nI
zBRSY0I_jnknkt*lCwJ?SdDT=zt`YT=*X>SC15abeJ<sc@*WKg{Sk3K-Ly;E|3W&j$
zIb{i;L63+0)3N~2<yu6FkISYzpp%J;a2#sWo|<U=HHC5vLLgMb6;VGmtJQgCv!091
zm2wKhc#;r^%2Rv5Fe{h5+Gl>tOW7^4@_ypJDuhHR@^%4zN9ust9B`4Esa3u@Y#OaT
z+3`*0j8~i%4;a1j-oAS;K?ev;uJCs6p+(mb^EE~d+jG9@)AYq3SFX=dN>|^#>+rA8
zAwvD(*5j4A^Uuhm9&CRE!D`ZIoGxZ^E_8^Fl>Z04%bf@)w;APu&FP0bA>I{UT3AS_
b0lUE8#~R8H@GZ;s00000NkvXXu0mjf(e?cl

literal 0
HcmV?d00001

diff --git a/src/assets/cityScreen/towerIcon.png b/src/assets/cityScreen/towerIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e144be62a31c4ff2d9d34f8b03870036cfa1fa06
GIT binary patch
literal 7284
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
O0000<MNUMnLSTZYY8S2m

literal 0
HcmV?d00001

diff --git a/src/views/home/components/MunicipalChart.vue b/src/views/home/components/MunicipalChart.vue
index d2713a72..f44726bf 100644
--- a/src/views/home/components/MunicipalChart.vue
+++ b/src/views/home/components/MunicipalChart.vue
@@ -4,7 +4,9 @@
       <div class="top-1">
         <Top1 />
       </div>
-      <div class="top-2"></div>
+      <div class="top-2" style="padding: 0;">
+        <Top2 />
+      </div>
       <div class="top-3">
         <Top3 />
       </div>
@@ -41,6 +43,7 @@
 
 <script>
 import Top1 from './MunicipalChart/Top1'
+import Top2 from './MunicipalChart/Top2'
 import Top3 from './MunicipalChart/Top3'
 import Center1 from './MunicipalChart/Center1'
 import Center2 from './MunicipalChart/Center2'
@@ -52,6 +55,7 @@ export default {
   name: 'provincialChart',
   components: {
     Top1,
+    Top2,
     Top3,
     Center1,
     Center2,
diff --git a/src/views/home/components/MunicipalChart/Center2.vue b/src/views/home/components/MunicipalChart/Center2.vue
index 299a6ee2..c99fcde9 100644
--- a/src/views/home/components/MunicipalChart/Center2.vue
+++ b/src/views/home/components/MunicipalChart/Center2.vue
@@ -44,7 +44,7 @@
         <thead>
           <!-- 第一行：跨列合并 -->
           <tr>
-            <th>排名</th>
+            <th style="width: 50px">排名</th>
             <th style="width: 190px;">工程名称</th>
             <th style="width: 200px;">在用装备数（台）</th>
             <th style="width: 180px;">投资额（万元）</th>
@@ -78,10 +78,8 @@
 
 <script>
 import TitleBox from '../TitleBox'
-import { getEquipmentUseApi, getVoltageLevelApi } from '@/api/wsScreen'
-import {
-  listProject
-} from '@/api/system/project'
+import { equipmentInUseInTheProjectApi, getVoltageLevelApi } from '@/api/screen/cityScreen' 
+
 export default {
   name: 'Center2',
   components: {
@@ -115,24 +113,24 @@ export default {
     async getList() {
       try {
         const params = {
-          pageNum:1,
-          pageSize:5,
-          companyId: sessionStorage.getItem('companyId')
+          companyId: sessionStorage.getItem('companyId'),
+          typeId: this.tabIndex,
+          voltageLevel: this.proCode
         }
-        const res = await listProject(params)
-        this.tableData = res.data.rows || []
+        const res = await equipmentInUseInTheProjectApi(params) 
+        this.tableData = res.data.list || []
         if (this.tableData.length > 5) {
           this.tableData = this.tableData.slice(0, 5)
         }
-        this.proNum = res.data.proNum || 0
-        this.equipNum = res.data.equipmentNum || 0
+        this.proNum = res.data.total || 0
+        this.equipNum = res.data.useNum || 0
       } catch (error) {
         console.log('🚀 ~ error:', error)
       }
     },
     async getProList() {
       try {
-        const res = await getVoltageLevelApi()
+        const res = await getVoltageLevelApi({})
         this.options = res.data
       } catch (error) {
         console.log('🚀 ~ error:', error)
diff --git a/src/views/home/components/MunicipalChart/Top2.vue b/src/views/home/components/MunicipalChart/Top2.vue
new file mode 100644
index 00000000..53656c61
--- /dev/null
+++ b/src/views/home/components/MunicipalChart/Top2.vue
@@ -0,0 +1,115 @@
+<template>
+  <div style="" class="top2-box">
+     <div style="width: 25%;height: 100%;padding-left: 10px;">
+      <el-tabs v-model="activeName" style="width: 100%;padding: 10px;">
+        <el-tab-pane label="装备总量" name="active1"></el-tab-pane>
+        <el-tab-pane label="在用装备数" name="active2"></el-tab-pane> 
+      </el-tabs>
+      <div style="width: 100%;padding: 0 10px;">
+        <div class="num-item top-num">
+          <div class="num" style="color: #FFF;">1359</div>
+          <div class="tip" style="color: #FFF;">装备数量（台）</div>
+          <img src="../../../../assets/cityScreen/towerIcon.png" class="towIcon" alt="">
+        </div>
+        <div class="num-item">
+          <div class="num">1359</div>
+          <div class="tip">装备总价值（万元）</div>
+        </div>
+        <div class="num-item">
+          <div class="num">0 <span style="font-size: 14px;font-weight: normal;">%</span></div>
+          <div class="tip">装备配置率</div>
+        </div>
+        <div class="num-item">
+          <div class="num">0</div>
+          <div class="tip">今日入库（台）</div>
+        </div>
+        <div class="num-item">
+          <div class="num">0</div>
+          <div class="tip">今日出库（台）</div>
+        </div>  
+      </div>
+     </div>
+     <div style="width: 75%;height: 100%;position: relative;">
+      <CountryMap />
+     </div>
+  </div>
+</template>
+
+<script>
+import CountryMap from './countryMap.vue'
+export default {
+  name: 'Top2',
+  components: {CountryMap},
+  data() {
+    return {
+       activeName:"active1"
+    }
+  },
+  created() {
+     
+  },
+  mounted() {
+
+  },
+  methods: {
+     
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.top2-box{
+  height: 100%;width: 100%;
+  background-image: url('../../../../assets/images/map-img.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+}
+::v-deep .el-tabs__item{
+  padding: 0 10px!important;
+}
+::v-deep .el-tabs{
+  padding-bottom: 0!important;
+}
+::v-deep .el-tabs__active-bar{
+  background-color: #2CBAB2;
+}
+::v-deep .el-tabs__nav-wrap::after {
+  height: 0px;
+} 
+::v-deep .is-active{
+  color: #2CBAB2!important;
+  font-weight: 600!important;
+}
+.num-item{
+  height: 80px;
+  width: 100%;
+  background: #fff;
+  border-radius: 10px;
+  margin-bottom: 10px;
+  padding: 15px;
+  position: relative;
+}
+.top-num{
+  background: linear-gradient( 90deg, #00D2BE 0%, #4EACFF 100%);
+}
+.towIcon{
+  position: absolute;right: 10px;
+  bottom: 5px;
+  width: 50px;
+  height: 55px;
+}
+.num{
+  font-size: 24px;
+  font-family: OPPOSans;
+  color: #333333;
+  font-weight: bold;
+  margin-bottom: 6px;
+}
+.tip{
+  font-size: 14px;
+  font-weight: 400;
+  color: #333333;
+}
+</style>
diff --git a/src/views/home/components/MunicipalChart/countryMap.vue b/src/views/home/components/MunicipalChart/countryMap.vue
new file mode 100644
index 00000000..e033ec6b
--- /dev/null
+++ b/src/views/home/components/MunicipalChart/countryMap.vue
@@ -0,0 +1,538 @@
+<template>
+    <div class="centerTopPage"> 
+        <div class="store-equip">
+            仓库装备：<span class="cont">{{ warehouseEquipmentNum }}</span> 台
+            <div class="bottom-arrow"></div>
+        </div>
+        <div class="out-city-equip">{{ outCityEquipmentNum }}</div>
+        <div class="mapBox">
+            <div id="mapEcharts"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import { mapDataApi } from '@/api/screen/cityScreen'
+import anhui from '@/utils/mapJson/anhui.json'
+import hefeiJson from '@/utils/mapJson/hefei.json'
+import wuhuJson from '@/utils/mapJson/wuhu.json'
+import bengbuJson from '@/utils/mapJson/bengbu.json'
+import maanshanJson from '@/utils/mapJson/maanshan.json'
+import huaibeiJson from '@/utils/mapJson/huaibei.json'
+import huainanJson from '@/utils/mapJson/huainan.json'
+import tonglingJson from '@/utils/mapJson/tongling.json'
+import anqingJson from '@/utils/mapJson/anqing.json'
+import huangshanJson from '@/utils/mapJson/huangshan.json'
+import chuzhouJson from '@/utils/mapJson/chuzhou.json'
+import fuyangJson from '@/utils/mapJson/fuyang.json'
+import suzhouJson from '@/utils/mapJson/suzhou.json'
+import liuanJson from '@/utils/mapJson/liuan.json'
+import bozhouJson from '@/utils/mapJson/bozhou.json'
+import chizhouJson from '@/utils/mapJson/chizhou.json'
+import xuanchenJson from '@/utils/mapJson/xuanchen.json'
+
+export default {
+    name: 'centerTopPage',
+    props: {
+        sendHeight: {
+            type: String,
+            default: '100%',
+        },
+        sendMapColor: {
+            type: String,
+            default: '#5F93F0',
+        },
+        sendGeo: {
+            type: Array,
+            default: null,
+        },
+        sendNumber: {
+            type: Number,
+        },
+        showLine: {
+            type: Boolean,
+            default: false,
+        },
+        sendProjSpin: {
+            type: Array | Object,
+        },
+    },
+    data() {
+        return {
+            type: 1,
+            zoom: 1,
+            zoom2: 1,
+            mapEcharts: null,
+            mapEcharts2: null,
+            mapJson: null,
+            pointArea: this.sendProjSpin,
+            pointAll: [],
+            companyList: [],
+            companyAreaList: [],
+            isCity: 0,
+            cityCount: [],
+            gozoom: 1,
+            geoVal: [],
+            cityName: '合肥',
+            btnIndex: 1,
+            warehouseEquipmentNum: null, // 仓库装备数
+            outCityEquipmentNum: null, // 市外装备数
+        }
+    },
+    created() {},
+    mounted() {
+        console.log('🚀 ~ mounted ~ .cityName:', this.$router.currentRoute.query.cityName)
+        this.cityName = this.$router.currentRoute.query.cityName || '合肥'
+        this.getCityJson()
+    },
+    methods: {
+        getCityJson() {
+            if (this.cityName.indexOf('合肥') > -1) {
+                this.mapJson = hefeiJson
+            } else if (this.cityName.indexOf('芜湖') > -1) {
+                this.mapJson = wuhuJson
+            } else if (this.cityName.indexOf('蚌埠') > -1) {
+                this.mapJson = bengbuJson
+            } else if (this.cityName.indexOf('淮南') > -1) {
+                this.mapJson = huainanJson
+            } else if (this.cityName.indexOf('马鞍山') > -1) {
+                this.mapJson = maanshanJson
+            } else if (this.cityName.indexOf('淮北') > -1) {
+                this.mapJson = huaibeiJson
+            } else if (this.cityName.indexOf('铜陵') > -1) {
+                this.mapJson = tonglingJson
+            } else if (this.cityName.indexOf('安庆') > -1) {
+                this.mapJson = anqingJson
+            } else if (this.cityName.indexOf('黄山') > -1) {
+                this.mapJson = huangshanJson
+            } else if (this.cityName.indexOf('滁州') > -1) {
+                this.mapJson = chuzhouJson
+            } else if (this.cityName.indexOf('阜阳') > -1) {
+                this.mapJson = fuyangJson
+            } else if (this.cityName.indexOf('宿州') > -1) {
+                this.mapJson = suzhouJson
+            } else if (this.cityName.indexOf('六安') > -1) {
+                this.mapJson = liuanJson
+            } else if (this.cityName.indexOf('亳州') > -1) {
+                this.mapJson = bozhouJson
+            } else if (this.cityName.indexOf('池州') > -1) {
+                this.mapJson = chizhouJson
+            } else if (this.cityName.indexOf('宣城') > -1) {
+                this.mapJson = xuanchenJson
+            } else if (this.cityName.indexOf('安徽送变电') > -1) {
+                this.mapJson = anhui
+            }
+            console.log(this.mapJson)
+            this.getMapData()
+        },
+        getMapData() {
+            // 获取地区中心坐标
+            var mapFeatures = this.mapJson.features.map((item) => {
+                let obj = {
+                    name: item.properties.name,
+                    value: item.properties.center,
+                }
+                return obj
+            })
+            console.log(mapFeatures)
+            let param = { companyId: sessionStorage.getItem('companyId'), city: this.cityName }
+            mapDataApi(param).then((response) => {
+                console.log(response, 'mapDataApi--> 大屏地图数据')
+                // response.data.proList.forEach(item=>{
+                //     let obj = Object.assign({},item)
+                //     obj.name = item.county;
+                //     let index = mapFeatures.findIndex(v=>v.name==item.county)
+                //     if(index>-1){
+                //         obj.value = mapFeatures[index].value
+                //     }
+                //     this.geoVal.push(obj)
+                // })
+                this.warehouseEquipmentNum = response.data.warehouseEquipmentNum
+                this.outCityEquipmentNum = response.data.outCityEquipmentNum
+                if (response.data.proList.length > 0) {
+                    this.geoVal = response.data.proList.map((item) => {
+                        return {
+                            ...item,
+                            value: [item.lon, item.lat],
+                        }
+                    })
+                }
+                this.getInitData()
+            })
+        },
+        getInitData() {
+            this.mapEcharts = echarts.init(document.getElementById('mapEcharts'))
+            echarts.registerMap('dishi', this.mapJson)
+            this.setMapOption()
+        },
+        setMapOption() {
+            this.mapEcharts.clear()
+            console.log(this.geoVal)
+            let that = this
+            let imgUrl = require('../../../../assets/cityScreen/mapBg2.png')
+            let echartOption = {
+                geo: [
+                    {
+                        show: true,
+                        map: 'dishi',
+                        type: 'map',
+                        aspectScale: 1,
+                        zoom: 1,
+                        roam: false, // 是否允许缩放
+                        animationDurationUpdate: 0,
+                        layoutSize: '60%',
+                        layoutCenter: ['50%', '56%'],
+                        itemStyle: {
+                            normal: {
+                                label: {
+                                    show: false,
+                                },
+                                areaColor: this.sendMapColor, //地图颜色
+                                opacity: 0.6,
+                                borderColor: '#C2F5FB', //地图边框颜色
+                                borderWidth: 1, //地图边框宽度
+                                shadowColor: 'none',
+                                shadowBlur: 10,
+                                color: '#fff',
+                                // 设置扇形的阴影
+                            },
+                            emphasis: {
+                                //选中省份的颜色
+                                areaColor: '#5F93F0',
+                                label: {
+                                    show: true,
+                                },
+                            },
+                        },
+                        label: {
+                            normal: {
+                                show: true,
+                                fontSize: 8,
+                                fontWeight: 500,
+                                color: 'rgba(255,255,255,0.5)',
+                            },
+                            emphasis: {
+                                show: true,
+                                areaColor: '#5F93F0',
+                                color: '#fff',
+                            },
+                        },
+                        zlevel: 1,
+                        regions: null,
+                        tooltip: {
+                            show: false,
+                        },
+                    },
+                    {
+                        map: 'dishi',
+                        aspectScale: 1,
+                        roam: false, // 是否允许缩放
+                        animationDurationUpdate: 0,
+                        zoom: 1,
+                        layoutSize: '60%',
+                        layoutCenter: ['50%', '58%'],
+                        itemStyle: {
+                            areaColor: '#87D3F4',
+                            borderColor: '#87D3F4',
+                            borderWidth: 1,
+                            opacity: 0.8,
+                            color: '#fff',
+                        },
+                        zlevel: -1,
+                        silent: true,
+                        tooltip: {
+                            show: false,
+                        },
+                    },
+                ],
+                visualMap: {
+                    show: false,
+                    top: 'top',
+                    min: 0,
+                    max: 2,
+                    seriesIndex: 0,
+                    calculable: true,
+                    inRange: {
+                        color: ['#998f74', '#04a4f6', '#00943e', '#dae07b', '#b62022'],
+                    },
+                },
+                tooltip: {},
+                series: [
+                    {
+                        type: 'scatter',
+                        coordinateSystem: 'geo',
+                        zlevel: 10,
+                        symbol: 'circle',
+                        symbolSize: 15,
+                        colorBy: null,
+                        itemStyle: {
+                            color: '#409EFF',
+                        },
+                        label: {
+                            show: true,
+                            position: 'top',
+                            formatter: function (params) {
+                                // 第一行装备数量，第二行工程名称
+                                return `{equip|${params.data.useNum}}\n{proj|${params.data.projectName}}`
+                            },
+                            rich: {
+                                equip: {
+                                    color: '#fff',
+                                    fontSize: 14,
+                                    fontWeight: 'bold',
+                                    align: 'center',
+                                    verticalAlign: 'middle',
+                                    backgroundColor: '#409EFF', // 蓝色背景
+                                    borderRadius: 10, // 圆角（如果宽高相等就是圆形）
+                                    padding: [2, 6], // 内边距控制大小
+                                    lineHeight: 20, // 高度
+                                },
+                                proj: {
+                                    color: '#fff',
+                                    fontSize: 12,
+                                    lineHeight: 16,
+                                },
+                            },
+                        },
+                        data: this.geoVal,
+                    },
+                ],
+            }
+            this.mapEcharts.setOption(echartOption)
+            this.mapEcharts.on('click', function (params) {
+                if (params.componentSubType === 'scatter') {
+                    // console.log(params)
+                    let option = that.mapEcharts.getOption() //获得option对象
+                    // 点击变黄
+                    option.series[0].data.forEach((item) => {
+                        if (params.data.name !== item.name) {
+                            if (item.isActive) {
+                                item.isActive = false
+                            }
+                        } else {
+                            item.isActive = true
+                        }
+                    })
+                    that.mapEcharts.setOption(option)
+                    that.$emit('closeMap', { value: params.data })
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.centerTopPage {
+    width: 100%;
+    //height: var(--send-height);
+    height: 100%;
+    // background:palegoldenrod;
+    margin-bottom: 2%;
+    padding: 0 10px;
+    position: absolute;
+    box-sizing: border-box;
+    .iconMap {
+        display: block !important;
+        visibility: visible !important;
+        opacity: 1;
+    }
+    .buttonTop {
+        width: 100%;
+        display: flex;
+        justify-content: flex-start;
+    }
+    .buttom1 {
+        width: 110px;
+        height: 32px;
+        text-align: center;
+        line-height: 32px;
+        border-radius: 4px;
+        color: #55f3fb;
+        // background: url(../../assets/img/checked.png) no-repeat center;
+        background-size: 110px 32px;
+        margin-right: 12px;
+        cursor: pointer;
+    }
+    .buttom1.on {
+        color: #0095ff;
+        // background: url(../../assets/img/checked_on.png) no-repeat center;
+        background-size: 110px 32px;
+    }
+    .mapBox {
+        // margin-top: -90px;
+        width: 100%;
+        height: 97%;
+        display: flex;
+        position: relative;
+        // 放大1.2倍
+        transform: scale(1.5);
+        #mapEcharts {
+            width: 90%;
+            height: 90%;
+        }
+        #mapEcharts2 {
+            width: 100%;
+            height: 100%;
+        }
+        z-index: 1000;
+    }
+    .label-box {
+        position: absolute;
+        bottom: 0px;
+        left: 40px;
+        // background: url('../../assets/img/home/labelBg.png') no-repeat;
+        background-size: 100% 100%;
+        padding: 10px 15px;
+        .item {
+            font-size: 14px;
+            line-height: 22px;
+            color: #fff;
+            position: relative;
+            padding-left: 15px;
+            font-size: 16px;
+        }
+        .item:before {
+            content: '';
+            width: 10px;
+            height: 10px;
+            background: #06bbf2;
+            position: absolute;
+            top: 6px;
+            left: 0px;
+        }
+        .itemColor1:before {
+            background: #06bbf2;
+        }
+        .itemColor2:before {
+            background: #2df0fe;
+        }
+        .itemColor3:before {
+            background: #10e0a5;
+        }
+        .itemColor4:before {
+            background: #dcef4e;
+        }
+        .itemColor5:before {
+            background: #f48413;
+        }
+        .itemColor6:before {
+            background: #fc5403;
+        }
+    }
+}
+</style>
+
+<style lang="scss" scoped>
+.top-btns {
+    margin-top: 60px;
+    display: flex;
+    justify-content: center;
+    /* position: absolute;
+  top: 10px; */
+    .btn:not(:last-child) {
+        margin-right: 80px;
+    }
+
+    .btn {
+        font-size: 15px;
+        text-align: center;
+        padding: 6px 15px;
+        font-family: DS-TITLE;
+        color: #ccc;
+        background-image: url('../../../screen/wsScreen/img/btn.png');
+        background-size: 100% 100%;
+        cursor: pointer;
+    }
+
+    .active {
+        background-image: url('../../../screen/wsScreen/img/btn-active.png');
+        background-size: 100% 100%;
+    }
+}
+.store-equip {
+    position: absolute;
+    top: 30px;
+    right: 40px;
+    width: 126px;
+    height: 30px;
+    color: #FFFFFF;
+    background: linear-gradient( 360deg, #00D2BE 0%, #4EACFF 100%);
+    border-radius: 6px 6px 6px 6px;
+    font-size: 12px;
+    padding-top: 4px;
+    // background: url('../../../../assets/cityScreen/mapBg1.png');
+    // background-size: 100% 100%;
+    text-align: center;
+    .cont {
+        color: #fff;
+        font-size: 16px;
+    }
+    .bottom-arrow{
+        width: 32px;
+        height: 18px; 
+        background: url('../../../../assets/cityScreen/position3.png');
+        background-repeat: no-repeat;
+        position: absolute;
+        bottom: -20px;
+        left: 38%;
+    }
+}
+.out-city-equip {
+    position: absolute;
+    top: 366px;
+    right: 80px;
+    width: 40px;
+    height: 52px;
+    color: #fff;
+    font-size: 16px;
+    background: url('../../../../assets/cityScreen/position2.png');
+    background-size: 100% 100%;
+    text-align: center;
+    display: flex; 
+    padding-top: 12px;
+    justify-content: center;
+}
+.scrollTooltip::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+.scrollTooltip::-webkit-scrollbar-thumb {
+    background-color: #1653a6;
+    border-radius: 10px;
+    -webkit-box-shadow: inset 1px 1px 0 #1653a6;
+}
+.itemColor {
+    position: relative;
+    padding-left: 15px;
+    line-height: 22px;
+}
+.itemColor:before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    background: #06bbf2;
+    position: absolute;
+    top: 6px;
+    left: 0px;
+}
+.itemColor1:before {
+    background: #06bbf2;
+}
+.itemColor2:before {
+    background: #2df0fe;
+}
+.itemColor3:before {
+    background: #10e0a5;
+}
+.itemColor4:before {
+    background: #dcef4e;
+}
+.itemColor5:before {
+    background: #f48413;
+}
+.itemColor6:before {
+    background: #fc5403;
+}
+</style>