权限校验以及测试问题处理

config/config.ts

@@ -375,6 +375,9 @@ export default defineConfig({
     {
       component: './404',
     },
+    {
+      component: './403',
+    },
   ],
   // Theme for antd: https://ant.design/docs/react/customize-theme-cn
 

src/components/TableShow/TableShow.tsx

 import React, { useEffect } from 'react';
-import { Row, Col, Table, Space, Tabs, Button } from 'antd';
+import { Row, Col, Table, Space, Tabs, Button, message } from 'antd';
 const { TabPane } = Tabs;
 
 import { objectColumns } from '@/utils/string';
@@ -9,6 +9,11 @@ const TableShow = (props: any) => {
 
   const dataRow = data.rows;
   const goTo = (values: any, e: any) => {
+    const permissionArr = JSON.parse(localStorage.getItem('permission') || '[]');
+    if (permissionArr.indexOf('6') < 0) {
+      message.error('No Permissions!!!', 3);
+      return;
+    }
     console.log(values);
     props.onSubmit(values);
   };

src/layouts/SecurityLayout.tsx

 import React from 'react';
 import { PageLoading } from '@ant-design/pro-layout';
-import { Redirect, connect, ConnectProps, StateType, history } from 'umi';
+import { Redirect, connect, ConnectProps, StateType, history, Link } from 'umi';
 import { stringify } from 'querystring';
 import { ConnectState } from '@/models/connect';
 import { CurrentUser } from '@/models/user';
 import { getCookie } from '@/utils/method';
+import { Result, Button } from 'antd';
 
 interface SecurityLayoutProps extends ConnectProps {
   loading?: boolean;
@@ -46,12 +47,73 @@ class SecurityLayout extends React.Component<SecurityLayoutProps, SecurityLayout
   // }
 
   render() {
-    const { isReady, token } = this.state;
-    const { children, loading, currentUser, login } = this.props;
+    const { children, loading } = this.props;
     // You can replace it to your authentication rule (such as check token exists)
     // 你可以把它替换成你自己的登录认证规则（比如判断 token 是否存在）
 
-    // console.log("是否已登录" + getCookie("token"))
+    const perList = [
+      {
+        path: '/UserManagement/LIFEUserManagement',
+        key: '1',
+      },
+      {
+        path: '/UserManagement/ServiceProviderManagement',
+        key: '8',
+      },
+      {
+        path: '/PropertyManagement',
+        key: '15',
+      },
+      {
+        path: '/CommercialService/CommunityMaintenance',
+        key: '17',
+      },
+      {
+        path: '/CommercialService/OwnerComplaints',
+        key: '20',
+      },
+      {
+        path: '/CommercialService/ProblemFeedback',
+        key: '23',
+      },
+      {
+        path: '/CommercialService/RenovationApplication',
+        key: '26',
+      },
+      {
+        path: '/CommercialService/AccessCardApplication',
+        key: '29',
+      },
+      {
+        path: '/CommercialService/ReportOnline',
+        key: '33',
+      },
+      {
+        path: '/CommercialService/ShelfLifeService',
+        key: '36',
+      },
+    ];
+
+    const permission = JSON.parse(localStorage.getItem('permission') || '[]');
+    console.log('验证权限' + location.pathname);
+    console.log('拿取所有权限' + permission);
+    // 判断是否有权限
+    // if (perList.indexOf("")) {
+
+    // }
+
+    let perObj = perList.filter((obj) => {
+      return obj.path === location.pathname;
+    });
+
+    console.log(perObj);
+
+    if (perObj.length !== 0) {
+      if (permission.indexOf(perObj[0].key) < 0) {
+        console.log('无权限');
+        history.push('/403');
+      }
+    }
 
     // const isLogin = currentUser && currentUser.name;//isLogin为关键点
     var isLogin = false;

src/pages/403.tsx

+import { Button, Result } from 'antd';
+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>
+    }
+  />
+);
+
+export default NoFoundPage;

src/pages/UserManagement/LIFEUserManagement/Users.tsx

@@ -10,8 +10,7 @@ import TitleSearch from '../../../components/TitleSearch/TitleSearch';
 
 import { timestampToTime } from '../../../utils/time';
 import { RA, getCookie, URL, filterObjbyTg, urlEncode, filterObj } from '@/utils/method';
-
-console.log('检查是否有权限');
+import { remove } from 'lodash';
 
 const module = 'User';
 const module2 = 'History';

src/pages/UserManagement/LIFEUserManagement/UsersDetail.tsx

@@ -32,7 +32,7 @@ const UsersDetail = (props: any) => {
   const MemberResultClear = () => {
     dispatch({ type: 'User/MemberResultClear' });
   };
-
+  const permissionArr = JSON.parse(localStorage.getItem('permission') || '[]');
   const [memberDetail, setMemberDetail] = useState(false);
   const [memberData, setMemberData] = useState(null as any);
   const [editFlag, setEditFlag] = useState(false);
@@ -140,7 +140,6 @@ const UsersDetail = (props: any) => {
   };
 
   const deleteUnit = (values: any) => {
-    const permissionArr = JSON.parse(localStorage.getItem('permission') || '[]');
     if (permissionArr.indexOf('5') < 0) {
       message.error('No Permissions!!!', 3);
       return;
@@ -169,6 +168,10 @@ const UsersDetail = (props: any) => {
 
   const DeleteMember = (values: any, e: any) => {
     console.log(values);
+    if (permissionArr.indexOf('7') < 0) {
+      message.error('No Permissions!!!', 3);
+      return;
+    }
     RA(39, { id: values.id, ownerId: values.owner_id });
   };