左侧菜单和右上角管理员模块优化

src/pages/login/index.tsx

@@ -17,7 +17,7 @@ import "./login.less";
 export const Login: React.FC = () => {
   const dispatch = useDispatch();
   const navigate = useNavigate();
-  const [loading, setLoading] = useState<boolean>(true);
+  const [loading, setLoading] = useState<boolean>(false);
   const [image, setImage] = useState<string>("");
   const [email, setEmail] = useState<string>("");
   const [password, setPassword] = useState<string>("");
@@ -50,13 +50,15 @@ export const Login: React.FC = () => {
   };
 
   const handleSubmit = () => {
+    if (loading) {
+      return;
+    }
     setLoading(true);
     login
       .login(email, password, captcha_key, captcha_val)
       .then((res: any) => {
         const token = res.data.token;
         setToken(token);
-
         getUser();
       })
       .catch((e) => {

src/pages/system/administrator/create.tsx

@@ -4,7 +4,6 @@ import styles from "./create.module.less";
 import { adminUser } from "../../../api/index";
 import { useNavigate } from "react-router-dom";
 import { BackBartment } from "../../../compenents";
-import { PerButton } from "../../../compenents";
 
 export const AdministratorCreatePage: React.FC = () => {
   const navigate = useNavigate();
@@ -80,24 +79,14 @@ export const AdministratorCreatePage: React.FC = () => {
               autoComplete="off"
             >
               <Form.Item label="角色" name="roleIds">
-                <div className="d-flex">
-                  <Select
-                    style={{ width: 300 }}
-                    mode="multiple"
-                    allowClear
-                    placeholder="请选择角色"
-                    onChange={handleChange}
-                    options={roles}
-                  />
-                  <PerButton
-                    type="link"
-                    text="角色管理"
-                    class="c-red"
-                    icon={null}
-                    p="admin-role"
-                    onClick={() => navigate(`/system/adminroles`)}
-                  />
-                </div>
+                <Select
+                  style={{ width: 300 }}
+                  mode="multiple"
+                  allowClear
+                  placeholder="请选择角色"
+                  onChange={handleChange}
+                  options={roles}
+                />
               </Form.Item>
               <Form.Item
                 label="姓名"

src/pages/system/administrator/update.tsx

@@ -4,7 +4,6 @@ import styles from "./update.module.less";
 import { adminUser } from "../../../api/index";
 import { useParams, useNavigate } from "react-router-dom";
 import { BackBartment } from "../../../compenents";
-import { PerButton } from "../../../compenents";
 
 export const AdministratorUpdatePage: React.FC = () => {
   const params = useParams();
@@ -98,24 +97,14 @@ export const AdministratorUpdatePage: React.FC = () => {
               autoComplete="off"
             >
               <Form.Item label="角色" name="roleIds">
-                <div className="d-flex">
-                  <Select
-                    style={{ width: 300 }}
-                    mode="multiple"
-                    allowClear
-                    placeholder="请选择角色"
-                    onChange={handleChange}
-                    options={roles}
-                  />
-                  <PerButton
-                    type="link"
-                    text="角色管理"
-                    class="c-red"
-                    icon={null}
-                    p="admin-role"
-                    onClick={() => navigate(`/system/adminroles`)}
-                  />
-                </div>
+                <Select
+                  style={{ width: 300 }}
+                  mode="multiple"
+                  allowClear
+                  placeholder="请选择角色"
+                  onChange={handleChange}
+                  options={roles}
+                />
               </Form.Item>
               <Form.Item
                 label="姓名"

src/pages/system/adminroles/index.tsx

@@ -6,7 +6,6 @@ import { PlusOutlined, ReloadOutlined } from "@ant-design/icons";
 import { adminRole } from "../../../api/index";
 import { dateFormat } from "../../../utils/index";
 import { Link, useNavigate } from "react-router-dom";
-import { BackBartment } from "../../../compenents";
 
 interface DataType {
   id: React.Key;
@@ -89,9 +88,6 @@ export const SystemAdminrolesPage: React.FC = () => {
   return (
     <>
       <div className="playedu-main-body">
-        <div className="float-left mb-24">
-          <BackBartment title="管理员角色" />
-        </div>
         <div className="float-left j-b-flex mb-24">
           <div className="d-flex">
             <Link