From 9912b85df0a6dc3715e73eb83673e2f584a4850a Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 2 Jul 2025 18:37:15 +0800
Subject: [PATCH] feat: user login

---
 ui/src/assets/chat/user-login-bg.jpg          | Bin 0 -> 18399 bytes
 ui/src/components/ai-chat/KnowledgeSource.vue |  15 +-
 ui/src/layout/login-layout/LoginContainer.vue |   7 +-
 .../layout/login-layout/UserLoginLayout.vue   |  48 +-----
 ui/src/views/chat/pc/index.vue                |   2 +-
 .../views/chat/user-login/ForgotPassword.vue  | 137 ------------------
 .../views/chat/user-login/ResetPassword.vue   | 137 ------------------
 ui/src/views/chat/user-login/index.vue        |  50 ++++---
 ui/vite.config.ts                             |   4 +-
 9 files changed, 49 insertions(+), 351 deletions(-)
 create mode 100644 ui/src/assets/chat/user-login-bg.jpg
 delete mode 100644 ui/src/views/chat/user-login/ForgotPassword.vue
 delete mode 100644 ui/src/views/chat/user-login/ResetPassword.vue

diff --git a/ui/src/assets/chat/user-login-bg.jpg b/ui/src/assets/chat/user-login-bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..253b6d31edd48879c53731001dbe2b26ffc1a368
GIT binary patch
literal 18399
zcmcgzZEPIZb-nL#h8hh?X;z%oSM2tAttz91O;Xg-k_fALBh3;@5Z1HOvJwo#r7W?c
z<Vd6?s#g4?cw8vKa^W8oU;_cu7~`!GY#5+W02feOAf*AND2z0q0JG>95Y@j7qi7o-
z0fHcfdhRSK$(9<#?k=Ci*_q+&%$fUf?tS+@-u<V$cgXw7$d^Y*NTM_NM|b~&GSQXO
zFMpi`Sw!?KPW^kw;N;BA^l*Rw#mjxC&P=^D(RX_4LjToM)BSt<2KwpQFI}BJb^7Ir
z8THb{*>e{U<^Jn${x+x1ojH^{F*G_bI(=kf^4!taE=?SN?GMVQUwirV!85rp{l0qk
z>hRSI(-$UYPN}OGzIO5Q@YO@P^yb6Z=hOW;m0mLQ@}XSFPgN&JV|8Te(u6wLxA*DO
z0|R^2e(V*V89Z?C;QsylpHhPZgZugip6MSPdU|l*@X-F@y#=*8a(LpUGk-jMEE-vT
z9*z#>R$uJZS6}UWbzk4qrL+Be4<0<&KQP!oIQTTKc>40!FV390`t-%iPp;h|nz(%W
z(z)rGb5j=;-|^H-Q&(mV<$$*N8W*NVNAKPEkrKObf!{5?`tr=NiTf}fdG+P;*QY1?
zk4;>jx^n6C1TKGa?aPqgZ+;M82sFdd)aff1CN9o=IXaZXnZ7gU&I}J8h>H6Q2M!cQ
zh6;Q4jtqpw!Qz1^+IL{&;K64O3?5$l?w2oKo;h{#^u*eC&)xs-{@?iB;UkwOPR&eR
zDo;&)ZB2vm<kZa6<;kgOH8|8asDjZ`r_WvFGkaLNt6(QCo%@rCGb5L#E~r#I!{;6W
zVPxpw;o{JNeSokpg+DTKFd8`+9^QZWKs4~o-rVYU&phJQSHD~MKfl`#F#W9C2Xwu5
z3I@cx_pBEO_w0Y-B8>hLto!bN(x%jA>C6(mNZkEbx<;LrW!YAzZFg?$#7~#g+39q3
zyKa~3c6;6F@VYl`_BL<o?(Oyc-rmQ)@P#it_Ph6n*sx(kPj}CD&)dE;o5}9H_lw_l
z=k5|^oQ`XD(jhV=Gom9S?%tv?5*R>ve+cP3bPgQh@kxyP7iPp0;ojNI1817QyZbNH
z-68OdjtqT?KAyk-jf7Ni|A@r$@CJ?JI}e;&r(G#c`Xv6eGXc%`bkwDUJ_&GLz^p=f
zLVrYW5XB$b(rhRX&$4VjdOZ8u6Z#Hdt>cig>ZXtTJ?SJSAja2Jo3u&jVfPa{Y%j1*
zLnh%z7$^3dj|$cv|F{+*@Wjp2>#((KJjBwp$j?H|<l#V60gwq`AyI6eZ2vZW>nP?A
zjpsHW=-T899Aa1y%&NT7<92N<+aqAe1a4Cx%5gUcp^-emZe}%+9jD&ykTef^etYn!
zz_43a6W9wr(ueR<6@KJ@^C9412)1M1Y2T1WQ9_gp$bpea>`R5GK_?02tL`*;WG6t?
zz{&OthusL0$pvh+73e01&vdYn;HOA7L4_t+2Q=UpwvHV11HnjBwIK{1;5{&&&3hFS
z7$%{-!3KM*)^-h3$E#Ddj>jqrDllZoLgA2P0(049^0PXLVK60zhKSjA17f0yV)(E}
zMM0V}_gz_NIeUfTO%MnyyOscCYC-|OLwknfD*CQ*8WKW+>Y%n7%n3pgWLqT-KVN<^
znb~B>gJ{;ol+{FD%%;_zp@kNfuLWddVX{&tD}kFU$b=q)^^kmHQ)M}C+ssZjSvKpA
zo!?qx$kxNM$hW)_UOS2@vIO+!g&O?Kba-+DC9&OCslIz`c8QFNAvavU4zR$+BI}W*
zixg5(dlW)((9)J_-3YDOq-|(PoQIDkplyfTgh1!u3B%HC!*E<PS$#Wk;Nun8l9D+C
zQo;}n$A-aE=_@er#Qdc+%m9hXSAm6hRlDNIPDj?sQT0h>a;EAuCKWjlh|?8{)ce_z
zZCe9l-c9hC+IkU!6lMIPUBOmoy&g-HQZv`7_85l6zV9OMaBV-43Ai935sz6ELw-JG
z%4sIjE>kafHq3hsQ*T5WcCw(FufCBbF$QZV`O&uG^U}5xpiDrcs~;}27W^~?j2CI`
zkW`=iW`!E2;;O2XJgKltAgaX3B#7+{96?i@#Y64nU8aQwjR%0@vW+o|R#=WLA2M)^
znatH0m~!X-+IhRKV8_f=vJ%5|AU&WN(|EF72aL}1?%P$W1DIR`R%<yb+^{B<+Pz2%
z4U<YN$w^s3!cR%X*c^e%WaA&%uy0IDKv*3@--5L>p``YY6o$Q`#Um5lM%at2a$(2q
zo|3SNh=RUVuzF%aJ+X#;3yv#zvR%ZZMezk}V&4P1+Z>|VA9Y)R!Q_7yW!@BCrc~&?
zozaod5qy#Hl<;Fy_dR6_AhSCdlAz-Vl0t(j7?jtBIfD33S^J|Ik?jqAOOKYdHK7F+
zSTB$lFhOKm<KckgYn<);26cF2-3(}rEkwsMholydvt!=o@@U2nf$X`c=;;jNqwYbz
z2aAV<?r9UpK8{F)oQcw2+wXvSIUdATPa4Eqi>!0ZgPrx33(<1Xi&ng-Wa)U6j^HT>
z*Fcc!6D|M&L2&g&{G!XSPj;$$g3y#}kgU;$YQN!7+1l}bU0!XxRXIOb&sB4;)uj_u
z6p0V(@?)o7N0gRwnFu@v8G>+OTVP$r4LPv|9$$_{Nyh`e_^Rk=gSnj^+w6y#XnC|e
zYTd>se3in;&OiuE4)>)O!*N-9S*>ZC2*q^lZ}#ZDGR23oG0wKd=C-dK`B85)aU}ds
zd9-89+p+xISdZoXELs}q`K3Z+GF3z&r^_InAWG7Z-sE4w7=dov(m=O<?*z;cWa7ux
zW|(BF$LZ%I7M-;MDV8k!e~wl>?QL5MeQ&FAC6GzPOe8+MZD4~Bc{}R1MVQt9;JtU^
zgYNj&7;Sqm@;R;jz)$_Dl`uPp-qB4h>n6mahpC8#<O5QHv!GsvEJPYabdtyzS(tmm
zNgrAN3%{bIzp>p7T!}<-k#<&UtwfgI>+jx0j%F6>&iivoUa7&x<nPFF<5q%P1&)fC
z4nzjQ9m2ylPfZcJH^~Y5DCmMn6InMmsSl!U6S@WG&vUuC<gG>Z#l<gHXj~b0r>Z$b
zPs33J!qid48Ep!X({9#r-Kd*9X~`nL%=#S6HhZn-<?a7?orA@jUi1rgV+{%<8ZCnW
zi$%-#VES3opcI`l40r}njCsahqT=4rwtc$;iGZI5+cx1l1mCbq-?6|kW&K<^^t!E5
zq+@NB<1hsEfuBJw`gyoTLeTYi9(u;aPwuHX0dmYAs`2j|iFC?MuC~Ygx<5|38w(p3
zt4`f{tFhqZf=RCR$b6ufW?Z9S{0d$HTckvUY0~0brQ)rgj<7gj`D5fC_hOsLnp!-d
z;6iVh&5X=&s=^Ui7o(r!Aw_GMG9{hm`k<{nSQv+5j=bqM_I-~*6=0oZ;2XOIc4-H`
zm1w26e5R*-rU~xs7>!yhh+_hVD8!guju;>aXRHYj`BVxpTSn3%?4LLBWz#$~ixAV=
zA-;LN!0Zh1MHwF!_*JV!-ZG}m9wzy4UZgImUIWrP^$wtum6}X2q4-u;m8q|m$UEOv
zNlG)VMMpHST*<-gCSU)!nma$2yl+svQjSDnZ|){+O@1JdmO_4!jocuDkkY`6^wbZh
zsie#N!`kI6z75j*M$_ovyX?RSAJ^?3i;yi_b~aN0uuLgz0&H3!^p{#-j2vF*Y%GeR
z1pABq?yOF8{MO3vbh&sWd=u^g1_V;hV6=ze20AH~xLgCrNaq<KX&qZ(Ifb_kDfF24
z0)h3wf5li#v-moe%B_#Q<+J6&$Q8X~r8g>OMxs$*j4f*!O0?`KJH|FBvc9;Fk?T1W
z??u_Nt5OZv`e2LTzD5#A-nLeLMBR;=np;%68<l<7E~?z?AGuY^8B}vYd{s_eYBg#o
zeCEj{@Dh+U5>}oCg+&3*WAiK7@9B1s%Z?SV7r|qNGyEMZ@Zcc?xj0kEgd)no2EA;F
z3Lcf#L>Qwo03~iU1_9VjZq6dlZ^%YIZ`_(hg|!XgW1&8|Z&B`U{QYj^FpZxy7IMM2
zO-)IKN;mu%LX<f~HM3|^AqI|w9#IcKpsS-2hMztc3J#n_N&*MruEoQt%b>Ema=u#c
z$j{w$>Us4&%tg}1N`>nw6;qvuHd9BjQzk^5qdt{TzLLnAsyFfhrc2+dptQo(l@<>f
zENn~`k|&4j^8DQ5?kWVBCWE350iuY9_zQ$=hIy(~m=O~P=~Wk!E83n1K;(X@egpW4
zX@h=cerFyMME3W-83efcWOWgg-B~rrla&c}aTL)Ay+~*DYA``P&q-CgJzx1SKWiF`
zln>y_GHpw@R)QPrZUdlpS8KZ~!2)8)O(?n=<O0J**@SYKBDtnsXU8oTDKiOL90xi%
z8*{?)3XOpQ%i@G6B0G(#4KpOv^$TSS<)6{gn@CNOCm@5#W_uCOV$47sAVjuRCxl|e
zV~!vVx<N6+LGhsT2Ps0kjF894Y|A;CydJM)BWLkKP7=~00wRi6&VU7T2B5B`0OJzH
zN9ifAc+&C~sGmY4HQ7nJDf5*|{V&FyMa+-bNl;bbFST~aps{;VCP)>aVGwmCuV9h2
zYCi9Ijsrr0Eu!X!SqH^XqD~SrIV3T%a>rThTIE1Ew401m1FzHSAp`kwE?C%;)Ksp1
zQJ$}EgaF|*H{r~th)xBHdKNl19)~wov$UD<9oJ?VVy<5FUa+&T*f2!O!YW1hN*mNn
zFfF~J%N8OC@|mTHr~?TNa>6APv$h0AAU*X6S*rwHJ2K$bineWGoBDNosdNJQec4Ao
zOGswg(<CUOR8<7P5<EtqeI=6l-FF%dGruLTWM%h<RUm`(9Qp<*hr&scRh+NXO`?+I
zuc}F(+n{;_AtY#viqQc#sKGZ}L^oBLOMYCU+FW9;M>3d?d^ii4I++{2N#gvOeaEx5
znQ3})_5&ZDj457R;w)9bhruvtzTgeu`>h^@3<MPUA*R7z7<HCW-rgd7t&cV+A3Dz4
zP_VUC%31WN<dVuGoTwXHMW(!MAo~D1plk~|ve^1P3o}PFJdbWnfk|1UqfWzhv?fz|
zsv}8@3c0RjF>anhjungWwb^gEdBir!QxHTGT%z_EYW-jZqoc_*BkK|}WbZ|{@#qsi
zg}G}|kO`d)I@Ct9Qnej|P2OQ2LB%(vXBHe==l^T43?3St6~tStGC(0}9$l+{vrLUl
zF`_MypHK##k;2=GPPV=i&<|)^eLf2dJ6TJRGoVn&wINBBlq(;)`)_wb1sj*F7qOfR
zmou7A4hRaI5wm&~RdUy?nxc89G4E_7MB)&V)#@oJJmqagA;G1mG|F$7f?x?t3^GjN
zA?NvALm{C1-f><JViMe8_E(QsXffH;uS|B8h}+xnU81A%ZK1p^WJzZR{>n?$FoW~y
zWMzr6FQu8xJE#(3mJa9noWYkTHFfo%$SQ_wc@GZD;+uO^woEXOdRkqGoKXmFmS>92
zMltSfk+&QxqcJb3B|^MJPf3*hZlL*w)EOQ@-+l0QpJ5-et0KRY=~o`3ZAL7y6?2j2
z!QnUw4#9sw$7?6#9GQ9Y)h-eQoEFiGxCcNP(*-K5B2`6=4R5X~{KE%t^cnV5U}M1u
zZf)Uiz{q9?!^7m^lhP9jtOpC&j7;dd_Rwa_F*@HvEixk=*d4-#w^d*n2Ws`mxm>Du
z!CJZS_W1?~Ak<(}+=7QdwHS?0-h(ysnR|mXIwobRB;J-lY7n3d^ijN&@(zPhZa9{P
zSKipfujOG)2S6eYudNZhcc0&K2euYs-GSh$3HaS$IZM*?R#=IG*l_f~Fzm;TU0&=P
zBef4#Xlm1fvwDo&-!$u~0CP;JaU4=4_5BCF{+V{QcRWJVE<-SNoqp54^H|y>gH~Ys
zkG43s658VEMxrf%zDvT;;W`$0glw1uTf;535D{-nZ}~Yk!W%;egFJ0}nt{1)Y8G2v
z78j<`gn7#+?F~GP-$-|(g&cW)3$QcE>D)EF&{f!&jLJ#C0JJWT_=Z_Aj^ocWu)qv+
zmvl9UBk@E`sNc}XQdrc5avdfMG0gbWD}kg;)m$+-oihn8F!K&X)?{Gd;1@IaY$TN>
ze0-kKf$7Vbm9AXE(p6MMpn~(ZtPxrkT}$XFs)TrXDe8uwx_t@*gn{=V7}*-IwVmeG
zIRB}yeU?L~#_dI3roaol*by+wV<~|rNvhXJLQAh}!zTCA_v%WyRV>P(9MN_JK0F2C
zIfeFoO+%9$VM5L4+dsrmTpTSIxL53JOG9-+mw<(1F+&n3hOlX_jNpYh>oB-3h?O|p
zK_qKMxIs0jS8Fh1R5hBU)pvf+Vg(f#)Q=SGY#m1DudPx6C0<d8cuoQqw{=PTQMxwC
zLc0<enoCH~w8Z>q9U#$9O>KA8VCJ#Vkj`6ybn1!e1KG&?!eV*|wg(U!jJzGQ-G|?E
z67797`O|rM;&lEGcn{{|i>Qcb$n!`(w3k9mf|#+|QDu1;)bd104C!cPhlkQVS}~by
z#3~cTOv;!3ss{ha-V3DVwybA)7}WkdgAJ6b9Q1o@3M`y=VB?@jS;LZMRvc<mIHa3R
z{k5SY`Y@)>Uw2+99V&qjR(7mtulGksmLLtNin#zY9X4!yaO0}<9QQS}{fqQ>58tY#
zXFC40W4Q5F<0rF=bIDH@cW%7%MP~ClCay^L4Po}01{ZutffVY8NQ^-YZCmX5;JZyN
zo&8aSo)DHjV9`kIVKVP&Oro12vte&3n_6RNWxx&CzRE1kHV;Vb_w(ps<WTi~3ye_N
z2~lAoA#5y_Sx{|C%vCVDJ=L_Q!jf$BfPs}!`2>>=MObZy^&viH)aU}irdVW6N+t11
z2f9&3hz!lVPo>dqLHJYi{@mj0TsIDCa~~<n=UglqbX3}&fLvBtmAb0ZaG{;s73(Ih
zv*A#wP)=736ztx}8*}eNTZY_98O_-OH}FuqF4ME?!KyvKM8^!?$ju&8L#M0;X`zm3
zd8lMUmD2!}CK1pj%In248$Pt$?g7KkR~J$LfBmB>S}9f4?BSvOrm=n<o(EB38I)Hy
zNph8G0*#$Ev=bkG&6HaUWvmkLc9f7u6a?4kJZ>U_V%Y=0uJC|xns})j%7k1ceE2>s
zKZ8V~nhzGxc{*Qro65v93?&V2+$AZ$lI$|?9#2iIR7MLsoL(0WlX<jalext~tVcmX
zJ>ho;FqIep<LLM<uMbDV^+Z}PUyV?FRU1bSa>3~KajZZYippn;Xt`t7Q@{f?$3}tL
zre;lsP$GK%+w9f;O&bxd-Fg}8iZf%#oaec(gcZk!4SuC4zy!m|rL{Jc#FGF$xU>zd
zlJR8iyY2f#!4iKPkw0I}T?}dpO+)1(-+}3CH*K#X_2ETg4M1CLc8=Q6y?prfP%7H#
zsEvyar}1s`zCqqf^>nIfAvu(lS(JxR!m6N?l_X$$bS^tN9c%k=(AUk$Jgj~nnn<pi
z10C=~QIkNK!$N(T=Zj+@7L~yC(HJDX9<&<zf^K`|6|bj!b~=L~gf;@fBLfG;uVL4c
z$h|5*#|kiEXF~vk)gu*Jhk+WB*ORf2)}4#NkF7YP>Zq9FZ)=IrLlCrpwHr|34J7$#
z*9D7j(sEY&k)htVtgY}^VDh^xl)&*psE!^M%R+Ne6wHb>EjKJog|b#QS{GsAt(S{5
zioe1u;ja-!m(cTbp0KsL77H2VP=yH|hk+R^r9w{^O~24C(ZD*GSE>z_GrLV^Rp#HZ
zyxJ}c<?q9;uoOX?H!KIHUk$+h2;7YZDq-v5j43V|z@R*9>?o;gCFn84%*;D1myqBf
zn~3qJNhh%=SW%K*y)GN>V8Fzk#d)%hS^xz(d7CO&?qg+nQ3L+E?0PdRTo*X}5Q$DP
zinCfA3$zBBEkcarbU-T6m^fxo)HOI>$DvTIMcGtSR%P@i6#r3K497iZgD4Um#+1<{
z>xhOQCDI;%E^QG!g~k}h%!2euLyayzT<5_m<6+V*c@Bad)o(SA)_bd)x$Y)sdXu=t
Se+&FLmT}s84TiY;&;JYl<*Yye

literal 0
HcmV?d00001

diff --git a/ui/src/components/ai-chat/KnowledgeSource.vue b/ui/src/components/ai-chat/KnowledgeSource.vue
index 034d5a6c9..a3909955c 100644
--- a/ui/src/components/ai-chat/KnowledgeSource.vue
+++ b/ui/src/components/ai-chat/KnowledgeSource.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="chat-knowledge-source">
-    <div class="flex align-center mt-16" v-if="!isWorkFlow(props.type)">
+    <div class="flex align-center mt-16">
       <span class="mr-4 color-secondary">{{ $t('chat.KnowledgeSource.title') }}</span>
       <el-divider direction="vertical" />
       <el-button type="primary" class="mr-8" link @click="openParagraph(data)">
@@ -9,7 +9,7 @@
         {{ data.paragraph_list?.length || 0 }}</el-button
       >
     </div>
-    <div class="mt-8" v-if="!isWorkFlow(props.type)">
+    <div class="mt-8">
       <el-row :gutter="8" v-if="uniqueParagraphList?.length">
         <template v-for="(item, index) in uniqueParagraphList" :key="index">
           <el-col :span="12" class="mb-8">
@@ -51,11 +51,10 @@
         >
       </div>
       <el-button
-        v-if="isWorkFlow(props.type)"
         type="primary"
         link
         @click="openExecutionDetail(data.execution_details)"
-        style="padding: 0;"
+        style="padding: 0"
       >
         <el-icon class="mr-4"><Document /></el-icon>
         {{ $t('chat.executionDetails.title') }}</el-button
@@ -76,16 +75,16 @@ import { getImgUrl, getNormalizedUrl } from '@/utils/utils'
 const props = defineProps({
   data: {
     type: Object,
-    default: () => {}
+    default: () => {},
   },
   type: {
     type: String,
-    default: ''
+    default: '',
   },
   executionIsRightPanel: {
     type: Boolean,
     required: false,
-  }
+  },
 })
 
 const emit = defineEmits(['openExecutionDetail', 'openParagraph'])
@@ -100,7 +99,7 @@ function openParagraph(row: any, id?: string) {
   ParagraphSourceDialogRef.value.open(row, id)
 }
 function openExecutionDetail(row: any) {
-  if(props.executionIsRightPanel){
+  if (props.executionIsRightPanel) {
     emit('openExecutionDetail')
     return
   }
diff --git a/ui/src/layout/login-layout/LoginContainer.vue b/ui/src/layout/login-layout/LoginContainer.vue
index 0415bdc96..30e951c17 100644
--- a/ui/src/layout/login-layout/LoginContainer.vue
+++ b/ui/src/layout/login-layout/LoginContainer.vue
@@ -2,7 +2,9 @@
   <div class="login-form-container">
     <div class="login-title">
       <div class="logo text-center">
-        <LogoFull height="45px" />
+        <slot name="logo">
+          <LogoFull height="45px" />
+        </slot>
       </div>
       <div class="sub-title text-center" v-if="subTitle">
         <el-text type="info">{{ subTitle }}</el-text>
@@ -16,7 +18,7 @@
 <script setup lang="ts">
 defineProps({
   title: String,
-  subTitle: String
+  subTitle: String,
 })
 </script>
 <style lang="scss" scoped>
@@ -30,7 +32,6 @@ defineProps({
     }
   }
   .login-card {
-    border-radius: 8px;
     padding: 18px;
   }
 }
diff --git a/ui/src/layout/login-layout/UserLoginLayout.vue b/ui/src/layout/login-layout/UserLoginLayout.vue
index 618390d92..f7222795f 100644
--- a/ui/src/layout/login-layout/UserLoginLayout.vue
+++ b/ui/src/layout/login-layout/UserLoginLayout.vue
@@ -7,54 +7,10 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
-import { computed } from 'vue'
-import { getThemeImg } from '@/utils/theme'
-import useStore from '@/stores'
-import { useLocalStorage } from '@vueuse/core'
-import { langList, localeConfigKey, getBrowserLang } from '@/locales/index'
-defineProps({
-  lang: {
-    type: Boolean,
-    default: true,
-  },
-})
-const { user, theme } = useStore()
-
-const changeLang = (lang: string) => {
-  useLocalStorage(localeConfigKey, getBrowserLang()).value = lang
-  window.location.reload()
-}
-
-const currentLanguage = computed(() => {
-  return langList.value?.filter((v: any) => v.value === user.getLanguage())?.[0]?.label
-})
-
-const fileURL = computed(() => {
-  if (theme.themeInfo?.loginImage) {
-    if (typeof theme.themeInfo?.loginImage === 'string') {
-      return theme.themeInfo?.loginImage
-    } else {
-      return URL.createObjectURL(theme.themeInfo?.loginImage)
-    }
-  } else {
-    return ''
-  }
-})
-
-const loginImage = computed(() => {
-  if (theme.themeInfo?.loginImage) {
-    return `${fileURL.value}`
-  } else {
-    const imgName = getThemeImg(theme.themeInfo?.theme)
-    const imgPath = `${window.MaxKB.prefix}/theme/${imgName}.jpg`
-    const imageUrl = new URL(imgPath, import.meta.url).href
-    return imageUrl
-  }
-})
-</script>
+<script setup lang="ts"></script>
 <style lang="scss" scoped>
 .login-warp {
   height: 100vh;
+  background: url('@/assets/chat/user-login-bg.jpg') no-repeat center;
 }
 </style>
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index c074eef04..59fe64aa8 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -230,7 +230,7 @@
                 <AppIcon
                   v-if="paginationConfig.total"
                   iconName="app-chat-record"
-                  class="info mr-8"
+                  class="color-secondary mr-8"
                   style="font-size: 16px"
                 ></AppIcon>
                 <span v-if="paginationConfig.total" class="lighter">
diff --git a/ui/src/views/chat/user-login/ForgotPassword.vue b/ui/src/views/chat/user-login/ForgotPassword.vue
deleted file mode 100644
index f7159979b..000000000
--- a/ui/src/views/chat/user-login/ForgotPassword.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <UserLoginLayout>
-    <LoginContainer :subTitle="$t('theme.defaultSlogan')">
-      <h2 class="mb-24">{{ $t('views.login.resetPassword') }}</h2>
-      <el-form
-        class="reset-password-form"
-        ref="resetPasswordFormRef"
-        :model="resetPasswordForm"
-        :rules="rules"
-      >
-        <div class="mb-24">
-          <el-form-item prop="password">
-            <el-input
-              type="password"
-              size="large"
-              class="input-item"
-              v-model="resetPasswordForm.password"
-              :placeholder="$t('views.login.loginForm.password.placeholder')"
-              show-password
-            >
-            </el-input>
-          </el-form-item>
-        </div>
-        <div class="mb-24">
-          <el-form-item prop="re_password">
-            <el-input
-              type="password"
-              size="large"
-              class="input-item"
-              v-model="resetPasswordForm.re_password"
-              :placeholder="$t('views.login.loginForm.re_password.placeholder')"
-              show-password
-            >
-            </el-input>
-          </el-form-item>
-        </div>
-      </el-form>
-      <el-button size="large" type="primary" class="w-full" @click="resetPassword">{{
-        $t('common.confirm')
-      }}</el-button>
-      <div class="operate-container mt-12">
-        <el-button
-          size="large"
-          class="register"
-          @click="router.push('/login')"
-          link
-          type="primary"
-          icon="ArrowLeft"
-        >
-          {{ $t('views.login.buttons.backLogin') }}
-        </el-button>
-      </div>
-    </LoginContainer>
-  </UserLoginLayout>
-</template>
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import type { ResetPasswordRequest } from '@/api/type/user'
-import LoginContainer from '@/layout/login-layout/LoginContainer.vue'
-import UserLoginLayout from '@/layout/login-layout/UserLoginLayout.vue'
-import { useRouter, useRoute } from 'vue-router'
-import { MsgSuccess } from '@/utils/message'
-import type { FormInstance, FormRules } from 'element-plus'
-import UserApi from '@/api/user/user'
-import { t } from '@/locales'
-const router = useRouter()
-const route = useRoute()
-const {
-  params: { code, email },
-} = route
-const resetPasswordForm = ref<ResetPasswordRequest>({
-  password: '',
-  re_password: '',
-  email: '',
-  code: '',
-})
-
-onMounted(() => {
-  if (code && email) {
-    resetPasswordForm.value.code = code as string
-    resetPasswordForm.value.email = email as string
-  } else {
-    router.push('forgot_password')
-  }
-})
-
-const rules = ref<FormRules<ResetPasswordRequest>>({
-  password: [
-    {
-      required: true,
-      message: t('views.login.loginForm.re_password.requiredMessage'),
-      trigger: 'blur',
-    },
-    {
-      min: 6,
-      max: 20,
-      message: t('views.login.loginForm.password.lengthMessage'),
-      trigger: 'blur',
-    },
-  ],
-  re_password: [
-    {
-      required: true,
-      message: t('views.login.loginForm.re_password.requiredMessage'),
-      trigger: 'blur',
-    },
-    {
-      min: 6,
-      max: 20,
-      message: t('views.login.loginForm.password.lengthMessage'),
-      trigger: 'blur',
-    },
-    {
-      validator: (rule, value, callback) => {
-        if (resetPasswordForm.value.password != resetPasswordForm.value.re_password) {
-          callback(new Error(t('views.login.loginForm.re_password.validatorMessage')))
-        } else {
-          callback()
-        }
-      },
-      trigger: 'blur',
-    },
-  ],
-})
-const resetPasswordFormRef = ref<FormInstance>()
-const loading = ref<boolean>(false)
-const resetPassword = () => {
-  resetPasswordFormRef.value
-    ?.validate()
-    .then(() => UserApi.postResetPassword(resetPasswordForm.value, loading))
-    .then(() => {
-      MsgSuccess(t('common.modifySuccess'))
-      router.push({ name: 'login' })
-    })
-}
-</script>
-<style lang="scss" scoped></style>
diff --git a/ui/src/views/chat/user-login/ResetPassword.vue b/ui/src/views/chat/user-login/ResetPassword.vue
deleted file mode 100644
index b97ac057f..000000000
--- a/ui/src/views/chat/user-login/ResetPassword.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <UserLoginLayout>
-    <LoginContainer :subTitle="$t('theme.defaultSlogan')">
-      <h2 class="mb-24">{{ $t('views.login.resetPassword') }}</h2>
-      <el-form
-        class="reset-password-form"
-        ref="resetPasswordFormRef"
-        :model="resetPasswordForm"
-        :rules="rules"
-      >
-        <div class="mb-24">
-          <el-form-item prop="password">
-            <el-input
-              type="password"
-              size="large"
-              class="input-item"
-              v-model="resetPasswordForm.password"
-              :placeholder="$t('views.login.loginForm.password.placeholder')"
-              show-password
-            >
-            </el-input>
-          </el-form-item>
-        </div>
-        <div class="mb-24">
-          <el-form-item prop="re_password">
-            <el-input
-              type="password"
-              size="large"
-              class="input-item"
-              v-model="resetPasswordForm.re_password"
-              :placeholder="$t('views.login.loginForm.re_password.placeholder')"
-              show-password
-            >
-            </el-input>
-          </el-form-item>
-        </div>
-      </el-form>
-      <el-button size="large" type="primary" class="w-full" @click="resetPassword">{{
-        $t('common.confirm')
-      }}</el-button>
-      <div class="operate-container mt-12">
-        <el-button
-          size="large"
-          class="register"
-          @click="router.push('/login')"
-          link
-          type="primary"
-          icon="ArrowLeft"
-        >
-          {{ $t('views.login.buttons.backLogin') }}
-        </el-button>
-      </div>
-    </LoginContainer>
-  </UserLoginLayout>
-</template>
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import LoginContainer from '@/layout/login-layout/LoginContainer.vue'
-import UserLoginLayout from '@/layout/login-layout/UserLoginLayout.vue'
-import type { ResetPasswordRequest } from '@/api/type/user'
-import { useRouter, useRoute } from 'vue-router'
-import { MsgSuccess } from '@/utils/message'
-import type { FormInstance, FormRules } from 'element-plus'
-import UserApi from '@/api/user/user'
-import { t } from '@/locales'
-const router = useRouter()
-const route = useRoute()
-const {
-  params: { code, email },
-} = route
-const resetPasswordForm = ref<ResetPasswordRequest>({
-  password: '',
-  re_password: '',
-  email: '',
-  code: '',
-})
-
-onMounted(() => {
-  if (code && email) {
-    resetPasswordForm.value.code = code as string
-    resetPasswordForm.value.email = email as string
-  } else {
-    router.push('forgot_password')
-  }
-})
-
-const rules = ref<FormRules<ResetPasswordRequest>>({
-  password: [
-    {
-      required: true,
-      message: t('views.login.loginForm.re_password.requiredMessage'),
-      trigger: 'blur',
-    },
-    {
-      min: 6,
-      max: 20,
-      message: t('views.login.loginForm.password.lengthMessage'),
-      trigger: 'blur',
-    },
-  ],
-  re_password: [
-    {
-      required: true,
-      message: t('views.login.loginForm.re_password.requiredMessage'),
-      trigger: 'blur',
-    },
-    {
-      min: 6,
-      max: 20,
-      message: t('views.login.loginForm.password.lengthMessage'),
-      trigger: 'blur',
-    },
-    {
-      validator: (rule, value, callback) => {
-        if (resetPasswordForm.value.password != resetPasswordForm.value.re_password) {
-          callback(new Error(t('views.login.loginForm.re_password.validatorMessage')))
-        } else {
-          callback()
-        }
-      },
-      trigger: 'blur',
-    },
-  ],
-})
-const resetPasswordFormRef = ref<FormInstance>()
-const loading = ref<boolean>(false)
-const resetPassword = () => {
-  resetPasswordFormRef.value
-    ?.validate()
-    .then(() => UserApi.postResetPassword(resetPasswordForm.value, loading))
-    .then(() => {
-      MsgSuccess(t('common.modifySuccess'))
-      router.push({ name: 'login' })
-    })
-}
-</script>
-<style lang="scss" scoped></style>
diff --git a/ui/src/views/chat/user-login/index.vue b/ui/src/views/chat/user-login/index.vue
index c84087840..10a752da3 100644
--- a/ui/src/views/chat/user-login/index.vue
+++ b/ui/src/views/chat/user-login/index.vue
@@ -1,13 +1,40 @@
 <template>
   <UserLoginLayout v-if="!loading" v-loading="loading">
-    <LoginContainer
-      v-if="chatUser.chat_profile?.authentication_type == 'password'"
-      :subTitle="theme.themeInfo?.slogan || $t('theme.defaultSlogan')"
-    >
+    <LoginContainer v-if="chatUser.chat_profile?.authentication_type == 'password'">
+      <template #logo>
+        <div class="flex-center">
+          <el-avatar
+            v-if="isAppIcon(chatUser.chat_profile?.icon)"
+            shape="square"
+            :size="32"
+            class="mr-8"
+            style="background: none"
+          >
+            <img :src="chatUser.chat_profile?.icon" alt="" />
+          </el-avatar>
+          <LogoIcon v-else height="32px" class="mr-8" />
+          <h4>{{ chatUser.chat_profile?.application_name }}</h4>
+        </div>
+      </template>
       <PasswordAuth></PasswordAuth>
     </LoginContainer>
 
-    <LoginContainer v-else :subTitle="theme.themeInfo?.slogan || $t('theme.defaultSlogan')">
+    <LoginContainer v-else>
+      <template #logo>
+        <div class="flex-center">
+          <el-avatar
+            v-if="isAppIcon(chatUser.chat_profile?.icon)"
+            shape="square"
+            :size="32"
+            class="mr-8"
+            style="background: none"
+          >
+            <img :src="chatUser.chat_profile?.icon" alt="" />
+          </el-avatar>
+          <LogoIcon v-else height="32px" class="mr-8" />
+          <h4>{{ chatUser.chat_profile?.application_name }}</h4>
+        </div>
+      </template>
       <h2 class="mb-24" v-if="!showQrCodeTab">
         {{ loginMode == 'LOCAL' ? $t('views.login.title') : loginMode }}
       </h2>
@@ -75,17 +102,6 @@
         >
           {{ $t('views.login.buttons.login') }}
         </el-button>
-        <div class="operate-container flex-between mt-12">
-          <el-button
-            :loading="loading"
-            class="forgot-password"
-            @click="router.push('/forgot_password')"
-            link
-            type="primary"
-          >
-            {{ $t('views.login.forgotPassword') }}?
-          </el-button>
-        </div>
       </div>
       <div v-if="showQrCodeTab">
         <QrCodeTab :tabs="orgOptions" />
@@ -147,7 +163,7 @@ import { useI18n } from 'vue-i18n'
 import QrCodeTab from '@/views/login/scanCompinents/QrCodeTab.vue'
 import { MsgConfirm, MsgError } from '@/utils/message.ts'
 import PasswordAuth from '@/views/chat/auth/component/password.vue'
-import useUserStore from '@/stores/modules/user.ts'
+import { isAppIcon } from '@/utils/common'
 
 const router = useRouter()
 const { login, user, theme, chatUser } = useStore()
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index bd20e1cb6..4d9e88b42 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -36,8 +36,8 @@ export default defineConfig((conf: any) => {
   const ENV = loadEnv(mode, envDir)
   const proxyConf: Record<string, string | ProxyOptions> = {}
   proxyConf['/admin/api'] = {
-    target: 'http://47.92.195.88:8080/',
-    // target: 'http://127.0.0.1:8080',
+    // target: 'http://47.92.195.88:8080/',
+    target: 'http://127.0.0.1:8080',
     changeOrigin: true,
   }
   proxyConf['/oss'] = {