From 872f5baca8278f5f67d88e1569369d9174106e3b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Thu, 23 Mar 2023 17:43:41 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A4=B4=E9=83=A8=E5=88=9D?= =?UTF-8?q?=E6=AD=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/iconfont/iconfont.css | 18 +++++- src/assets/iconfont/iconfont.ttf | Bin 7328 -> 7880 bytes src/assets/iconfont/iconfont.woff | Bin 4660 -> 5108 bytes src/assets/iconfont/iconfont.woff2 | Bin 3976 -> 4360 bytes src/compenents/header/index.module.scss | 27 ++++++++ src/compenents/header/index.tsx | 79 ++++++++++++++++++++++++ src/compenents/index.ts | 3 +- src/index.scss | 13 +++- src/pages/init/index.module.scss | 3 + src/pages/init/index.tsx | 7 ++- src/store/user/loginUserSlice.ts | 1 - 11 files changed, 144 insertions(+), 7 deletions(-) create mode 100644 src/compenents/header/index.module.scss create mode 100644 src/compenents/header/index.tsx create mode 100644 src/pages/init/index.module.scss diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css index ef30ad7..c39e67c 100644 --- a/src/assets/iconfont/iconfont.css +++ b/src/assets/iconfont/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 3943555 */ - src: url('iconfont.woff2?t=1679275935231') format('woff2'), - url('iconfont.woff?t=1679275935231') format('woff'), - url('iconfont.ttf?t=1679275935231') format('truetype'); + src: url('iconfont.woff2?t=1679564530649') format('woff2'), + url('iconfont.woff?t=1679564530649') format('woff'), + url('iconfont.ttf?t=1679564530649') format('truetype'); } .iconfont { @@ -13,6 +13,18 @@ -moz-osx-font-smoothing: grayscale; } +.icon-icon-tips:before { + content: "\e74a"; +} + +.icon-icon-fold:before { + content: "\e749"; +} + +.icon-icon-12:before { + content: "\e748"; +} + .icon-waterprint:before { content: "\e747"; } diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf index d3e0d7d88e5901410c411b1709336cc987865cc3..cade380caf14e048544d1a2018b58d2e89e2ee6c 100644 GIT binary patch delta 1515 zcmaizOKclu5XWbB?OogJuJhPkM_$`?yvaK6hvRtd_>nlINl23_K!j+31e4ZDP|{d5 zNKJ&WIDj}*ZILTbC4`DN(nCZ}pbCMIDsJV#Awozz4lF{sm4bwtm|1TN7Z5A`zMb#; zX68RLtG${2DtAq*Gy>pd0C-_#vse~x9sUZyj1jx58#|>x7pE5i9KQf4vuo#z=Zu4& zek9)?h~yd_1SS8sWZx#*);6~2Hm&N zK60VBdA{MpKz0v6O_1PfdF$f#73W*`07CDPQ|H^awNV+6e2JxqJh$x2-Uq=!2UJ4g z?#qwfwOXyxVz95%-UWVPcm=iYC0+^?4s2MOPZKy3Ur);btm^2~_Y8A}KZLIN|GdA{c zNgrNG;kWbnbCIT$%fff0}>C6>xpyo^jvt1U;8M2ZC-Ts@-9~WM`?DFi<%d z#e%-)1Hndl0>yBb&?L2-Y>Eoa%s9&3nUm^pmxL;NI!AH$ z*GrjvK2tZcxuc>O)KxVmK2ZH)haw1(P@m?N)Q~JQDEh)$INhx^Zc2|b2=D5Bgbg)xbr;0Hc>j+dMJy8?l({$^YdqHR$D7kr%5=|6hL-yzc{ zu|{6oXRoup5P$*5!7R-u=?^m}QK2#LoYoqp=?o`ENy2dIbml`&u8_u1tC45=Nt2C- zQ4*2nm&l_(Dk5EG=%?&saP`KGkz&CkxSN~i2D~SZ=Leo@39y21X943^uZ}Hxyciq^ z;$B0rTXJ|ki+58?hOtz(mXwx>Ml%|xr6PbyeS0LQno9&-4E;Pc{FC`rqQPulnD2pj`b_ZPQRf85MA^uWViD-Ci$W Vw5`(C#yP%zHW;sduYN&)D3t&J delta 942 zcmchTO-vI(6vy9mcW1kW($X$$3(}Srs}MCHgaW0uMLs+l6TcD@tO(SE!Y1~BiAkfu zn+MEZJgJe32M;J$V#383Ps9rs55$8*j0X>TF^2lzPE5RbbzgpO=FQG~??3Nd?%C*i zs+J*Q4~gjdT%}|myxn*}1Jlv%;N4o7%t=Bh-vL% zzYTiImFnuXsrn)6eMNk3X=SdI`;zHH{u<(RrL=0ZtOxa31aV@yRGANMbc}BjMf=fk z(O$V-)n8i>)A<;e^hevNe25tCf}p?s;%s322Q{fUfP`E*{%5V%>$ONmxrf+G9`_WV zn-_9o%=TyrXPxEQjI+xU&M$U(w%Yhfv`k84cLJ*q8C6ng0%0+i{htIekvD?>2 zP1H<&YM}rHsg(@kq&J!>_^-KHj5|A?pU$qws5K*l=wrhZZljjO?IuPfs7PW|g4!g; zBg#Y0n1cAoV02CY-gUVk{ueMXaMS;5}^ zSX$?75Se4C)ELrf>uJj;Lm8r?t1R)ivVng{Tl`Pbw&KwzDhoMpx_THnT5RVx0T#9v diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff index aab9bdf83129e4c45a734f643083663668db6249..e59d19d3d8d3b8436cddfe2f0ea5f65ae19a26f3 100644 GIT binary patch delta 4703 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 GDgXc{>jioM diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2 index 699058c99c34d8b592f25491651ce9225c256c73..d2c4afffcfeab050310546210ec7608a8b2b3ffe 100644 GIT binary patch literal 4360 zcmV+j5%=zQPew8T0RR9101*fP3jhEB03OHy01&zW0RR9100000000000000000000 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 diff --git a/src/compenents/header/index.module.scss b/src/compenents/header/index.module.scss new file mode 100644 index 0000000..295b10f --- /dev/null +++ b/src/compenents/header/index.module.scss @@ -0,0 +1,27 @@ +.app-header { + width: 100%; + position: sticky; + top: 0; + left: 0; + right: 0; + height: 60px; + background: #ffffff; + box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04); + .main-header { + width: 1200px; + height: 60px; + line-height: 60px; + display: flex; + align-items: center; + justify-content: space-between; + margin: 0 auto; + .App-logo { + width: auto; + height: 40px; + img { + width: auto; + height: 40px; + } + } + } +} diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx new file mode 100644 index 0000000..1314375 --- /dev/null +++ b/src/compenents/header/index.tsx @@ -0,0 +1,79 @@ +import React from "react"; +import styles from "./index.module.scss"; +import { Button, Dropdown, MenuProps } from "antd"; +import { useDispatch, useSelector } from "react-redux"; +import { Link, useNavigate } from "react-router-dom"; +import { logoutAction } from "../../store/user/loginUserSlice"; + +export const Header: React.FC = () => { + const dispatch = useDispatch(); + const navigate = useNavigate(); + const user = useSelector((state: any) => state.loginUser.value.user); + const config = useSelector((state: any) => state.systemConfig.value); + + const onClick: MenuProps["onClick"] = ({ key }) => { + if (key === "login_out") { + dispatch(logoutAction()); + navigate("/login"); + } else if (key === "change_password") { + navigate("/change-password"); + } + }; + + const items: MenuProps["items"] = [ + { + label: "个人中心", + key: "user_center", + icon: ( + + ), + }, + { + label: "修改密码", + key: "change_password", + icon: ( + + ), + }, + { + label: "退出登录", + key: "login_out", + icon: ( + + ), + }, + ]; + + return ( +
+
+
+ + + +
+
+ + +
+ {user.name && ( + + )} + {user.name} +
+
+
+
+
+
+ ); +}; diff --git a/src/compenents/index.ts b/src/compenents/index.ts index 877f643..1105655 100644 --- a/src/compenents/index.ts +++ b/src/compenents/index.ts @@ -1,2 +1,3 @@ export * from "./footer"; -export * from "./no-header"; \ No newline at end of file +export * from "./no-header"; +export * from "./header"; \ No newline at end of file diff --git a/src/index.scss b/src/index.scss index 38e2d6b..0c12be5 100644 --- a/src/index.scss +++ b/src/index.scss @@ -30,7 +30,7 @@ a:hover { body { margin: 0; display: flex; - place-items: center; + // place-items: center; min-width: 320px; min-height: 100vh; } @@ -252,3 +252,14 @@ button:focus-visible { } } } + +.c-admin { + font-size: 14px; + font-weight: 400; + color: rgba(0, 0, 0, 0.88); + line-height: 24px; + cursor: pointer; + &:hover { + opacity: 0.8; + } +} diff --git a/src/pages/init/index.module.scss b/src/pages/init/index.module.scss new file mode 100644 index 0000000..d2ace23 --- /dev/null +++ b/src/pages/init/index.module.scss @@ -0,0 +1,3 @@ +.cont-top{ + width: 100%; +} \ No newline at end of file diff --git a/src/pages/init/index.tsx b/src/pages/init/index.tsx index 3733b77..91ab458 100644 --- a/src/pages/init/index.tsx +++ b/src/pages/init/index.tsx @@ -1,6 +1,8 @@ import { useDispatch } from "react-redux"; import { Outlet } from "react-router-dom"; +import styles from "./index.module.scss"; import { saveConfigAction } from "../../store/system/systemConfigSlice"; +import { Header } from "../../compenents"; interface Props { config: Map; @@ -12,7 +14,10 @@ export const InitPage = (props: Props) => { return ( <> - +
+
+ +
); }; diff --git a/src/store/user/loginUserSlice.ts b/src/store/user/loginUserSlice.ts index effcebc..29f10f4 100644 --- a/src/store/user/loginUserSlice.ts +++ b/src/store/user/loginUserSlice.ts @@ -19,7 +19,6 @@ const loginUserSlice = createSlice({ }, reducers: { loginAction(stage, e) { - console.log(e); stage.value.user = e.payload.user; stage.value.departments = e.payload.departments; stage.value.isLogin = true;