整理页面

src/pages/home/home.js

@@ -443,13 +443,6 @@ const Home = forwardRef((props, ref) => {
                                 >
                                   复制文案
                                 </Button>
-                                <Button
-                                  variant="outline-success"
-                                  size="sm"
-                                  onClick={() => downloadPlainText(project.id, project.title)}
-                                >
-                                  下载文案
-                                </Button>
                                 {project.audio_path && (
                                   <Button
                                     variant="outline-info"

src/pages/projectDetail/projectDetail.js

@@ -1881,33 +1881,8 @@ const ProjectDetail = () => {
             >
               返回列表
             </Button>
-            {showAudioPlayer && projectAudioPath && projectAudioPath.trim() !== '' && (
-              <div className="project-audio-container mb-3">
-                <AudioPlayerComponent
-                  audioPath={projectAudioPath}
-                  label="项目音频"
-                  onPlay={() => console.log('项目音频开始播放')}
-                  onPause={() => console.log('项目音频暂停播放')}
-                />
-              </div>
-            )}
           </div>
           <div className="d-flex">
-
-            <Button
-              variant="danger"
-              onClick={showDeleteConfirmation}
-              className="me-2"
-            >
-              删除项目
-            </Button>
-            <Button
-              variant="info"
-              onClick={() => setShowUploadProjectAudioModal(true)}
-              className="me-2"
-            >
-              {projectAudioPath ? '更新项目音频' : '上传项目音频'}
-            </Button>
             {selectedSegments.length > 1 && (
               <Button
                 variant="primary"
@@ -1922,16 +1897,61 @@ const ProjectDetail = () => {
 
         {project ? (
           <div className="project-detail-container mt-4">
-            {/* 项目画风选择 */}
+            {/* 项目资源和画风设置 */}
             <Card className="mb-4">
               <Card.Header>
-                <h5 className="mb-0">项目画风设置</h5>
+                <h5 className="mb-0">项目资源与画风设置</h5>
               </Card.Header>
               <Card.Body>
                 <Row className="align-items-center">
+                  {/* 项目音频 */}
+                  <Col md={4}>
+                    <Form.Group>
+                      <Form.Label>项目音频</Form.Label>
+                      {projectAudioPath && projectAudioPath.trim() !== '' ? (
+                        <div className="project-audio-container">
+                          <AudioPlayerComponent
+                            audioPath={projectAudioPath}
+                            label="音频文件"
+                            onPlay={() => console.log('项目音频开始播放')}
+                            onPause={() => console.log('项目音频暂停播放')}
+                          />
+                        </div>
+                      ) : (
+                        <Alert variant="warning" className="mb-0">
+                          <small>暂无项目音频</small>
+                        </Alert>
+                      )}
+                    </Form.Group>
+                  </Col>
+                  
+                  {/* 项目视频 */}
                   <Col md={4}>
                     <Form.Group>
-                      <Form.Label>选择项目画风</Form.Label>
+                      <Form.Label>对口型视频</Form.Label>
+                      {project.video_path && project.video_path.trim() !== '' ? (
+                        <div className="project-video-container">
+                          <video 
+                            className="w-100" 
+                            controls 
+                            src={project.video_path}
+                            style={{ maxHeight: '150px' }}
+                          >
+                            您的浏览器不支持视频播放
+                          </video>
+                        </div>
+                      ) : (
+                        <Alert variant="warning" className="mb-0">
+                          <small>暂无对口型视频</small>
+                        </Alert>
+                      )}
+                    </Form.Group>
+                  </Col>
+                  
+                  {/* 项目画风选择 */}
+                  <Col md={4}>
+                    <Form.Group>
+                      <Form.Label>项目画风</Form.Label>
                       <InputGroup>
                         <Form.Select
                           value={selectedStyle}
@@ -1960,17 +1980,10 @@ const ProjectDetail = () => {
                         </Button>
                       </InputGroup>
                       <Form.Text className="text-muted">
-                        选择的画风将应用于整个项目生成的图像中
+                        选择的画风将应用于生成的图像中
                       </Form.Text>
                     </Form.Group>
                   </Col>
-                  <Col md={8}>
-                    {selectedStyle && (
-                      <Alert variant="info" className="mb-0 mt-md-0 mt-3">
-                        <small>当前选择的画风: <strong>{selectedStyle}</strong></small>
-                      </Alert>
-                    )}
-                  </Col>
                 </Row>
               </Card.Body>
             </Card>
@@ -2067,9 +2080,7 @@ const ProjectDetail = () => {
                           <th width="5%">ID</th>
                           <th width="25%">文本内容</th>
                           <th width="25%">描述词</th>
-                          <th width="12%">音频</th>
                           <th width="12%">图片</th>
-                          <th width="12%">口播视频</th>
                           <th width="10%">操作</th>
                         </tr>
                       </thead>
@@ -2166,45 +2177,7 @@ const ProjectDetail = () => {
                                 </div>
                               )}
                             </td>
-                            <td>
-                              {segment.audio_path ? (
-                                <div className="media-cell">
-                                  <OverlayTrigger
-                                    placement="top"
-                                    overlay={<Tooltip>点击播放</Tooltip>}
-                                  >
-                                    <Button
-                                      variant="outline-success"
-                                      size="sm"
-                                      onClick={() => {/* 播放音频功能 */ }}
-                                      className="me-2"
-                                    >
-                                      播放
-                                    </Button>
-                                  </OverlayTrigger>
-                                  <OverlayTrigger
-                                    placement="top"
-                                    overlay={<Tooltip>重新上传</Tooltip>}
-                                  >
-                                    <Button
-                                      variant="outline-secondary"
-                                      size="sm"
-                                      onClick={() => showUploadModalFor(segment.id, 'audio')}
-                                    >
-                                      更新
-                                    </Button>
-                                  </OverlayTrigger>
-                                </div>
-                              ) : (
-                                <Button
-                                  variant="outline-secondary"
-                                  size="sm"
-                                  onClick={() => showUploadModalFor(segment.id, 'audio')}
-                                >
-                                  上传
-                                </Button>
-                              )}
-                            </td>
+                            
                             <td>
                               {segment.image_path ? (
                                 <div className="media-cell">
@@ -2282,45 +2255,7 @@ const ProjectDetail = () => {
                                 </div>
                               )}
                             </td>
-                            <td>
-                              {segment.video_path ? (
-                                <div className="media-cell">
-                                  <OverlayTrigger
-                                    placement="top"
-                                    overlay={<Tooltip>点击播放</Tooltip>}
-                                  >
-                                    <Button
-                                      variant="outline-success"
-                                      size="sm"
-                                      onClick={() => {/* 播放视频功能 */ }}
-                                      className="me-2"
-                                    >
-                                      播放
-                                    </Button>
-                                  </OverlayTrigger>
-                                  <OverlayTrigger
-                                    placement="top"
-                                    overlay={<Tooltip>重新上传</Tooltip>}
-                                  >
-                                    <Button
-                                      variant="outline-secondary"
-                                      size="sm"
-                                      onClick={() => showUploadModalFor(segment.id, 'video')}
-                                    >
-                                      更新
-                                    </Button>
-                                  </OverlayTrigger>
-                                </div>
-                              ) : (
-                                <Button
-                                  variant="outline-secondary"
-                                  size="sm"
-                                  onClick={() => showUploadModalFor(segment.id, 'video')}
-                                >
-                                  上传
-                                </Button>
-                              )}
-                            </td>
+                            
                             <td>
                               <Dropdown>
                                 <Dropdown.Toggle variant="outline-secondary" size="sm" id={`dropdown-${segment.id}`}>