Features - User Management (Phase 4.1): - Database: Add user_modules table for fine-grained module permissions - Database: Add 4 user permissions (view/create/edit/delete) to role_permissions - Backend: UserService (780 lines) - CRUD with tenant isolation - Backend: UserController + UserRoutes (648 lines) - 13 API endpoints - Backend: Batch import users from Excel - Frontend: UserListPage (412 lines) - list/filter/search/pagination - Frontend: UserFormPage (341 lines) - create/edit with module config - Frontend: UserDetailPage (393 lines) - details/tenant/module management - Frontend: 3 modal components (592 lines) - import/assign/configure - API: GET/POST/PUT/DELETE /api/admin/users/* endpoints Architecture Upgrade - Module Permission System: - Backend: Add getUserModules() method in auth.service - Backend: Login API returns modules array in user object - Frontend: AuthContext adds hasModule() method - Frontend: Navigation filters modules based on user.modules - Frontend: RouteGuard checks requiredModule instead of requiredVersion - Frontend: Remove deprecated version-based permission system - UX: Only show accessible modules in navigation (clean UI) - UX: Smart redirect after login (avoid 403 for regular users) Fixes: - Fix UTF-8 encoding corruption in ~100 docs files - Fix pageSize type conversion in userService (String to Number) - Fix authUser undefined error in TopNavigation - Fix login redirect logic with role-based access check - Update Git commit guidelines v1.2 with UTF-8 safety rules Database Changes: - CREATE TABLE user_modules (user_id, tenant_id, module_code, is_enabled) - ADD UNIQUE CONSTRAINT (user_id, tenant_id, module_code) - INSERT 4 permissions + role assignments - UPDATE PUBLIC tenant with 8 module subscriptions Technical: - Backend: 5 new files (~2400 lines) - Frontend: 10 new files (~2500 lines) - Docs: 1 development record + 2 status updates + 1 guideline update - Total: ~4900 lines of code Status: User management 100% complete, module permission system operational
85 lines
2.7 KiB
TypeScript
85 lines
2.7 KiB
TypeScript
/**
|
|
* RVW侧边栏组件
|
|
*/
|
|
import { LayoutGrid, Archive, Settings, BrainCircuit } from 'lucide-react';
|
|
|
|
interface SidebarProps {
|
|
currentView: 'dashboard' | 'archive';
|
|
onViewChange: (view: 'dashboard' | 'archive') => void;
|
|
onSettingsClick?: () => void;
|
|
}
|
|
|
|
export default function Sidebar({ currentView, onViewChange, onSettingsClick }: SidebarProps) {
|
|
return (
|
|
<aside className="w-[72px] bg-slate-900 flex flex-col items-center py-6 gap-4 z-20 shadow-xl flex-shrink-0 relative">
|
|
{/* Logo */}
|
|
<div
|
|
className="w-10 h-10 bg-indigo-500 rounded-xl flex items-center justify-center text-white shadow-lg mb-4"
|
|
title="智能审稿系统"
|
|
>
|
|
<BrainCircuit className="w-6 h-6" />
|
|
</div>
|
|
|
|
{/* 审稿工作台 */}
|
|
<button
|
|
onClick={() => onViewChange('dashboard')}
|
|
className={`sidebar-btn w-10 h-10 rounded-lg flex items-center justify-center transition-colors relative group
|
|
${currentView === 'dashboard'
|
|
? 'bg-white/10 text-white'
|
|
: 'text-slate-400 hover:bg-white/10 hover:text-white'
|
|
}`}
|
|
title="审稿工作台"
|
|
>
|
|
<LayoutGrid className="w-5 h-5" />
|
|
<span className="sidebar-tooltip">审稿工作台</span>
|
|
</button>
|
|
|
|
{/* 历史归档 */}
|
|
<button
|
|
onClick={() => onViewChange('archive')}
|
|
className={`sidebar-btn w-10 h-10 rounded-lg flex items-center justify-center transition-colors relative group
|
|
${currentView === 'archive'
|
|
? 'bg-white/10 text-white'
|
|
: 'text-slate-400 hover:bg-white/10 hover:text-white'
|
|
}`}
|
|
title="历史归档"
|
|
>
|
|
<Archive className="w-5 h-5" />
|
|
<span className="sidebar-tooltip">历史归档</span>
|
|
</button>
|
|
|
|
{/* 底部区域 */}
|
|
<div className="mt-auto flex flex-col gap-4 relative">
|
|
{/* 系统设置 */}
|
|
<button
|
|
onClick={onSettingsClick}
|
|
className="sidebar-btn w-10 h-10 rounded-lg text-slate-400 flex items-center justify-center hover:bg-white/10 hover:text-white transition-colors relative group"
|
|
title="系统设置"
|
|
>
|
|
<Settings className="w-5 h-5" />
|
|
<span className="sidebar-tooltip">系统设置</span>
|
|
</button>
|
|
|
|
{/* 用户头像 */}
|
|
<div className="relative">
|
|
<div className="w-10 h-10 rounded-full bg-gradient-to-tr from-indigo-500 to-purple-500 flex items-center justify-center text-xs font-bold text-white border-2 border-slate-700 cursor-pointer hover:border-white transition-all shadow-md">
|
|
编辑
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|