slider

frontend/src/layouts/components/Header.jsx

@@ -66,12 +66,23 @@ function Headers({ currentUser, children, broken }) {
         <Dropdown
           menu={{
             items,
-            onClick:(e)=>{
-                if(e.key === "1"){
-                    history.push("/mycenter")
+            onClick: (e) => {
+              switch (e.key) {
+                case 1:
+                  history.push("/mycenter");
+                  break;
+                case 4:
+                  doFetch({ url: "/webtool/logout", params: {} }).then(
+                    (res) => {
+                      localStorage.removeItem("TOKENES");
+                      history.push("/user/login");
                     }
-
+                  );
+                  break;
+                default:
+                  break;
               }
+            },
           }}
           placement="bottom"
         >

frontend/src/layouts/layout.jsx

@@ -30,8 +30,8 @@ const items = [UserOutlined, VideoCameraOutlined].map((icon, index) => ({
 }));
 
 const Dashboard = () => {
-  const collapsed = true;
-  const [collapseds, setCollapsed] = useState(false);
+  // const collapsed = true;
+  const [collapsed, setCollapsed] = useState(false);
   const [broken, setbroken] = useState(false);
   const [open, setopen] = useState(false);
   const {
@@ -46,7 +46,8 @@ const Dashboard = () => {
   const { mode } = useOutletContext();
   const { pathname } = useLocation();
 
-  const MenuDOM = (
+  const MenuDOM = (drawer) => {
+    return (
       <div
         style={{
           backgroundColor: colorBgDeep,
@@ -108,6 +109,7 @@ const Dashboard = () => {
             inlineIndent={12}
           />
         </div>
+        {drawer ?? (
           <div
             className="spread"
             style={{
@@ -116,7 +118,8 @@ const Dashboard = () => {
               flexDirection: collapsed && !open ? "column" : "row",
             }}
           >
-        <Tooltip title="退出登录" placement="right">
+            <div></div>
+            {/* <Tooltip title="退出登录" placement="right">
             <div
               className="sorts"
               onClick={() => {
@@ -128,7 +131,7 @@ const Dashboard = () => {
             >
               <LogoutOutlined style={{ fontSize: 18, color: "#ff4800" }} />
             </div>
-        </Tooltip>
+          </Tooltip> */}
             <div style={{ marginTop: collapsed ? 14 : 0 }}>
               <div className="sorts">
                 {React.createElement(
@@ -142,8 +145,10 @@ const Dashboard = () => {
               </div>
             </div>
           </div>
+        )}
       </div>
     );
+  };
 
   return (
     <Layout hasSider className="contained">
@@ -160,13 +165,14 @@ const Dashboard = () => {
         width={200}
         getContainer={false}
       >
-        {MenuDOM}
+        {MenuDOM(true)}
       </Drawer>
       <Sider
         breakpoint="lg"
         onBreakpoint={(broken) => {
           setCollapsed(broken);
           setbroken(broken);
+          broken === false && setopen(broken);
         }}
         style={{
           overflow: "auto",
@@ -178,7 +184,7 @@ const Dashboard = () => {
         collapsed={collapsed}
         collapsedWidth={broken ? 0 : 78}
       >
-        {!broken && MenuDOM}
+        {!broken && MenuDOM()}
       </Sider>
       <Layout style={{ background: colorBgContainer }}>
         <Headers currentUser={currentUser} broken={broken}>