feat: 项目列表展示当前用户对应项目的对应权限

src/hooks/usePass.ts

@@ -9,6 +9,13 @@ const roleList: any[] = [
   { OWNER: 4 }
 ]
 
+export const roleMap = {
+  VIEWER: '查看者',
+  USER: '研究员',
+  MANAGER: '管理员',
+  OWNER: '所有者',
+}
+
 const usePass = () => {
   const { permissionStore } = useStores();
   const { currentProjectStore } = useStores();

src/views/Project/components/ProjectListPopper/index.tsx

@@ -31,10 +31,31 @@ const ProjectListPopper = observer((props: any) => {
 		setName(e.target.value);
 	};
 
+	const getPower = (projectRole: string) => {
+		if (projectRole === "VIEWER") {
+			return "查看者";
+		} else if (projectRole === "USER") {
+			return "研究员";
+		} else if (projectRole === "MANAGER") {
+			return "管理员";
+		} else if (projectRole === "OWNER") {
+			return "所有者";
+		} else {
+			return "";
+		}
+	};
+
 	const list = useMemo(() => {
-		return projectList.filter((item: any) => {
-			return item.name?.indexOf(name) !== -1;
-		});
+		return projectList
+			.filter((item: any) => {
+				return item.name?.indexOf(name) !== -1;
+			})
+			.map((item) => {
+				return {
+					...item,
+					power: getPower(item.projectRole || ""),
+				};
+			});
 	}, [projectList, name]);
 	console.log(list);
 
@@ -105,7 +126,7 @@ const ProjectListPopper = observer((props: any) => {
 										<div className={style.projectName}>{item.name}</div>
 										<div className={style.projectOwnerTime}>
 											<span className={style.projectOwner} title={item.owner}>
-												{item.owner}
+												{item.power}
 											</span>
 											<span className={style.projectTime}>
 												{moment(item.createdAt).format("YYYY-MM-DD")}