{"ast":null,"code":"var _jsxFileName = \"/Users/nili/Documents/trae_projects/client/src/pages/Knowledge.js\",\n _s = $RefreshSig$();\nimport React, { useState, useEffect } from 'react';\nimport { Table, Card, Button, Space, Tag, Input, Select, Modal, Form, message, Popconfirm, Descriptions, Row, Col, Progress, Upload, Switch, Divider } from 'antd';\nimport { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined, SearchOutlined, DownloadOutlined, FileTextOutlined, BookOutlined } from '@ant-design/icons';\nimport { knowledgeAPI, learningProgressAPI } from '../services/api';\nimport { useAuth } from '../contexts/AuthContext';\nimport dayjs from 'dayjs';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst {\n Option\n} = Select;\nconst {\n Search\n} = Input;\nconst {\n TextArea\n} = Input;\nconst {\n Dragger\n} = Upload;\nconst progressStatusColors = {\n not_started: 'default',\n in_progress: 'blue',\n completed: 'green'\n};\nconst progressStatusTexts = {\n not_started: '未开始',\n in_progress: '学习中',\n completed: '已完成'\n};\nconst Knowledge = () => {\n _s();\n const [knowledge, setKnowledge] = useState([]);\n const [loading, setLoading] = useState(false);\n const [pagination, setPagination] = useState({\n current: 1,\n pageSize: 20,\n total: 0\n });\n const [filters, setFilters] = useState({});\n const [categories, setCategories] = useState([]);\n const [learningStats, setLearningStats] = useState(null);\n const {\n user\n } = useAuth();\n const [modalVisible, setModalVisible] = useState(false);\n const [detailVisible, setDetailVisible] = useState(false);\n const [editingItem, setEditingItem] = useState(null);\n const [selectedItem, setSelectedItem] = useState(null);\n const [selectedFile, setSelectedFile] = useState(null);\n const [form] = Form.useForm();\n useEffect(() => {\n fetchKnowledge();\n fetchCategories();\n fetchLearningStats();\n }, [pagination.current, pagination.pageSize, filters]);\n const fetchKnowledge = async () => {\n setLoading(true);\n try {\n const response = await knowledgeAPI.getAll({\n page: pagination.current,\n limit: pagination.pageSize,\n ...filters\n });\n setKnowledge(response.data.knowledge);\n setPagination(prev => {\n var _response$data$pagina;\n return {\n ...prev,\n total: ((_response$data$pagina = response.data.pagination) === null || _response$data$pagina === void 0 ? void 0 : _response$data$pagina.total) || 0\n };\n });\n } catch (error) {\n message.error('获取知识列表失败');\n } finally {\n setLoading(false);\n }\n };\n const fetchCategories = async () => {\n try {\n const response = await knowledgeAPI.getCategories();\n setCategories(response.data.categories || []);\n } catch (error) {\n console.error('获取分类失败');\n }\n };\n const fetchLearningStats = async () => {\n try {\n const response = await learningProgressAPI.getStats();\n setLearningStats(response.data.stats);\n } catch (error) {\n console.error('获取学习统计失败');\n }\n };\n const handleDelete = async id => {\n try {\n await knowledgeAPI.delete(id);\n message.success('删除成功');\n fetchKnowledge();\n } catch (error) {\n message.error('删除失败');\n }\n };\n const handleDownload = async item => {\n try {\n const response = await knowledgeAPI.download(item.id);\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', item.file_name || 'download');\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n } catch (error) {\n message.error('下载失败');\n }\n };\n const handleUpdateProgress = async (item, progress, status) => {\n try {\n await learningProgressAPI.update(item.id, {\n progress,\n status,\n notes: ''\n });\n message.success('学习进度更新成功');\n fetchKnowledge();\n fetchLearningStats();\n } catch (error) {\n message.error('更新失败');\n }\n };\n const openCreateModal = () => {\n setEditingItem(null);\n setSelectedFile(null);\n form.resetFields();\n setModalVisible(true);\n };\n const openEditModal = item => {\n setEditingItem(item);\n setSelectedFile(null);\n form.setFieldsValue({\n ...item,\n isPublic: item.is_public ? true : false,\n tags: item.tags ? JSON.parse(item.tags) : []\n });\n setModalVisible(true);\n };\n const openDetailModal = async item => {\n try {\n const response = await knowledgeAPI.getOne(item.id);\n setSelectedItem(response.data);\n setDetailVisible(true);\n } catch (error) {\n message.error('获取详情失败');\n }\n };\n const handleModalOk = async () => {\n try {\n const values = await form.validateFields();\n const {\n isPublic,\n ...rest\n } = values;\n if (editingItem) {\n await knowledgeAPI.update(editingItem.id, {\n ...rest,\n isPublic: isPublic ? 1 : 0\n }, selectedFile);\n message.success('更新成功');\n } else {\n await knowledgeAPI.create({\n ...rest,\n isPublic: isPublic ? 1 : 0\n }, selectedFile);\n message.success('创建成功');\n }\n setModalVisible(false);\n fetchKnowledge();\n } catch (error) {\n var _error$response, _error$response$data;\n message.error(((_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || '操作失败');\n }\n };\n const uploadProps = {\n beforeUpload: file => {\n setSelectedFile(file);\n return false;\n },\n fileList: selectedFile ? [selectedFile] : [],\n onRemove: () => setSelectedFile(null)\n };\n const columns = [{\n title: '标题',\n dataIndex: 'title',\n key: 'title',\n render: (text, record) => /*#__PURE__*/_jsxDEV(\"a\", {\n onClick: () => openDetailModal(record),\n children: [record.file_name ? /*#__PURE__*/_jsxDEV(FileTextOutlined, {\n style: {\n marginRight: 8\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 222,\n columnNumber: 31\n }, this) : /*#__PURE__*/_jsxDEV(BookOutlined, {\n style: {\n marginRight: 8\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 222,\n columnNumber: 81\n }, this), text]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 221,\n columnNumber: 9\n }, this)\n }, {\n title: '分类',\n dataIndex: 'category',\n key: 'category',\n render: category => category && /*#__PURE__*/_jsxDEV(Tag, {\n color: \"blue\",\n children: category\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 41\n }, this)\n }, {\n title: '权限',\n dataIndex: 'is_public',\n key: 'is_public',\n render: isPublic => /*#__PURE__*/_jsxDEV(Tag, {\n color: isPublic ? 'green' : 'orange',\n children: isPublic ? '公开' : '私有'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 238,\n columnNumber: 9\n }, this)\n }, {\n title: '学习进度',\n key: 'learning_progress',\n render: (_, record) => {\n if (record.learning_progress) {\n const lp = record.learning_progress;\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(Progress, {\n percent: lp.progress,\n size: \"small\",\n status: lp.status === 'completed' ? 'success' : 'active'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 251,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Tag, {\n color: progressStatusColors[lp.status],\n style: {\n marginTop: 4\n },\n children: progressStatusTexts[lp.status]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 252,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 13\n }, this);\n }\n return '-';\n }\n }, {\n title: '创建人',\n dataIndex: 'created_by_name',\n key: 'created_by_name'\n }, {\n title: '创建时间',\n dataIndex: 'created_at',\n key: 'created_at',\n render: date => dayjs(date).format('YYYY-MM-DD')\n }, {\n title: '操作',\n key: 'actions',\n render: (_, record) => /*#__PURE__*/_jsxDEV(Space, {\n children: [/*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(EyeOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 277,\n columnNumber: 50\n }, this),\n onClick: () => openDetailModal(record),\n children: \"\\u67E5\\u770B\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 277,\n columnNumber: 11\n }, this), record.file_name && /*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(DownloadOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 281,\n columnNumber: 52\n }, this),\n onClick: () => handleDownload(record),\n children: \"\\u4E0B\\u8F7D\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 281,\n columnNumber: 13\n }, this), (record.created_by === (user === null || user === void 0 ? void 0 : user.id) || (user === null || user === void 0 ? void 0 : user.role) === 'admin') && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(EditOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 287,\n columnNumber: 54\n }, this),\n onClick: () => openEditModal(record),\n children: \"\\u7F16\\u8F91\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 287,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Popconfirm, {\n title: \"\\u786E\\u5B9A\\u8981\\u5220\\u9664\\u8FD9\\u4E2A\\u77E5\\u8BC6\\u5417?\",\n onConfirm: () => handleDelete(record.id),\n children: /*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n danger: true,\n icon: /*#__PURE__*/_jsxDEV(DeleteOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 291,\n columnNumber: 63\n }, this),\n children: \"\\u5220\\u9664\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 291,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 290,\n columnNumber: 15\n }, this)]\n }, void 0, true)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 276,\n columnNumber: 9\n }, this)\n }];\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"page-header\",\n children: /*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"\\u77E5\\u8BC6\\u5E93\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 305,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 304,\n columnNumber: 7\n }, this), learningStats && /*#__PURE__*/_jsxDEV(Row, {\n gutter: 16,\n style: {\n marginBottom: 16\n },\n children: [/*#__PURE__*/_jsxDEV(Col, {\n span: 6,\n children: /*#__PURE__*/_jsxDEV(Card, {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: 'center'\n },\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 24,\n fontWeight: 'bold'\n },\n children: learningStats.total || 0\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 313,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n color: '#999'\n },\n children: \"\\u603B\\u5B66\\u4E60\\u9879\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 314,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 312,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 311,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 310,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 6,\n children: /*#__PURE__*/_jsxDEV(Card, {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: 'center'\n },\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 24,\n fontWeight: 'bold',\n color: '#52c41a'\n },\n children: learningStats.completed || 0\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 321,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n color: '#999'\n },\n children: \"\\u5DF2\\u5B8C\\u6210\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 322,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 320,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 319,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 318,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 6,\n children: /*#__PURE__*/_jsxDEV(Card, {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: 'center'\n },\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 24,\n fontWeight: 'bold',\n color: '#1890ff'\n },\n children: learningStats.in_progress || 0\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 329,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n color: '#999'\n },\n children: \"\\u5B66\\u4E60\\u4E2D\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 330,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 328,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 326,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 6,\n children: /*#__PURE__*/_jsxDEV(Card, {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: 'center'\n },\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 24,\n fontWeight: 'bold'\n },\n children: [learningStats.avg_progress ? Math.round(learningStats.avg_progress) : 0, \"%\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 337,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n color: '#999'\n },\n children: \"\\u5E73\\u5747\\u8FDB\\u5EA6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 340,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 336,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 335,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 309,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Card, {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"filter-bar\",\n children: /*#__PURE__*/_jsxDEV(Row, {\n gutter: 16,\n children: [/*#__PURE__*/_jsxDEV(Col, {\n span: 6,\n children: /*#__PURE__*/_jsxDEV(Search, {\n placeholder: \"\\u641C\\u7D22\\u6807\\u9898\\u6216\\u5185\\u5BB9\",\n onSearch: value => setFilters(prev => ({\n ...prev,\n search: value\n })),\n allowClear: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 351,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 350,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 4,\n children: /*#__PURE__*/_jsxDEV(Select, {\n placeholder: \"\\u5206\\u7C7B\",\n allowClear: true,\n style: {\n width: '100%'\n },\n onChange: value => setFilters(prev => ({\n ...prev,\n category: value\n })),\n children: categories.map(cat => /*#__PURE__*/_jsxDEV(Option, {\n value: cat,\n children: cat\n }, cat, false, {\n fileName: _jsxFileName,\n lineNumber: 365,\n columnNumber: 19\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 358,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 357,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 4,\n children: /*#__PURE__*/_jsxDEV(Select, {\n placeholder: \"\\u6743\\u9650\",\n allowClear: true,\n style: {\n width: '100%'\n },\n onChange: value => setFilters(prev => ({\n ...prev,\n isPublic: value\n })),\n children: [/*#__PURE__*/_jsxDEV(Option, {\n value: \"true\",\n children: \"\\u516C\\u5F00\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 376,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"false\",\n children: \"\\u79C1\\u6709\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 377,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 370,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 369,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 10,\n style: {\n textAlign: 'right'\n },\n children: /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n icon: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 381,\n columnNumber: 44\n }, this),\n onClick: openCreateModal,\n children: \"\\u6DFB\\u52A0\\u77E5\\u8BC6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 381,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 380,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 349,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 348,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Table, {\n columns: columns,\n dataSource: knowledge,\n rowKey: \"id\",\n loading: loading,\n pagination: {\n ...pagination,\n showSizeChanger: true,\n showQuickJumper: true,\n showTotal: total => `共 ${total} 条`,\n onChange: (page, pageSize) => setPagination(prev => ({\n ...prev,\n current: page,\n pageSize\n }))\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 388,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 347,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n title: editingItem ? '编辑知识' : '添加知识',\n open: modalVisible,\n onOk: handleModalOk,\n onCancel: () => setModalVisible(false),\n width: 700,\n children: /*#__PURE__*/_jsxDEV(Form, {\n form: form,\n layout: \"vertical\",\n children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"title\",\n label: \"\\u6807\\u9898\",\n rules: [{\n required: true,\n message: '请输入标题'\n }],\n children: /*#__PURE__*/_jsxDEV(Input, {\n placeholder: \"\\u8BF7\\u8F93\\u5165\\u6807\\u9898\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 412,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 411,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Row, {\n gutter: 16,\n children: [/*#__PURE__*/_jsxDEV(Col, {\n span: 12,\n children: /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"category\",\n label: \"\\u5206\\u7C7B\",\n children: /*#__PURE__*/_jsxDEV(Select, {\n placeholder: \"\\u8BF7\\u9009\\u62E9\\u6216\\u8F93\\u5165\\u5206\\u7C7B\",\n allowClear: true,\n showSearch: true,\n mode: \"tags\",\n children: categories.map(cat => /*#__PURE__*/_jsxDEV(Option, {\n value: cat,\n children: cat\n }, cat, false, {\n fileName: _jsxFileName,\n lineNumber: 419,\n columnNumber: 21\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 417,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 416,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 415,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 12,\n children: /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"isPublic\",\n label: \"\\u516C\\u5F00\",\n valuePropName: \"checked\",\n children: /*#__PURE__*/_jsxDEV(Switch, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 426,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 425,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 424,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 414,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"content\",\n label: \"\\u5185\\u5BB9\",\n children: /*#__PURE__*/_jsxDEV(TextArea, {\n rows: 6,\n placeholder: \"\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 431,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 430,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"tags\",\n label: \"\\u6807\\u7B7E\",\n children: /*#__PURE__*/_jsxDEV(Select, {\n placeholder: \"\\u8BF7\\u9009\\u62E9\\u6216\\u8F93\\u5165\\u6807\\u7B7E\",\n allowClear: true,\n showSearch: true,\n mode: \"tags\",\n tokenSeparators: [',', ' ']\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 434,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 433,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n label: \"\\u6587\\u4EF6\",\n children: /*#__PURE__*/_jsxDEV(Dragger, {\n ...uploadProps,\n fileList: selectedFile ? [selectedFile] : [],\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n className: \"ant-upload-drag-icon\",\n children: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 439,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 438,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"ant-upload-text\",\n children: \"\\u70B9\\u51FB\\u6216\\u62D6\\u62FD\\u6587\\u4EF6\\u5230\\u6B64\\u533A\\u57DF\\u4E0A\\u4F20\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 441,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"ant-upload-hint\",\n children: \"\\u652F\\u6301\\u5404\\u79CD\\u683C\\u5F0F\\u7684\\u6587\\u4EF6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 442,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 437,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 436,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 410,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 403,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n title: \"\\u77E5\\u8BC6\\u8BE6\\u60C5\",\n open: detailVisible,\n onCancel: () => setDetailVisible(false),\n footer: null,\n width: 800,\n children: selectedItem && /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(Descriptions, {\n bordered: true,\n column: 2,\n children: [/*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u6807\\u9898\",\n span: 2,\n children: selectedItem.knowledge.title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 458,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u5206\\u7C7B\",\n children: selectedItem.knowledge.category ? /*#__PURE__*/_jsxDEV(Tag, {\n color: \"blue\",\n children: selectedItem.knowledge.category\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 462,\n columnNumber: 52\n }, this) : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 461,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u6743\\u9650\",\n children: /*#__PURE__*/_jsxDEV(Tag, {\n color: selectedItem.knowledge.is_public ? 'green' : 'orange',\n children: selectedItem.knowledge.is_public ? '公开' : '私有'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 465,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 464,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u521B\\u5EFA\\u4EBA\",\n children: selectedItem.knowledge.created_by_name || '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 469,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u521B\\u5EFA\\u65F6\\u95F4\",\n children: dayjs(selectedItem.knowledge.created_at).format('YYYY-MM-DD HH:mm')\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 472,\n columnNumber: 15\n }, this), selectedItem.knowledge.file_name && /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u6587\\u4EF6\",\n span: 2,\n children: /*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n icon: /*#__PURE__*/_jsxDEV(DownloadOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 477,\n columnNumber: 45\n }, this),\n onClick: () => handleDownload(selectedItem.knowledge),\n children: selectedItem.knowledge.file_name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 477,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 476,\n columnNumber: 17\n }, this), selectedItem.knowledge.tags && /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u6807\\u7B7E\",\n span: 2,\n children: JSON.parse(selectedItem.knowledge.tags).map(tag => /*#__PURE__*/_jsxDEV(Tag, {\n style: {\n marginBottom: 4\n },\n children: tag\n }, tag, false, {\n fileName: _jsxFileName,\n lineNumber: 485,\n columnNumber: 21\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 483,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 457,\n columnNumber: 13\n }, this), selectedItem.knowledge.content && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Divider, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 493,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n children: \"\\u5185\\u5BB9\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 495,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n whiteSpace: 'pre-wrap'\n },\n children: selectedItem.knowledge.content\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 496,\n columnNumber: 19\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 494,\n columnNumber: 17\n }, this)]\n }, void 0, true), /*#__PURE__*/_jsxDEV(Divider, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 501,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n children: \"\\u6211\\u7684\\u5B66\\u4E60\\u8FDB\\u5EA6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 503,\n columnNumber: 15\n }, this), selectedItem.learning_progress ? /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(Progress, {\n percent: selectedItem.learning_progress.progress,\n status: selectedItem.learning_progress.status === 'completed' ? 'success' : 'active'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 506,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(Tag, {\n color: progressStatusColors[selectedItem.learning_progress.status],\n style: {\n marginTop: 8\n },\n children: progressStatusTexts[selectedItem.learning_progress.status]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 510,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n marginTop: 16\n },\n children: /*#__PURE__*/_jsxDEV(Space, {\n children: [/*#__PURE__*/_jsxDEV(Button, {\n onClick: () => handleUpdateProgress(selectedItem.knowledge, 25, 'in_progress'),\n children: \"25%\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 515,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n onClick: () => handleUpdateProgress(selectedItem.knowledge, 50, 'in_progress'),\n children: \"50%\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 516,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n onClick: () => handleUpdateProgress(selectedItem.knowledge, 75, 'in_progress'),\n children: \"75%\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 517,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n onClick: () => handleUpdateProgress(selectedItem.knowledge, 100, 'completed'),\n children: \"\\u5B8C\\u6210\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 518,\n columnNumber: 23\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 514,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 513,\n columnNumber: 19\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 505,\n columnNumber: 17\n }, this) : /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n onClick: () => handleUpdateProgress(selectedItem.knowledge, 0, 'in_progress'),\n children: \"\\u5F00\\u59CB\\u5B66\\u4E60\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 526,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 525,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 502,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 456,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 448,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 5\n }, this);\n};\n_s(Knowledge, \"1/4jdCOBUdIfsG94sGy2CS+sLTw=\", false, function () {\n return [useAuth, Form.useForm];\n});\n_c = Knowledge;\nexport default Knowledge;\nvar _c;\n$RefreshReg$(_c, \"Knowledge\");","map":{"version":3,"names":["React","useState","useEffect","Table","Card","Button","Space","Tag","Input","Select","Modal","Form","message","Popconfirm","Descriptions","Row","Col","Progress","Upload","Switch","Divider","PlusOutlined","EditOutlined","DeleteOutlined","EyeOutlined","SearchOutlined","DownloadOutlined","FileTextOutlined","BookOutlined","knowledgeAPI","learningProgressAPI","useAuth","dayjs","jsxDEV","_jsxDEV","Fragment","_Fragment","Option","Search","TextArea","Dragger","progressStatusColors","not_started","in_progress","completed","progressStatusTexts","Knowledge","_s","knowledge","setKnowledge","loading","setLoading","pagination","setPagination","current","pageSize","total","filters","setFilters","categories","setCategories","learningStats","setLearningStats","user","modalVisible","setModalVisible","detailVisible","setDetailVisible","editingItem","setEditingItem","selectedItem","setSelectedItem","selectedFile","setSelectedFile","form","useForm","fetchKnowledge","fetchCategories","fetchLearningStats","response","getAll","page","limit","data","prev","_response$data$pagina","error","getCategories","console","getStats","stats","handleDelete","id","delete","success","handleDownload","item","download","url","window","URL","createObjectURL","Blob","link","document","createElement","href","setAttribute","file_name","body","appendChild","click","removeChild","handleUpdateProgress","progress","status","update","notes","openCreateModal","resetFields","openEditModal","setFieldsValue","isPublic","is_public","tags","JSON","parse","openDetailModal","getOne","handleModalOk","values","validateFields","rest","create","_error$response","_error$response$data","uploadProps","beforeUpload","file","fileList","onRemove","columns","title","dataIndex","key","render","text","record","onClick","children","style","marginRight","fileName","_jsxFileName","lineNumber","columnNumber","category","color","_","learning_progress","lp","percent","size","marginTop","date","format","type","icon","created_by","role","onConfirm","danger","className","gutter","marginBottom","span","textAlign","fontSize","fontWeight","avg_progress","Math","round","placeholder","onSearch","value","search","allowClear","width","onChange","map","cat","dataSource","rowKey","showSizeChanger","showQuickJumper","showTotal","open","onOk","onCancel","layout","Item","name","label","rules","required","showSearch","mode","valuePropName","rows","tokenSeparators","footer","bordered","column","created_by_name","created_at","tag","content","whiteSpace","_c","$RefreshReg$"],"sources":["/Users/nili/Documents/trae_projects/client/src/pages/Knowledge.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n Table,\n Card,\n Button,\n Space,\n Tag,\n Input,\n Select,\n Modal,\n Form,\n message,\n Popconfirm,\n Descriptions,\n Row,\n Col,\n Progress,\n Upload,\n Switch,\n Divider\n} from 'antd';\nimport {\n PlusOutlined,\n EditOutlined,\n DeleteOutlined,\n EyeOutlined,\n SearchOutlined,\n DownloadOutlined,\n FileTextOutlined,\n BookOutlined\n} from '@ant-design/icons';\nimport { knowledgeAPI, learningProgressAPI } from '../services/api';\nimport { useAuth } from '../contexts/AuthContext';\nimport dayjs from 'dayjs';\n\nconst { Option } = Select;\nconst { Search } = Input;\nconst { TextArea } = Input;\nconst { Dragger } = Upload;\n\nconst progressStatusColors = {\n not_started: 'default',\n in_progress: 'blue',\n completed: 'green'\n};\n\nconst progressStatusTexts = {\n not_started: '未开始',\n in_progress: '学习中',\n completed: '已完成'\n};\n\nconst Knowledge = () => {\n const [knowledge, setKnowledge] = useState([]);\n const [loading, setLoading] = useState(false);\n const [pagination, setPagination] = useState({ current: 1, pageSize: 20, total: 0 });\n const [filters, setFilters] = useState({});\n const [categories, setCategories] = useState([]);\n const [learningStats, setLearningStats] = useState(null);\n const { user } = useAuth();\n\n const [modalVisible, setModalVisible] = useState(false);\n const [detailVisible, setDetailVisible] = useState(false);\n const [editingItem, setEditingItem] = useState(null);\n const [selectedItem, setSelectedItem] = useState(null);\n const [selectedFile, setSelectedFile] = useState(null);\n const [form] = Form.useForm();\n\n useEffect(() => {\n fetchKnowledge();\n fetchCategories();\n fetchLearningStats();\n }, [pagination.current, pagination.pageSize, filters]);\n\n const fetchKnowledge = async () => {\n setLoading(true);\n try {\n const response = await knowledgeAPI.getAll({\n page: pagination.current,\n limit: pagination.pageSize,\n ...filters\n });\n setKnowledge(response.data.knowledge);\n setPagination(prev => ({\n ...prev,\n total: response.data.pagination?.total || 0\n }));\n } catch (error) {\n message.error('获取知识列表失败');\n } finally {\n setLoading(false);\n }\n };\n\n const fetchCategories = async () => {\n try {\n const response = await knowledgeAPI.getCategories();\n setCategories(response.data.categories || []);\n } catch (error) {\n console.error('获取分类失败');\n }\n };\n\n const fetchLearningStats = async () => {\n try {\n const response = await learningProgressAPI.getStats();\n setLearningStats(response.data.stats);\n } catch (error) {\n console.error('获取学习统计失败');\n }\n };\n\n const handleDelete = async (id) => {\n try {\n await knowledgeAPI.delete(id);\n message.success('删除成功');\n fetchKnowledge();\n } catch (error) {\n message.error('删除失败');\n }\n };\n\n const handleDownload = async (item) => {\n try {\n const response = await knowledgeAPI.download(item.id);\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', item.file_name || 'download');\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n } catch (error) {\n message.error('下载失败');\n }\n };\n\n const handleUpdateProgress = async (item, progress, status) => {\n try {\n await learningProgressAPI.update(item.id, {\n progress,\n status,\n notes: ''\n });\n message.success('学习进度更新成功');\n fetchKnowledge();\n fetchLearningStats();\n } catch (error) {\n message.error('更新失败');\n }\n };\n\n const openCreateModal = () => {\n setEditingItem(null);\n setSelectedFile(null);\n form.resetFields();\n setModalVisible(true);\n };\n\n const openEditModal = (item) => {\n setEditingItem(item);\n setSelectedFile(null);\n form.setFieldsValue({\n ...item,\n isPublic: item.is_public ? true : false,\n tags: item.tags ? JSON.parse(item.tags) : []\n });\n setModalVisible(true);\n };\n\n const openDetailModal = async (item) => {\n try {\n const response = await knowledgeAPI.getOne(item.id);\n setSelectedItem(response.data);\n setDetailVisible(true);\n } catch (error) {\n message.error('获取详情失败');\n }\n };\n\n const handleModalOk = async () => {\n try {\n const values = await form.validateFields();\n const { isPublic, ...rest } = values;\n \n if (editingItem) {\n await knowledgeAPI.update(editingItem.id, {\n ...rest,\n isPublic: isPublic ? 1 : 0\n }, selectedFile);\n message.success('更新成功');\n } else {\n await knowledgeAPI.create({\n ...rest,\n isPublic: isPublic ? 1 : 0\n }, selectedFile);\n message.success('创建成功');\n }\n setModalVisible(false);\n fetchKnowledge();\n } catch (error) {\n message.error(error.response?.data?.message || '操作失败');\n }\n };\n\n const uploadProps = {\n beforeUpload: (file) => {\n setSelectedFile(file);\n return false;\n },\n fileList: selectedFile ? [selectedFile] : [],\n onRemove: () => setSelectedFile(null)\n };\n\n const columns = [\n {\n title: '标题',\n dataIndex: 'title',\n key: 'title',\n render: (text, record) => (\n openDetailModal(record)}>\n {record.file_name ? : }\n {text}\n \n )\n },\n {\n title: '分类',\n dataIndex: 'category',\n key: 'category',\n render: (category) => category && {category}\n },\n {\n title: '权限',\n dataIndex: 'is_public',\n key: 'is_public',\n render: (isPublic) => (\n \n {isPublic ? '公开' : '私有'}\n \n )\n },\n {\n title: '学习进度',\n key: 'learning_progress',\n render: (_, record) => {\n if (record.learning_progress) {\n const lp = record.learning_progress;\n return (\n
\n \n \n {progressStatusTexts[lp.status]}\n \n
\n );\n }\n return '-';\n }\n },\n {\n title: '创建人',\n dataIndex: 'created_by_name',\n key: 'created_by_name'\n },\n {\n title: '创建时间',\n dataIndex: 'created_at',\n key: 'created_at',\n render: (date) => dayjs(date).format('YYYY-MM-DD')\n },\n {\n title: '操作',\n key: 'actions',\n render: (_, record) => (\n \n \n {record.file_name && (\n \n )}\n {(record.created_by === user?.id || user?.role === 'admin') && (\n <>\n \n handleDelete(record.id)}>\n \n \n \n )}\n \n )\n }\n ];\n\n return (\n
\n
\n

知识库

\n
\n\n {learningStats && (\n \n \n \n
\n
{learningStats.total || 0}
\n
总学习项
\n
\n \n \n \n \n
\n
{learningStats.completed || 0}
\n
已完成
\n
\n \n \n \n \n
\n
{learningStats.in_progress || 0}
\n
学习中
\n
\n \n \n \n \n
\n
\n {learningStats.avg_progress ? Math.round(learningStats.avg_progress) : 0}%\n
\n
平均进度
\n
\n \n \n \n )}\n\n \n
\n \n \n setFilters(prev => ({ ...prev, search: value }))}\n allowClear\n />\n \n \n setFilters(prev => ({ ...prev, category: value }))}\n >\n {categories.map(cat => (\n \n ))}\n \n \n \n setFilters(prev => ({ ...prev, isPublic: value }))}\n >\n \n \n \n \n \n \n \n \n
\n\n `共 ${total} 条`,\n onChange: (page, pageSize) => setPagination(prev => ({ ...prev, current: page, pageSize }))\n }}\n />\n \n\n setModalVisible(false)}\n width={700}\n >\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n