From ae2718697527626be53d1f96b48485dd2cbd51d8 Mon Sep 17 00:00:00 2001
From: 123456 <‘ceshi@qq.com’>
Date: Fri, 30 Jun 2023 18:02:55 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=EF=BC=8C=E6=96=87=E5=8C=96?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=93=E8=82=B2=E9=A1=B5=E9=9D=A2=E5=AE=8C=E5=96=84?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ty/bf8231e42be621a362407655f4da8af.png    | Bin 0 -> 14777 bytes
 .../ty/f01e9db82fd27cf0062761bb2f96e8a.png    | Bin 0 -> 2298 bytes
 src/views/cultrue/index.vue                   |  33 +-
 src/views/index.vue                           | 110 ++-
 src/views/ty/index.vue                        | 875 ++++++++++++++++--
 5 files changed, 920 insertions(+), 98 deletions(-)
 create mode 100644 src/assets/ty/bf8231e42be621a362407655f4da8af.png
 create mode 100644 src/assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png

diff --git a/src/assets/ty/bf8231e42be621a362407655f4da8af.png b/src/assets/ty/bf8231e42be621a362407655f4da8af.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c9cac12b2d365a4aed08fb84eb0d4d6355c8657
GIT binary patch
literal 14777
zcmZ{LWl$Vl(C*?6!7X@j_u%dlba8iw;BEmD+~viC!{Uns2rSMb!QCOa6C4&U_p7>9
z-=F*A%&GI#R84hHKc{=1p7TRPT>%T73>^RfU@0leYQ4|3?;{8m`Ta^h!3BMv;5@Yy
zqycq*J|4X<5bdPYqyT`%B#ajer1v$NyP|<70D#^9e+S&KTctGsAf&D&E2ZOSdX|qC
zq%(gz%<D$(c$bhYiI)jbLRAX;ponU;bRUd@n@nMiiwL)D;!y=eYU^;DcdXG}U2&{g
zSTF=R%{#(67aiA6y7S&H@&wbma(=n-q^VL<2Z{H5QQZHN?|T93_M8;D?-udc_)9BX
zUZSXkRW)Vu!}XZ#H(m#y`c*!;PF{z_u$LD)AUX|CKNEgbu{5HIhM5{`f!jV*13qlK
z6fv_5z=Ky+6fcXekuQvVrpYO}n4DfD{6A>e|3Zm>q&GbMFBBf!UTO7Yp@LSejZRIM
zf<B^H7B*jRHT61G_Ki>ff1siN2Wgajn^pV&LiVMAOu~xp5i4PaO!xu&vIuT1<}e$I
z$h+)5MK}wvRxe2cHZwTkzi5K5>JGzmU0Sz2TIip3mF*SL74u{DY8<Abof`hNlxP4A
zad`eIq#E$$#+%lRRBm9pq%4kCGh4GQDG!a`S|{pD+Fqbp@7>;>VQDNbS`vsR*1>yW
zDZN_|#+63^X-fQs;<_^sq|EF;8<>(I7B*hMszmj>P!xmeXS>>k#+oVmd~4F)@1gQI
zrgQd}^SRtj?KKH;+R5NADL&^D@GZ-p9}Qesp}7W$lgC5>SnP&jbu`RUSVWST6;@LM
zMWvQaD>rn_|8#f)>gj@KZvPtGvJIZS8e%y#^hwpskZ-0OGzuzp?wImqp3yY>a2UwR
zKyw$wZdMG_0Y;y+q>l-xofU_Ryfqz3b4=_~H3NwpJVWFPZr@NedNd<R)u*LT2#j_r
z-c(j5DQSYA;dmJ9sB2`@4qGUJaA3u<Z*$B5k{@$ZKO?9rLEx|Yb1i^d(`!&*&W=w|
zU9@JI*rw)M)f>`Qeeyx+0krv=bcRTR<@S2+;_-I&@2@wZ>zD09g8Q~M=5sT%N(<c|
z?3cZvX+F;-rS&3Npt?v+xAdux>dZ8{XdeVht)`w3#~gL)P@FjdI*<WCHN*=&1Y`%b
zDxGMLywN1?XDL(~+M0!ufKgUlYHV}o+<^VR^`kcp#;%@Xe_MluBX6({(n1!zOV?i%
zu3xU`V*~e8_`xBKx3Hdirt_+M#ZCWT6yr#3Wo61}4h;Z{Pfy#@7%Cadx#Kf(rR>3&
zMIklOX>ielw|P&L4r7JX!N=@?8%&<3!i9!vL8zTUFhfcsYLDP2$=ZwVR4_T!r%AKT
z(sp8rvi8NT%u0YQoT=5BkTv1L&d@GIZT?R`6MeR;B{fW<p9ytI2HvHHh}un_lc$rD
zI{0p#pbaBa1?l7uC$t$?YI<f^snCZtN9GSLKD9i(Bx@mxy_zIxM&>!K)gqw)#5t<)
zO&{z0WHZ(0B5fzaPvjQI;bdEjDSaF9fi?wRADGvnWmNl7f;{~vO^ivNud_t#&6Qrt
zL3$g2v3%8B-#1vTV16=1{Dj!rd_@rDR0DzZ$A9p(GD97~r5Bwk;KH{Y(aA2iPPE?3
z?i*5vMOflE+E|rt!2MJ!6-$-Ay`-|Ft`=ZSOS<N%2s!FVZ@IFcsd-pS#0H6#4F2TY
z?Q(?|@TANWT`<e14~xYGds~|MozPnbufq%BM2Nz`u)h=a=nkRHDuYspTJXmVgy3pr
znbHn(pkfZS`>Znbm^%&>v2A$^Z|WrPuicR*ey*GaI0@7@!MyoaV}($y-59+<gZ&rW
ziKA>wgJ`O6dDbeC()JIM+-<M!&pQfT?Z~?3*Ml2)k5`gdZM~15bV<wLdvEr!26TKG
zkFvVe_aE~Ax-8cFZ>w=IxWzP<PCT=-IcO9ig^3x7Q@gyvtZ9$+qz}sftF;EYd}{v6
z?%KC!O*lzkv+H-gk4@tSBz!0Ljy$u}YV7HWdD}OHvT+{pFD>(?QH3;J-h2>u95gQg
zFQ-|Z!Sl6BS<<A%59P?tRHY#1&Bl%}Vr$R*4_Pp6i=zqUieRIT?U$x%qHRO$)W#b_
zaF419hd$tsNqBvY`K=0;3uxd&hC02~?WAJowb+ax>_1R9Mit??hRtI+YSB_o_^=Ew
z!m0$_<Tc|6iKir%O@8a*TcK2~u>$Z&x~W681#aRrVUigb8bWXl&*Ih#Xkr;k<F}^F
zNdw9wH8j2&&(!@kBchAw-7B;F!^M}?xpgL*8vppL^bBP!y$DDLN!8fo>DnM5E|CGv
zg$Nr!wqXKusR5qVBOe=ady#@hFwCMeenDD0r1r=-0ju`}f#K9lOFMHJ;wM?DdRT~a
za<JA^-B!d*uaExCPFp*&_Htx3V7#>t!6QaId7zbF)_*pN5cy@Dz3-_ZU2nfMvf#Fk
z?TlqM65B)O?F8hR*GI_OV{g`zQbV9l)@<#0T_*CoEvUBYVMHo&`?EvR4H_E}+zs$O
z3}+QoOTG@%h~CT50~C7?J=}+02GZVrEGrL0q*fLtDCh9W&T{>gn?y~@M9FPxp^h1`
zIg)HFI3qN8okU#+MK1K^8_d>!))7B@m|%_QqtpbR&=sG<!wbSv&CFR24AidtHAiwq
z0Im@4Qj-J^kvFq2Upm{dg3%`LuZeo`NcQu5f@;S8hnuzI7Nz$u%tym-1>mu5Gt)N-
z9>&5%hsA?&)(w21()!3paMq6cGv5c`otd7*mm$b{_P#|%UsV7`&YlWf&E&Pp`l~w5
zQ<n_0zWH7FgwSOfu`5DRJ5Z2)S!qT0UUO}%5G4ZRXz^|1&O^6wI(ez%?mvW@;AAkl
zJHE5HV!%9>wU2RJcMMK_z!z2P{;Ci)w%Vtta;2+cB^zsk0&IJ?2-i=+1CvUdPh3Y?
zu-tg89_cV%ZDHmuvF-F3lk%^V`)`Qwox7ehL}KvS_mwoaHDuzSB3RtcxpwB8rY1j+
zPc^yY`~Q1N<-hUM-_V|e2$!09i41y}3X-fL_%37MR!?gDkZ6OM^VsF7JPp>Tgxq<S
zPPSw0`XC&Mxl)%r(_7ml$Sm)l(jm!+^W%fr4p4mPS$)Ni_7;CmFUH01cy9Az(|W#e
zc#UdXJ9kXpc_JLUXF&r|1iDF4+2A=`UN1&IV!r7jRh#|BH78W1bu+}VS#MnvVb@?v
zi+2#K6|{{H(Fm<X#`QM4F8}!|tNJ{8FIP;^4qT5;;rBty>B7;21DTzUjixr>ujzGv
zg01D!B4;(j4UHNpcJ4^*5c#Q?UttKCuhlh2dGKMhCJPD~zYR(sbKA??8{DA;%x>d*
zcaB77>IRS+ENh?gFlQsHR4Ahl=29;64KY`IFuxB{d0GoR^U6fm=^4%1w(Z?&oUE=C
z(LlF{tDN`Y%aLP+9(oIt@@J)RlMq$j5zWNBV0I9`_2k@0wF{vb%gNu;Gqq)n@1%{4
z7RCzPq1EzA`+KrDXIW4_ciP7(GrG1RfP1<qQP1NFQ$3EqRO$i|i|C2pc`arTsUESa
z!yNjrTsKWqOCnnSXpf}7s`w(|m$Y54ZFFY-wIz=Th~_tDxAP-EZS!n2q%%EOX^(({
z#ccz%9q|Gg9>c-&g2oe~&R;2RAm_<NeHzDXt`j@9Y*U-~4^hMArEr9IkNH|vT(JPx
zH)Y}N>r7x_xQ`3%Z)^Ue!LeeS2MOA<ri9Y_6*a^8s8THWrT!45rzw$A%H|JsO7h+&
zFx)t*Wo8P}4U@}o@>IOQBVHc6I=w}5Hf&6x3e$VR@l2QU<ZutZ(fU^1uB0xdbqbsR
zRKkPjPBRzcw&G0SN-z`tBKtmbzZ6ej|Mw(zer<b8cQzn_1mF2gKBMj@iRO_1<eEAd
zHWDe8uEHE+L#`x0m=kuRbgdfvpJ>TBUG1b$sjrEoya>4F>_a6HnW{XtQ}P!C=*ZA1
z?J?&J?%|P3OzOs--$S&B;zekgzExczyL*jJ;t-uLeHX<OTG)03A1sfY>Adg_1M&VB
z4z5JJ=E8E3d$4@g8Obm!%{XoHyeo%kTnJkU{-W6%=>!J*xioJmX?ZGwkIXhvHpL>u
zFuiIlMmyjO&yX=uyJl{<$(>+3qFtqhP4E5fep2id#g;>Zph3R5u7#9XL-k5!pwdNL
zSm_BGz#EZo4hV+CR=e2frWA-J->CCiBnYN$9Ed{V1iXYzU$(#7<+rvkAio&HQblB%
z&<jvZsofTPM}^5#iIHPW#7b_^J#gb`^;hSHIz>}zDA#PG7IG7N*+gr)!v_z3?CEA;
zv8w9Y*3bW4zPSi^592QdEu1ObJGA^DkT_$Spl_wveATfxx`q*jE#%2WrQk;>P3;{+
z;OIpdbK|=EYLh$~Xro*n%Nb~9RQtR%N)euGNfYr=zmZaeixm=32CS^-RfInui8|lv
z(@mal*6YCr=)GM{Zmr&HEsz4Cd#TrWGKh56UYkkOfl@lnvbzJ2>xngIe?!!Sts(c4
z_;dS@M$30KSN9`q1=^;V-FAa%Ve^eEEw^;b1aue(Eao)=RsjcCpRkPBTkGWa#Ag^_
z3E*wt)D0ITQVNEYl#`ei(r}mc)e7Yq%_LK<m>YCN*S*W$W(B?=SYE*nAmN^`y&ZkX
zvHi0zjNLtsZVhoGjr`ZxUt)1ir}&5FyQOo+<}r1Bqq|AnJ*(QE`;nOl>?N0&e8*ay
z9`q7$A5$v8c|1dOm8gaVdu0anAW(>rvpJzR(pau$)YdWXwQ6Vq*i>X>WH=0R&5xw7
zmj%IE8b>b-NGX8hh77iQ1Qfa$t)t>SZU~4$^BUFB*yGwhBUki+&BUZOh9251T^6m3
zIioqkJKf=Ogl4Y{!Ge;zbIwy=mB*N__|YXM?k;V}r<rQTyp}7^5P?Rw&VCrH7S8=d
zEK!9J6We~_{g9cs%m?#Zgw@YkMGla=n<|u$;mMaDm;T&mz6O{oL)!iiue(vG%VOnW
zne?w`Duwfr&qKaGWbuM2tj8FPH50NTkbUlGDISr!$YN=(DkgF#ejM-*dTXDd^@O4C
zQ=eIbKbXd`K`zH~4U|?=dk_I*tmZ>gp7Ri(8%>RSCMdJ&_+Q*QT=OF3J0nxUQhI6A
z9)@G^0wrre;ct@*ae65R;Qv4ihyBRqo^BSk&*ixp6=NmB>P{#AFYHZEPha=nvv35Y
z{U0#?BI*M??|Aiw>Htm*WM!x&_CmEWQxE|mu_$iVh^-mnTsmxxg>q`BL^Jlj()wmo
z$wQ>4GR9|7uXN(!7nZ%mgIh0)5jwR;8|!hkwzAO6qUQ+j5x49aD&D^#WVm+^Q9Duz
zd~7(f5zkl|l{U#gNHgfl1c3}OjkCp7S<=~)n&wl2*QiNzIWUzX9Z=4Ji-hW7!;T^t
zyFuY!4$|h&{az^Ga;k$c2?On?i&OWd=}Nifo~NdFugK2va3gE{%#ynRGDg=V=C$`W
zkJF?jch39`r$k_RuA<5@=8}7Z)~MPgw6|MSfIzK?j%Ck=MTd(A?{f+JTGp{Z0IxEX
z40(ibstJtXizGQFG5`wCE++7fN)sf7V;g37F49Lba-U6S9vjl)j#<bxmO}oibmdEJ
zP@;Zx!qgA!``z#29nQb5?orW8`%ru8P?##dXUpHvh0;1JD<_7%ZOb#-rn#0Us8}OP
zk(`JQ--^_Z=n9GLNQv$teP{phV0`L~%({A^A7`yla4nvp520w%Z(Km#!FgosNpU4>
z-gppVJeO+gpI$6pSp$yDSRruN^Y9@$(-fct70B(I^3Z;3L$Y+4-ydlB*qAMBF2vY*
zEX3nS7mse}gVCp!b6Gaw>cs4No?Chw`8JOiUK_c9v@~aF<d-z<Az(mZo0ip#UVYc(
z_p~4UE3Zd4tfnwj#r*tkZxZ@3s!?m6P#%c<RCB3H>J->TynBH~T2{{7I>kV+`;+*I
z3@)^Bj3W@kNRh5j-^i=gp!J)mkpw8lXPCI5sjV{ntXY#<Z((q!*GU3F{B*Yzt7|l6
zMmT~EM71<WJEMiJG&TS><|+hrLBGndtWJ!w(Rq$K(t}?V6F)Bhjk!y>Q0%!Oo<pyT
zYT_Wi+CV6oWe6NM$ZzBCjQgN%|C{;yD6ZF!!bs%oe1MK)#!ohclbL0ub;K!QbDGH~
zJ?O`F1+-e-&*T@(z(pi~UX)~kQ}t`i9(?VSztrY*R~B$5+m{vyVMw45b2$@DH#3qb
zdM@<s3M=shc?TDNZLH_k#FCtcaHS2o^6FvT>}^o1C-+9SiOrh7_M5x+GReCe`U+F{
zzVn%L=J=~jSGtZix#l3MdkzZKvXy@6R6}FCh`Vhi{h+0gj~53$Y)lhPdt(r(|A`_n
z*GCy(PC>MQ0?J%Nf^T<0hMqSAnSaln+4X+OfT8tHN#~VdUAo{VUrEtSKelE=m*ftc
z5L~xSQ=nrV6Nj_|*oNJ^E2^o~<EI@)nRgGqHU_wYEOXMz|Bb=1p_t3RQJ~x71`%38
z%yS}7F2`2MfIg#}N;SfT@m<r{=0;&EAF6Q3F`X&E`Ev3bpPIh<E#`IRLXsMC8J*FP
zvhL~E9`zxSDM5}2&O~~1y9_xNB6a=k7ftgPwVZ=h9Gg0W*oMZX^RD9NgL2JVtA4X&
zjzP&SYHXh-V=Lf`=JzFv07RB%L=dEfgAcB>zuyS|l0H)(AvGsTn`6iZ1bmUboSj<C
zEB0t~Jz9s}T&SVq7494w)9=#Bm#Bx*XN-#D<1b_;WGp*0|0b5w6+n(91$TY3Yc<>J
zbg$fnwy)B991D@U__of6sBY1ai}ZZ58i;bV4+J#`dd1AyjYS|`j|W8E6s%G}D33U#
zs2dEm7$0*}#Q3^e2E8T&G1C`(9w~(kp*Xc{XLU=gxf2=QRo^CCR#c;lBQDnbJ4=OX
z7uqRxmr0m>rpk5T<`SBMSa)>v5USXXjE6YvFqetVZ5}@&ECN7Q*<H@?$i5FIe@X9A
zc&>-#;MmN?P9g9Mis5R<Of$2iP-j6+0cPfBgq?nozt*|t_B3aiF~`MGOLAM|k=2xf
z2BiI;F84`+MH4wR&H2^N+JqwZ+wr+b6;I~^54owwT3J{GMh5Q^q{<r^pjO~w(R!is
z#lS~w4P|6BSGr)iKE<@7TZu@ZoI?u44#LrAZ;X5)a9Xv^Zjz8?9=y~3jc)Icl8tXD
zei}Jxrm?U~`v>o8K^qxZ<kF^LEU&v<jy}c1r<Rq$Uwj@xYU<`FVI$NMJEhb=(wvgC
zdn1LhC|T&v4$wX2WiqR)>}OQfmG6Nyr5LS6l#It<!2#2g0s<lRvRk<$;Z;A)sA~>B
z^CWG4L_hy|MsVN92)Feg-Af!IE=$$NLY$r)EMn_D&ZxZuQ1nk{d?b6=tfw|&Vfk5C
z2L@57zz_D~YLKCA(mWgnI%Wg+wIvleyy<$F<;2|I2#0~fH5}+agoCVaL;)QqjU-Ld
z4&w+;+e{iKWkk@qu}Zd1Yez5)J|N@*1R+$Opliazd)OAuG8lb#>#E{EZc@{UUqg`0
zis=N+GPhnY<6Wavj#k@Xifq2VB1nK)3p3qv(HfiPjZUrN2)r9W9C1pK8S@yng6K<h
zz3*lU(0sABzM*FgBzOvEPyHFXB$wR|pZt?5ved-g2>|YrTBGb&MBvf?ialiBFwo`_
znkwpA#<9vbh-ml+n)Ar&(MvAdB&VkNM>ntFzmVKh?n@cgih;_PWz(8<ikEM+{vEpH
z9>k<)!*4}l^LStPf`NbZRmaxnVF(71wyec_X(R}g!;g!^4e8Dfq$?wsAM7yw<a8is
z4bh-++=oD~Ay&LW<dxEbRE>QFE`1;nL8LC?@5HIh3L4G=9P6{~!5Tg~n>FDT-I$|F
zABx4L1*zetXYi}@tO<Nc0?rBvoKtDmLs&w%$`+zPcmDTCZnx^d4>nghXz2Drw}e5Z
zc!gC)ZZ0OEHkpkZDW8?JUL+i#lejQ6c)Fx977NTA{Pz!@yFb6|IhVIVMwdUGl95jX
z<%$bcn)o9FJ$U2pbh1M-S1b?A-P7ERtOi(cG?K|@t<X9v&ESI#u=9O=a%4G^NW=Sw
zf(UQ|*A;cmXzGYrihGIjO)gyi`iX5r7X<OCh)<lKvm3$uFQiZSSmG;33wxhk1)MQe
zLx3Yq%h^g&z+8OAb%+&I83CdRUo+T7&s&1?Vt7X{^BhB;^tZCeq*cTn0n1w5bT5!9
za<L(o`s3ez*asqWhh;zh{_@Ku$y}heZ?P@PoeeU}*smXj2>(D*F^@&J&X4u5QWsRP
z(HRO6p?AaQ`Lcv(x}zvY0m`L3GDEN}C+upP@o;uhobmO3-FI`E_s#Feg7dP10}|>@
z5Rm{)+kZX<!C~SLmsVvyh0SIlr_P;TuRA2YnVwC5z2oP<X>ZeNZR=|5HA841Ocx(1
z!n2-h`GCia#lr=W^Wt3|IIna_(@i=a306qu>|me8sGe()K~tLOrB(jas5qiO6*-#e
zR~(6X&sNB|5d&t!(r`vaJ)uqR&m~FL**?cYpyD5O-9Ku;dpWoxj#qU=t9DCz)dF>Q
zS0>-;xR3mQN&guMA<_}(L&y+8qcQm&JHUVo7!FchefR5s;*U4HPp{7xd-rXd{z<k4
z?K$IY`bO;tIr%8F^MbF^rrNMo-{~*giy6~bV*<0og+a>oJ&ywUp4%BW5BQUc>vjd9
zr1X2~X>jg#?8XXI!8d4Ouj%sYc~pqb&)>stKV~KL_)1b?p?5OM6wqKq`&?nq)V&1*
zz)#DIA{)b7PqPl;w~u>jEE#h2&0;&`?Py<3b4$18_Q-2Uq>NY_Vz0Bd5^FRvJ=2yw
z2?t%mCH7+O{w_jEKz^WTUvHZm;6iV2&a|hXL%(aAUN0H07ri&AjIq#PGc54-w#{K7
zwKm;I_`kaX-;9@p?cXmQB1|Rb$&$H7JQ3%Q6EfE;6uxhX*PS@cx;zAA(hg_OT3Vgx
z9qw=5TDE8Vyi7EmdB{mZ1>FxjDgj$bp+s5K%oXtkA$Lg3o?F%A%*^B=Zs|ms;e^|6
zz<t0nPSGjj$VVI}63jE&&DjoY`^WKB$bH{T$N35Zir<9nhd;}7KKOsbI&AgLzyG7u
zlT^!K+lEF-|6<%pWUUWWyDjeJd3G*pKf6s@xV)brL%4(2`7`!YCb$XUTjQ1G;+Ktm
z8}h6~9)$I>Y+(_O<%1@R+A)6W7}k+c5V&pTwL+S`5-gP^*vT1u_v?&hE%2>BeU+k{
zC8F*Rq193S7g5&G&E|_R9+l*!Ry_)Eh4ZF@l1rf0*^>W_P|@$VaD_?}3#>Dt13Z7&
zV3uid^$Iir<*r>Itd)HTftP|xtn8Rk@$rR3CU9dSeCqXOGWNbX>3FB&n(|w#=g6oT
z!!<hiJSTpLMPRBNCyKLq0N9Dtq&f81aU7Y?Q{9G~=dxw+%tOjA0_UhP8kcnRm)Go_
zZT<B)9f{yq6fz_bZ*7L5hKfsU^dgdpe?zNT$ZbZL_X$N$u|QNyDm_zej&yx5?Y|zX
zi=Kk=aU+?ug92HY!UR6+7%4n&$+vyB4M{4?<Iwxx_YQBmf^oXA<C=Ph$z|f%4}cfa
zAiHj6pL~CsLA&0p1bBUR@d`?PP3#<pjO?>MNfC2fCUEjc{e!T~o=KV;*!Ih6-FGxw
znpS;FjB_bZXU%wAu*^VT?8*dAcq<L*%ZJ^9r;C?V-VSpcEJ>%gH3l9PVmfJd?S*Y5
zu;Cedsjk@}y0g`F1KKZ`{o8yST6SUZE0W7vh&V--HZybWC{6Q#<#kVz#H$W`t6L8&
z)71YKt79wGiHW~QYsOH>#L@nuTji)l&>6D%wnf)*zAsYs_MO!0KDdXtZI?3?CPH{i
zMn>2GN0fP6!uGhXdKR_(r>u|~gEz`q7c;fdD=Ub~ApfC@bMX21uy<4}bvxpp9#7*G
zvGw6TTC{;B8&oEIguxGnpSM7*{{Sw&HbR0(ZZECHHX5+4r=m0LMLITc+X{I%=>iGB
zsims4#b{EF>rMjhq&MbGIVxi}SZIldjMpkka^&ru8LUqSWA#6fGB$f&Qhlse?hh<x
zSMSSX!_x-%D=CGsx}EuJ^?UNgpC0i2CnL&G6SdGQT@J)`maMq^XVHJ6+$q%Vy)oF9
zxK9Q6+hD?3et%GH;D|h)FD`t7{gf{J7>aLS(dW)iVBo^gYHg4Ey_fyN-na`QSOgx}
ze_U*H_N{ewDpLS(X0C520aim?fPDEw&~@9IU;Z@Nc`<tlRe`#n(jV%Gr@D5-C<AU9
zd$f~YwV7xth!gS~^EO`FU<Gd$D+dsjmKoi(z|UeYhr3$mzM&8JdjvW&WqQUqf;(1d
zGp2r5He|v+KraY7*dVOOnAYD$LJA1v&!HHKsa{1Z#Sy7jm!EJLy<cQ52tVC<pqOgS
zfyY+=aK%t<8?g{N-2S5i{@`8c{c_UT>8uhbVxsw{j;@_j7S>Q6wBRfTKAmlfveAD$
z;COV%WRLk0SH*b<yXJ)ppDZGGzK6g$e-d}*YRH?Z&Tsfu5d3NreoUtd!vMPaf_&!d
zy$ncg2ypaatR|!sHHXLK7s>ZmJ*Ef@LPag%VjMN(E~}p6!LVDwn_d(ut+rSTuO}hm
zIR3YH@AUrm%kO^NHwrk;3DwvO<A#GoKQySDho&?4<T9U9wkJr@<e1n#Jqc($m6D$f
zNe*q75@%f0>v8MAH`au0ZlC<;vPJoTnVrFpw%aE^luuz)y|}(H%P*fP;6iOKwgLQe
zdKkRYoeM8G271oY-wbeaLKy$T>P}r=-A{foMmcwiQt9kKj>1+mTx4)lF<d}!xbb`u
z1GfEV;AqZWMs!ChV*}&Dvdu&XGe7=5YN~O|xWASN7qE9|o!nBonHj4`2UnblXW=!)
zZe4WCU3C59$ZxO~BfKR+q`IdLe%#Xo2f$iK!d(WZT9LtrC9=L4c0>~%H!i>Z2zdZ2
zdng$fI0TUcmwi2Q)V9~<q#I{Q2DQWRh9PRV-9xPJyV$}O?ZFB>I8)#7z37RL<^Q_j
zY+_gYCNYC@?(J1M*(N8%n!sNBlhP}D`o!y5@|RCP!2X5<u14ho?PjV31?hA2ev^}H
zNz<!#6>2xA)+0SH?!GKzD*I?`>p)x{NBoB5mWrQvp_Lq~5S&~P^5@U(wWX9{h#a7y
zi!V?tg6s7@Cgx50Ebdv;GMD!0w3+kp*MZqL8wysA-i*aHw#@tV+CZeG299v5B_OG|
zePDFdAd|`8L!-hibo*I1oG@VSTj1Wa%wQ%_CU^IU56;*9uqdJSDup(4`?P0tP^;~>
zFL8tMrx;J?fC|bLEVpEFYcq{u_!aS7E($%ClglCBXe6N@;9?0nu~6rdFtzde;!W`f
zyYQ$t4}mb)Y?hh-dhsG){|Ee8>8~34?@xED7l$p2n?K+4Z-Hs(t_zg<vWIt4<OBTa
zfWg>+UGN(W$Km{E3jjnnXy;Qlj3dr02)z~DRA2SUN5FU!huy<)?9cmjQxH~JOiY`#
zSO6GCl5!GK^7UyEPej$r>MMDH2u1U7jmNNJ%br$p1GIHGc6e?s>W|j(ACl)U9J(wK
zT(mfi|BeeAFbAjatqsf)8Z8Rj3-+iyWg|#YU^p55rqEVzX~NFT5zG*!3zZ8PcF;r^
z3q)%|j~P*3YRl_DFZt1|2knyzh+*mY8%vJVcL5OYe|<0d`l(>Za4Ypp+~gdQ2upuk
z%TP}@iroOW>}{KJIgh9_c>k1Q7$yx>se&F-x(ZLWg+n|RgVQt2@PryR_+}EvqNc;j
z<TOf;=?aDtj@hMxF>W`N3I@Z6tB*@KHM=&|zPsS{!pY={$qX3K`>ei~KlShBs=ldj
z@z=(xZ7urZoss$G>zpU-)hC)G{CbQteSITV-_j;*BC7j86;OK<Vp%LU&M}64;B2*;
z-E^iH@$yP=@fQhfjm6mMot`GV)m!)h)}t9#x1UBA?O7bZcaUGYMG^H)_gKz&Q`Of)
z1oDH9O^@fP;4<lOPSnm6W#qq9sBrdVx^~>E3;WNikB*-Z5jL=ih1+$1wRvk`8$c|E
zp<^x4ACw6d^H;0uE))apNb1FXsE2;7oI1GgA;TGBSL*za8F3>fL8Qj^>w_$#zo3r1
zVPLt$dc&0~(wCY-R^fX-9uc}J40Xrn6D5?=E*4<NMk`noKz<am^n|qrTDpk2MKRI*
zg(&{MpXl(UDFbj6Zi-?3O-(4wPlROcF*_068dImj+6FPXpufuQVau7tQG+d7&$}0{
zL_JrrXkbyK?AqZ~Z3HvtA$M;fVh={A=1|>Di@@$Q8R5Jd3vU*q@JUaPb9^{LiC-GG
zR?n<S|6%DvRw@~>R|HubUIbZ5rQ9PrsT_z@vCp&@ws@Ic5A@)y%**b93)>8=Wn{?T
z*AX6?4bp;Kf386I<Ql^>E276!+P9#sJi{ZKb2jrc!^V^iZ<0n&?Q1Za{8eAxt#6b2
zT0P6&LjIpgoCLv9aI0NJ3%hDG6t8Sl|Lv^Ye*|T6ygy5kD(>|j0mEOQEBanmFdDc5
zSblJ^v1oM>%jx>=t+V%EHHp+1vFK8Fr+!06-NKZd{Jd?f$XVKxy3rf@Q9q}KPs2Pi
zw)jt7T`}OD;zLW%r&{y(1jcgRPz-5R%?b;@)n~S5=<AC%NFWFWW(bABQ~E}Lb9yuu
zwpljV(*9toHuO&90qh@<wbEUFTB5ipn{6UJf7?=h|J1OpfQFkzPWF<Vhv=f@MtM#t
ziGD^8Wo{%tn$JoG22bN6Im=?8D4Wv&YW$7*`I%&T+7(WSBqpZqN}9fiG4>DvYNrMN
zqsCNb%FNIdFO^FV4-*RicgwyYCK<C;w?p`$hMyxF>AUXUnsr%virwwMTZ-Wjb`&dq
z^q$s9WC(OD(%D5uWROi?apiC`xj>}J!kq3a8UdvB!@FHJq*oN?%YCPhiigU!Sx3iS
zdS}a0c9p?WL~E=zVy?<;8Tv!E=JA}Kki}VPVq#geE)ZJJLg@5Sp49hqj#-9vjZKea
zyJab*!EatX)-8MLdrSr?T1qT*E{Bs!C&2-jVJ;w?)z=SjxtOfE7M;izL<Ask!PoJg
zYR(o?U*x;z(F$lT*}5vU4q&85`aG_Qmkw1Wx!{pk(>N_k;B11ej8C`D#6;y+>+pQ|
z^jRdSaFidpu=v!z*_vjf-?wpPg)INew-y+`!>^JgON?B$RDf!bfiInf4Nj&QWp%fg
zxX$Rzuxa?y&&K43wZG!6)0XDE@*@#xFtW%oK}j!Uwmbm49uWeZ#zrJH@mY_1P9LF-
zi8XyjbRK-2S~o7m7>9InK>e`Y<@$K!pzl`=llC8c8@IZR#2nH#)D7&A7#GooR-6+Q
z;J@-`5St9q5{fr`nC+s$XvkcQ8Pia4-K1|2+-@V{#jc-}W|p$I)#Q{kX}`5nTQ{Z|
z`5UENz6GNFGTD&yVY@Y=6{)z&m_!;W%OBF}(V8-pPSg|AaI=$5?Gp_`kV`KgCea1c
zZY~{|gV*gpERImQ-;%35VJ?nSdngN5^u43|2+I0A(1mYzaAV5#v?Zws4MpOoZINLA
z9;~1_hsRCm=x%yh2S*v+=qWW@WCCIO&{&%&g78>lE@Vr7I8wRM6G#6v-g71Lf)A)H
zVcbRAheOvq`$@>69NQQX_32P$y0>_itgwIy?a~ifZ(H!nQf5-DRQH@tEHDgbA^Kf6
zW?zfBMX2%T<raZU<mzS{I~7%14i$#yn*5LW<T(K6DWGqjr0uXZ^E!U?857Z%$T({1
z>$sHj%j%N!SP1(U{I82rRR~kX$3fLKsVYiFF9%PF-@rCsm_+gyhbHc<u6`ZH`?a?A
z-u9~5^XA=zpeV8$o;NospftS9TKC`!mW#O{x2<PJg^eBt#x}iK&)y3txCZ?T{p%5;
zD|RkT#i(aF?sP)mTv*L!w0yZp{=*W(#U0@@R~(PoSmyF!8)5$8Lv_$=>kzI4+L0F#
zl_F!(*7xSg{GXLckxjjVDH}upg<U*ZL}zObDb;X(eCYR!PX?*cfGq`k9hfcV+Q~E7
zV!-Z}!L?qy&-B@p6^3Kk?XaH}$iRV1$5L0<h6c*OG{lTPNMcyPvPD~p1#&~APF#>{
zxK=<p{~Qrl#2)bZ&>=eDs_)x_$PNP&GIt|6sm-e5Nhl$t)>|_0?_&dH8f?i}gmD#u
z%@S9*1#vDt<_*3HhZGTW<cL40+K6pi)BD^f+*2DtvCi}W7(D9J+}k?i#VvHuknU*7
zE;a6z1PC<D@#Yl*u$UE@nXZQ0I{I?AtjuEsGXNS=%>?Ev2|u?9VV)Pm3A7RsL0*|q
ziW;a^B@4^bJI{H|kvh$Ts*~oUeQlVJ(dlvw{6TUE*29I>#zjkzOSb9H?p8SL146<M
zVW`>)>67t|<8{1$4H`QV*I`%=7_XHZvi--6@Dxk^D0Km&;29Q8SK^3flTsQkr!EzD
zk|6zd#FeC`?O~pV*BhWcxg6^Fcp|>FL`-%4!07pdC}2h2U|AR;irW^-VqZ%A6@-tr
zRSXYK5S*=x<&?LYLe1ohrb_uS^C&-jlIDi$r!45Ys$dzei_lv!=gu*cS|PDs`@zV#
zB#6-g(-l}qhpZ1%@NZ|HZso#Zd$O^)r7QXRyQA>IJiREm+4*A^bQ)pcDi(1=T<Ms7
z$7A2P<9VD!-2<53*+`qAN*+Yq<fl|$e56Xl>PFzN9xT`psVBO3yn1c>fz=nx8Q^^(
z%38|_S(h>#JSw#TB1^5po4|*BV?Z(=$yD{uJx<r59adm|j-fL3IybWIWg_{#@UGJ`
z4lv)5=&f3^lHdL_HwoU7xBCp|@&M-w@{=1-u4)=gNOf_X4owVd%ibONw5-T`=5t%r
z5KtFUM#{2as#|CV@7jh{dMlm_?rJQh`RwE%m1SF&M!5-XZ9rS+f;dC_5Y3d<jj3?#
zl=9q<Ln(qE#T<q=la@-PP0UCdFIYsLU#!@6SF;Vs&%PSO`fBHSf0QBrP3Wv2#CYe!
z2jcdnO<#!=mD=QFV2tWy``qxLfy0}x&57lOXwD@vPV;+MeWsJ`Q!PKpHLjrndTHiq
z?Vp*|3X4M#WnIZsn&wDvA;xWuzKN;4V-p&N{K}1+L=^Cc3XGm6#<RO6r!+<_?Z^{^
zRekH2Vleg5>!D<M03UuQ`4p6~<Av&0YVNW7cMf0f7qT_cAN0>XK;fVX2^*FCuVH>$
zqrhEHx(4blf6~llCQ}9Zdu_$ZsCk<>Ba~B`I}6P}il;0nuKKA9U*VA?8eEy@rjfC`
zgw?#Tx*n8_To%^Ddx<OB{cc%T){WV^{g<e@L87hBHn}$dx=yrld24TgVTjD`ERMyX
zq&tHY*>Lsu<HTzGa<TlLCg>3Zg!rHPxewq%MFW$-4fUuIyO2t0AD-(|AMto(8Ox?z
zK-(?qjAPIgC9V0DpjdHQo}c|yqkNsnU-RI6fAtN<)ez7LHb<s7x@)gP;le$|KwwsF
zo}t3;6!f8lEEgohLNXVd6C0&YT3*N0>n4%n?Ml7?IOIDQQeY^;iBCw?Xy=%tk;+Ph
z1Y$(z`u!XSt>wJ=)wZ|o(O3Pn5tsvOOKN-sK9nhZ{;cb}m+X!q4?I8e=W<BXjFQv*
z3JU8JYT*R*>2h&Yv(2q*sc%2Yr>%i)W9zpNSN2{-zK~pHT@PIE;iUzew-pOeKma*u
z)dm`y^W@zVl$n_yRGxR?DlpxcHkUtub@L0&o{5U6f`uH|AZiQ!0T&bST|M|qcOst`
zN}5?G^t3x0q-q+ZF;|0kK*fs;_`YoIWvVVrz2G^Vve6NHGlvJjTrB2>T)%0`$4%0S
zHDZuL_bz`6Jw;CzV){x(C=A{rDm@W+L@Yb7gzYin>YQz;KTZ9Uxf{L4Z+rS4SC&xS
z(T{PV^o{eRP$+F_^ct&_WtF6O6W3W_4ks*=vjD@h;tFZ0XLU#V&n7JNAL~Pl`Qzv(
zh?{aXh`8{U-ZetSU(f<QOS?ZmNm!=IP+%W@53<b2AuR?>%i(3KRBxO72g?s`BfwN$
zaOd%?ps~+YkVgs26HK`|wFqnf4-BR(EhB)lMs!CzqbX#C<9bvP0S~B`GWybsm5Gox
zJje%>VL6gj{BTG3H?A$HC{;*x83^0-t0^`ZKk&Gcj;o#k_@IWFyjt7u+Z@;8g+<qx
z!F*r-iZyXbnnGAo3GzHY!uIknw4rC-J#e>?C!FN^@@oi2r`mjzbUizv9y>V*+?l6u
zH;=7X+2_L8bTwlnSCi74<fWx}`pN&eP!qBE*;?Ca6qp<RKKQOmunI0c6Og6wX5K?2
zTD9OjPI@m<hI>&8;GIPC<AWahex*U}1;gW8FF8Hs({jY{$fRs@x5K)LGIQ}SgJ!=z
zp(D@&C6on!JXfoQKCF-J?Y9)`KHRj}rN#*Mf6nYRc<;7+&n*LqC<39@JkR|tJ6QWK
zf<AB$$p4Zo@RDd`2%a{|f2>orr&|EWK29}#fio*3rIf|zE`1$BZx3oCPBv(czfmz`
z3_d~l>(b9^7kkfAs`iWCTvGp-7osojH1>9o(R?1amW1gNzmzXoIysCB<x3J6ooQM7
zIQ@L#+9Vv0aczd{yl{Dx`a%$K;TF`TIn@n+l$%z-*lZr#wDEzSFs=JYuyp-~o>Zld
z#*JtwsxA9E`^Qzd^_auy3K5ff<kdrEf<84k?=`h=!i)QK>}x+Rg^`JQMy9dC$`=Xh
z;9)xJJ8{Z-1#^es9d@r3Q0Ep)5b5X7<eQ&@U*@HHN#6=<Q?1+s>j%>%r0*^S%npVn
ze~{oKM!MqA3%e->j|deDxtynY*DqC6)*Sn$WSGbeUFRxxo^F<2yx`{qXQdL?CFF^X
z?=F=R==JZgr4iPfHlT(r2uxtQ(3MXr4lp;IlJO`w)4)KCN}V@YJp0D7z*qAwO0mzt
zPK(lsZpKR`l!g7bWPvj~sjX{BQ|=atd*OV`3RX(KP4(nw=bi2ytNqS#cd;4>k<qGH
zX;Sycg_|fyNSNq}8Pet0-1}dkTFN6IyP|JQLK$E?izC@>g`huHd-7VDNsXV=%qy%A
zmQf=X%o_YbNxEDS@q}%F1wrW23wcw(WLBbPMuN^uP<I$PpMH>G!ofEbD2Z19Z0m0K
zO+@MrO(UBg!`y#6l=3H>2VwnDv&|j~F6+WW&|=Yvcl8_g48!^-yC-BslMe@$6P7m~
z+Cx0Jbzcsqt@GS-#8~0Y-<t{yNk-O|bfZ(q<yJC9d#DqpyNShV6KI!)YmE~AQQ)yR
zwV|6}RO^T0;iWZ_E}y!Ib~<y2EUN4Ss-|gn14>RL(E-}7Ivlq8)V-ma?eNw2Q<uW$
zWM(*60k1xr1eN>@HHhsEnM7QD^h%DEZL->KP}%dc{H4o2!%*2aX}PrUnax43TVW`I
zb!4@p7;CffgB=09zm8;_JkR<ypUtI{W^AqeIbc<=W7~7)UQEVzQ1r30DM<SpdH)8Z
z;oCZv_sR{n!)|@*o+`OvmWidh2W0jPaTzul{^Mb_vBMSl$I0$*B+?8#>MOdd(Gv|c
z*Cf$&R4$p7QHNR^6ncB@5Fh-(?z-+5`I$Oc_6_fwI&j(#Tt+&?E7?_5zM-ZeIkp2s
zRrS?A*UI*3N5~_bTB0&^|HY?oA|S8KOzaCOV2RYSL|uA6K|&k+w=66R2jGEdgY{!Q
z#?_rl7y^%Ai4FfaK;-W@|HcOboE>taWS?^Wd+*;M9|UpV9wdBfc5e+PG5$o<qF#Xp
zS{WBX@O63|Wc}tDav~BuJk8liWVCKUe%k&wf*9(!nZ37VKd}5QK(H6dkmH+_gO((+
zy$Cj))j|>!WS~rB#A@@41mlAT<!tlK)s$3}pIw^3LC8$Z^^bVXuoL3Ks6ilZVQ<A+
zww$L8nXMBvsVA3$aYf?s{?9Cudh==!&uAt@0jV^&pY2yPevn@9bwWek<cNV0&DqMO
z@QPQRXvO@;1G}j2cGG<x)`@GX8<+y_u{_*_owa#tsQ)rleIyqKj2ZI$+{n&9w0^E$
z%vIURgp4M=RecQ`Jf^K)u!W_1d5{t$g9#d0xn3Pt373X80R()Jr>~i!DzBCY1<S`{
zv?;>6b8N!jtj3;QYah^k?FUyF+?(D$AP}q2XCzO1()+82@VghCAit0=Uys-|9=lE!
zP;k(UyvrW8g`b#10zQD)9_qU;`bNL4>K?dRMdQC+Xvp5jn0`!;3eUv2tRwGsny;r~
z-tjc>7tB6|V%>SeEd7#VR=HlJ9|kY|O?(siv$m?YhPLZ}&QxqD7kG1a8neD4Z_YRG
zD0!&qoV8SF70~Be<=kGfvVm_G?wIUF%ehOOxgGw6SW#`9B3~p<TCBg)RDJT{{A99V
z%<+vA17d(<ikVU`y8{@zUFi<1e-)g;b&d{|jsBPG?EZPPE&w(HM3`!7VaKmB6~VJ9
z(;b<XIK}(iL(e0dR~dr?{Zjo^qhjK@<zr$+QrFVGOKJk@4nV@~Zko}UuJFR(=KC78
zN3J_Ql8Y<aRGpimk!2`KR1m$cY{;hr!CW%cHdQ#o^Dy`KI1bYDl&ubcp%T<P+3BP#
zdkZ+ExkWi$7LyTGkg%BAMAF~nU1uVG4Lalv)e9Fm5ckiM%Y9Utv6bY#h`4+{4Fo*H
zn!=-S0{%G%MT%lFq3FCEs!X8+zkfDIT#_FYZu%Mx0Ahm)&OB01Gplo%=WP;Y`RyIf
zs-j^fM6Ci;ycX`f(P`Wd&d-4;Yvubg%#hJdZ71(7PGbi{B1xZf3OQbSR(N}w<?KMz
zS*95MyK<|Cu%HL`ZRecs#~`E)?s7xggnSLo=c?RILY48%ocovSzNlkiaz+u3#>AgR
zY&`Ee02(;PpI50F+5^`eV*bdi`#L18bo`}Dod+Xms{z#N@>U2BK^<6SBGtgYArk+#
zbs})(;lD}~>SUu`Tb+BV0QPSc6^>W`Hube%h}!9R##M!|Q?j*1w>7B^t+kG}21XKy
z1UgVQ2+1gNJS8ms@+->g&hB7?bs5ct<GI~8Mf}XiU)6}pBPBn)QeVdQKB~!*VXQaC
zS>zLlojf0vl1vnjKnUC*4HOl*Rj7!go{Ut2kXk%1v0MwtBPUH_D@I;qo5J0;hVJ<K
z3;%Qtg-5}S4ZzM>8r)s}>u#nnOUMmoQ!4)6qT3TvI;M_Gk^f6AP(Vm{g_s`foZwfn
zpy}u`*tVC}khF70aisE3LuaZ9<fj^{V1Pcz{C?wgR^7UFefrh@8J(cO4>CgoXT{I|
z)#66fA&P%|I5bjf8g!K|gVcol-mAf#+HqAgcM1e^2owdszy2as*i#DU^N^^PXInz#
z-RBLbK<h8u+k2}_1aS(9hLsOc0ukT9zX=v4MJ>eSfU{}Q%AIG5-!)-(B$fg~@WTx$
zQ%`AE3j6tFIiEQvnxWGj=!ZSrLcW2Y*0Ygr-X_1y1@(Mm2!B6r2~d(#m#vdFkN7_@
C$pkb2

literal 0
HcmV?d00001

diff --git a/src/assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png b/src/assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a3a14cbe0595d0a7af8b1da4abe53eae9c6ce9a
GIT binary patch
literal 2298
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
UmD~!>qyPW_07*qoM6N<$g4qW?WB>pF

literal 0
HcmV?d00001

diff --git a/src/views/cultrue/index.vue b/src/views/cultrue/index.vue
index f3f0944..bbee9a6 100644
--- a/src/views/cultrue/index.vue
+++ b/src/views/cultrue/index.vue
@@ -121,9 +121,9 @@ export default {
         //   data: ['厂用电量']
         // },
         grid: {
-          left: '3%',
-          right: '3%',
-          bottom: '3%',
+          left: 0,
+          right: 0,
+          bottom: 0,
           top: '10%',
           containLabel: true
         },
@@ -326,11 +326,15 @@ export default {
         // backgroundColor: "#141f56",
         legend: {
           top: 0,
-          itemGap: 15,
-          itemWidth: 15,
+          left:0,
+          itemGap: 25,
+          itemWidth: 0,
+          itemHeight:18,
+
           textStyle: {
             color: '#fff',
-            fontSize: '14'
+            fontSize: '14',
+            padding: [1, 12]
           },
           data: name
         },
@@ -362,8 +366,10 @@ export default {
         },
         grid: {
           borderWidth: 0,
-          top: 240,
-          bottom: 240,
+          top: 250,
+          bottom: 250,
+          right:15,
+          left:30,
           textStyle: {
             color: "#fff"
           }
@@ -506,7 +512,7 @@ export default {
         grid: {
           top: '2%',
           bottom: -15,
-          right: 30,
+          right: -48,
           left: 30,
           containLabel: true
         },
@@ -786,7 +792,7 @@ export default {
   margin-top: 4vh;
   width: 50%;
   float: left;
-  height: 78vh;
+  height: 74vh;
   padding-top: 2vh;
   background-image: url('../../assets/wh/center_bg.png');
   background-repeat: no-repeat;
@@ -862,7 +868,7 @@ export default {
 /* 中间底部 */
 .center .cbuttom {
   margin-top: 12vh;
-  padding-top: 6vh;
+  padding-top: 3.5vh;
   height: 6vh;
   line-height: 6vh;
   text-align: center;
@@ -939,4 +945,9 @@ export default {
   clear: both;
   background-image: url("../../assets/wh/whbg.jpg") !important;
 }
+
+
+.screen-box {
+  background: none !important;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index 0ae1701..96686dc 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -12,7 +12,7 @@
             <span id="ditem" :class="klselt == 'd' ? 'spactive' : ''" @click="selitem('d')">日</span>
           </div>
           <!-- 柱状图 -->
-          <div class="tongjitu" id="homebar" style="height: 200px; width: 100%">
+          <div class="tongjitu" id="homebar" style="height: 230px; width: 100%">
             <!-- 柱图，注意样式 -->
           </div>
           <!-- 几大场馆预警图 -->
@@ -174,9 +174,9 @@ export default {
     // 折线图
     this.line_zone();
 
-    this.addNumber(0,345235,'jgval1');
-    this.addNumber(0,345235,'jgval2');
-    this.addNumber(0,345235,'jgval3');
+    this.addNumber(0, 345235, 'jgval1');
+    this.addNumber(0, 345235, 'jgval2');
+    this.addNumber(0, 345235, 'jgval3');
   },
   methods: {
     //选择年月日中的某个
@@ -316,10 +316,10 @@ export default {
         ],
         grid: {
           containLabel: true,
-          left: 20,
-          right: 20,
-          bottom: 10,
-          top: 40,
+          left: 30,
+          right: 0,
+          bottom: 0,
+          top: 60,
         },
         xAxis: {
           axisLabel: {
@@ -590,16 +590,16 @@ export default {
       var myChart = echarts.init(chartDom);
       var option;
 
-      var xData = ['09:00', '10:00', '11:00','12:00', '13:00', '14:00','15:00', '16:00', '17:00','18:00', '20:00', '21:00'];
+      var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '20:00', '21:00'];
       var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
       var name = []
       var data = [
-        [137, 34, 135, 161, 74, 152, 110, 100, 150,137, 34, 135, 161],
-        [174, 137, 135, 34, 152, 135, 140, 160, 100,174, 137, 135, 34],
-        [134, 74, 137, 135, 161, 137, 300, 220, 250,134, 74, 137, 135],
-        [147, 134, 155, 131, 174, 122, 140, 160, 150,127, 134, 175, 161],
-        [124, 147, 175, 134, 122, 175, 180, 110, 130,154, 187, 125, 134],
-        [154, 174, 157, 175, 121, 157, 200, 250, 280,134, 174, 157, 175],
+        [137, 34, 135, 161, 74, 152, 110, 100, 150, 137, 34, 135, 161],
+        [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34],
+        [134, 74, 137, 135, 161, 137, 300, 220, 250, 134, 74, 137, 135],
+        [147, 134, 155, 131, 174, 122, 140, 160, 150, 127, 134, 175, 161],
+        [124, 147, 175, 134, 122, 175, 180, 110, 130, 154, 187, 125, 134],
+        [154, 174, 157, 175, 121, 157, 200, 250, 280, 134, 174, 157, 175],
         // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
         // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
         // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
@@ -652,6 +652,8 @@ export default {
         // backgroundColor: "#141f56",
         legend: {
           top: 0,
+          right: 0,
+          bottom: 0,
           itemGap: 15,
           itemWidth: 15,
           textStyle: {
@@ -690,6 +692,8 @@ export default {
           borderWidth: 0,
           top: 160,
           bottom: 160,
+          right: 15,
+          left: 50,
           textStyle: {
             color: "#fff"
           }
@@ -926,11 +930,12 @@ export default {
   background-image: url('../assets/index/mid_bg.png');
   background-position: 0 0;
   background-size: 100% 100%;
-  width: 29%;
+  width: 30%;
   float: left;
   margin-left: 3%;
-  padding: 1%;
-  margin-top: 4%;
+  padding: 2%;
+  margin-top: 5%;
+  position: relative;
 }
 
 .centerbox .jgrs {
@@ -945,8 +950,8 @@ export default {
   color: white;
   font-size: 26px;
   position: absolute;
-  bottom: 38px;
-  left: 44px;
+  bottom: 54px;
+  left: 48px;
 }
 
 .centerbox .jgdesc {
@@ -954,28 +959,28 @@ export default {
   color: gray;
   font-size: 16px;
   position: absolute;
-  bottom: 10px;
-  left: 44px;
+  bottom: 14px;
+  left: 50px;
 }
 
 .centerbox .jgval1 {
-  bottom: 38px;
-  left: 76px;
+  bottom: 54px;
+  left: 70px;
 }
 
 .centerbox .jgdesc1 {
-  bottom: 10px;
-  left: 76px;
+  bottom: 16px;
+  left: 70px;
 }
 
 .centerbox .jgval3 {
-  bottom: 38px;
-  left: 14px;
+  bottom: 54px;
+  left: 25px;
 }
 
 .centerbox .jgdesc3 {
-  bottom: 10px;
-  left: 14px;
+  bottom: 14px;
+  left: 26px;
 }
 
 .centerbox .tygpic {
@@ -988,6 +993,25 @@ export default {
   margin: 12% auto;
 }
 
+.ndjgrs {
+  color: white;
+  text-align: center;
+  position: absolute;
+  bottom: 8%;
+  left: 41%;
+}
+
+.ndjgrs .nddesc {
+  font-size: 18px;
+  display: block;
+  margin-bottom: 19px;
+}
+
+.ndjgrs .ndval {
+  display: block;
+  font-size: 24px;
+}
+
 /* 右边 */
 .rbox {
   width: 30%;
@@ -1018,7 +1042,7 @@ export default {
   background-image: url('../assets/index/rb_data_bg.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
-  height: 2.2rem;
+  height: 2.4rem;
   width: 46%;
   margin-left: 0.28rem;
   float: left;
@@ -1051,7 +1075,8 @@ export default {
   width: 60%;
   height: 118px;
   text-align: center;
-  line-height: 118px;
+  /* line-height: 118px; */
+  line-height: 160px;
 }
 
 .rbox .rbox_con .rbitem .rbrate {
@@ -1061,15 +1086,32 @@ export default {
   text-align: center;
   line-height: 118px;
   position: absolute;
-  bottom: -14px;
+  bottom: -12px;
   right: 16px;
   color: #00D8FF;
 
 }
 
 /* 页面背景 */
-.page_bg {
+/* .page_bg {
   clear: both;
   background-image: url("../assets/index/bg.jpg") !important;
+  width: 100%;
+  height: 100%;
+  background-image: url('../assets/index/bg.jpg') !important;
+  background-size: 100% 100%;
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+} */
+.btgym {
+  width: 100%;
+  height: 100%;
+  background-image: url('../assets/index/bg.jpg') !important;
+  background-size: 100% 100%;
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+}
+.screen-box {
+  background: none !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue
index 7924ef3..a141374 100644
--- a/src/views/ty/index.vue
+++ b/src/views/ty/index.vue
@@ -1,45 +1,73 @@
 <template>
-  <!-- <v-scale-screen width="1920" height="1080"> -->
+  <v-scale-screen width="1920" height="1080">
     <div id="ty">
 
       <div class="main">
         <div class="left">
           <div class="tiyuBla">
-            <div style="position: absolute; right: 28%; top: 52%">体育</div>
+            <div style="position: absolute; right: 32%; top: 52%">体育</div>
+            <span style="position: absolute; right: 12%; top: 72%;font-size: 16px;" class="wh_small">体育场 &nbsp; | &nbsp;
+              体育馆 &nbsp; | &nbsp; 游泳场馆</span>
           </div>
 
-          <div class="tongji"></div>
+          <div class="tongji">
+            <span class="institle">总计进馆人数</span>
+            <!-- 今日进馆人数 -->
+            <div class="insval">
+              <img src="../../assets/wh/td_ins.png" />
+              <span id="insv" class="insv">234,098</span>
+              <span class="inst">今日进馆人数</span>
+            </div>
+            <!-- 本月进馆人数 -->
+            <div class="insval">
+              <img src="../../assets/wh/tm_ins.png" />
+              <span id="insv2" class="insv">234,098</span>
+              <span class="inst">本月进馆人数</span>
+            </div>
+            <!-- 本年进馆人数 -->
+            <div class="insval">
+              <img src="../../assets/wh/tyear_ins.png" />
+              <span id="insv3" class="insv">234,098</span>
+              <span class="inst">本年进馆人数</span>
+            </div>
+          </div>
 
-          <div class="bfb">
-            <div class="renshu"><span><img src="../../assets/ty/rliu.png"></span>进馆人数</div>
+          <div class="dinszone">
+            <span class="dins_title">24小时总进馆人流趋势</span>
+            <!-- 柱状统计图 -->
+            <div class="dins_chart" id="dinschart" style="height: 22vh; width: 100%"></div>
+          </div>
+
+          <!-- <div class="bfb">
+          <div class="renshu"><span><img src="../../assets/ty/rliu.png"></span>进馆人数</div>
 
-            <div class="num">24,352,345</div>
+          <div class="num">24,352,345</div> -->
 
-            <!-- <div class="cntTxt">
+          <!-- <div class="cntTxt">
                      <div style="font-size: 30px;font-weight: bold;color: white;">75%</div>
                      <div style="color: #0082FF;font-size: 14px;">人流饱和</div>
                   </div> -->
 
-            <!-- <div class="cntTxt">
+          <!-- <div class="cntTxt">
               <canvas id="PvqalmgjxGnTCXyTJMOKLkntpbgRzGND" :width="cWidth" :height="cHeight" class="charts"
                 @click="tap" />
             </div> -->
 
-            <div class="rsType">
-              <div class="typeItem">
-                <div>安静</div>
-                <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/quiet.png" />
-              </div>
-              <div class="typeItem">
-                <div>舒适</div>
-                <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/soft.png" />
-              </div>
-              <div class="typeItem">
-                <div>拥挤</div>
-                <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/crowd.png" />
-              </div>
+          <!-- <div class="rsType">
+            <div class="typeItem">
+              <div>安静</div>
+              <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/quiet.png" />
+            </div>
+            <div class="typeItem">
+              <div>舒适</div>
+              <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/soft.png" />
+            </div>
+            <div class="typeItem">
+              <div>拥挤</div>
+              <img style="width: 45%; height: 40%; margin-top: 10%" src="../../assets/ty/crowd.png" />
             </div>
           </div>
+        </div> -->
         </div>
 
         <div class="center">
@@ -50,17 +78,59 @@
         </div>
 
         <div class="right">
-          <div class="item"></div>
-          <div class="item"></div>
-          <div class="item"></div>
+          <!-- <div class="item"></div> -->
+          <div class="pcgrliu">
+            <span class="pcg_title">各场馆人次占比</span>
+            <div class="venue_proportion_box" style="width: 100%; height: 290px">
+              <!-- <div class="venue_proportion">
+                <div class="venue_proportion_top">
+                  <img src="../../assets/ty/bf8231e42be621a362407655f4da8af.png" alt="">
+                  <span class="venue_proportion_box_num">25%</span>
+                </div>
+                <div class="venue_proportion_bo">
+                  <img src="../../assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png" alt="">
+                  <span>体育场</span>
+                </div>
+              </div>
+              <div class="venue_proportion">
+                <div class="venue_proportion_top">
+                  <img src="../../assets/ty/bf8231e42be621a362407655f4da8af.png" alt="">
+                  <span class="venue_proportion_box_num">25%</span>
+                </div>
+                <div class="venue_proportion_bo">
+                  <img src="../../assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png" alt="">
+                  <span>体育场</span>
+                </div>
+              </div>
+              <div class="venue_proportion">
+                <div class="venue_proportion_top">
+                  <img src="../../assets/ty/bf8231e42be621a362407655f4da8af.png" alt="">
+                  <span class="venue_proportion_box_num">25%</span>
+                </div>
+                <div class="venue_proportion_bo">
+                  <img src="../../assets/ty/f01e9db82fd27cf0062761bb2f96e8a.png" alt="">
+                  <span>体育场</span>
+                </div>
+              </div> -->
+
+            </div>
+            <!-- <div id="pcgchart1" style="width: 100%;height: 25vh;margin-top: 20px;"></div> -->
+          </div>
+          <!-- 各场馆人流趋势 -->
+          <div class="pcgrliu">
+            <span class="pcg_title">各场馆人流趋势</span>
+            <div id="pcgchart2" style="width: 100%; height: 290px"></div>
+          </div>
           <!-- <div class="item"></div> -->
         </div>
       </div>
 
     </div>
-  <!-- </v-scale-screen> -->
+  </v-scale-screen>
 </template>
 <script>
+// 引入echarts
+import * as echarts from "echarts";
 export default {
   data() {
     return {};
@@ -74,8 +144,545 @@ export default {
     } else {
       cc.classList.add("ty_bg");
     }
+    this.ty_bar1()
+    // this.ty_bar2()
+    this.ty_bar3()
+    this.addNumber(0, 234098, 'insv')
+    this.addNumber(0, 234098, 'insv2')
+    this.addNumber(0, 234098, 'insv3')
+    // window.onresize = () => {
+    //   // 基于准备好的dom，初始化echarts实例
+    //     let myChart = this.$echarts.init(document.getElementById('pcgchart2'));
+    //     myChart.resize();
+    //     };
+  },
+  methods: {
+    ty_bar1() {
+      var chartDom = document.getElementById("dinschart");
+      var myChart = echarts.init(chartDom);
+      // var option;
+      // var xData = ['09:00', '10:00', '11:00','12:00', '13:00', '14:00','15:00', '16:00', '17:00','18:00', '20:00', '21:00', '22:00'];
+
+      // var data = [10000, 20000, 10000, 20000, 10000, 20000, 25000, 50000, 30000, 13000, 15000, 11000, 12000]
+      // var data = [Math.random() * 300]
+      var option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          },
+          formatter: function (params) {
+            return params[0].name + "</br>" + params[0].value
+          }
+        },
+        // legend: {
+        //   data: ['厂用电量']
+        // },
+        grid: {
+          left: 0,
+          right: 0,
+          bottom: '3%',
+          top: '10%',
+          containLabel: true
+        },
+        xAxis: [{
+          data: [
+            '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00',
+          ],
+          axisLine: {
+            lineStyle: {
+              color: '#0095FF',
+              width: 1,
+              type: 'solid',
+            },
+            show: true
+          },
+          axisTick: {
+            show: false,
+          },
+          splitLine: {
+            show: false
+          },
+          axisLabel: {
+            // interval: 0,
+            // rotate: 0
+            show: true,
+            textStyle: {
+              color: '#fff'
+            }
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          // name: '       今日发电量( KWh )',
+          axisLine: {
+            show: false
+          },
+          axisTick: {
+            show: false,
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              // 使用深浅的间隔色
+              color: '#027eff'
+            }
+          },
+          axisLabel: {
+            color: '#0095FF',
+          }
+        }],
+        series: [{
+          // name: '厂用电量',
+          type: 'bar',
+          barGap: '5%',
+          barWidth: '10%',
+          barCategoryGap: '60%',
+          stack: 1,
+          itemStyle: {
+            normal: {
+              barBorderRadius: [30, 30, 0, 0],
+              color: new echarts.graphic.LinearGradient(
+                0, 0, 0, 1, [{
+                  offset: 0,
+                  color: '#00EAFF'
+                },
+                // {
+                //   offset: 0.5,
+                //   color: '#00feff'
+                // },
+                {
+                  offset: 1,
+                  color: '#001AFF'
+                }
+              ]
+              )
+            }
+          },
+          data: [
+            14000,
+            11000,
+            10000,
+            9000,
+            8000,
+            7000,
+            5000,
+            4000,
+            3000,
+          ],
+          zlevel: 11
+        },
+        {
+          // name: '厂用电量',
+          type: 'scatter',
+          stack: 1,
+          xAxisIndex: 0,
+          symbolOffset: [0, 0], //相对于原本位置的偏移量
+          data: [0, 0, 0, 0, 0, 0, 0, 0, 0],
+          itemStyle: {
+            normal: {
+              color: '#fff'
+            }
+          },
+          symbolSize: 13,
+          zlevel: 10,
+          z: 2,
+        },
+        {
+          name: '背景',
+          type: 'bar',
+          barWidth: '10%',
+          barGap: '-100%',
+          data: [15000, 15000, 15000, 15000, 15000, 15000, 15000, 15000, 15000],
+          itemStyle: {
+            normal: {
+              color: '#004298',
+              barBorderRadius: 30,
+              // backgroundColor:'#091C24'
+              // borderColor:'#00D1F0'
+            }
+          },
+          z: 1,
+        },
+        ]
+      }
+
+
+      option && myChart.setOption(option);
+    },
+
+    ty_bar2() {
+      var chartDom = document.getElementById("pcgchart1");
+      var myChart = echarts.init(chartDom);
+
+      var option
+      //       var xData = function() {
+      //     var data = [];
+      //     for (var i = 2011; i < 2017; i++) {
+      //         data.push(i + "年");
+      //     }
+      //     return data;
+      // }();
+      var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00',];
+      var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
+      var name = ['图书馆', '文化馆', '博物馆']
+      var data = [
+        [137, 34, 135, 161, 74, 152, 110, 100, 150],
+        [174, 137, 135, 34, 152, 135, 140, 160, 100],
+        [134, 74, 137, 135, 161, 137, 300, 220, 250],
+        // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
+        // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
+        // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
+        // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
+        // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
+        // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
+      ]
+
+      var series = [];
+      for (var i = 0; i < 6; i++) {
+        series.push({
+          name: name[i],
+          type: "line",
+          symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
+          symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
+          smooth: true, //是否平滑曲线显示
+          showSymbol: false, //是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: color[i]
+              }, {
+                offset: 0.8,
+                color: 'rgba(255,255,255,0)'
+              }], false),
+              // shadowColor: 'rgba(255,255,255, 0.1)',
+              shadowBlur: 10,
+              opacity: 0.3,
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: color[i],
+              lineStyle: {
+                width: 1,
+                type: 'solid' //'dotted'虚线 'solid'实线
+              },
+              borderColor: color[i], //图形的描边颜色。支持的格式同 color
+              borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] 
+              barBorderRadius: 0,
+              label: {
+                show: false,
+              },
+              opacity: 0.5,
+            }
+          },
+          data: data[i],
+
+        })
+      }
+      option = {
+        // backgroundColor: "#141f56",
+        legend: {
+          top: 0,
+          itemGap: 15,
+          itemWidth: 15,
+          textStyle: {
+            color: '#fff',
+            fontSize: '14'
+          },
+          data: name
+        },
+        title: {
+          // text: "负面言论分领域趋势",
+          textStyle: {
+            color: '#fff',
+            fontSize: '22',
+            fontWeight: 'normal',
+          },
+          subtextStyle: {
+            color: '#90979c',
+            fontSize: '16',
+
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'line', // 默认为直线，可选为：'line' | 'shadow'
+            lineStyle: {
+              color: '#57617B'
+            }
+          },
+          formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}',
+          backgroundColor: 'rgba(0,0,0,0.7)', // 背景
+          padding: [8, 10], //内边距
+          extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
+        },
+        grid: {
+          borderWidth: 0,
+          top: 240,
+          bottom: 240,
+          textStyle: {
+            color: "#fff"
+          }
+        },
+        xAxis: [{
+          type: "category",
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          boundaryGap: false, //坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样
+          axisTick: {
+            show: false
+          },
+          splitArea: {
+            show: false
+          },
+          axisLabel: {
+            inside: false,
+            textStyle: {
+              color: '#FFFFFF',
+              fontWeight: 'normal',
+              fontSize: '12',
+            },
+          },
+          data: xData,
+        }],
+        yAxis: {
+          type: 'value',
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: '#32346c ',
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              color: '#0095FF',
+              fontWeight: 'normal',
+              fontSize: '12',
+            },
+            formatter: '{value}',
+          },
+        },
+        series: series,
+      }
+
+      option && myChart.setOption(option);
+    },
+    ty_bar3() {
+      var chartDom = document.getElementById("pcgchart2");
+      var myChart = echarts.init(chartDom);
+
+      var option
+      //       var xData = function() {
+      //     var data = [];
+      //     for (var i = 2011; i < 2017; i++) {
+      //         data.push(i + "年");
+      //     }
+      //     return data;
+      // }();
+      var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'];
+      var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
+      var name = ['体育场', '体育馆', '游泳场馆']
+      var data = [
+        [0, 134, 435, 561, 674, 552, 810, 300, 550, 460, 650, 790],
+        [0, 437, 535, 634, 752, 435, 740, 560, 900, 440, 580, 350],
+        [0, 0, 337, 635, 861, 637, 500, 620, 450, 630, 800, 320],
+        // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
+        // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
+        // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
+        // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
+        // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
+        // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
+      ]
+
+      var series = [];
+      for (var i = 0; i < 6; i++) {
+        series.push({
+          name: name[i],
+          type: "line",
+          symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
+          symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
+          smooth: true, //是否平滑曲线显示
+          showSymbol: false, //是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: color[i]
+              }, {
+                offset: 0.8,
+                color: 'rgba(255,255,255,0)'
+              }], false),
+              // shadowColor: 'rgba(255,255,255, 0.1)',
+              shadowBlur: 10,
+              opacity: 0.3,
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: color[i],
+              lineStyle: {
+                width: 1,
+                type: 'solid' //'dotted'虚线 'solid'实线
+              },
+              borderColor: color[i], //图形的描边颜色。支持的格式同 color
+              borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] 
+              barBorderRadius: 0,
+              label: {
+                show: false,
+              },
+              opacity: 0.5,
+            }
+          },
+          markPoint: {
+            data: [
+              {
+                name: '最大值',
+                type: 'max'
+              }
+            ]
+
+          },
+          data: data[i],
+
+        })
+      }
+      option = {
+        // backgroundColor: "#141f56",
+        legend: {
+          top: 270,
+          right: 0,
+          itemGap: 15,
+          itemWidth: 15,
+          textStyle: {
+            color: '#fff',
+            fontSize: '14'
+          },
+          data: name
+        },
+        title: {
+          // text: "负面言论分领域趋势",
+          textStyle: {
+            color: '#fff',
+            fontSize: '22',
+            fontWeight: 'normal',
+          },
+          subtextStyle: {
+            color: '#90979c',
+            fontSize: '16',
+
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'line', // 默认为直线，可选为：'line' | 'shadow'
+            lineStyle: {
+              color: '#57617B'
+            }
+          },
+          formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}',
+          backgroundColor: 'rgba(0,0,0,0.7)', // 背景
+          padding: [8, 10], //内边距
+          extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
+        },
+        grid: {
+          borderWidth: 0,
+          top: 230,
+          bottom: 240,
+          right: 20,
+          left: 36,
+          textStyle: {
+            color: "#fff"
+          }
+        },
+        xAxis: [{
+          type: "category",
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          boundaryGap: false, //坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样
+          axisTick: {
+            show: false
+          },
+          splitArea: {
+            show: false
+          },
+          axisLabel: {
+            inside: false,
+            textStyle: {
+              color: '#FFFFFF',
+              fontWeight: 'normal',
+              fontSize: '12',
+            },
+          },
+          data: xData,
+        }],
+        yAxis: {
+          type: 'value',
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: '#32346c ',
+            }
+          },
+          splitNumber:10,
+          // interval:4.10,
+          axisLabel: {
+            textStyle: {
+              color: '#0095FF',
+              fontWeight: 'normal',
+              fontSize: '12',
+            },
+            formatter: '{value}',
+          },
+        },
+        series: series,
+      }
+
+      option && myChart.setOption(option);
+    },
+
+    addNumber(start, end, id) {
+      var o = document.getElementById(id);
+      var i = start;
+      var Interval;
+      if (i < end) {
+        Interval = setInterval(function () {
+          i += 4000; // 设置每次增加的动态数字，可调整
+          if (i > end) {
+            clearInterval(Interval); // 清除setInterval的time，这个方法w3c可具体查看文档
+            o.innerHTML = end.toLocaleString(); // 此赋值是为了避免最后一次增加过后的数据和真实数据不同
+            i = 0;
+          } else {
+            o.innerHTML = i.toLocaleString();
+          }
+        }, 10); // 数据跳转的速度控制
+      }
+    }
+
   },
-  methods: {},
 };
 </script>
 <style>
@@ -83,18 +690,23 @@ export default {
   clear: both;
   background-image: url("../../assets/ty/tybg.jpg") !important;
 }
+
+.screen-box {
+  background: none !important;
+}
 </style>
 <style lang="less" scoped>
 .main {
   display: flex;
-  justify-content: space-evenly;
-  
+  justify-content: space-around;
+
 
   .left {
-    width: 38%;
+    width: 33%;
     height: 75vh;
+    // height: 100%;
     // border: 1px solid red;
-    margin-left: 2%;
+    // margin-left: 2%;
     margin-top: -4%;
 
     .tiyuBla {
@@ -107,12 +719,97 @@ export default {
       font-size: 38px;
       font-weight: bold;
       position: relative;
+
+      .wh_small {
+        padding-top: 12px;
+        font-size: 12px;
+        text-align: right;
+        padding-right: 10px;
+        color: white;
+        position: absolute;
+        right: 0;
+        top: 0;
+
+      }
     }
 
     .tongji {
       width: 100%;
-      height: 35%;
-      border: 1px solid #019ade;
+      // float: left;
+      height: 2.4rem;
+      background-image: url("../../assets/wh/ins_count.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      margin-top: 0.48rem;
+
+      .institle {
+        color: #00c6ff;
+        padding-left: 0.9rem;
+        line-height: 0.38rem;
+        height: 0.38rem;
+        display: block;
+        font-size: 16px;
+      }
+
+      .insval {
+        width: 30%;
+        height: 1.68rem;
+        float: left;
+        margin-left: 0.16rem;
+      }
+
+      .insval:first {
+        margin-left: 0;
+      }
+
+      .insval img {
+        padding-top: 0.268rem;
+        display: block;
+        text-align: center;
+        height: 0.78rem;
+        margin-left: auto;
+        margin-right: auto;
+      }
+
+      .insval span {
+        display: block;
+        width: 100%;
+        text-align: center;
+      }
+
+      .insval .insv {
+        height: 0.48rem;
+        line-height: 0.18rem;
+        font-size: 22px;
+        color: white;
+      }
+
+      .insval .inst {
+        color: #6a6c7c;
+        font-size: 12px;
+        height: 0.12rem;
+        line-height: 0.12rem;
+      }
+    }
+
+    .dinszone {
+      margin-top: 0.22rem;
+      width: 100%;
+      height: 0.48rem;
+      float: left;
+    }
+
+    .dinszone .dins_title {
+      display: block;
+      height: 0.58rem;
+      line-height: 0.44rem;
+      color: #fff;
+      font-size: 0.2rem;
+      background-image: url('../../assets/wh/dins_title_bg.png');
+      background-size: 100% 100%;
+      background-position: 0 0;
+      background-repeat: no-repeat;
+      padding-left: 0.96rem;
     }
 
     .bfb {
@@ -185,7 +882,7 @@ export default {
   .center {
     margin-top: 3%;
     width: 30%;
-    height: 76vh;
+    height: 72vh;
     // border: 1px solid #019ade;
     display: flex;
     flex-wrap: wrap;
@@ -193,42 +890,99 @@ export default {
     align-content: center;
     justify-content: center;
     background-image: url("../../assets/ty/vbig_bg.png");
-    background-size: contain;
+    background-size: 100% 90%;
     background-repeat: no-repeat;
 
     .item {
-      width: 80%;
-      height: 30%;
-      margin-top: 5px;
+      width: 70%;
+      height: 34%;
+
       background-image: url("../../assets/ty/vsmall_bg.png");
       background-size: contain;
       background-repeat: no-repeat;
+
+      &:nth-child(1) {
+        margin-top: -65px;
+      }
     }
   }
 
   .right {
     margin-top: 3%;
-    width: 38%;
+    width: 33%;
     height: 76vh;
     // border: 1px solid #019ade;
-    display: flex;
-    flex-wrap: wrap;
-    // align-items: center;
-    align-content: center;
-    justify-content: center;
-    background-image: url("../../assets/ty/vbig_bg.png");
-    background-size: contain;
-    background-repeat: no-repeat;
+    // display: flex;
+    // flex-wrap: wrap;
 
-    .item {
-      width: 80%;
-      height: 30%;
-      margin-top: 5px;
-      background-image: url("../../assets/ty/vsmall_bg.png");
-      background-size: contain;
-      background-repeat: no-repeat;
+    .pcgrliu {
+      width: 100%;
+      // width: 634px;
+      // height: 290px;
+      flex: 1;
+
+      &:nth-child(2) {
+        // margin-top: 0.5rem;
+      }
+
+      .venue_proportion_box {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        color: #00A7FF;
+
+        .venue_proportion {
+          flex: 1;
+          // text-align: center;
+
+          .venue_proportion_top {
+            text-align: center;
+
+            .venue_proportion_box_num {
+              color: white;
+            }
+          }
+
+          .venue_proportion_bo {
+
+            // text-align: center;
+            img {
+              margin-left: 48px;
+            }
+
+          }
+        }
+      }
+
+      .pcg_title {
+        display: block;
+        height: 4vh;
+        line-height: 3vh;
+        background: url('../../assets/wh/pcg_t_bg.png') no-repeat;
+        background-size: 100% 100%;
+        background-position: 0 center;
+        padding-left: 0.98rem;
+        color: #fff;
+        font-size: 16px;
+      }
     }
 
+    // align-items: center;
+    // align-content: center;
+    // justify-content: center;
+    // background-image: url("../../assets/ty/vbig_bg.png");
+    // background-size: contain;
+    // background-repeat: no-repeat;
+
+    // .item {
+    //   width: 80%;
+    //   height: 30%;
+    //   margin-top: 5px;
+    //   background-image: url("../../assets/ty/vsmall_bg.png");
+    //   background-size: contain;
+    //   background-repeat: no-repeat;
+    // }
+
     // .item:nth-child(2),
     // .item:nth-child(4) {
     //   margin-right: 60px;
@@ -244,5 +998,20 @@ export default {
     width: 550px;
     height: 250px;
   }
+
+  // .btgym {
+  //   width: 100%;
+  //   height: 100%;
+  //   background-image: url('../../assets/index/bg.jpg') !important;
+  //   background-size: 100% 100%;
+  //   background-position: 100% 100%;
+  //   background-repeat: no-repeat;
+  // }
+
+
+  // .wh_bg {
+  //   clear: both;
+  //   background-image: url("../../assets/wh/whbg.jpg") !important;
+  // }
 }
 </style>
\ No newline at end of file