403页面样式修改，权限等级编辑、详情展示修改

Signed-off-by: cellee <893264950@qq.com>

src/pages/403.tsx

@@ -3,16 +3,22 @@ import React from 'react';
 import { history } from 'umi';
 
 const NoFoundPage: React.FC<{}> = () => (
-  <Result
-    status="403"
-    title="403"
-    subTitle="Sorry, you are not authorized to access this page."
-    extra={
-      <Button type="primary" onClick={() => history.push('/')}>
-        Back Home
-      </Button>
-    }
-  />
+  <div style={{ textAlign: 'center', paddingBottom: 50 }}>
+    <Result
+      status="403"
+      // title="403"
+      subTitle=""
+    >
+      <div className="desc">
+        <p style={{ color: '#f00', textTransform: 'capitalize' }}>
+          Sorry, you are not authorized to access this page.
+        </p>
+      </div>
+    </Result>
+    <Button type="primary" onClick={() => history.push('/')}>
+      Back Home
+    </Button>
+  </div>
 );
 
 export default NoFoundPage;

src/pages/AccountManagement/account/AccountEdit.tsx

 import React, { useState, useEffect, useRef } from 'react';
-import { Form, Input, Button, message, Descriptions, Spin, Tree, Radio, Select, Modal } from 'antd';
+import { Form, Input, Button, message, Descriptions, Spin, Tree, Tag, Select, Modal } from 'antd';
 import { connect, history } from 'umi';
-import { EditOutlined, LeftOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+import {
+  EditOutlined,
+  LeftOutlined,
+  ExclamationCircleOutlined,
+  ApartmentOutlined,
+} from '@ant-design/icons';
 
 import './Account.less';
 import { zhCnFaci, enUsFaci } from '@/utils/power';
@@ -404,32 +409,22 @@ const Account = (props: any) => {
             <div className="label">
               <span className="title">Privilege Level：</span>
             </div>
-            <div className="label">
-              <Radio.Group value={values} onChange={onRadio}>
-                <Radio style={radioStyle} disabled value={2}>
-                  Two Level Administrator
-                </Radio>
-                <Radio style={radioStyle} disabled value={3}>
-                  Three Level Administrator
-                </Radio>
-              </Radio.Group>
+            <div className="label" style={{ lineHeight: '32px' }}>
+              {values == 2 ? (
+                <Tag color="processing" icon={<ApartmentOutlined />}>
+                  Two Level
+                </Tag>
+              ) : (
+                <Tag color="processing" icon={<ApartmentOutlined />}>
+                  Three Level
+                </Tag>
+              )}
 
               {/* 选择挂靠的二级菜单 */}
-              {values === 3 && user.currentUser.userModel.tosUserLevel <= 1 ? (
-                <Select
-                  style={{ width: 260 }}
-                  placeholder="Please select affiliated account"
-                  disabled
-                  defaultValue={DataSave.userLeader}
-                >
-                  {DataSave ? (
-                    <Option key={DataSave.userLeader} value={DataSave.userLeader}>
-                      {DataSave.userLeaderAccountName}-{DataSave.userLeaderName}
-                    </Option>
-                  ) : (
-                    ''
-                  )}
-                </Select>
+              {values === 3 ? (
+                <Tag color="default">
+                  {DataSave.userLeaderAccountName}--{DataSave.userLeaderName}
+                </Tag>
               ) : (
                 ''
               )}