feats

src/components/Auth.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { View } from '@tarojs/components';
+import { useModel } from '@/store';
+
+export default (props) => {
+  const { roles = [] } = props;
+  const { user } = useModel('user');
+
+  const targets = user?.dutyList || [];
+
+  let hasRights = false;
+  for(let role of roles) {
+    if (hasRights) {
+      continue;
+    }
+
+    const found = targets.indexOf(role) > -1;
+    if (found) {
+      hasRights = found;
+    }
+  }
+
+  return hasRights ? props.children : (
+    <View style={{width: '100%', height: '100%', display: 'grid', placeItems: 'center'}}>
+      <View>暂无权限</View>
+    </View>
+  );
+}

src/layouts/index.jsx

@@ -2,10 +2,11 @@ import React from 'react';
 import { View } from '@tarojs/components';
 import { useModel } from '@/store';
 import { Loading } from '@antmjs/vantui';
+import Auth from '@/components/Auth';
 import laySty from './layout.module.less';
 
 export default (props) => {
-  const { className, style } = props;
+  const { className, style, roles } = props;
 
   const { person } = useModel('user');
 
@@ -16,13 +17,15 @@ export default (props) => {
       {
         !person && (
           <View className={laySty.loading}>
-             <Loading size="32px" vertical>
+            <Loading size="32px" vertical>
               加载中...
             </Loading>
           </View>
         )
       }
+      <Auth roles={roles}>
       {props.children}
+      </Auth>
     </View>
   )
 }

src/utils/user.js

@@ -0,0 +1,15 @@
+
+// 督察员
+export const ROLE_INSPECTOR = 'inspector';
+
+// 管理员
+export const ROLE_MANAGER = 'manager';
+
+// 单位人员
+export const ROLE_ORG_USER = 'org_user';
+
+// 查询员
+export const ROLE_QUERY_PERSON = 'query_person';
+
+// 市民
+export const ROLE_CITIZEN = 'citizen';