From 1e8b0b3426f408c288fd75cdf669b7faf49f269f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 2 Sep 2025 11:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/customerService.png | Bin 0 -> 9298 bytes
 src/layout/index.vue                | 299 +++++++++++++++++++++++++++-
 2 files changed, 297 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icon/customerService.png

diff --git a/src/assets/icon/customerService.png b/src/assets/icon/customerService.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1df1ed35b26273b662198ca32e56306b73e1d7c
GIT binary patch
literal 9298
zcmZu%Wn5I>)4#h*BPpFrFCCInOROvybW4|%G)ONEE4k7NNH<7#3P>m@-6bIs(xt$k
z-;3wn^Wxn3eCD2+Irq$&nRCDA#Av)wAtIn7004kU6{)OsPY3^NcsTdZN`tCw03Zca
zl@)Z}fcCN+W35%ZzLeY9dHZ(^>=~IS)<k4A7+O}>pIb&@k;@FcQbhtBiHD+u1AQcx
z6d=7$l&zj}07xnc(uj{$&#4)m9L`RDg$lP#0u-Dq1r4PY`z$%#KKb@L{tO&F@Eon)
z(o^^HT3WbR3Urw%QJ?v%GgW$0?NRpHXDpT=SOKg6t|7+*Vkn=(@W?fI0QOf3iSSS?
zFq}O6A^JZWN{ofij{K;IVn3z3XV9^R0Ev-&Iy75v*hv8qrj{sE`u~?@3oc;kCHm~t
zd9Ne0E7AgoQVj|eD6Zj5e@lY{$dehNuOAihu~0g&#qQRt`yseZ3$ce`Io-2n$MKG!
zAQdnO8V?_Su^gc3BbV2IVLE9-htTr*k#|-5<>95xyL%<#zJ+D{1ai!v+!<{L?mTS!
z*j_Hoq{$~d_*uBV`WrCAJi+_JvZwcoI8==&-T)N6jXE~*@O%(kAV0y~VVT1H8|(<a
z;j$1Gf_C-_44kEZv%R1i+e&wMji$Lz6$-Gw5aB+?W_X)d5!0Q%B$^Mkx$)ZGnmqSt
zJl|P7pt5<mDgJ}0*5FskX-7AWCu_Uze{=D{5+SVly?F~(uXoLFJh}I^D8yl@WiI4&
z?`!Pj9CX<EvHlx4s*HCvv<ZDn6K3!bPPZBU@!9>CZzOKPTtD`~MA0OF-<6kRWx^(s
zKDd~GsN37X6mKKEPbxg4Q`zrL#D+eD#8<&;Ec|VqzbWggltR1>yPzsqaszqF-&$S}
zM_nLkY_LI4TJ{V|27z6E5095;t#c9MK%ulmvG3~ZA)0M3*7lVDMyu6VLa_}_p0e@T
z+H1w$8U0pTWn;MLhZsLB41NQU_rf=k=0yzR6FnTNSGHMU%}LRkFW*)1>=6KL%gshT
zXyslQ9Tut}`D3#{%x$1V&tm}d&NwGOe)RQJeeGrdrOKqLR6&SCo%_S-I5-AtBjgE-
zuon0cn`1bE5m;3X7x3iRB|^xz?<<}SdI)H(1m05qK9r(9xAz?(z8C&`?JG@LPY%L2
zrP`f+r4Rp2|I{f=LrCl1b!>=&WP=3dv<MFzwOB<6K{7o;zEzbkQUfi}uAACa0l_yt
z4A*1*{)XPknls)f-v~XMtd9?HmjGk0my4LB@3fp5QxUl!ghFb}w;hOxIVjyb?Dd9i
z;3da4S8KTUd(wpemTJ4x9wwJ@4uH6lHt~MxACnDyrXUz_&PC9=@#~IZ{wi2rhtyta
zGUlhnHiV*L1Z|@$`4&rJBvq^C4S;-d1;T-Y$PygmF-kD``t2b$I=ntJC=inEf4t-S
z8(u)98FfwS2Kmt3ncDBJz)Pj!m$mHGgYHx13k<qX8HRzEg$vtFujkwu%>fEhH?v0+
zjEbd1Ns$3(6B|FK0o-o(5F07*aKcyzJf>V?MY|({WPiSf0)=@pe)|{%4Qhd*Lfp@$
zA3y!l<n*2y`vC+`G5K+%^O_SiUuP%N%C$@&rxDrPJU=yv4Y`7r0gadt9&m(5YXhc%
zQL9Df{3$IOdkBD!xy!1bXZWHbI%|03I!7!u^?(=(2ghR!qwE&v(4iW42tfK&W8NW}
zJonimv71dBpPH@i56y0rrDC7g7R?HPcI#TS5DMDr34mF>X2wW~=#PhBI7k8Vp{Oif
zV<Of3X9h$^KRLuMMI_XHQ9b*Zr!PmY2Pf(GWThx^DelGeSRKLCTf-k>aMAZpi5|p3
zSlFeM+~VO4D=%^aEN!POue105X}VD`0_lS4M<&GYTaQl{REmh1?W10;q}VYW(ob>0
zk6KJdEQ$1;5(inbTN2hKzHMrgkOq=cBNXs8vTZb3*Tr+4nzb<!r!vaN<YqE9+l1O<
z*)oOkO!B!q8^397g4NlR6m$kp;;K;it3Y}c3LA}%0>fER)7$KAiC2~N%<SjMg#E>I
zP*hl$B)PJEs#SMLt!6P_EeK-pvEn|AsRmITRkGbUtKL#4FY%!@2y*%yBUAwp6*O!j
zF1eTj@R3e)kZ7z*5Wv2&5FzWInbVXAhLmDOpSNvZ0b1r<Cf<B1p35}u>Lq3zy7<YW
z(4I`3#0OP}lOQbDbcj@wuAJ*?YIM3tjzqz8?&>lWhKhZ#Bsr!YHKYRykC0e3-(Otd
z;ZwmPMt^w$Y|d#H>yXWq^G5mlv!eR4*xqBkk0_0bO-xZ$_mF&$n5q_rYsJ@|v5fXY
ziuqQpr~h+{+@h+$LpHNER!7a@Ek25AGlcS5i;uRbE3Rlm5>2b?%&~|iQ?oo&OkF>|
zS!7p$vG!FFY1&@%(a||#qDb`nUXncGoM3t?f`xIW&a`Bl7nz{dz7(efejF(F<}x5G
z^uN{J?j05}qVc@)c@2`uSK&55R401b+lxPqFmd)|E9NiS*$`nn@fuMChBgyEiAiG|
z0ZD35XlHXhJNYh1<T`#HC&vBTJ)`r}2XSQLShufr<)bNi$9X^0t6eht&*%<mHB;JE
zQgQd_<x6|bal=8Jct?B8B?SmS(DKKFV4pApH}NF<M%D&!A0INy0&_O&eQi*d>zew>
z<eg5OyPl$NThdz`^VZa-8?}6d>;|Obgr8Tu8j7y?#vM?xwM?)`O>{FU_9owtDYdrS
zhdHlJMse&H`I<~JMQ=Dk*om%`A0pF?afRrft{WxUETEqq85T?d!qbo(Kl2`h_REOG
zid^d9u+U5}UrbCJ3;Op~N`@_i8yxh}1{Ho1ExScI!jYxNJ8p!Uo&IUR-Bjx2)2oN~
z5El=|CS5Va#{QhvElopfN;68QKiCbPdzT08$y2l?P_b*{EW4x`eq!loS&5C;^}9!;
zmQcX>0KAH<WimOsaw~nc%QhT%wGo4vK0ivXY7Rg(^ZqP!L0;=4;9x;x@ehdmtRB%&
zWG_?Egbnor;V$>NFd<d&jX`-8L8wqq#L+cvHWEWwI{)qXfy$j_KofhSr_I6GZkAr!
z2fwnFl)!wkxYv5TAj>xWs<U6!?GJa*7%zmv2Pc<WUavsxy;a{F^~=k`Z@a_I&W^p3
z$42CDI)3$yU7L^?B&9zuHfxDU(gXJ~jOte?*^bY9A=cXRtW~}CL@JQ_^RvF3a>Trr
z*9XH4tv{O4D6F7!!@fq=i7nd(V(2+oz}Sw2YH`~%SHnb;FPW9_2j@X|w$H`rc<@V;
zf&P8^O$6L>#GxDA{RUm)1!y`xy8h_IEMTY(D870~5U)7rYq-Ajs>yrdW4f*^wcFq0
z!W!3sO-nvQQ29cRtngt(O($i{#_n!YobMy&4-_8m)!zGzN$#+nM)a{4I#?xX%T~g-
z+WX6nLk5{ozlb+>ABuf<F50{C>nGMjv8J%T;t(TT(mGV5fB#ffTRIH&K8-7I_ltaK
zRm)m~5>$b^?qJdPnt7^-J_M`V7CXk#%cNYU?2mYI6ERfgyF2yxMFuZL@h|W}yF>N7
z#}d&=Q_#PMCvE4Z(tX5<*1E$ioE+9d`lB3%@KCQl>;{Frr3&u0AqQr-a_-BEVN+}F
zR6E?;F&)j+2yfG~+MqM(KR3La5LK$ey+`HH&|VJ#sXA{x8&KuGt*%f-jNKd$YF5JF
z$#Kwy!!!jo!Nq=;@5h^hu<)Kt4}H2s&&_|9E&?BvK8?yreQt}J<Uys=^Zos|CP4T0
zU~5zLkN?Hr_HV!t{j$%3M#c>0!BiPnKJPZUA00M%1@W0vVq!L@12x=wb9RmWSJz8w
zP*<y&f#wF0#7a>n7^6A!V{jxjS1#(=4_%jCz%oZZ;2>p=@~t^!cdb=lpsNTK{x<x6
z-SvNS-?n{Cu=G#7$QU=V0CCLkt##8}tGOz)4-92p1O@#%l(Rpef(l!mM>M|em+I3m
zuJo;h3~KI5KR7rOI8gi%(e8HiQ)x^F^X6dQKkhi|DS+RlfvNZBI^wUZ;I+dvyP3Ns
zy(hv<*i8@b1?BlRkU*!?^7jxnlm<?{?ct979tkr0abj*`od1l&HKR6VZfu<2A;j+s
z@dWes(7ejS-FxS`z5RZ6Iqv2ac!grCblh}QXPU<P2#`n1;5mxmLoN8^6ur+C0x@5H
z(+4ND>w&CW+ByUYXZ%hH-IcwEAD-l`erlV7CcPIJ<-&oX!V`-6S{{4<ZT(s0mC+}x
z$MMb^WPNfKDAfY=BpguNMg#E+w|mPE_{a6ds5U)TuChC+f|i~)m8iP4EE+n=`{(7H
z?QJ>VyjftY1S7{STiVREOtkelB%d*Jit1s1T6DXxOZMKeWO|Y*&Qf6t)&?cYOy|FF
zZ61lW=_w48YdK|%z^0clx3v?`_!HIq+1bnQF~Iuvy$z-2lVp*n?|F8?dfi~!?)Kk|
zf2Q>!A&+#<TDq65<G*F)zwRuNrj#(O#E$;^fV~n7A*K*^zHys`2sK;Bo@lRJR`qiD
zpT$X(Qn!0Ht$!pje-LLC;QYJJ8E6@8k~}}y=9Tb$4n)zGGp=JmG)&0li^{0}+Qo{P
z_rgq1QbDP68I7fA{+`P>3${02D>@T=ueE#D-V2(C99&LrPrj}8%XsW}eEOJC{zsD#
z!lZUgHb`WGiy+{qlcMPYfO)zl=gJVYx<cW3C!3=e=`LJdnnb&cyHaPSAhCCA!^m{K
z)im{xYwXqaT8-{mnB9v~u7n(|t;bS?8ees*U!Le;#b<`6<i4MVSSR~$hC&cZJr5Y$
zx3z~!)o?X!;Yv3Tjs+@tZbXO&V`JPfBphC+lRI_4fBnwv#eM`=E&Id$zH2Mfv6p3u
zEq%aR*88^b_aUKAIdhJ`!d|+G>&H{rA`Cm9!6v-Kg(CU9CM!h;&Rirv0J<{x({ip)
zQGa(XuN8@W--^N-QKb9m`hq1}Il(0`+oYWxx`WR@pW*zrX&_XYuwhkz^sV3Q)pqja
zQ3xcW_yI!1I(Z~~L;DK{Manr$P;D<YEh$nk@bZnYz`&asYT~kL#w&FMUdQhF1+P*8
zcUZ~aRO97p6T!<kaEy9n{X-+txu)}#`UWtx7M}h$Vt=8j{HZ{TvR9jl&D{}WB;~dp
zvV~R5OQSt%^J@quS6Q5PQ-s9^MiY)vh)lr$nLL}kO+*X15q=TfOiRMDxlz2PZt{ya
zidpyX>sDQf7zlo?Qe>;v>DFLtgMdCS!0Lztk3_Lt-K5>fl2xd5!CC#QIvTrv7U>Gv
zPp@Qv2*Z07VZ58Vq-sRL(Qi_Z2I96!Ubl4IEtsPEWSbXiAIU5}M;=F2G;KT|<=sZk
zgGv9KB-D#=D-Hc3jEERs#~o{pUO5+$M}6s8!ijN|wHzprC{3>&u$5qfuA8pi*%~n{
zbU5q{>k7HTYk99hGJLAj0@nOSKISf>aBBsTu&@MsYm-a+GMCPr-iyhJMa+6R&HrHm
zPExh@OCcRK0GaD2W1CtAzO5I&wa?Pih~-bsmy6<FH97tfyJ61gMsEQ4xZdJbPrmw0
zLh11n@faEy2ta+ff8OMTzP>yw$L;+qe@BZQNA7O2d0;>**f&edwP`=lYuEZr7H+vt
zs|d&Vo(y+)HI~@}S_|ePo;trYvKyI`2{sjLplyshVL4su3X^pszvCZK4d9bS?FlE^
zen>86+^zb>XL&M2Q*8qoku3T;^`0P6&4-JEz(%oj9GUF5H))?DNHkXO_3K@Y$d;%x
zjbrBZ79S?k?pc=F46JBuypA51)UBF_I)D!QxDsnPO;0m$zitaeeEoGkUYLpELg;y$
zUGcBK+j735#L!OF<cz3s%C$7TBlM}lf)__u!YhHi!10$ph^Vus&Lgpw%ZZZsZ?QpT
z1*MR|QCWYh&6r+>WRD1Ai?OL0*sHteO=WGj>vd>S*0D-ywWGyr---KuEMOJ7=O&_O
zCXZ`V6+5H<Wcg{;VqwtsHy8HIw@d+tJp;jfL0^F(feW69+fN=5jub>TVar|<{B*Ez
zQeU&b14?v4=g%}`q)ogT3L~95V^eB`IHN_aM3pm0V7OK&oIf*NCs|m&rAMpg>v0gg
zFsfnxe_x32+C(q9oC=jPV)L#XT{iN<CszhFhqr9D)5zriefRn61b}~rUuOuD4bb9J
zn7vybGP|su*z)aK%4j?)m~`ZU6DRX`e@;Dv&uJF%1!~C0VQkkjiUb0|7*Vh1j03|A
zstYHa&e~+C4>EJ{)f?jE_vIi3pFLppAkEaT#cyvdZfQm@^7D_X*!7QaZ^L;>G`d$y
ze#k4g9gkN3`)NuPwTE?ky{wZnae<iE<Ce<Pj7N4l)icKP9sU=r1y^FHmG{unG?-k@
z0fWyTe90C3Y(iPljhr_Yro8j9e8XHm&mq?m^-La-zL)k$_vPP);#-Lsuj{!wJCe$(
zDu+fe2D@YkYR?BZ2vJVd=uxWn{psTGp2E;+Chj?VuJ<e{qu>p9W^tJo#h@p+`$3XG
z2(irRccmHm<3TpYt6djU)W$GxwbRCS9UT!Vl_)sI8#kUwwyf`BN;%`XzhIjImte<6
z#N*SBlw8k4#Ln<KwtO18Sx=x^QfOhDgiX4Qzcw<lX((Y@kt=~gs`gcwvdA_zyKD_-
z3*WnX=8^IvAf}+mhnH%1h$|<y7ALGD&1`b)6ZML9-Xy2obBo1xXWF^iN3{ymKwkmJ
zq$AYgZW9zE_x_Yu6gp0T8XS$l4ryn#!wvZ3a+}%2XHERneE(Mhjz|)t2*V)5GX{*9
z0mD}#bp*5}NVeftAhkgFK#vy)owW%u2+uW%jkq~w>{3sWYa#e9h?iu5|1xl{e{i}9
zA4F`;yr2hnM=tWWjkY%%nZo-;Xtfm_fzW?g>~9qr-`^fTH9LS!S-F+w4S6$rJ{f3g
z)Hn0Ljv<1&F11a!+&0R0(9fB=jEJKb(9FD<c<eV`tE)`LzM%w0*ol%YqaDYLwZ_kB
zkfRl4%M<dtYQ4>F2^`GuQ@>qY`<Stgb?2F}n}G#!K-*jcOl}xOgky=A{yR6A**vQQ
zV3k5JE&82-OPPbc>fw|_m%&fdRi-AT&y%$*g%c@POFnkV&1RY-ig2K|x!Zl2pAH{w
zcfe8{&F52?ys^rSM>QQLipCA8EoOHPBsEg|599JDc21Z0xJjs#!-bNnNBh&5wJcQ!
z#G9YjsW~s_>DYyy!;+#>-<BPyFIFgtU#R-jalZ0$s+ppYFW+0LD0=a*jn>7&rLszW
zl^A8+{_e#=U>PXS=joi-JA|lgVHWj1ouu-N=t+!sT@fAB2sH2t@whBMN{H4atSNvp
zVF;&R+4x;4Zge9nrK6Jh%1iwFWI3HyHL!GY`DoYV#jL-{L5e@jhh+aDClw{oi>~-K
zX}jhBC0o-mA;|bF=(?E`+dSOUZ&PzBtRU7R<*DkT!y+{Kcbk4z53iY6Oz@+3k|nKQ
z>JMzE^4YVt%?fO*E_G!Q@S4VdC85#pRHc;L1<FSJgqVFL4MwUh$MtC`0CH7LUe!1W
zBNXuQ>r3~DarTcp?Uw|Fqf&x&nkEXe^pHBT3$$@<C-yxNMLc{8f}W4Z{(M3Rho4J2
z#O}uB4%|M|f9_gM;|SnsMI+mc#Eg<k7KCxmj7Z$7snYpYUxl8TSAd|%o+38`vbH<A
zpM{1AWL8u&4$G*pvgaUND<VLFfXbeCJs`M`=e1@%(=J&^{vDBG4b#t?#8(595AJcI
zXMZaAeHu;~WIY5QJ?*Z6rGCcw0;*wZFeyzFP6HApxf|!F%9i~OJ3K&9avo4iz9^K{
zx=STZ`EwAoQM97jyJ7lqVJn2|Zp~~eLnYY!OoXA3A@4v??tJ@qX;VjVvsUhh<q)1q
zTs@`kAMaQ)cVFHFdV*B)`J!UYy1?*yntv{I>>N2NvE%uda(N7ok1ou9nEQ>YsNB&N
z1fSk6mUXjquliJ{GL*ZmCaEyBbmB?=t1A(d0Ib6+W+=<_hcBMAy7*<yU)$aZO1FMa
z?^t)omc(1CUEIO&v;HJC=R@}cG#|uXmj94ULrcw30G3bLI8DWo-v9QC#WVmy;8TnY
z3Y7GRejKtQofoiCzA*OCwZgbB=tWgD5Sp|1V_Ff#f|LJ6$_k))-bB}E4u(6~v-gQ1
z)!OHJGvPoF=kYq~C|g>-%=^z@le27+;K`@SbILdVotHi$<;x+gs{jQ!k^@P))<6YD
z$7|#-ag$Ac=LM{h>_@a&go0hBDR`L6?8v7Yr?|w-v;xS%+*?_*e;Cy73$0){sSq5+
z!rG%e)~sGt_=*GOl!S8+t|Q52pxjrh*?GnhdBvsF+PF=~yJ}+1pg`N`WHV#zn2QJa
zbWVg8kac+R#E-7UW%8$FY-K%rK%#<gfttOK;{&LwSaZ5s-sN?$7pWR0#R})pxL}oK
zOX`%lD^N4Lu>g~8V{idMrNW=QYgKUH&tCF04v$^GNLc{`Rpj9js|>k4LUAZpYzAOm
zja{krMPmEeSy%r-wuL9XE*q4l{||34&>b1OZV7_AVN^4!6<GC4xXZVz&gb<zEN=((
z?~c0nB|3HY{ik?|5mX%bqRAFw0M5~3pt{FrAdy@zhj;SP2nmCM$8Gf!{0c^@tcV4d
zfVZu?Y(AsGYY&;V?~Vj7#^nFaB{2A1b|$RSt+CE2n*vd6JrzR%z|j0i@+2-)gK?rT
zr%pY{tkl#c=&WVTtR#QTevb_(sL=iM^_LwH>>y(km(s$p!ddRn>ni8XDB?t2<_N1v
z%X^Ac@V|2f4m?fX;=K)V-W=A2O~ar6+Hm-A0`?oZM!R$>UoQ!a2}<{%XG6KUnE<U&
z=w|9Ge8gFeV(zzi^+kOy?y>*CW}jWA6}Qr%UbN`#=MY<wcjP!I3WJ#C;WX-gzgLCI
zn)*!#(VIAuP<lSO2rd#Z=_CjHzSUl+7OEBc6Td1|-9YMulNc(st?6I49DFx1UNiTW
zT0?E(Dkg4e(b`uD1<w740z}*tVZ;>TN^tw)n1!D#j3w#!=QZwwB(5ddnZe!@2uP*=
zCg0)L2!Gt;an5m|cWcv#q@1tWC{+mk1OgXPBW)sZWq8ks6=eZIk|)pT@KRKvdAIAB
zBDwXjNH2meH&<WN=59Q=?~3;#OsR5(s%84KZP>9MKE_U<eg0sSKG@+L?JG86NB})T
zb9vbUNHxv5)#y4V@$xb_W;#Mz)+0Mq6uBYN!(<#?oYpN0V(-xTkSQ(+Q>$f4rstt&
zHz?GV+NQb9@3p#lq-AFjNStpJ?yi6Dfhy$>r>$>m5A-w(d~8^`@e@DoRu8wZ*gSL*
zd(%B)O!IEYK%&9~P>oF|uY<tJ``IGazl`|bHTd%X4URTSG0E|OP<<SO*;wnMuqE{(
zRE9YrQ!jk>f{RJvBG3;MF+d^>i;4G~&B-Fx75W5)C1-%j`4iBfMo94+RMEcraqOEc
z_4llZrmmfaj;u73Ms|;v6a*3`cs!B!fN{@97%7@<vd!wQlcUNbe?7!}VeSj=xZy(p
zdowD)S)Z+3LDtOoM|)SxuK3xptn{|O8b2Ptuvvz*c?j5?52P*zSLWVANNFT;P+*hK
zeSLdeLelP-qdd`BJEL^P0tff>0Qn_TC~D6tz;}UGJ{^Sb^<Zf6{vSxjkCnbVPyUJ3
z?`Kw$x<C>lCyG_$RGE7*r|!q&!{c)A-$DmO)P!i>F$@V3`m(wfmDCta&F(FoL}YGA
zYWQ5t;2w3wp{V^euNBSO*Gk4b+a;KC2K#M0L=$OB{n9mLzTNjkBPja;z+fl)K%UQr
z9QjN(X<;(7umKSMXpWnVEuPw2;p>z>-Jl4{HF!cx=)Grf$9~x8ydctes=p%RDS0si
zVRs_99bbEyv<VJ>i5RH#`D}zuYAEDU^l7PhO*ejMC=d1tHi8DwEiF<8Jc{FwlTP?|
z_SUS1iW0pJ4neR)5TUPg{s06^173?{TPiN-S5nYOE_nQ!mI}-Lq^<x2v2J2n@@d!$
zO+M1BN=YE{_>y@!JiajpPda<`ZLPEBeqO#$D^eAa3VmJAhjM0f@L3`Nkon;mb=seD
z$88JQJ<rrPnJ0s=pjxIXLMs1d`hG|9VR~#*2tf^1%gYkU5G&dB;U}9`3dcMr=lcs*
zb3YyWsRk&3c$xbE(8obO=)&WBNxvI~;p|eiU;`{sEMWD(+0j}&-^!>RtA)LxuTARq
z@Q4WEzykd3E%XX%%~rwwdPGA-KH1vpU4zqPPmm>uHFQ#dLa~y7hR>C3SHZu;<F_48
zT(35Do`AAU%=o16ehc>J%nZ+@PtSPQ<CUh}yRkh+xcFt=0O4*@1wBjtMQoUZtZ3Ie
z`7zJG^-`O4#ETW8ULahr6hJqDYtvY(K}0;B{Wf`sPW@llU<?oqLQGAEB5F!SIie}v
zF*4Wwb^V#_XyZ-jUi5c$a89m@mR<$BDz!-(1+KZxBWyN*=<$h}7p_b*A4k46d2en?
z0e`W5aYtKz<~ayHUZvhrm43`$dJ9PA-D=l9*R8B4V!y}qQk1D(dpNf=<i$~Vl2iy9
zD-h08&CPWW>3cvDQ~Ri>9_tUtwZJ*OhKZ^`O^Sm^#S?Ntc!Mm{^PQUoLIIu}6GhxY
zBa)rslhcdMz@PV0OsM7q8kyDoEf394Km2`#;aW^hUq4*B?iesXj>m=?Bz(=|sZlU_
z8_!y|@W_+my$}g4lR+G7!13u#*5`yxdp#q1ajhR|HCd_yVA70JuR>K<EgCnCiw}?o
zNHk1*I#m6deBg!t>v78w0*b}J!*Xn+v<aP48z=d%vQ(((*?~qj<O<q^jMbF0<#p;B
z5%QUgdOE>NK$PSpT-;|xKFF0ldNHjL03d(<yBF}FIyG+|#Jc5PAy=5>z#(mgt>!TB
zp2m+)-|{9oB4rR}v+_c0l+|iZ#}Ri>@>?OlCm)hS+8QzJkgyb|?*^|{7C-2IRPd!x
zq5*8JRS{)K?TtiPj@yL0z1E{`-`xmt`n@NJFiXN#)vW8|X#f}Wxup&KW@K(}5;e^v
zd#$&mSFi!OE-)nF*Y|x#)aac!Ns#E4p_=5pUhb5rvv$n>0?^>p8`P5wnO0IaXSmj;
zhhyD5bd#LHcrUxwLAj)ZYd08W?V(wAILsQHQ_r=<OQ+fB{P&~I<^l5Ou9lDrq&?I^
zrF!8Tk3#L&V6Doi4AXm?;;2bkVYcsl78%2u3l>XP(N9yaTD?Hg?<GQZevh(b4^4v;
zRlTd7GCo2L$fX5++AZ|3X3D-2u{JGgiBbfX5wSM_$`vYBaz<dJMk>XwXsz0mUO~l4
zRQ3s0K!J4uT!N>b5GqnV&&eK08C3Hw6^tpXM5?BNzBYaO?qIF49ckQxP39q4)1<HJ
zh#vn`$2p~{t(QT$Mh*Z)w91N%;-Mm28Q&3<hz9586i5NV&SZaG@(G?=tVo*7FOlp9
zfLJ^f6QxHeJ@>{Dq-uD7s{)<=xh7CY%3Fh$U>H#4&?{Ko*L~O1b39e3p8^RV63uXx
z*C<l-fX$&PWIsI0DKa8<WXyC?=zAc3{Lg|vG(PVcEak;UKzSc}gNE?LTuv(U#mk33
zs)rTG`H;glDy14#$x~6~Db|Skv%wux;h-&HndX5lQF^G?Rg4$E;Bdr9N>kUUdS^zH
z{hBvFRuuV7*}p3z8>#}C6MX{-H5-l7?^XQpQL>#zsR|YP9<rEEKd1_hdsGz5#9;rV
zHDPa-9nI#q(w$AZ)-hJEBHrtCkm=hh5R3(YX@Pi=Aa&lc5EJ8s4<aDw-C2V=Pwxjl
z&KAQ$dN&(@?C#T#F?pvrc+F-1iAZ<u)t1z!?Ruuxu3yi`EbcmCQ}OWAig6Dl2T(e{
zH`P*)!w_zB{=OegQNwhQ4w6d!{*A=G3yTL7?WtQj_waVJ{fVnW(yW(?&WJvr9(&5V
zhbecD-)xu@Es|%dp$xFBR$==IKoDh~hcGz+`HTH+p{n^Koxa6%tGQISl6*RmvQq;v
zT!zq~c%2;tH>Rl(&1Ol(U`wX+rq)tK@>^@+!^`9(bvuY*FQx)duLuEA(remXvaF~G
zLv_9Dcrkksr1A<+8)+F9v^F#4I-<90TtBIJvjt}h5-KQ2ec~AhsJ3QK=$7-KtdrJR
zN@X-pXYT&-53qe6z8jveJ$dJH_TDr8?pNaP5~G;n{j!$e6z9P^5&*cnWBfFBANl~!
cf1wWnOszgROHFrr-E#m{#0%vrMf1@A0p|fFSO5S3

literal 0
HcmV?d00001

diff --git a/src/layout/index.vue b/src/layout/index.vue
index cbdf760..ffbe2fa 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -23,15 +23,48 @@
       <div class="item" @click="toService" style="cursor: pointer;">
         <i class="el-icon-chat-dot-square" style="color:#fff;font-size: 20px"></i>
       </div>
-      <div class="item" @click="toTop" style="line-height: 20px">
+      <div class="item" @click="toTop" style="cursor: pointer;line-height: 20px">
         <i class="el-icon-caret-top" style="color:#fff;font-size: 20px"></i>
         <div style=" color: #fff">top</div>
       </div>
     </div>
+    <div class="onlineConsultation" @click="consultation ">
+      <div class="btn">
+        <img :src="customerService" alt="" class="customerService">
+        <span class="text">在线咨询</span>
+      </div>
+    </div>
+    <div class="chat" v-if="isChat" ref="dragDiv">
+      <div class="topDrag" @mousedown="onMouseDown">
+        <i class="el-icon-close close" @click="isChat = false"></i>
+      </div>
+      <div class="content1" ref="chatContainer">
+        <template v-for="i in chatInfo">
+          <div v-if="i.type===0" class="message">
+            <div class="userInfo">{{ i.userName }} {{ formatTime(i.time) }}</div>
+            <div class="info">{{ i.content }}</div>
+          </div>
+          <div v-if="i.type===1" class="message1">
+            <div class="userInfo">{{ i.userName }} {{ formatTime(i.time) }}</div>
+            <div class="info">{{ i.content }}</div>
+          </div>
+        </template>
+      </div>
+      <div class="chatBox">
+        <el-input
+            type="textarea"
+            placeholder="请输入内容"
+            class="no-border-textarea"
+            v-model="textarea">
+        </el-input>
+        <el-button type="primary" size="mini" class="chatBtn" @click="sendChat">发送消息</el-button>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import customerService from '@/assets/icon/customerService.png'
 import qrcode from '@/assets/icon/QRCode.png'
 import Menu from '@/components/menu/index'
 import logo from '@/assets/logo.png'
@@ -50,12 +83,141 @@ export default {
     },
     toService() {
       this.$router.push('/serviceSupport')
+    },
+    consultation() {
+      this.isChat = true;
+      this.$nextTick(() => {
+        this.scrollToBottom()
+      })
+    },
+    onMouseDown(e) {
+      this.isDown = true;
+      const rect = this.$refs.dragDiv.getBoundingClientRect();
+      this.offsetX = e.clientX - rect.left;
+      this.offsetY = e.clientY - rect.top;
+
+      document.addEventListener("mousemove", this.onMouseMove);
+      document.addEventListener("mouseup", this.onMouseUp);
+    },
+    onMouseMove(e) {
+      if (!this.isDown) return;
+
+      const dragDiv = this.$refs.dragDiv;
+
+      // 鼠标相对窗口的 left/top
+      let left = e.clientX - this.offsetX;
+      let top = e.clientY - this.offsetY;
+
+      // ✅ 边界限制 (保证不出窗口)
+      if (left < 0) left = 0;
+      if (top < 0) top = 0;
+      if (left > window.innerWidth - dragDiv.offsetWidth) {
+        left = window.innerWidth - dragDiv.offsetWidth;
+      }
+      if (top > window.innerHeight - dragDiv.offsetHeight) {
+        top = window.innerHeight - dragDiv.offsetHeight;
+      }
+
+      // ✅ 转换为 right/bottom
+      let right = window.innerWidth - left - dragDiv.offsetWidth;
+      let bottom = window.innerHeight - top - dragDiv.offsetHeight;
+
+      dragDiv.style.right = right + "px";
+      dragDiv.style.bottom = bottom + "px";
+    },
+    onMouseUp() {
+      this.isDown = false;
+      document.removeEventListener("mousemove", this.onMouseMove);
+      document.removeEventListener("mouseup", this.onMouseUp);
+    },
+    formatTime(date) {
+      const now = new Date();
+      const input = new Date(date);
+
+      const diffTime = now - input;
+      const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
+
+      const isToday = now.toDateString() === input.toDateString();
+
+      const yesterday = new Date();
+      yesterday.setDate(now.getDate() - 1);
+      const isYesterday = yesterday.toDateString() === input.toDateString();
+      const padZero = num => String(num).padStart(2, '0');
+      const timeStr = `${padZero(input.getHours())}:${padZero(input.getMinutes())}:${padZero(input.getSeconds())}`;
+
+
+      if (isToday) {
+        return `今天 ${timeStr}`;
+      } else if (isYesterday) {
+        return `昨天 ${timeStr}`;
+      } else {
+        return `${diffDays}天前`;
+      }
+    },
+    scrollToBottom() {
+      const container = this.$refs.chatContainer;
+      container.scrollTop = container.scrollHeight;
+    },
+    sendChat() {
+      if (this.textarea === '') {
+        return
+      }
+      this.chatInfo.push({
+        type: 1,
+        content: this.textarea,
+        time: new Date().getTime(),
+        userName: '我',
+      })
+      this.textarea = ''
+      this.$nextTick(() => {
+        this.scrollToBottom()
+      })
     }
   },
+  mounted() {
+    setTimeout(() => {
+      this.isChat = true;
+      this.$nextTick(() => {
+        this.scrollToBottom()
+      })
+    }, 5 * 1000)
+  },
   data() {
     return {
+      textarea: '',
       logo,
-      qrcode
+      qrcode,
+      customerService,
+      isChat: false,
+      isDown: false,
+      offsetX: 0,
+      offsetY: 0,
+      chatInfo: [
+        {
+          type: 0,
+          content: '你好',
+          time: new Date().getTime(),
+          userName: '海威物联',
+        },
+        {
+          type: 0,
+          content: '你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好',
+          time: new Date().getTime(),
+          userName: '海威物联',
+        },
+        {
+          type: 1,
+          content: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试',
+          time: new Date().getTime(),
+          userName: '我',
+        },
+        {
+          type: 0,
+          content: '你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好',
+          time: new Date().getTime(),
+          userName: '海威物联',
+        },
+      ]
     }
   }
 }
@@ -183,4 +345,137 @@ export default {
     }
   }
 }
+
+.onlineConsultation {
+  position: fixed;
+  right: 5vw;
+  bottom: 0;
+  width: 150px;
+  height: 50px;
+  background-color: #41B5EA;
+  border-radius: 5px;
+  cursor: pointer;
+  z-index: 99;
+
+  .customerService {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 70px;
+  }
+
+  .text {
+    position: absolute;
+    bottom: 0;
+    left: 70px;
+    width: 80px;
+    line-height: 50px;
+    font-size: 16px;
+    color: #fff;
+  }
+}
+
+.chat {
+  z-index: 999;
+  position: fixed;
+  bottom: 10vw;
+  right: 10vw;
+  width: 450px;
+  height: 450px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  background-color: #fff;
+  overflow: hidden;
+  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1),
+  4px 4px 8px rgba(0, 0, 0, 0.1),
+  0 4px 8px rgba(0, 0, 0, 0.1);
+
+  .topDrag {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 50px;
+    background-color: #41B5EA;
+    cursor: move;
+
+    .close {
+      position: absolute;
+      top: 50%;
+      right: 20px;
+      transform: translateY(-50%);
+      color: #fff;
+      font-size: 20px;
+      cursor: pointer;
+    }
+
+  }
+
+  .content1 {
+    position: absolute;
+    top: 50px;
+    height: 300px;
+    overflow: auto;
+
+    .message {
+      width: 80%;
+      margin: 5px 0 5px 5px;
+      text-align: left;
+
+      .userInfo {
+        font-size: 12px;
+        color: #0008
+      }
+
+      .info {
+        background-color: #EDEFF5;
+        padding: 5px;
+        border-radius: 5px;
+        border-top-left-radius: 0;
+      }
+    }
+
+    .message1 {
+      width: calc(100% - 20px);
+      margin: 5px 0 15px 5px;
+      text-align: right;
+      overflow: hidden;
+
+      .userInfo {
+        font-size: 12px;
+        color: #0008
+      }
+
+      .info {
+        text-align: left;
+        width: 80%;
+        float: right;
+        background-color: #EDEFF5;
+        padding: 5px;
+        border-radius: 5px 0px 5px 5px;
+      }
+    }
+  }
+
+  .chatBox {
+    position: absolute;
+    top: 350px;
+    height: 88px;
+    width: 100%;
+    margin-top: 12px;
+
+    .no-border-textarea /deep/ .el-textarea__inner {
+      border: none;
+      box-shadow: none;
+      resize: none;
+      outline: none;
+    }
+
+    .chatBtn {
+      position: absolute;
+      bottom: 5px;
+      right: 10px;
+    }
+  }
+}
 </style>