[dev]add loading, fix api multi triggers

src/components/CreateKnowledgeBaseModal.jsx

@@ -61,15 +61,15 @@ const CreateKnowledgeBaseModal = ({
         if (isAdmin) {
             return [
                 { value: 'admin', label: '公共知识库' },
-                { value: 'leader', label: 'Leader 级知识库' },
-                { value: 'member', label: 'Member 级知识库' },
+                { value: 'leader', label: '组长级知识库' },
+                { value: 'member', label: '组内知识库' },
                 { value: 'private', label: '私有知识库' },
-                { value: 'secret', label: '保密知识库' },
+                { value: 'secret', label: '私密知识库' },
             ];
         } else if (isLeader) {
             return [
                 { value: 'admin', label: '公共知识库' },
-                { value: 'member', label: 'Member 级知识库' },
+                { value: 'member', label: '组内知识库' },
                 { value: 'private', label: '私有知识库' },
             ];
         } else {
@@ -180,7 +180,7 @@ const CreateKnowledgeBaseModal = ({
                     </div>
 
                     {/* 仅当不是私有知识库时才显示部门选项 */}
-                    {formData.type !== 'private' && (
+                    {formData.type === 'member' && (
                         <div className='mb-3'>
                             <label htmlFor='department' className='form-label'>
                                 部门 {isAdmin && needSelectGroup && <span className='text-danger'>*</span>}
@@ -220,7 +220,7 @@ const CreateKnowledgeBaseModal = ({
                     )}
 
                     {/* 仅当不是私有知识库时才显示组别选项 */}
-                    {formData.type !== 'private' && (
+                    {formData.type === 'member' && (
                         <div className='mb-3'>
                             <label htmlFor='group' className='form-label'>
                                 组别 {needSelectGroup && <span className='text-danger'>*</span>}

src/pages/Chat/Chat.jsx

@@ -47,7 +47,10 @@ export default function Chat() {
 
     // If we have a knowledgeBaseId but no chatId, check if we have an existing chat or create a new one
     useEffect(() => {
-        if (knowledgeBaseId && !chatId) {
+        // 只有当 knowledgeBaseId 存在但 chatId 不存在，且聊天历史已加载完成时才执行
+        if (knowledgeBaseId && !chatId && status === 'succeeded' && !status.includes('loading')) {
+            console.log('Chat.jsx: 检查是否需要创建聊天...');
+
             // 检查是否存在包含此知识库的聊天记录
             const existingChat = chatHistory.find((chat) => {
                 // 检查知识库ID是否匹配
@@ -60,12 +63,16 @@ export default function Chat() {
                 }
                 return false;
             });
-            console.log('existingChat', existingChat);
+            console.log('Chat.jsx: existingChat', existingChat);
 
             if (existingChat) {
+                console.log(
+                    `Chat.jsx: 找到现有聊天记录，导航到 /chat/${knowledgeBaseId}/${existingChat.conversation_id}`
+                );
                 // 找到现有聊天记录，导航到该聊天页面
                 navigate(`/chat/${knowledgeBaseId}/${existingChat.conversation_id}`);
             } else {
+                console.log('Chat.jsx: 创建新聊天...');
                 // 创建新聊天
                 dispatch(
                     createChatRecord({
@@ -77,9 +84,13 @@ export default function Chat() {
                     .then((response) => {
                         // 创建成功，使用返回的conversation_id导航
                         if (response && response.conversation_id) {
+                            console.log(
+                                `Chat.jsx: 创建成功，导航到 /chat/${knowledgeBaseId}/${response.conversation_id}`
+                            );
                             navigate(`/chat/${knowledgeBaseId}/${response.conversation_id}`);
                         } else {
                             // 错误处理
+                            console.error('Chat.jsx: 创建失败，未能获取会话ID');
                             dispatch(
                                 showNotification({
                                     message: '创建聊天失败：未能获取会话ID',
@@ -89,6 +100,7 @@ export default function Chat() {
                         }
                     })
                     .catch((error) => {
+                        console.error('Chat.jsx: 创建失败', error);
                         dispatch(
                             showNotification({
                                 message: `创建聊天失败: ${error}`,
@@ -98,7 +110,7 @@ export default function Chat() {
                     });
             }
         }
-    }, [knowledgeBaseId, chatId, chatHistory, navigate, dispatch]);
+    }, [knowledgeBaseId, chatId, chatHistory, status, navigate, dispatch]);
 
     const handleDeleteChat = (id) => {
         // 调用 Redux action 删除聊天

src/pages/Chat/ChatSidebar.jsx

@@ -97,16 +97,6 @@ export default function ChatSidebar({ chatHistory = [], onDeleteChat, isLoading
                                         <div className='text-truncate fw-medium'>
                                             {chat.datasets?.map((ds) => ds.name).join(', ') || '未命名知识库'}
                                         </div>
-                                        <div className='small text-muted text-truncate' style={{ maxWidth: '160px' }}>
-                                            {chat.last_message
-                                                ? chat.last_message.length > 30
-                                                    ? chat.last_message.substring(0, 30) + '...'
-                                                    : chat.last_message
-                                                : '新对话'}
-                                        </div>
-                                        <div className='x-small text-muted mt-1'>
-                                            {chat.last_time && new Date(chat.last_time).toLocaleDateString()}
-                                        </div>
                                     </div>
                                 </Link>
                                 <div

src/pages/Chat/ChatWindow.jsx

@@ -235,7 +235,7 @@ export default function ChatWindow({ chatId, knowledgeBaseId }) {
                               <div
                                   key={message.id}
                                   className={`d-flex ${
-                                      message.role === 'user' ? 'align-item-end' : 'align-item-start'
+                                      message.role === 'user' ? 'align-items-end' : 'align-items-start'
                                   } mb-3 flex-column`}
                               >
                                   <div

src/pages/Chat/NewChat.jsx

@@ -8,6 +8,8 @@ import SvgIcon from '../../components/SvgIcon';
 export default function NewChat() {
     const navigate = useNavigate();
     const dispatch = useDispatch();
+    const [selectedDatasetId, setSelectedDatasetId] = useState(null);
+    const [isNavigating, setIsNavigating] = useState(false);
 
     // 从 Redux store 获取可用知识库数据
     const datasets = useSelector((state) => state.chat.availableDatasets.items || []);
@@ -17,6 +19,7 @@ export default function NewChat() {
     // 获取聊天历史记录
     const chatHistory = useSelector((state) => state.chat.history.items || []);
     const chatHistoryLoading = useSelector((state) => state.chat.history.status === 'loading');
+    const chatCreationStatus = useSelector((state) => state.chat.sendMessage?.status);
 
     // 获取可用知识库列表和聊天历史
     useEffect(() => {
@@ -37,7 +40,13 @@ export default function NewChat() {
     }, [error, dispatch]);
 
     // 处理知识库选择
-    const handleSelectKnowledgeBase = (dataset) => {
+    const handleSelectKnowledgeBase = async (dataset) => {
+        if (isNavigating) return; // 如果正在导航中，阻止重复点击
+
+        try {
+            setSelectedDatasetId(dataset.id);
+            setIsNavigating(true);
+
             // 判断聊天历史中是否已存在该知识库的聊天记录
             const existingChat = chatHistory.find((chat) => {
                 // 检查知识库ID是否匹配
@@ -53,10 +62,37 @@ export default function NewChat() {
 
             if (existingChat) {
                 // 找到现有聊天记录，导航到该聊天页面
+                console.log(`找到现有聊天记录，直接导航到 /chat/${dataset.id}/${existingChat.conversation_id}`);
                 navigate(`/chat/${dataset.id}/${existingChat.conversation_id}`);
             } else {
-            // 没有找到现有聊天记录，创建新的聊天
-            navigate(`/chat/${dataset.id}`);
+                // 没有找到现有聊天记录，直接创建新的聊天（而不是导航到 /chat/${dataset.id}）
+                console.log(`未找到现有聊天记录，直接创建新的聊天，知识库ID: ${dataset.id}`);
+
+                // 直接在这里创建聊天记录，避免在 Chat.jsx 中再次创建
+                const response = await dispatch(
+                    createChatRecord({
+                        dataset_id_list: [dataset.id.replace(/-/g, '')],
+                        question: '选择当前知识库，创建聊天',
+                    })
+                ).unwrap();
+
+                if (response && response.conversation_id) {
+                    console.log(`创建成功，导航到 /chat/${dataset.id}/${response.conversation_id}`);
+                    navigate(`/chat/${dataset.id}/${response.conversation_id}`);
+                } else {
+                    throw new Error('未能获取会话ID');
+                }
+            }
+        } catch (error) {
+            console.error('导航或创建聊天失败:', error);
+            dispatch(
+                showNotification({
+                    message: `创建聊天失败: ${error.message || '请重试'}`,
+                    type: 'danger',
+                })
+            );
+            setIsNavigating(false);
+            setSelectedDatasetId(null);
         }
     };
 
@@ -73,17 +109,48 @@ export default function NewChat() {
 
     return (
         <div className='container-fluid px-4 py-5'>
+            {/* 导航中的遮罩层 */}
+            {isNavigating && (
+                <div
+                    className='position-fixed top-0 start-0 w-100 h-100 d-flex justify-content-center align-items-center'
+                    style={{
+                        backgroundColor: 'rgba(255, 255, 255, 0.7)',
+                        zIndex: 1050,
+                    }}
+                >
+                    <div className='text-center'>
+                        <div className='spinner-border mb-2' role='status'>
+                            <span className='visually-hidden'>加载中...</span>
+                        </div>
+                        <div>正在加载聊天界面...</div>
+                    </div>
+                </div>
+            )}
+
             <h4 className='mb-4'>选择知识库开始聊天</h4>
             <div className='row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 justify-content-center'>
                 {datasets.length > 0 ? (
                     datasets.map((dataset) => (
                         <div key={dataset.id} className='col'>
                             <div
-                                className='card h-100 shadow-sm border-0 cursor-pointer'
+                                className={`card h-100 shadow-sm border-0 ${!isNavigating ? 'cursor-pointer' : ''} ${
+                                    selectedDatasetId === dataset.id ? 'border-primary' : ''
+                                }`}
                                 onClick={() => handleSelectKnowledgeBase(dataset)}
+                                style={{ opacity: isNavigating && selectedDatasetId !== dataset.id ? 0.6 : 1 }}
                             >
                                 <div className='card-body'>
-                                    <h5 className='card-title'>{dataset.name}</h5>
+                                    <h5 className='card-title d-flex justify-content-between align-items-center'>
+                                        {dataset.name}
+                                        {selectedDatasetId === dataset.id && isNavigating && (
+                                            <div
+                                                className='spinner-border spinner-border-sm text-primary'
+                                                role='status'
+                                            >
+                                                <span className='visually-hidden'>加载中...</span>
+                                            </div>
+                                        )}
+                                    </h5>
                                     <p className='card-text text-muted'>{dataset.desc || dataset.description || ''}</p>
                                     <div className='text-muted small d-flex align-items-center gap-2'>
                                         <span className='d-flex align-items-center gap-1'>

src/pages/KnowledgeBase/Detail/SettingsTab.jsx

@@ -89,10 +89,10 @@ export default function SettingsTab({ knowledgeBase }) {
                 allowed = ['admin', 'leader', 'member', 'private', 'secret'].includes(value);
             } else if (role === 'leader') {
                 // 组长只能选择 member 和 private
-                allowed = ['member', 'private'].includes(value);
+                allowed = ['admin', 'member', 'private'].includes(value);
             } else {
-                // 普通成员只能选择 private
-                allowed = value === 'private';
+                // 普通成员只能选择公共和private
+                allowed = ['admin',  'private'].includes(value);
             }
 
             if (!allowed) {
@@ -299,6 +299,7 @@ export default function SettingsTab({ knowledgeBase }) {
                     })
                 );
                 // Navigate back to knowledge base list
+                // Redux store 已在 reducer 中更新，不需要重新调用接口获取知识库列表
                 navigate('/knowledge-base');
             })
             .catch((error) => {

src/pages/KnowledgeBase/Detail/components/KnowledgeBaseForm.jsx

@@ -27,15 +27,15 @@ const KnowledgeBaseForm = ({
         if (isAdmin) {
             return [
                 { value: 'admin', label: '公共知识库' },
-                { value: 'leader', label: 'Leader 级知识库' },
-                { value: 'member', label: 'Member 级知识库' },
+                { value: 'leader', label: '组长级知识库' },
+                { value: 'member', label: '组内知识库' },
                 { value: 'private', label: '私有知识库' },
-                { value: 'secret', label: '保密知识库' },
+                { value: 'secret', label: '私密知识库' },
             ];
         } else if (isLeader) {
             return [
                 { value: 'admin', label: '公共知识库' },
-                { value: 'member', label: 'Member 级知识库' },
+                { value: 'member', label: '组内知识库' },
                 { value: 'private', label: '私有知识库' },
             ];
         } else {
@@ -125,7 +125,7 @@ const KnowledgeBaseForm = ({
                     </div>
 
                     {/* 仅当不是私有知识库时才显示部门选项 */}
-                    {formData.type !== 'private' && (
+                    {formData.type === 'member' && (
                         <div className='mb-3'>
                             <label htmlFor='department' className='form-label'>
                                 部门 {isAdmin && <span className='text-danger'>*</span>}
@@ -161,14 +161,13 @@ const KnowledgeBaseForm = ({
                                         value={formData.department || ''}
                                         readOnly
                                     />
-                                    <small className='text-muted'>部门信息根据知识库创建者自动填写</small>
                                 </>
                             )}
                         </div>
                     )}
 
                     {/* 仅当不是私有知识库时才显示组别选项 */}
-                    {formData.type !== 'private' && (
+                    {formData.type === 'member' && (
                         <div className='mb-3'>
                             <label htmlFor='group' className='form-label'>
                                 组别 {isAdmin && <span className='text-danger'>*</span>}
@@ -205,7 +204,6 @@ const KnowledgeBaseForm = ({
                                         value={formData.group || ''}
                                         readOnly
                                     />
-                                    <small className='text-muted'>组别信息根据知识库创建者自动填写</small>
                                 </>
                             )}
                         </div>

src/pages/KnowledgeBase/KnowledgeBase.jsx

@@ -108,6 +108,7 @@ export default function KnowledgeBase() {
     // Handle search input change
     const handleSearchInputChange = (e) => {
         const value = e.target.value;
+        console.log('搜索框输入值:', value);
         setSearchKeyword(value);
 
         // 如果搜索框清空，关闭下拉框
@@ -206,10 +207,10 @@ export default function KnowledgeBase() {
                 allowed = ['admin', 'leader', 'member', 'private', 'secret'].includes(value);
             } else if (role === 'leader') {
                 // 组长只能选择 member 和 private
-                allowed = ['member', 'private'].includes(value);
+                allowed = ['admin', 'member', 'private'].includes(value);
             } else {
                 // 普通成员只能选择 private
-                allowed = value === 'private';
+                allowed = ['admin', 'private'].includes(value);
             }
 
             if (!allowed) {
@@ -401,6 +402,7 @@ export default function KnowledgeBase() {
     const handleDelete = (e, id) => {
         e.preventDefault();
         e.stopPropagation();
+
         // Dispatch delete knowledge base action
         dispatch(deleteKnowledgeBase(id))
             .unwrap()
@@ -411,6 +413,7 @@ export default function KnowledgeBase() {
                         type: 'success',
                     })
                 );
+                // 不需要重新获取知识库列表，Redux store 已经在 reducer 中更新
             })
             .catch((error) => {
                 dispatch(

src/pages/KnowledgeBase/components/KnowledgeCard.jsx

@@ -94,13 +94,14 @@ export default function KnowledgeCard({
                         </span>
                     )}
                     {access === 'full' || access === 'read' ? (
-                        <button
-                            className='btn btn-outline-dark btn-sm d-flex align-items-center gap-1'
-                            onClick={handleNewChat}
-                        >
-                            <SvgIcon className={'chat-dot'} />
-                            新聊天
-                        </button>
+                        <></>
+                        // <button
+                        //     className='btn btn-outline-dark btn-sm d-flex align-items-center gap-1'
+                        //     onClick={handleNewChat}
+                        // >
+                        //     <SvgIcon className={'chat-dot'} />
+                        //     新聊天
+                        // </button>
                     ) : (
                         <button
                             className='btn btn-outline-dark btn-sm d-flex align-items-center gap-1'

src/pages/Permissions/components/PendingRequests.jsx

@@ -222,6 +222,24 @@ export default function PendingRequests() {
         }
     };
 
+    // 获取知识库类型的中文描述
+    const getKnowledgeBaseTypeText = (type) => {
+        switch (type) {
+            case 'admin':
+                return '公共知识库';
+            case 'member':
+                return '组内知识库';
+            case 'private':
+                return '私人知识库';
+            case 'leader':
+                return '组长级知识库';
+            case 'secret':
+                return '私密知识库';
+            default:
+                return '未知类型';
+        }
+    };
+
     // 渲染加载状态
     if (fetchStatus === 'loading' && permissionRequests.length === 0) {
         return (
@@ -275,7 +293,13 @@ export default function PendingRequests() {
 
                         <div className='request-content'>
                             <div className='d-flex justify-content-between align-items-start mb-2'>
+                                <div>
                                     <p className='mb-0'>申请访问：{request.knowledge_base.name}</p>
+                                    <small className='text-muted'>
+                                        类型：{getKnowledgeBaseTypeText(request.knowledge_base.type)}
+                                    </small>
+                                </div>
+                                {renderStatusBadge(request.status)}
                             </div>
 
                             {request.permissions.can_edit ? (

src/pages/Permissions/components/RequestDetailSlideOver.jsx

@@ -21,6 +21,24 @@ export default function RequestDetailSlideOver({
     const knowledgeBaseId = request.knowledge_base?.id || '';
     const knowledgeBaseType = request.knowledge_base?.type || '';
 
+    // 获取知识库类型的中文描述
+    const getKnowledgeBaseTypeText = (type) => {
+        switch (type) {
+            case 'admin':
+                return '公共知识库';
+            case 'member':
+                return '组内知识库';
+            case 'private':
+                return '私人知识库';
+            case 'leader':
+                return '组长级知识库';
+            case 'secret':
+                return '私密知识库';
+            default:
+                return '未知类型';
+        }
+    };
+
     return (
         <>
             <div className={`slide-over-backdrop ${show ? 'show' : ''}`} onClick={onClose}></div>
@@ -52,7 +70,7 @@ export default function RequestDetailSlideOver({
                             </p>
                             {knowledgeBaseType && (
                                 <p className='mb-1'>
-                                    <strong>类型：</strong> {knowledgeBaseType}
+                                    <strong>类型：</strong> {getKnowledgeBaseTypeText(knowledgeBaseType)}
                                 </p>
                             )}
                         </div>
@@ -112,7 +130,8 @@ export default function RequestDetailSlideOver({
                             <div className='mb-4'>
                                 <h6 className='text-muted mb-2'>审批人</h6>
                                 <p className='mb-1'>
-                                    {request.approver.name || request.approver.username} ({request.approver.department || '未分配部门'})
+                                    {request.approver.name || request.approver.username} (
+                                    {request.approver.department || '未分配部门'})
                                 </p>
                             </div>
                         )}
@@ -126,9 +145,7 @@ export default function RequestDetailSlideOver({
 
                         <div className='mb-4'>
                             <h6 className='text-muted mb-2'>申请理由</h6>
-                            <div className='p-3 bg-light rounded'>
-                                {request.reason || '无申请理由'}
-                            </div>
+                            <div className='p-3 bg-light rounded'>{request.reason || '无申请理由'}</div>
                         </div>
                     </div>
                     {request.status === 'pending' && (

src/store/knowledgeBase/knowledgeBase.slice.js

@@ -104,7 +104,12 @@ const knowledgeBaseSlice = createSlice({
             })
             .addCase(deleteKnowledgeBase.fulfilled, (state, action) => {
                 state.loading = false;
-                state.knowledgeBases = state.knowledgeBases.filter((kb) => kb.id !== action.meta.arg.knowledgeBaseId);
+                const deletedId = action.payload;
+                state.knowledgeBases = state.knowledgeBases.filter((kb) => kb.id !== deletedId);
+                if (state.pagination.total > 0) {
+                    state.pagination.total -= 1;
+                    state.pagination.total_pages = Math.ceil(state.pagination.total / state.pagination.page_size);
+                }
             })
             .addCase(deleteKnowledgeBase.rejected, (state, action) => {
                 state.loading = false;