+
+ {/*
*/}
-
- {knowledgeList.map((item, index) => (
-
- ))}
-
+ {isLoading ? (
+
+ ) : (
+ <>
+
+
+ {/* Pagination - 始终显示 */}
+ {totalPages > 1 && (
+
+ )}
+
+ )}
+
+ {/* 新建知识库弹窗 */}
+
setShowCreateModal(false)}
+ onChange={handleInputChange}
+ onSubmit={handleCreateKnowledgeBase}
+ currentUser={currentUser}
+ />
+
+ {/* 申请权限弹窗 */}
+ setShowAccessRequestModal(false)}
+ onSubmit={handleSubmitAccessRequest}
+ isSubmitting={isSubmittingRequest}
+ />
);
}
diff --git a/src/pages/KnowledgeBase/KnowledgeCard.jsx b/src/pages/KnowledgeBase/KnowledgeCard.jsx
deleted file mode 100644
index b14cd6a..0000000
--- a/src/pages/KnowledgeBase/KnowledgeCard.jsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react';
-
-export default function KnowledgeCard({ title, description, documents, date, access }) {
- return (
-
-
-
-
{title}
-
-
{description}
-
-
- {documents} 文档
-
-
- {date}
-
-
-
- {access === 'full' ? (
-
-
- 完全访问
-
- ) : access === 'read' ? (
-
-
- 只读访问
-
- ) : (
-
-
- 无访问权限
-
- )}
- {access === 'full' || access === 'read' ? (
-
- ) : (
-
- )}
-
-
-
-
- );
-}
diff --git a/src/pages/KnowledgeBase/components/KnowledgeBaseList.jsx b/src/pages/KnowledgeBase/components/KnowledgeBaseList.jsx
new file mode 100644
index 0000000..4b51caf
--- /dev/null
+++ b/src/pages/KnowledgeBase/components/KnowledgeBaseList.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import KnowledgeCard from './KnowledgeCard';
+
+/**
+ * 知识库列表组件
+ */
+const KnowledgeBaseList = ({ knowledgeBases, isSearching, onCardClick, onRequestAccess, onDelete }) => {
+ if (!knowledgeBases?.length) {
+ return (
+
+ {isSearching ? '没有找到匹配的知识库' : '暂无知识库，请创建新的知识库'}
+
+ );
+ }
+
+ return (
+
+ {knowledgeBases.map((item) => (
+
+ onCardClick(item.id, item.permissions)}
+ onRequestAccess={onRequestAccess}
+ onDelete={(e) => onDelete(e, item.id)}
+ type={item.type}
+ department={item.department}
+ group={item.group}
+ />
+
+ ))}
+
+ );
+};
+
+export default KnowledgeBaseList;
diff --git a/src/pages/KnowledgeBase/components/KnowledgeCard.jsx b/src/pages/KnowledgeBase/components/KnowledgeCard.jsx
new file mode 100644
index 0000000..022f478
--- /dev/null
+++ b/src/pages/KnowledgeBase/components/KnowledgeCard.jsx
@@ -0,0 +1,117 @@
+import React from 'react';
+import SvgIcon from '../../../components/SvgIcon';
+import { useNavigate } from 'react-router-dom';
+
+export default function KnowledgeCard({
+ id,
+ title,
+ description,
+ documents,
+ date,
+ access,
+ permissions,
+ onClick,
+ onRequestAccess,
+ onDelete,
+ type,
+ department,
+ group,
+}) {
+ const navigate = useNavigate();
+
+ const handleNewChat = (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ navigate(`/chat/${id}`);
+ };
+
+ const handleRequestAccess = (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ onRequestAccess(id, title);
+ };
+
+ // 自定义样式，限制文本最多显示两行
+ const descriptionStyle = {
+ display: '-webkit-box',
+ WebkitLineClamp: 2,
+ WebkitBoxOrient: 'vertical',
+ overflow: 'hidden',
+ textOverflow: 'ellipsis',
+ minHeight: '3rem', // 保持一致的高度，即使描述很短
+ };
+
+ return (
+
+
+
+ {permissions && permissions.can_delete && (
+
+ )}
+
+ {description}
+
+
+
+ {documents} 文档
+
+
+ {date}
+
+
+ {/*
+
+ {type === 'private' ? '私有' : '公开'}
+
+ {department && {department}}
+ {group && {group}}
+
*/}
+
+ {access === 'full' ? (
+
+
+ 完全访问
+
+ ) : access === 'read' ? (
+
+
+ 只读访问
+
+ ) : (
+
+
+ 无访问权限
+
+ )}
+ {access === 'full' || access === 'read' ? (
+
+ ) : (
+
+ )}
+
+
+
+ );
+}
diff --git a/src/pages/Permissions/Permissions.css b/src/pages/Permissions/Permissions.css
new file mode 100644
index 0000000..5fa7f2d
--- /dev/null
+++ b/src/pages/Permissions/Permissions.css
@@ -0,0 +1,39 @@
+.permissions-container {
+ padding: 24px;
+ background-color: #f8f9fa;
+ min-height: calc(100vh - 64px);
+}
+
+.permissions-section {
+ background-color: #fff;
+ border-radius: 8px;
+ padding: 24px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.api-mode-control {
+ background-color: #fff;
+ border-radius: 8px;
+ padding: 16px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.api-mode-control .api-mode-switch {
+ display: flex;
+ flex-direction: column;
+}
+
+@media (max-width: 768px) {
+ .permissions-container {
+ padding: 16px;
+ }
+
+ .permissions-section,
+ .api-mode-control {
+ padding: 16px;
+ }
+}
+
+.permissions-section:last-child {
+ margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/src/pages/Permissions/PermissionsPage.jsx b/src/pages/Permissions/PermissionsPage.jsx
new file mode 100644
index 0000000..afb8466
--- /dev/null
+++ b/src/pages/Permissions/PermissionsPage.jsx
@@ -0,0 +1,31 @@
+import React, { useEffect } from 'react';
+import { useSelector } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
+import PendingRequests from './components/PendingRequests';
+import UserPermissions from './components/UserPermissions';
+import './Permissions.css';
+
+export default function PermissionsPage() {
+ const navigate = useNavigate();
+ const { user } = useSelector((state) => state.auth);
+
+ // 检查用户是否有管理权限（leader 或 admin）
+ useEffect(() => {
+ if (!user || (user.role !== 'leader' && user.role !== 'admin')) {
+ navigate('/');
+ }
+ }, [user, navigate]);
+
+ return (
+
+
+ {user && user.role === 'admin' && (
+
+
+
+ )}
+
+ );
+}
diff --git a/src/pages/Permissions/components/PendingRequests.css b/src/pages/Permissions/components/PendingRequests.css
new file mode 100644
index 0000000..9ddbd81
--- /dev/null
+++ b/src/pages/Permissions/components/PendingRequests.css
@@ -0,0 +1,251 @@
+.permission-requests {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.permission-card {
+ transition: all 0.2s ease;
+ border-radius: 8px;
+ background-color: #343a40;
+}
+
+.permission-card:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.custom-badge {
+ padding: 0.35em 0.65em;
+ font-size: 0.85em;
+}
+
+.badge.bg-info {
+ background-color: #0dcaf0 !important;
+}
+
+.badge.bg-success {
+ background-color: #198754 !important;
+}
+
+.badge.bg-danger {
+ background-color: #dc3545 !important;
+}
+
+.badge.bg-secondary {
+ background-color: #6c757d !important;
+}
+
+/* 表格行鼠标样式 */
+.cursor-pointer {
+ cursor: pointer;
+}
+
+/* 滑动面板样式 */
+.slide-over-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 1040;
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+
+.slide-over-backdrop.show {
+ opacity: 1;
+ visibility: visible;
+}
+
+.slide-over {
+ position: fixed;
+ top: 0;
+ right: -450px;
+ width: 450px;
+ height: 100%;
+ background-color: #fff;
+ z-index: 1050;
+ transition: right 0.3s ease;
+ box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.slide-over.show {
+ right: 0;
+}
+
+.slide-over-content {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.slide-over-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem;
+ border-bottom: 1px solid #e9ecef;
+}
+
+.slide-over-body {
+ flex: 1;
+ padding: 1rem;
+ overflow-y: auto;
+}
+
+.slide-over-footer {
+ padding: 1rem;
+ border-top: 1px solid #e9ecef;
+ display: flex;
+ justify-content: flex-end;
+ gap: 0.5rem;
+}
+
+/* 头像占位符 */
+.avatar-placeholder {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background-color: #6c757d;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: bold;
+ font-size: 1.2rem;
+}
+
+/* 新增样式 - 白色基调 */
+.badge-count {
+ background-color: #ff4d4f;
+ color: white;
+ border-radius: 20px;
+ padding: 4px 12px;
+ font-size: 14px;
+}
+
+.pending-requests-list {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+}
+
+.pending-request-item {
+ position: relative;
+ background-color: #fff;
+ border-radius: 8px;
+ padding: 16px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.pending-request-item:hover {
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.request-header {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 12px;
+}
+
+.user-info h6 {
+ font-weight: 600;
+}
+
+.department {
+ color: #666;
+ font-size: 14px;
+ margin: 0;
+}
+
+.request-date {
+ color: #999;
+ font-size: 14px;
+}
+
+.request-content {
+ color: #333;
+}
+
+.permission-badges {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+}
+
+.permission-badge {
+ padding: 2px 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ font-weight: 500;
+}
+
+.permission-badge.read {
+ background-color: #e6f7ff;
+ color: #1890ff;
+ border: 1px solid #91d5ff;
+}
+
+.permission-badge.edit {
+ background-color: #f6ffed;
+ color: #52c41a;
+ border: 1px solid #b7eb8f;
+}
+
+.permission-badge.delete {
+ background-color: #fff2f0;
+ color: #ff4d4f;
+ border: 1px solid #ffccc7;
+}
+
+.request-actions {
+ position: absolute;
+ right: 1rem;
+ bottom: 1rem;
+ display: flex;
+ justify-content: flex-end;
+ gap: 8px;
+ margin-top: 12px;
+}
+
+
+/* 分页控件样式 */
+.pagination-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 20px;
+ padding: 10px 0;
+}
+
+.pagination-button {
+ background-color: #fff;
+ border: 1px solid #d9d9d9;
+ color: #333;
+ padding: 6px 12px;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 14px;
+ transition: all 0.2s;
+}
+
+.pagination-button:hover:not(:disabled) {
+ border-color: #1890ff;
+ color: #1890ff;
+}
+
+.pagination-button:disabled {
+ color: #d9d9d9;
+ cursor: not-allowed;
+}
+
+.pagination-info {
+ margin: 0 15px;
+ color: #666;
+ font-size: 14px;
+}
\ No newline at end of file
diff --git a/src/pages/Permissions/components/PendingRequests.jsx b/src/pages/Permissions/components/PendingRequests.jsx
new file mode 100644
index 0000000..09b47e4
--- /dev/null
+++ b/src/pages/Permissions/components/PendingRequests.jsx
@@ -0,0 +1,442 @@
+import React, { useState, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { useLocation } from 'react-router-dom';
+import { showNotification } from '../../../store/notification.slice';
+import {
+ fetchPermissionsThunk,
+ approvePermissionThunk,
+ rejectPermissionThunk,
+} from '../../../store/permissions/permissions.thunks';
+import { resetOperationStatus } from '../../../store/permissions/permissions.slice';
+import './PendingRequests.css'; // 引入外部CSS文件
+import SvgIcon from '../../../components/SvgIcon';
+import RequestDetailSlideOver from './RequestDetailSlideOver';
+
+export default function PendingRequests() {
+ const dispatch = useDispatch();
+ const location = useLocation();
+ const [responseMessage, setResponseMessage] = useState('');
+ const [showResponseInput, setShowResponseInput] = useState(false);
+ const [currentRequestId, setCurrentRequestId] = useState(null);
+ const [isApproving, setIsApproving] = useState(false);
+ const [selectedRequest, setSelectedRequest] = useState(null);
+ const [showSlideOver, setShowSlideOver] = useState(false);
+
+ // 从Redux store获取权限申请列表状态
+ const {
+ results: permissionRequests,
+ status: fetchStatus,
+ error: fetchError,
+ page: currentPage,
+ page_size: pageSize,
+ total,
+ } = useSelector((state) => state.permissions.pending);
+
+ // 计算总页数
+ const totalPages = Math.ceil(total / pageSize) || 1;
+
+ // 从Redux store获取批准/拒绝操作的状态
+ const {
+ status: approveRejectStatus,
+ error: approveRejectError,
+ currentId: processingId,
+ } = useSelector((state) => state.permissions.approveReject);
+
+ // 获取待处理申请列表
+ useEffect(() => {
+ dispatch(fetchPermissionsThunk({ page: currentPage, page_size: pageSize }));
+ }, [dispatch, currentPage, pageSize]);
+
+ // 处理从通知中心跳转过来的请求
+ useEffect(() => {
+ if (location.state?.showRequestDetail) {
+ const { requestId, requestData } = location.state;
+ setSelectedRequest(requestData);
+ setShowSlideOver(true);
+ // 清除 location state
+ window.history.replaceState({}, document.title);
+ }
+ }, [location.state]);
+
+ // 监听批准/拒绝操作的状态变化
+ useEffect(() => {
+ if (approveRejectStatus === 'succeeded') {
+ dispatch(
+ showNotification({
+ message: isApproving ? '已批准申请' : '已拒绝申请',
+ type: 'success',
+ })
+ );
+ setShowResponseInput(false);
+ setCurrentRequestId(null);
+ setResponseMessage('');
+ setShowSlideOver(false);
+ setSelectedRequest(null);
+
+ // 重新获取申请列表
+ dispatch(fetchPermissionsThunk({ page: currentPage, page_size: pageSize }));
+
+ // 重置状态
+ dispatch(resetOperationStatus());
+ } else if (approveRejectStatus === 'failed') {
+ dispatch(
+ showNotification({
+ message: approveRejectError || '处理申请失败',
+ type: 'danger',
+ })
+ );
+ // 重置状态
+ dispatch(resetOperationStatus());
+ }
+ }, [approveRejectStatus, approveRejectError, dispatch, isApproving, currentPage, pageSize]);
+
+ // 打开回复输入框
+ const handleOpenResponseInput = (requestId, approving) => {
+ setCurrentRequestId(requestId);
+ setIsApproving(approving);
+ setShowResponseInput(true);
+ };
+
+ // 关闭回复输入框
+ const handleCloseResponseInput = () => {
+ setShowResponseInput(false);
+ setCurrentRequestId(null);
+ setResponseMessage('');
+ };
+
+ // 处理申请（批准或拒绝）
+ const handleProcessRequest = () => {
+ if (!currentRequestId) return;
+
+ const params = {
+ id: currentRequestId,
+ responseMessage,
+ };
+
+ if (isApproving) {
+ dispatch(approvePermissionThunk(params));
+ } else {
+ dispatch(rejectPermissionThunk(params));
+ }
+ };
+
+ // 处理行点击，显示滑动面板
+ const handleRowClick = (request) => {
+ setSelectedRequest(request);
+ setShowSlideOver(true);
+ };
+
+ // 关闭滑动面板
+ const handleCloseSlideOver = () => {
+ setShowSlideOver(false);
+ setTimeout(() => {
+ setSelectedRequest(null);
+ }, 300); // 等待动画结束后再清除选中的申请
+ };
+
+ // 直接处理申请（不显示弹窗）
+ const handleDirectProcess = (requestId, approve) => {
+ setCurrentRequestId(requestId);
+ setIsApproving(approve);
+
+ const params = {
+ id: requestId,
+ responseMessage: approve ? '已批准' : '已拒绝',
+ };
+
+ if (approve) {
+ dispatch(approvePermissionThunk(params));
+ } else {
+ dispatch(rejectPermissionThunk(params));
+ }
+ };
+
+ // 处理页码变化
+ const handlePageChange = (page) => {
+ dispatch(fetchPermissionsThunk({ page, page_size: pageSize }));
+ };
+
+ // 渲染分页控件
+ const renderPagination = () => {
+ if (totalPages <= 1) return null;
+
+ return (
+
+
+
+
+ {currentPage} / {totalPages}
+
+
+
+
+ );
+ };
+
+ // 根据状态渲染不同的状态标签
+ const renderStatusBadge = (status) => {
+ switch (status) {
+ case 'approved':
+ return (
+
+
+ 已批准
+
+ );
+ case 'rejected':
+ return (
+
+
+ 已拒绝
+
+ );
+ case 'pending':
+ return (
+
+ 待处理
+
+ );
+ default:
+ return null;
+ }
+ };
+
+ // 渲染加载状态
+ if (fetchStatus === 'loading' && permissionRequests.length === 0) {
+ return (
+
+
+ 加载中...
+
+
加载权限申请...
+
+ );
+ }
+
+ // 渲染错误状态
+ if (fetchStatus === 'failed' && permissionRequests.length === 0) {
+ return (
+
+ {fetchError || '获取权限申请失败'}
+
+ );
+ }
+
+ // 渲染空状态
+ if (permissionRequests.length === 0) {
+ return (
+
+ 暂无权限申请记录
+
+ );
+ }
+
+ // 渲染申请列表
+ return (
+ <>
+
+
权限申请列表
+
+ {permissionRequests.filter((req) => req.status === 'pending').length}个待处理
+
+
+
+
+ {permissionRequests.map((request) => (
+
handleRowClick(request)}>
+
+
+
{request.applicant.name || request.applicant.username}
+ {request.applicant.department || '未分配部门'}
+
+
{new Date(request.created_at).toLocaleDateString()}
+
+
+
+
+
申请访问：{request.knowledge_base.name}
+
+
+ {request.permissions.can_edit ? (
+
+
+ 完全访问
+
+ ) : (
+ request.permissions.can_read && (
+
+
+ 只读访问
+
+ )
+ )}
+
+ {request.expires_at && (
+
+
+ 到期时间: {new Date(request.expires_at).toLocaleDateString()}
+
+
+ )}
+
+ {request.response_message && (
+
+ 审批意见: {request.response_message}
+
+ )}
+
+
+ {request.status === 'pending' ? (
+ <>
+
+
+
+ ) : (
+
+ {request.status === 'approved' ? '已批准' : '已拒绝'}
+ {request.updated_at && (
+
+ {new Date(request.updated_at).toLocaleDateString()}
+
+ )}
+
+ )}
+
+
+ ))}
+
+
+ {/* 分页控件 */}
+ {renderPagination()}
+
+ {/* 使用新的滑动面板组件 */}
+
handleOpenResponseInput(id, true)}
+ onReject={(id) => handleOpenResponseInput(id, false)}
+ processingId={processingId}
+ approveRejectStatus={approveRejectStatus}
+ isApproving={isApproving}
+ />
+
+ {/* 回复输入弹窗 */}
+ {showResponseInput && (
+
+
+
+
+
{isApproving ? '批准' : '拒绝'}申请
+
+
+
+
+
+
+
+
+
+
+
+
+
+
申请详情
+
+
+
+
+
申请人信息
+
+
{applicantInitial}
+
+
{applicantName}
+
{applicantDept}
+
+
+
+
+
+
知识库信息
+
+ 名称： {knowledgeBaseName}
+
+
+ ID： {knowledgeBaseId}
+
+ {knowledgeBaseType && (
+
+ 类型： {knowledgeBaseType}
+
+ )}
+
+
+
+
申请权限
+
+ {request.permissions?.can_read && !request.permissions?.can_edit && (
+
+
+ 只读
+
+ )}
+ {request.permissions?.can_edit && (
+
+
+ 编辑
+
+ )}
+ {request.permissions?.can_delete && (
+
+
+ 删除
+
+ )}
+
+
+
+
+
申请时间
+
{new Date(request.created_at || Date.now()).toLocaleString()}
+
+
+ {request.expires_at && (
+
+
到期时间
+
{new Date(request.expires_at).toLocaleString()}
+
+ )}
+
+ {request.status && (
+
+
申请状态
+
+ {request.status === 'pending' ? (
+ 待处理
+ ) : request.status === 'approved' ? (
+ 已批准
+ ) : (
+ 已拒绝
+ )}
+
+
+ )}
+
+ {request.approver && (
+
+
审批人
+
+ {request.approver.name || request.approver.username} ({request.approver.department || '未分配部门'})
+
+
+ )}
+
+ {request.response_message && (
+
+
审批意见
+
{request.response_message}
+
+ )}
+
+
+
申请理由
+
+ {request.reason || '无申请理由'}
+
+
+
+ {request.status === 'pending' && (
+
+
+
+
+ )}
+
+
+
+
+
+
{user.user_info.name} 的权限详情
+
+
+
+ {successMessage && (
+
+ {successMessage}
+
+
+ )}
+
+ {loading ? (
+
+
+ 加载中...
+
+
加载权限详情...
+
+ ) : error ? (
+
+
+ {error}
+
+ {userPermissions.length > 0 && (
+
+
+
+
+ | 知识库名称 |
+ 所属部门 |
+ 当前权限 |
+ 最后访问时间 |
+ 操作 |
+
+
+
+ {userPermissions.map((item) => {
+ const currentPermissionType = getPermissionType(item.permissions);
+ const updatedPermissionType =
+ updatedPermissions[item.knowledge_base.id] ||
+ currentPermissionType;
+
+ return (
+
+ | {item.knowledge_base.name} |
+ {item.knowledge_base.department || '未指定'} |
+
+
+ {getPermissionTypeText(currentPermissionType)}
+
+ |
+
+ {item.granted_at
+ ? new Date(item.granted_at).toLocaleString()
+ : '从未访问'}
+ |
+
+
+ |
+
+ );
+ })}
+
+
+
+ )}
+
+ ) : userPermissions.length === 0 ? (
+
+ 该用户暂无任何知识库权限
+
+ ) : (
+
+
+
+
+ | 知识库名称 |
+ 所属部门 |
+ 当前权限 |
+ 授权时间 |
+ 操作 |
+
+
+
+ {userPermissions.map((item) => {
+ const currentPermissionType = getPermissionType(item.permissions);
+ const updatedPermissionType =
+ updatedPermissions[item.knowledge_base.id] || currentPermissionType;
+
+ return (
+
+ | {item.knowledge_base.name} |
+ {item.knowledge_base.department || '未指定'} |
+
+
+ {getPermissionTypeText(currentPermissionType)}
+
+ |
+
+ {item.granted_at
+ ? new Date(item.granted_at).toLocaleString()
+ : '未记录'}
+ |
+
+
+ |
+
+ );
+ })}
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ 每页显示:
+
+
+ 总计 {total} 条记录
+
+
+
+
+
+
用户权限管理
+
+
+ <>
+
+
+
+
+
+
+
+ 加载中...
+
+
加载用户权限列表...
+
+ {error}
+
+ ) : (
+ <>
+
+
+
+
+ | ID |
+ 用户名 |
+ 姓名 |
+ 部门 |
+ 角色 |
+ 权限类型 |
+ 操作 |
+
+
+
+ {filteredUsers.length > 0 ? (
+ filteredUsers.map((userPermission) => (
+
+ | {userPermission.user_info?.id} |
+
+ {userPermission.user_info?.username || 'N/A'}
+ |
+
+ {userPermission.user_info?.name || 'N/A'}
+ |
+
+ {userPermission.user_info?.department || 'N/A'}
+ |
+
+
+ {userPermission.user_info?.role === 'admin'
+ ? '管理员'
+ : userPermission.user_info?.role === 'leader'
+ ? '组长'
+ : '成员'}
+
+ |
+
+
+ {userPermission.stats?.by_permission?.full_access > 0 && (
+
+ 完全访问:{' '}
+ {userPermission.stats?.by_permission?.full_access}
+
+ )}
+
+ {userPermission.stats?.by_permission?.read_only > 0 && (
+
+ 只读访问:{' '}
+ {userPermission.stats?.by_permission?.read_only}
+
+ )}
+
+ {userPermission.stats?.by_permission?.read_write > 0 && (
+
+ 读写权限:{' '}
+ {userPermission.stats?.by_permission?.read_write}
+
+ )}
+
+ |
+
+
+ |
+
+ ))
+ ) : (
+
+ |
+ 无匹配的用户记录
+ |
+
+ )}
+
+
+
+
OOIN 智能知识库
+
+
+ 没有账号？去注册
+
+
+
OOIN 智能知识库
+
+
+ 已有账号？立即登录
+
+