{"ast":null,"code":"var _jsxFileName = \"/Users/nili/Documents/trae_projects/client/src/pages/ProjectDetail.js\",\n _s = $RefreshSig$();\nimport React, { useState, useEffect } from 'react';\nimport { Card, Descriptions, Tag, Button, Space, Modal, Form, Input, Select, DatePicker, message, Tabs, List, Timeline, Table, Popconfirm, Progress, Row, Col, Upload, Spin, Alert, Collapse } from 'antd';\nimport { ArrowLeftOutlined, EditOutlined, PlusOutlined, CheckOutlined, CloseOutlined, UploadOutlined, FileTextOutlined, DeleteOutlined, DownloadOutlined, AnalyzeOutlined, ReloadOutlined } from '@ant-design/icons';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { projectsAPI, usersAPI, investorsAPI } 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 TextArea\n} = Input;\nconst ProjectDetail = () => {\n _s();\n const {\n id\n } = useParams();\n const navigate = useNavigate();\n const {\n isInvestmentManager\n } = useAuth();\n const [project, setProject] = useState(null);\n const [loading, setLoading] = useState(true);\n const [users, setUsers] = useState([]);\n const [investors, setInvestors] = useState([]);\n const [documents, setDocuments] = useState([]);\n const [documentsLoading, setDocumentsLoading] = useState(false);\n const [uploading, setUploading] = useState(false);\n useEffect(() => {\n fetchProject();\n fetchUsers();\n fetchInvestors();\n }, [id]);\n const fetchProject = async () => {\n setLoading(true);\n try {\n const response = await projectsAPI.getOne(id);\n setProject(response.data);\n } catch (error) {\n message.error('获取项目详情失败');\n } finally {\n setLoading(false);\n }\n };\n const fetchUsers = async () => {\n try {\n const response = await usersAPI.getAll({\n limit: 100\n });\n setUsers(response.data.users);\n } catch (error) {\n console.error('获取用户列表失败:', error);\n }\n };\n const fetchInvestors = async () => {\n try {\n const response = await investorsAPI.getAll({\n limit: 100\n });\n setInvestors(response.data.investors);\n } catch (error) {\n console.error('获取投资者列表失败:', error);\n }\n };\n const getStatusColor = status => {\n const colors = {\n draft: 'default',\n active: 'green',\n completed: 'blue',\n pending: 'orange',\n paused: 'red'\n };\n return colors[status] || 'default';\n };\n const getStatusText = status => {\n const texts = {\n draft: '草稿',\n active: '进行中',\n completed: '已完成',\n pending: '待审批',\n paused: '已暂停'\n };\n return texts[status] || status;\n };\n const getPriorityColor = priority => {\n const colors = {\n high: 'red',\n medium: 'orange',\n low: 'blue'\n };\n return colors[priority] || 'default';\n };\n const [taskModalVisible, setTaskModalVisible] = useState(false);\n const [milestoneModalVisible, setMilestoneModalVisible] = useState(false);\n const [updateModalVisible, setUpdateModalVisible] = useState(false);\n const [investorModalVisible, setInvestorModalVisible] = useState(false);\n const [taskForm] = Form.useForm();\n const [milestoneForm] = Form.useForm();\n const [updateForm] = Form.useForm();\n const [investorForm] = Form.useForm();\n const handleAddTask = async () => {\n try {\n const values = await taskForm.validateFields();\n await projectsAPI.addTask(id, {\n ...values,\n dueDate: values.dueDate ? values.dueDate.format('YYYY-MM-DD') : null\n });\n message.success('任务创建成功');\n setTaskModalVisible(false);\n taskForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建任务失败');\n }\n };\n const handleUpdateTaskStatus = async (taskId, status) => {\n try {\n await projectsAPI.updateTask(id, taskId, {\n status,\n completedAt: status === 'completed' ? new Date().toISOString() : null\n });\n message.success('任务状态更新成功');\n fetchProject();\n } catch (error) {\n message.error('更新任务失败');\n }\n };\n const handleAddMilestone = async () => {\n try {\n const values = await milestoneForm.validateFields();\n await projectsAPI.addMilestone(id, {\n ...values,\n plannedDate: values.plannedDate ? values.plannedDate.format('YYYY-MM-DD') : null\n });\n message.success('里程碑创建成功');\n setMilestoneModalVisible(false);\n milestoneForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建里程碑失败');\n }\n };\n const handleAddUpdate = async () => {\n try {\n const values = await updateForm.validateFields();\n await projectsAPI.addUpdate(id, values);\n message.success('项目更新创建成功');\n setUpdateModalVisible(false);\n updateForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建项目更新失败');\n }\n };\n const handleAddInvestor = async () => {\n try {\n const values = await investorForm.validateFields();\n await projectsAPI.addInvestor(id, {\n ...values,\n investmentDate: values.investmentDate ? values.investmentDate.format('YYYY-MM-DD') : null\n });\n message.success('投资者添加成功');\n setInvestorModalVisible(false);\n investorForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('添加投资者失败');\n }\n };\n const handleRemoveInvestor = async investorId => {\n try {\n await projectsAPI.removeInvestor(id, investorId);\n message.success('投资者已移除');\n fetchProject();\n } catch (error) {\n message.error('移除投资者失败');\n }\n };\n if (loading) return /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"\\u52A0\\u8F7D\\u4E2D...\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 216,\n columnNumber: 23\n }, this);\n if (!project) return /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"\\u9879\\u76EE\\u4E0D\\u5B58\\u5728\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 217,\n columnNumber: 24\n }, this);\n const taskColumns = [{\n title: '任务标题',\n dataIndex: 'title',\n key: 'title'\n }, {\n title: '描述',\n dataIndex: 'description',\n key: 'description'\n }, {\n title: '优先级',\n dataIndex: 'priority',\n key: 'priority',\n render: p => /*#__PURE__*/_jsxDEV(Tag, {\n color: getPriorityColor(p),\n children: p === 'high' ? '高' : p === 'medium' ? '中' : '低'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 226,\n columnNumber: 22\n }, this)\n }, {\n title: '负责人',\n dataIndex: 'assigned_to_name',\n key: 'assigned_to_name'\n }, {\n title: '截止日期',\n dataIndex: 'due_date',\n key: 'due_date',\n render: d => d ? dayjs(d).format('YYYY-MM-DD') : '-'\n }, {\n title: '状态',\n dataIndex: 'status',\n key: 'status',\n render: (status, record) => /*#__PURE__*/_jsxDEV(Space, {\n children: [/*#__PURE__*/_jsxDEV(Tag, {\n color: status === 'completed' ? 'green' : status === 'in_progress' ? 'blue' : 'default',\n children: status === 'completed' ? '已完成' : status === 'in_progress' ? '进行中' : '待处理'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 241,\n columnNumber: 11\n }, this), isInvestmentManager() && status !== 'completed' && /*#__PURE__*/_jsxDEV(Button, {\n type: \"text\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(CheckOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 52\n }, this),\n onClick: () => handleUpdateTaskStatus(record.id, 'completed')\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 240,\n columnNumber: 9\n }, this)\n }];\n const investorColumns = [{\n title: '投资者',\n dataIndex: 'investor_name',\n key: 'investor_name'\n }, {\n title: '投资金额',\n dataIndex: 'investment_amount',\n key: 'investment_amount',\n render: a => a ? `¥${a.toLocaleString()}` : '-'\n }, {\n title: '股权比例',\n dataIndex: 'equity_ratio',\n key: 'equity_ratio',\n render: r => r ? `${r}%` : '-'\n }, {\n title: '投资日期',\n dataIndex: 'investment_date',\n key: 'investment_date',\n render: d => d ? dayjs(d).format('YYYY-MM-DD') : '-'\n }, {\n title: '操作',\n key: 'actions',\n render: (_, record) => isInvestmentManager() && /*#__PURE__*/_jsxDEV(Popconfirm, {\n title: \"\\u786E\\u5B9A\\u79FB\\u9664\\u8BE5\\u6295\\u8D44\\u8005?\",\n onConfirm: () => handleRemoveInvestor(record.investor_id),\n children: /*#__PURE__*/_jsxDEV(Button, {\n type: \"text\",\n danger: true,\n size: \"small\",\n children: \"\\u79FB\\u9664\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 277,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 276,\n columnNumber: 9\n }, this)\n }];\n const tabs = [{\n key: 'overview',\n label: '概览',\n children: /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Card, {\n title: \"\\u57FA\\u672C\\u4FE1\\u606F\",\n style: {\n marginBottom: 16\n },\n children: [/*#__PURE__*/_jsxDEV(Descriptions, {\n column: 2,\n children: [/*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u9879\\u76EE\\u540D\\u79F0\",\n children: project.project.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 291,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u9879\\u76EE\\u4EE3\\u7801\",\n children: project.project.code || '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 292,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u516C\\u53F8\\u540D\\u79F0\",\n children: project.project.company_name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u884C\\u4E1A\",\n children: project.project.industry ? /*#__PURE__*/_jsxDEV(Tag, {\n color: \"blue\",\n children: project.project.industry\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 294,\n columnNumber: 73\n }, this) : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 294,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u9636\\u6BB5\",\n children: project.project.stage ? /*#__PURE__*/_jsxDEV(Tag, {\n color: \"cyan\",\n children: project.project.stage\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 295,\n columnNumber: 70\n }, this) : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 295,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u72B6\\u6001\",\n children: /*#__PURE__*/_jsxDEV(Tag, {\n color: getStatusColor(project.project.status),\n children: getStatusText(project.project.status)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 296,\n columnNumber: 45\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 296,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u6295\\u8D44\\u989D\",\n children: project.project.investment_amount ? `¥${project.project.investment_amount.toLocaleString()}` : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 297,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u4F30\\u503C\",\n children: project.project.valuation ? `¥${project.project.valuation.toLocaleString()}` : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 298,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u80A1\\u6743\\u6BD4\\u4F8B\",\n children: project.project.equity_ratio ? `${project.project.equity_ratio}%` : '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 299,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u8D1F\\u8D23\\u4EBA\",\n children: project.project.assigned_to_name || '-'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 300,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u521B\\u5EFA\\u4EBA\",\n children: project.project.created_by_name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 301,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Descriptions.Item, {\n label: \"\\u521B\\u5EFA\\u65F6\\u95F4\",\n children: dayjs(project.project.created_at).format('YYYY-MM-DD HH:mm')\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 302,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 290,\n columnNumber: 13\n }, this), project.project.description && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 306,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"strong\", {\n children: \"\\u9879\\u76EE\\u63CF\\u8FF0:\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 307,\n columnNumber: 22\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 307,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n marginTop: 8,\n color: '#666'\n },\n children: project.project.description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 308,\n columnNumber: 17\n }, this)]\n }, void 0, true)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 289,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Row, {\n gutter: 16,\n children: [/*#__PURE__*/_jsxDEV(Col, {\n span: 12,\n children: /*#__PURE__*/_jsxDEV(Card, {\n title: \"\\u91CC\\u7A0B\\u7891\",\n extra: isInvestmentManager() && /*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 315,\n columnNumber: 104\n }, this),\n onClick: () => setMilestoneModalVisible(true),\n children: \"\\u6DFB\\u52A0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 315,\n columnNumber: 65\n }, this),\n children: /*#__PURE__*/_jsxDEV(Timeline, {\n children: project.milestones.map(ms => /*#__PURE__*/_jsxDEV(Timeline.Item, {\n color: ms.status === 'completed' ? 'green' : ms.status === 'in_progress' ? 'blue' : 'gray',\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontWeight: 'bold'\n },\n children: ms.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 322,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 12,\n color: '#666'\n },\n children: [\"\\u8BA1\\u5212: \", ms.planned_date ? dayjs(ms.planned_date).format('YYYY-MM-DD') : '-', ms.actual_date && ` | 实际: ${dayjs(ms.actual_date).format('YYYY-MM-DD')}`]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 323,\n columnNumber: 23\n }, this), ms.description && /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 13,\n marginTop: 4\n },\n children: ms.description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 42\n }, this)]\n }, ms.id, true, {\n fileName: _jsxFileName,\n lineNumber: 318,\n columnNumber: 21\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 316,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 315,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 314,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 12,\n children: /*#__PURE__*/_jsxDEV(Card, {\n title: \"\\u9879\\u76EE\\u52A8\\u6001\",\n extra: isInvestmentManager() && /*#__PURE__*/_jsxDEV(Button, {\n type: \"link\",\n size: \"small\",\n icon: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 105\n }, this),\n onClick: () => setUpdateModalVisible(true),\n children: \"\\u6DFB\\u52A0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 66\n }, this),\n children: /*#__PURE__*/_jsxDEV(List, {\n dataSource: project.updates,\n renderItem: update => /*#__PURE__*/_jsxDEV(List.Item, {\n children: /*#__PURE__*/_jsxDEV(List.Item.Meta, {\n title: /*#__PURE__*/_jsxDEV(\"span\", {\n style: {\n fontWeight: 500\n },\n children: update.title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 340,\n columnNumber: 32\n }, this),\n description: /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n fontSize: 12,\n color: '#999',\n marginBottom: 4\n },\n children: [update.created_by_name, \" \\xB7 \", dayjs(update.created_at).format('YYYY-MM-DD HH:mm')]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 343,\n columnNumber: 29\n }, this), update.content]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 342,\n columnNumber: 27\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 339,\n columnNumber: 23\n }, this)\n }, update.id, false, {\n fileName: _jsxFileName,\n lineNumber: 338,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 335,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 333,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 313,\n columnNumber: 11\n }, this)]\n }, void 0, true)\n }, {\n key: 'tasks',\n label: '任务',\n children: /*#__PURE__*/_jsxDEV(Card, {\n extra: isInvestmentManager() && /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n icon: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 363,\n columnNumber: 76\n }, this),\n onClick: () => setTaskModalVisible(true),\n children: \"\\u6DFB\\u52A0\\u4EFB\\u52A1\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 363,\n columnNumber: 47\n }, this),\n children: /*#__PURE__*/_jsxDEV(Table, {\n columns: taskColumns,\n dataSource: project.tasks,\n rowKey: \"id\",\n pagination: false\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 364,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 363,\n columnNumber: 9\n }, this)\n }, {\n key: 'investors',\n label: '投资者',\n children: /*#__PURE__*/_jsxDEV(Card, {\n extra: isInvestmentManager() && /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n icon: /*#__PURE__*/_jsxDEV(PlusOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 372,\n columnNumber: 76\n }, this),\n onClick: () => setInvestorModalVisible(true),\n children: \"\\u6DFB\\u52A0\\u6295\\u8D44\\u8005\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 372,\n columnNumber: 47\n }, this),\n children: /*#__PURE__*/_jsxDEV(Table, {\n columns: investorColumns,\n dataSource: project.investors,\n rowKey: \"id\",\n pagination: false\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 373,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 372,\n columnNumber: 9\n }, this)\n }, {\n key: 'documents',\n label: '文档',\n children: /*#__PURE__*/_jsxDEV(Card, {\n children: \"\\u6682\\u65E0\\u6587\\u6863\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 380,\n columnNumber: 17\n }, this)\n }];\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n marginBottom: 16\n },\n children: /*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(ArrowLeftOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 387,\n columnNumber: 23\n }, this),\n onClick: () => navigate('/projects'),\n children: \"\\u8FD4\\u56DE\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 387,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 386,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Card, {\n title: project.project.name,\n extra: /*#__PURE__*/_jsxDEV(Space, {\n children: [/*#__PURE__*/_jsxDEV(Tag, {\n color: getStatusColor(project.project.status),\n children: getStatusText(project.project.status)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 394,\n columnNumber: 13\n }, this), project.project.industry && /*#__PURE__*/_jsxDEV(Tag, {\n color: \"blue\",\n children: project.project.industry\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 395,\n columnNumber: 42\n }, this), isInvestmentManager() && /*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(EditOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 396,\n columnNumber: 53\n }, this),\n children: \"\\u7F16\\u8F91\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 396,\n columnNumber: 39\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 393,\n columnNumber: 11\n }, this),\n children: /*#__PURE__*/_jsxDEV(Tabs, {\n items: tabs\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 400,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 390,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n title: \"\\u6DFB\\u52A0\\u4EFB\\u52A1\",\n open: taskModalVisible,\n onOk: handleAddTask,\n onCancel: () => setTaskModalVisible(false),\n children: /*#__PURE__*/_jsxDEV(Form, {\n form: taskForm,\n layout: \"vertical\",\n children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"title\",\n label: \"\\u4EFB\\u52A1\\u6807\\u9898\",\n rules: [{\n required: true\n }],\n children: /*#__PURE__*/_jsxDEV(Input, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 406,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 405,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"description\",\n label: \"\\u63CF\\u8FF0\",\n children: /*#__PURE__*/_jsxDEV(TextArea, {\n rows: 3\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 409,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 408,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"priority\",\n label: \"\\u4F18\\u5148\\u7EA7\",\n initialValue: \"medium\",\n children: /*#__PURE__*/_jsxDEV(Select, {\n children: [/*#__PURE__*/_jsxDEV(Option, {\n value: \"high\",\n children: \"\\u9AD8\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 413,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"medium\",\n children: \"\\u4E2D\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 414,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"low\",\n children: \"\\u4F4E\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 415,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\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(Form.Item, {\n name: \"assignedTo\",\n label: \"\\u8D1F\\u8D23\\u4EBA\",\n children: /*#__PURE__*/_jsxDEV(Select, {\n children: users.map(u => /*#__PURE__*/_jsxDEV(Option, {\n value: u.id,\n children: u.full_name\n }, u.id, false, {\n fileName: _jsxFileName,\n lineNumber: 420,\n columnNumber: 31\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 419,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 418,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"dueDate\",\n label: \"\\u622A\\u6B62\\u65E5\\u671F\",\n children: /*#__PURE__*/_jsxDEV(DatePicker, {\n style: {\n width: '100%'\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 424,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 423,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 404,\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: \"\\u6DFB\\u52A0\\u91CC\\u7A0B\\u7891\",\n open: milestoneModalVisible,\n onOk: handleAddMilestone,\n onCancel: () => setMilestoneModalVisible(false),\n children: /*#__PURE__*/_jsxDEV(Form, {\n form: milestoneForm,\n layout: \"vertical\",\n children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"name\",\n label: \"\\u91CC\\u7A0B\\u7891\\u540D\\u79F0\",\n rules: [{\n required: true\n }],\n children: /*#__PURE__*/_jsxDEV(Input, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 432,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 431,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"description\",\n label: \"\\u63CF\\u8FF0\",\n children: /*#__PURE__*/_jsxDEV(TextArea, {\n rows: 3\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 435,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 434,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"plannedDate\",\n label: \"\\u8BA1\\u5212\\u65E5\\u671F\",\n children: /*#__PURE__*/_jsxDEV(DatePicker, {\n style: {\n width: '100%'\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 438,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 437,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 430,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 429,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n title: \"\\u6DFB\\u52A0\\u9879\\u76EE\\u66F4\\u65B0\",\n open: updateModalVisible,\n onOk: handleAddUpdate,\n onCancel: () => setUpdateModalVisible(false),\n children: /*#__PURE__*/_jsxDEV(Form, {\n form: updateForm,\n layout: \"vertical\",\n children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"title\",\n label: \"\\u6807\\u9898\",\n rules: [{\n required: true\n }],\n children: /*#__PURE__*/_jsxDEV(Input, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 446,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 445,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"updateType\",\n label: \"\\u7C7B\\u578B\",\n initialValue: \"general\",\n children: /*#__PURE__*/_jsxDEV(Select, {\n children: [/*#__PURE__*/_jsxDEV(Option, {\n value: \"general\",\n children: \"\\u666E\\u901A\\u66F4\\u65B0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 450,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"progress\",\n children: \"\\u8FDB\\u5EA6\\u66F4\\u65B0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 451,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"risk\",\n children: \"\\u98CE\\u9669\\u63D0\\u793A\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 452,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Option, {\n value: \"milestone\",\n children: \"\\u91CC\\u7A0B\\u7891\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 453,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 449,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 448,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"content\",\n label: \"\\u5185\\u5BB9\",\n children: /*#__PURE__*/_jsxDEV(TextArea, {\n rows: 5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 457,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 456,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 444,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 443,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n title: \"\\u6DFB\\u52A0\\u6295\\u8D44\\u8005\",\n open: investorModalVisible,\n onOk: handleAddInvestor,\n onCancel: () => setInvestorModalVisible(false),\n children: /*#__PURE__*/_jsxDEV(Form, {\n form: investorForm,\n layout: \"vertical\",\n children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"investorId\",\n label: \"\\u6295\\u8D44\\u8005\",\n rules: [{\n required: true\n }],\n children: /*#__PURE__*/_jsxDEV(Select, {\n children: investors.map(i => /*#__PURE__*/_jsxDEV(Option, {\n value: i.id,\n children: i.name\n }, i.id, false, {\n fileName: _jsxFileName,\n lineNumber: 466,\n columnNumber: 35\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 465,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 464,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"investmentAmount\",\n label: \"\\u6295\\u8D44\\u91D1\\u989D\",\n children: /*#__PURE__*/_jsxDEV(Input, {\n type: \"number\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 470,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 469,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"equityRatio\",\n label: \"\\u80A1\\u6743\\u6BD4\\u4F8B(%)\",\n children: /*#__PURE__*/_jsxDEV(Input, {\n type: \"number\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 473,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 472,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"investmentDate\",\n label: \"\\u6295\\u8D44\\u65E5\\u671F\",\n children: /*#__PURE__*/_jsxDEV(DatePicker, {\n style: {\n width: '100%'\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 476,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 475,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n name: \"notes\",\n label: \"\\u5907\\u6CE8\",\n children: /*#__PURE__*/_jsxDEV(TextArea, {\n rows: 3\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 479,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 478,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 463,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 462,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 385,\n columnNumber: 5\n }, this);\n};\n_s(ProjectDetail, \"2y/+IZaZK3Gnk+M4GG+QRALdi9s=\", false, function () {\n return [useParams, useNavigate, useAuth, Form.useForm, Form.useForm, Form.useForm, Form.useForm];\n});\n_c = ProjectDetail;\nexport default ProjectDetail;\nvar _c;\n$RefreshReg$(_c, \"ProjectDetail\");","map":{"version":3,"names":["React","useState","useEffect","Card","Descriptions","Tag","Button","Space","Modal","Form","Input","Select","DatePicker","message","Tabs","List","Timeline","Table","Popconfirm","Progress","Row","Col","Upload","Spin","Alert","Collapse","ArrowLeftOutlined","EditOutlined","PlusOutlined","CheckOutlined","CloseOutlined","UploadOutlined","FileTextOutlined","DeleteOutlined","DownloadOutlined","AnalyzeOutlined","ReloadOutlined","useParams","useNavigate","projectsAPI","usersAPI","investorsAPI","useAuth","dayjs","jsxDEV","_jsxDEV","Fragment","_Fragment","Option","TextArea","ProjectDetail","_s","id","navigate","isInvestmentManager","project","setProject","loading","setLoading","users","setUsers","investors","setInvestors","documents","setDocuments","documentsLoading","setDocumentsLoading","uploading","setUploading","fetchProject","fetchUsers","fetchInvestors","response","getOne","data","error","getAll","limit","console","getStatusColor","status","colors","draft","active","completed","pending","paused","getStatusText","texts","getPriorityColor","priority","high","medium","low","taskModalVisible","setTaskModalVisible","milestoneModalVisible","setMilestoneModalVisible","updateModalVisible","setUpdateModalVisible","investorModalVisible","setInvestorModalVisible","taskForm","useForm","milestoneForm","updateForm","investorForm","handleAddTask","values","validateFields","addTask","dueDate","format","success","resetFields","handleUpdateTaskStatus","taskId","updateTask","completedAt","Date","toISOString","handleAddMilestone","addMilestone","plannedDate","handleAddUpdate","addUpdate","handleAddInvestor","addInvestor","investmentDate","handleRemoveInvestor","investorId","removeInvestor","children","fileName","_jsxFileName","lineNumber","columnNumber","taskColumns","title","dataIndex","key","render","p","color","d","record","type","size","icon","onClick","investorColumns","a","toLocaleString","r","_","onConfirm","investor_id","danger","tabs","label","style","marginBottom","column","Item","name","code","company_name","industry","stage","investment_amount","valuation","equity_ratio","assigned_to_name","created_by_name","created_at","description","marginTop","gutter","span","extra","milestones","map","ms","fontWeight","fontSize","planned_date","actual_date","dataSource","updates","renderItem","update","Meta","content","columns","tasks","rowKey","pagination","items","open","onOk","onCancel","form","layout","rules","required","rows","initialValue","value","u","full_name","width","i","_c","$RefreshReg$"],"sources":["/Users/nili/Documents/trae_projects/client/src/pages/ProjectDetail.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n Card,\n Descriptions,\n Tag,\n Button,\n Space,\n Modal,\n Form,\n Input,\n Select,\n DatePicker,\n message,\n Tabs,\n List,\n Timeline,\n Table,\n Popconfirm,\n Progress,\n Row,\n Col,\n Upload,\n Spin,\n Alert,\n Collapse\n} from 'antd';\nimport {\n ArrowLeftOutlined,\n EditOutlined,\n PlusOutlined,\n CheckOutlined,\n CloseOutlined,\n UploadOutlined,\n FileTextOutlined,\n DeleteOutlined,\n DownloadOutlined,\n AnalyzeOutlined,\n ReloadOutlined\n} from '@ant-design/icons';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { projectsAPI, usersAPI, investorsAPI } from '../services/api';\nimport { useAuth } from '../contexts/AuthContext';\nimport dayjs from 'dayjs';\n\nconst { Option } = Select;\nconst { TextArea } = Input;\n\nconst ProjectDetail = () => {\n const { id } = useParams();\n const navigate = useNavigate();\n const { isInvestmentManager } = useAuth();\n const [project, setProject] = useState(null);\n const [loading, setLoading] = useState(true);\n const [users, setUsers] = useState([]);\n const [investors, setInvestors] = useState([]);\n const [documents, setDocuments] = useState([]);\n const [documentsLoading, setDocumentsLoading] = useState(false);\n const [uploading, setUploading] = useState(false);\n\n useEffect(() => {\n fetchProject();\n fetchUsers();\n fetchInvestors();\n }, [id]);\n\n const fetchProject = async () => {\n setLoading(true);\n try {\n const response = await projectsAPI.getOne(id);\n setProject(response.data);\n } catch (error) {\n message.error('获取项目详情失败');\n } finally {\n setLoading(false);\n }\n };\n\n const fetchUsers = async () => {\n try {\n const response = await usersAPI.getAll({ limit: 100 });\n setUsers(response.data.users);\n } catch (error) {\n console.error('获取用户列表失败:', error);\n }\n };\n\n const fetchInvestors = async () => {\n try {\n const response = await investorsAPI.getAll({ limit: 100 });\n setInvestors(response.data.investors);\n } catch (error) {\n console.error('获取投资者列表失败:', error);\n }\n };\n\n const getStatusColor = (status) => {\n const colors = {\n draft: 'default',\n active: 'green',\n completed: 'blue',\n pending: 'orange',\n paused: 'red'\n };\n return colors[status] || 'default';\n };\n\n const getStatusText = (status) => {\n const texts = {\n draft: '草稿',\n active: '进行中',\n completed: '已完成',\n pending: '待审批',\n paused: '已暂停'\n };\n return texts[status] || status;\n };\n\n const getPriorityColor = (priority) => {\n const colors = { high: 'red', medium: 'orange', low: 'blue' };\n return colors[priority] || 'default';\n };\n\n const [taskModalVisible, setTaskModalVisible] = useState(false);\n const [milestoneModalVisible, setMilestoneModalVisible] = useState(false);\n const [updateModalVisible, setUpdateModalVisible] = useState(false);\n const [investorModalVisible, setInvestorModalVisible] = useState(false);\n const [taskForm] = Form.useForm();\n const [milestoneForm] = Form.useForm();\n const [updateForm] = Form.useForm();\n const [investorForm] = Form.useForm();\n\n const handleAddTask = async () => {\n try {\n const values = await taskForm.validateFields();\n await projectsAPI.addTask(id, {\n ...values,\n dueDate: values.dueDate ? values.dueDate.format('YYYY-MM-DD') : null\n });\n message.success('任务创建成功');\n setTaskModalVisible(false);\n taskForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建任务失败');\n }\n };\n\n const handleUpdateTaskStatus = async (taskId, status) => {\n try {\n await projectsAPI.updateTask(id, taskId, {\n status,\n completedAt: status === 'completed' ? new Date().toISOString() : null\n });\n message.success('任务状态更新成功');\n fetchProject();\n } catch (error) {\n message.error('更新任务失败');\n }\n };\n\n const handleAddMilestone = async () => {\n try {\n const values = await milestoneForm.validateFields();\n await projectsAPI.addMilestone(id, {\n ...values,\n plannedDate: values.plannedDate ? values.plannedDate.format('YYYY-MM-DD') : null\n });\n message.success('里程碑创建成功');\n setMilestoneModalVisible(false);\n milestoneForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建里程碑失败');\n }\n };\n\n const handleAddUpdate = async () => {\n try {\n const values = await updateForm.validateFields();\n await projectsAPI.addUpdate(id, values);\n message.success('项目更新创建成功');\n setUpdateModalVisible(false);\n updateForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('创建项目更新失败');\n }\n };\n\n const handleAddInvestor = async () => {\n try {\n const values = await investorForm.validateFields();\n await projectsAPI.addInvestor(id, {\n ...values,\n investmentDate: values.investmentDate ? values.investmentDate.format('YYYY-MM-DD') : null\n });\n message.success('投资者添加成功');\n setInvestorModalVisible(false);\n investorForm.resetFields();\n fetchProject();\n } catch (error) {\n message.error('添加投资者失败');\n }\n };\n\n const handleRemoveInvestor = async (investorId) => {\n try {\n await projectsAPI.removeInvestor(id, investorId);\n message.success('投资者已移除');\n fetchProject();\n } catch (error) {\n message.error('移除投资者失败');\n }\n };\n\n if (loading) return
加载中...
;\n if (!project) return
项目不存在
;\n\n const taskColumns = [\n { title: '任务标题', dataIndex: 'title', key: 'title' },\n { title: '描述', dataIndex: 'description', key: 'description' },\n {\n title: '优先级',\n dataIndex: 'priority',\n key: 'priority',\n render: (p) => {p === 'high' ? '高' : p === 'medium' ? '中' : '低'}\n },\n { title: '负责人', dataIndex: 'assigned_to_name', key: 'assigned_to_name' },\n {\n title: '截止日期',\n dataIndex: 'due_date',\n key: 'due_date',\n render: (d) => d ? dayjs(d).format('YYYY-MM-DD') : '-'\n },\n {\n title: '状态',\n dataIndex: 'status',\n key: 'status',\n render: (status, record) => (\n \n \n {status === 'completed' ? '已完成' : status === 'in_progress' ? '进行中' : '待处理'}\n \n {isInvestmentManager() && status !== 'completed' && (\n \n \n )\n }\n ];\n\n const tabs = [\n {\n key: 'overview',\n label: '概览',\n children: (\n <>\n \n \n {project.project.name}\n {project.project.code || '-'}\n {project.project.company_name}\n {project.project.industry ? {project.project.industry} : '-'}\n {project.project.stage ? {project.project.stage} : '-'}\n {getStatusText(project.project.status)}\n {project.project.investment_amount ? `¥${project.project.investment_amount.toLocaleString()}` : '-'}\n {project.project.valuation ? `¥${project.project.valuation.toLocaleString()}` : '-'}\n {project.project.equity_ratio ? `${project.project.equity_ratio}%` : '-'}\n {project.project.assigned_to_name || '-'}\n {project.project.created_by_name}\n {dayjs(project.project.created_at).format('YYYY-MM-DD HH:mm')}\n \n {project.project.description && (\n <>\n
\n
项目描述:
\n
{project.project.description}
\n \n )}\n \n\n \n \n } onClick={() => setMilestoneModalVisible(true)}>添加}>\n \n {project.milestones.map(ms => (\n \n
{ms.name}
\n
\n 计划: {ms.planned_date ? dayjs(ms.planned_date).format('YYYY-MM-DD') : '-'}\n {ms.actual_date && ` | 实际: ${dayjs(ms.actual_date).format('YYYY-MM-DD')}`}\n
\n {ms.description &&
{ms.description}
}\n \n ))}\n \n \n \n \n } onClick={() => setUpdateModalVisible(true)}>添加}>\n (\n \n {update.title}}\n description={\n
\n
\n {update.created_by_name} · {dayjs(update.created_at).format('YYYY-MM-DD HH:mm')}\n
\n {update.content}\n
\n }\n />\n \n )}\n />\n \n \n \n \n )\n },\n {\n key: 'tasks',\n label: '任务',\n children: (\n } onClick={() => setTaskModalVisible(true)}>添加任务}>\n \n \n )\n },\n {\n key: 'investors',\n label: '投资者',\n children: (\n } onClick={() => setInvestorModalVisible(true)}>添加投资者}>\n
\n \n )\n },\n {\n key: 'documents',\n label: '文档',\n children: 暂无文档\n }\n ];\n\n return (\n
\n
\n \n
\n\n \n {getStatusText(project.project.status)}\n {project.project.industry && {project.project.industry}}\n {isInvestmentManager() && }\n \n }\n >\n \n \n\n setTaskModalVisible(false)}>\n
\n \n \n \n \n