添加了相关测试文件，引入Tailwindcss
Change-Id: I12054143571bb688590af0357125a0ed26ff2050
diff --git a/src/routes/PermissionRoute.jsx b/src/routes/PermissionRoute.jsx
new file mode 100644
index 0000000..b390011
--- /dev/null
+++ b/src/routes/PermissionRoute.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Navigate } from 'react-router-dom';
+
+const PermissionRoute = ({ requiredRoles, children }) => {
+ // 从localStorage获取用户信息
+ const user = JSON.parse(localStorage.getItem('user') || '{}');
+ const userRole = user.role || 'guest';
+
+ // 检查用户是否有所需角色
+ if (requiredRoles.includes(userRole)) {
+ return children;
+ }
+
+ // 如果没有权限，重定向到未授权页面
+ return <Navigate to="/unauthorized" replace />;
+};
+
+export default PermissionRoute;
\ No newline at end of file