From de7d091f59da0e891f8e1adc8e15ccf29c6ecec6 Mon Sep 17 00:00:00 2001
From: "453530270@qq.com" <aa123456>
Date: Fri, 30 Jun 2023 17:26:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BD=93=E8=82=B2=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/ty_pcb_desc.png    | Bin 0 -> 679 bytes
 src/assets/ty_pcb_item_bg.png | Bin 0 -> 3436 bytes
 src/assets/ty_pcb_val.png     | Bin 0 -> 1660 bytes
 src/views/TycView.vue         |  80 +++++++++++++++++++++++++++++++++-
 4 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/ty_pcb_desc.png
 create mode 100644 src/assets/ty_pcb_item_bg.png
 create mode 100644 src/assets/ty_pcb_val.png

diff --git a/src/assets/ty_pcb_desc.png b/src/assets/ty_pcb_desc.png
new file mode 100644
index 0000000000000000000000000000000000000000..2377b4a468af2d1b8d089d9f29c00d7507b57283
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq002h-000;W0{{R3pSBPW0002_P)t-s2MZ?v
z000IcO9&A=2MZ_xeCPlG{{UV80D%7hfd2;(G6oAM1{p^O4KV?0+yh6r2Mj0(3n>6h
z)c~sh0e$EU7)b{WDFi=^0CM&OGm!vs{{Ud^0dn8~B$5XfKLAPp0$kJpd;bGcqX1<8
z1t(_(9$N+`RRD+o0C@ieD~AGG*#;z92NgX4iT?n4@(3Yg05O~Zd+7jw{|5~!1u<s_
z4K4*KT?0jx0%qX=gZ~E_NCIBi0E7Pr5<3SACj}~A1`sg^3n&K>HUWU{0d?a5VE+Jy
z`T$`60Eqty5<dWm{{VjQ09*eC4J!jvp#X;e2Npg6gZ}`4|Lr@pIRF3vQ*=^JQ~v<|
z9@YK<3j+rJ@yv3tQ}W3+1NjxS(r`fuMc@bC2ZkN@A)b%^qC_=n;pbz-A0OR?|NX%8
z;EF=$k!^JR`TNtu+vg~#2uB?!-VXHoDC#990uOoL0003BNkl<Zc$}@&MUulX07TLD
zfNY1EnVFfH`TmEAA(g!){R6z}RYTB{@73Mf^KUHAdRM*6I-onJeDl`H{TMCRxi#~r
zuOlDMDHG^2rOpR+lHy2{&Ad&?0PXo^B5BSrLObR&DKb=@XRXJ?0KM8vfV<UaWPpCl
zjihbC>?~|a6#UE#;4dIh=HQeA7>qbLqXEVb4$fnYM1_M>NuU(t;KWJ@TR1qDFwz+g
zP9_b}er0B^b`fNoWp=V#0wLsDF)}MxNc{~l=wM<TK~ei3aw&Fa)XJ<|yb%3YNxU&N
zQ!?ghBd#!?pO^M^tIxUoGuG1Sv)1>@seT=06N!3{zs5RxqeR`J_67_-9WJ7lgU|o~
N002ovPDHLkV1i5s4}|~#

literal 0
HcmV?d00001

diff --git a/src/assets/ty_pcb_item_bg.png b/src/assets/ty_pcb_item_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..e71b9e359965dae67f9789ddf13ac5b391b0c2c0
GIT binary patch
literal 3436
zcmV-y4U_VTP)<h;3K|Lk000e1NJLTq003zK002P<1^@s6(tV0y000d$Nkl<Zc%1EB
z32>Fw6~6!f0)i|FNe~DLU_!!@1PEXxEFlIGe96nA>;YmzLfF)*6-Awj9cNs|N*TJi
zcC=Oj6STEsXROoOajC5>wHxD<R_&maRKhO%;_-avz83;X$a^pE{_jONGiUy{{L6jc
zch9}&o_p?ns+DY`ZdN_rs$QX)s-9e}Pq-{07vQ{^u2nBky#E($r4@EPHQEjI48M;y
zTEI(P7+>HFyj26`1#l%<>Lt34E$Th1f!<dy(=7EniZWHsOHzO*;|hF%Gw>GN1C|%4
zm;DoZf|)*QZ>9BWBV7^l!d{BPI08?>mGK46!Qae7gIOO{x6>x;dHNWvM{Q-Ry4+U<
zCyX2L6YF6-fveyPoP(0NOhgGg5FYxGS68!HKE&*wu(!~<kQP1^Lflk5K(>?{M`(nJ
z4?i4%C+kMhBE}iz4p=;t-Fy=dJ;*m2DD7xH<+CSJ9P(cfsH~<qwTwI3Wwcb)(LHK8
zJ<P|)RNYq_ysz(Py^UWlP&JgJR?t<!wfUhF*UMa1;0GLmCvYvH?~9hw#K7*B$2alN
z9dfaU9%n5H_YdTn)?KZnL{&=*)zV{IRpp)?YQc_=t-@D7vnM^)WRLmw0oTZyFI}li
zj=Dxx9kDZRK44E+x6{gf<{#>Y58hT4JAb9B4sBG`XFRH!`pf;oDvW0_S9aj5asHOz
z?zfcFIB#3|INxY3-{eYTW$j2F;DRqB59=niXy-?E?lT8m>8p;rQs$nCN-UtL!85cb
zT*u14GGRJJ4a#MmCh8hERcm752|Ib-K5OjS9jg5OdbYB=Sf_@SEa2+lascZRdW5ZO
zoPQVQQE$HBJ}*fRsq5()qXlhG03MpDnq$AP=5GJOp7`LgsH8#?ViISbBd0@xrjTpE
zWY!$kN#wffTGni0!gg8(ue_!fH-1Oeo*Wf6vWmEw1I{1`xEK24>46knfD1jeMo4p7
z7ExdBOP*5;Kl#ix?yloe!%DvjoFFErO@cH@uKw5Hc-BsG@3Hf@yd-^_^ji)K@CD8q
zZ-0zJ+Q};E(6ml=qMXeFkF1tE*6PE5v9J5tVNK2~YMY?^AS|c_LH#GPPGB96*JrHJ
zEB~No|Lwc{{4v3KTAdK!?4bt)bKrl`{=bw4@JaW}1#rIu>c~1PT(ITrtW+Orw9{`s
z9hKx}a@r%PlNQvHp!h7UapTA}Xxcti`uj(vqQIqhN`SK-?g01ugoic-wb(;*gd|N=
zAaSJ5$t@ho;Evq7VOx_c?WQxD90x3@B|&jxS;ye}qjvTqKUH<73)!N2I)*_BO&5Z+
zKQO25ab7vah^L`Xx;OYya1erV&f?DxMqNGo?8ON(WI;ZHVl!DYSjU`JIU9Z;7Uk5?
z19-!e2KL2tCtFuc>yu_tx{#z#tW^`JoAH97w(x+{n)6|kxYXgapk{(H$nKX8J#CL)
z_mo=79k~<H3*ZghHU4Y(II8tYZgP9Qj5YrI>zx$T)TLkUb&aU*fS?dskdLH`5;U51
z6xp$v$5i1jZ|91X;s_qaG(oHgTEsEZ^F*__%zMI0Hnkqc3$%(|Pk3?SBm`?gp=;v2
z)^m=an31d_$c`V|qzYeOD#HTP0^B{cLZUsbS~Cv~k+1~RP36W5Q^yZqPA}RsHXn7&
ziwnepd<4a$ksX~z))4n^xY?U3(GSxC{1I@4mQm8VFW|}HLqukacpBHV)N$~(@{8T)
z9EI>X3GG^tmmoVj700t`+}d>#J2Wl8Uq{GSi^nGdAHA67w)o;|qlG{xTyvt{&bs@Q
zGXvG&El3FJJDfEI{nP(c$$M_&W5?@hm~=T%xZ?6W9hO+^Z3~yFnTB&3czVH__t8OP
zp`L)fI6nyLn@o0}tH~a@@_x0TWfNpTN~w?ZN8kdyNLbFzVS614g8MhuXh;M>%sQ&K
zbJib^3^zLff>^EC%<Zc3XqI7&Tw+0*k1F9u6|mFbBdNI!G$d%#s}KK6oQ1ArK|bw0
zlvMg1tGS|?ow_NeX~IbnRk9A%gV=K)q#1qqaw-##u8Uca-Dj8(WcMCIR^0eERP`~l
zO`eBRy?j&(Ki&xJVkW9Wo0dVTJ^7-YdF!dJXh9&z?w!Qv4gZA4O=f2YbQe_N^%eM8
z#hj^H#8c8}2TjhvB3N13w97TT;!MO0R0FUeA*fd(e>UWZnzX(|RT&)c>ls`0OACY_
z?>zeg8AOdXI6KK>BWvNO`=mdLpn<C276gKN4Q5Rsl{|kH=SlQ4h81`~UI`pI2@e%<
z{s36R8<Sp3Emc~j?;MD@fvUe2<RwT*iXZos(OF!KjlhS8ZWJRD#_*<ugPkTx;uI^H
zZH>f%Y5)XTR}Lf<o%R+tcLR-KrE?zhnU^v#BCjQtiQ8u~B+vP9oO*R6vYmvE2@>s{
zw1a^(m&XSlz=v+~*phUgRKk7I6k{amd7~%otb31k1vk4jL4(c_)N=r|QCpHhlHk>W
z8%!Zd+lLnj>=`CWGJhh{g4%Zy&a)s*5LrF0I;fTywj}TYZc3;C?p}c?(u$q1q^@m2
zAV^yhvS7_xQnv6SE;u?Uyf8@;g!8oRYac$;#Vv@nKkI;xv<q&KB;<x`=YbP~iYQlJ
zm?!Bjd-}6YUBk_8$AW~QI8wa^zsbMH+-w1OK$0YQfdk=f`*P)I(go+$4VLG(J0qis
z3)X_-G)XaO8+oR-k1?!tBs|;e;brUOe7pfkCNqR;C=06~TnYJSBiDjDCdj%XmIt#r
z6-L8CI_D&to4hH)4|{f_<qbYGnSg>HwWRSw*RZmak?AD(N04<z++megk!`fq0S|f_
z9d0<Mc459ke~>K+k|t%@i49mg)Kx7=YyTZ8b8WIwoG?3%K1ugWLv&ai%P;W3EE;6=
z;mfJO%6<C3k!3*_cM{GcsCz$BJqI<Y3A@cs`hf><f;>E#KAOTEpqu*(d|-OgZxxTy
ztM<PkeNq>35?T^ub&ux$XljY^RTr~pICnu=lB5cLya{<3?30g`quC&9HyJNw-P73B
zEC>WyJ>s`1_dZUNG?*U_{L9!+@bMvj0>a|g(+FlQQ`GcI0?w_r%0JlV8ZhNdSF#|h
zd*9P4CjBPkD*}B+14YZGQ^>ehz<I!2I<(Df{tyZVYSl*`vPV?!iNt|wI|T9jexIsQ
zt2rse@G1-7504uvPJ{1xGkCc@Ts<h3uA7!Rt_<@(=DvxoDe^5yTT#C;3msW$0{jbU
zq;LUVnnh37rh1z_t}TWICd_M+teo}RHAxZXW}i<GsVftnlLZD&tX0x^`KjzU48I_q
zfgg_KaC}kD%RHP|iH*T+Wz&=P(DJ6p8K|}<h?}`xDzPlnku^%dy_k}PgBy`|eqp63
z=BO^dgqlw6@(C6Z-?VSDosfSp5-rH;7IR1?l}>bQ`v9HFmF(3v5?ypCVkna|OsvY0
z71&%;cq0vK*6XkFxaoMrI0?RfD0+0A(HLDz0p4!59&msruk8>W1EzQ7LYp|m(OpnD
zvsKOh=N3&=*qsDTQ0(~ms__4v*y1ce$>E_7j00)kvR=8p{?E;;*)&mu*&UB{tbkaY
zRYS#g;m^0&11Ikfs|9t7-Y*uk1Oz#_O#tvNpafB@tY}}jP&0TB0mP2-*cEhi(+Pey
z*3edbw%$(2+Z`4Q!dNJIK6Zq0b}uF14BX*<<Je*4fHh&W2V7u!tx_xD!qu_+xoFot
z*4Q;~+A*U~I%Gj7Rqw>7)u<I2{QI5X9TPYM^BXw11^9O;@MLf@6uD)N?uz0Sbk;RU
zv3=`ND<SXScHh)frb0bDKeSyX&YZ2P4#YUVT@6I<h7#Y5IpUig3)kkk%q-kNTpW%K
zpdbLOmc5-tO%*DC)Ay{zq7Oo9K|Ke)s}k}Ss7X%@(=K+H_VdH8T!<_HYgys$Z#e)E
zIx<|0V>oJ<Pjot1itKq;_UF}B^1N5A_z64My7u}=@{6Dz{r564e^-4{o>wXJ-I6!A
z1lyK{akE9>it!LI#xY==!7yfOp<+#8-#OAHpw{p}Z&9OLmHu(5n!f24mA3eCH7NfT
z)i2{+t53>ytRKQr#f*4I#g1uEgJ(Xd(r=riCjT&375;jpwEwcyKg_=e&j-dR4>Txe
zMGvm}$_;Qt+qsG2?U(6p-p_ho$jcn4po7QC29Q?A0Z9aHwc>TEd|u7t4kR%mvnL#V
z>jlD_<lZUxF^*E6miPwUTA{6m&klW-GI*=xzq0OSlBR^T^dS>ihfgC=8fY5u1CHuR
zNdVH=b}sD1KXwBRz!uY73qEJv$h+~HpUU_q3*!eI1y5|<&G-gisjw;Et2ETLmHvbq
zq85a-u$Q_pp1>9O0_VUtLBuxw4Rmj__24F#CG^6$Hd__r?f>6Q@ZZDm4)AYtyZIki
zJ(Wh{PW9g?VSIrz@aBJh`LTb0G4UM5$p0r@wjO6?Gkc=->`b)LKYa}b3r2CXel}D9
O0000<MNUMnLSTZ1bc`(k

literal 0
HcmV?d00001

diff --git a/src/assets/ty_pcb_val.png b/src/assets/ty_pcb_val.png
new file mode 100644
index 0000000000000000000000000000000000000000..e475cbebd6168f14df2edffb27c21627cd463736
GIT binary patch
literal 1660
zcmZ8ic{r3?9R6HuB1&0?%vBiKvRoq}F<izrvXy-qTPnMmj3rBBok)a`EH_-crsS4=
z>%o)kGM15%>}%PX`{6OqeeUy|bH4Zd-uHXo-#P!B7$ZY%c2)>0008Vr9Zh5KYj8MO
z=)tvrh%X!f=**4uO|`%+fTseFsX*w_dW^v>ZA6}63>65c9*QGQ^fXM<fYkAz8PX_P
z1r+=@CE>&$EK-lK%aI9~1-3*}9)}*AL{kCK7Nq_s04p?e5Fh`0+(68cGp#q;>A;HL
z$=N|A7z$D#IQ9YkK@dg-o}VOwY~WGxxD${9#g9((U`pJf-iulT1uxde&)CoeaH0No
zaIn64dw1vV$}+oSfJPCUeW|-^^IW8Z^WvFV=Pzzqyck!<=_DV{`UG=25@UlrLwrAq
zV$sGTctKCVDc?YZual?38=EWo31TwemHK8W%HZ@lsGS;4E%+X5qX8QivK<<5Uld_1
z_zc0$jjT&s^#=e3G*VOD^kHV{o!bbAI;ZV)DE)bLHZd&?t`>XK`)8H^tjv~8Y2iiV
zQ2J|BJ2@h=53_*vaKI$SRSko6DF`Y_)d^f5D33xDL!euGMD%dP++J3{FTSp%O(JCY
zl)HDwfo{-%N<S_aUP$NOZZB2o!KB+!>%ES*#ri3#sGe<CUQ3LbUGeB&{7zX?RBDEW
z+{*OpNr&ZpZ45<7(KA<ebEW$jaNF@VK~AX%|8m=QG>zy_?uj!_K3H(D|4Z$wQM$Bk
zm%HNY=V2xKqDYQk^m;0Y+SSG20aB=I0Hv?(4J;cnLKf7nb&VM>kj#z0sybl(v%&X$
zAE}|c>*Wu1Uw83E#F%43U!5f73Nw%V6GoVJJ0AW7Kh=Xo!->(-Q<C-l^nsR*BX+Ff
z9r$mQ7iE_6pPCu9M5-ST7OD);U4{l0h~*dg?r7Wl4kYKAi<0MAH(9XL>{``>ly~D@
zS4vf<afzHb-|y&xrYKp4VsD<253|cNy`Q<Ub&#ef!82(g@k}h={}C!D)IerqGZdj3
zCMuq<{IcnE_tGRXm@0JOx3?Vh+*qS9qA^|7E#;E~mm};S_LXnNiuj>F7xN<XUU?7Q
zkv$XX6@*p)`SC3&j$*hXwWchO)7OG;k4fz`@OiS=wH7Ak^Hlgdvl1#L-rS!)f4O61
z`sq)8==Db#Ox6gAUiL@Chx4t|y`#bnaIEF}70pSH8g`i%_XstZFnuAhcP<b@r2@{$
zM6TLaf;{ix<va@=w`%w34YW-653@q5o~l8_zQx;e*w{^r<+5d8eBNzAFUECHAtKWj
z$=@?YxMAM2E$ue(^%6-|Dn4h|gcOf1%Io&-RlT;6$`{*~m&UtVcrNmtOb*n70lg5N
zf|lHttgH`NX`3++k;)U94Q{QOAfwmis$nageOX3?&T!@-RJD4Rs~JqQU9H42`Edy(
zCVc%FBOPXTR2kllVVRJ>`Sc>3(EXluMhL;c$#l&r%{qS-+rY$&HZ|2pe{diI%uWne
zZli1faY0~$|G>5iUqxVf5By-e$JG(YU)2p4<8f4Nk=g9KctFH&#Qe^Q937W?t5~@y
zI+*XcZ?Is+xog<k##y=g0OhuDA%kbhcM#R7H18_mx*DXbeIW@o%y+XLQ+8Fsr?%p{
zaI4ybL7h|*1bK76id;ly7)mMquu1Y83mm((xt6|{JTz6WpSwR-(r&h|G3r#$>A7)w
zZcC?@K=!#x@tk*F*s!2H5JI?d6fU7Cc5J^2?6zL|FQXJ{iFDeDWoEVOue!Dq{NsXy
zYxV5NZA#V~Qv%Zbna#>JU3A~Pu;Mp_3!0;*{s_{sVJ=B3-X6ynZ+j#c-(Axw5Eq<{
ziqzi8nM^d?UDXl0q$J(5$DdV|?G^DlWYoS9P>lBZVioyuCB?zFMnqS+0GEMv@+kEw
z5}yBC-llF-(m8h7%t^s$xk+n?p1ayjx+RHO3AL2`B@sp?CBUd03zjJf&Y7Fk!)FAk
LWvE%EVITf4m_RJ@

literal 0
HcmV?d00001

diff --git a/src/views/TycView.vue b/src/views/TycView.vue
index 1999e1b..bd9100b 100644
--- a/src/views/TycView.vue
+++ b/src/views/TycView.vue
@@ -33,6 +33,26 @@
       <div class="gcins_title">进馆人数统计</div>
       <div id="gcins_charts" style="height:16rem"></div>
     </div>
+    <!-- 各场馆人次占比 -->
+    <div class="pcgrbox">
+      <div class="pcb_title">各场馆人次占比</div>
+      <div class="pcbcon">
+
+        <div class="pcbitem">
+          <div class="pcbval">50%</div>
+          <div class="pcbdesc">体育场</div>
+        </div>
+        <div class="pcbitem">
+          <div class="pcbval">50%</div>
+          <div class="pcbdesc">体育场</div>
+        </div>
+        <div class="pcbitem">
+          <div class="pcbval">50%</div>
+          <div class="pcbdesc">体育场</div>
+        </div>
+      </div>
+    </div>
+
     <!-- 各场馆人数趋势 -->
     <div class="gcgrs">
       <div class="gcgrs_title">各场馆人数趋势</div>
@@ -153,6 +173,62 @@
   line-height: 1.8rem;
   padding-left: 2.02rem;
 }
+/* 各场馆人次占比 */
+.pcgrbox{
+  margin-top: 1.6rem;
+  padding-bottom: 4rem;
+  height: 8rem;
+}
+.pcgrbox .pcb_title{
+  background-image: url("../assets/tyc_tbg.png");
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 1.8rem;
+  line-height: 1.8rem;
+  padding-left: 2.02rem;
+}
+.pcgrbox .pcbcon{
+  width: 100%;
+  margin-top: 2rem;
+}
+.pcgrbox .pcbcon .pcbitem{
+  width: 30%;
+  height: 5rem;
+  float: left;
+  margin-left: 3%;
+}
+.pcgrbox .pcbcon .pcbitem div{
+  float: left;
+}
+.pcgrbox .pcbcon .pcbitem div:first{
+  margin-left: 0;
+}
+.pcgrbox .pcbcon .pcbitem .pcbval{
+  height: 5rem;
+  width: 5rem;
+  background-image: url('../assets/ty_pcb_val.png');
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  border-radius: 100%;
+  line-height: 5rem;
+  text-align: center;
+}
+.pcgrbox .pcbcon .pcbitem .pcbdesc{
+  background-image: url('../assets/ty_pcb_desc.png');
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  font-size: 0.6rem;
+  width: 5rem;
+  height: 1.6rem;
+  margin-top: 0.42rem;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.2rem;
+  text-align: center;
+}
 
 /* 各场馆人数趋势 */
 .gcgrs {
@@ -163,9 +239,9 @@
     background-image: url("../assets/wh_tbg.png");
     background-position: 0 0;
     background-repeat: no-repeat;
-    background-size: 100%;
+    background-size: 100% 100%;
     height: 1.8rem;
-    line-height: 1.8rem;
+    line-height: 1.4rem;
     padding-left: 2.02rem;
 }