修复前端页面问题
This commit is contained in:
parent
1f10bb4406
commit
482fd2d292
@ -302,16 +302,6 @@ export const ProjectCreateEnhanced = () => {
|
||||
return false // 阻止自动上传
|
||||
}
|
||||
|
||||
// 选择"从头创作"模式
|
||||
const handleSelectCreateMode = () => {
|
||||
setCreationMode('create')
|
||||
setUploadedScript('')
|
||||
// 重置子模式
|
||||
setCreateSubMode(null)
|
||||
setDirectTextInput('')
|
||||
setInspirationFile(null)
|
||||
}
|
||||
|
||||
// 选择从头创作的子模式
|
||||
const handleSelectCreateSubMode = (mode: 'text' | 'file') => {
|
||||
setCreateSubMode(mode)
|
||||
@ -323,7 +313,7 @@ export const ProjectCreateEnhanced = () => {
|
||||
}
|
||||
}
|
||||
|
||||
// 清除创作方式选择
|
||||
// 清除创作方式选择（取消所有选择）
|
||||
const handleClearCreationMode = () => {
|
||||
setCreationMode(null)
|
||||
setCreateSubMode(null)
|
||||
@ -934,19 +924,44 @@ export const ProjectCreateEnhanced = () => {
|
||||
|
||||
{/* 创作方式选择 */}
|
||||
<Card title="选择创作方式" extra={<SettingOutlined />}>
|
||||
<Space direction="vertical" size="middle" style={{ width: '100%' }}>
|
||||
<Radio.Group
|
||||
value={creationMode}
|
||||
onChange={(e) => {
|
||||
const mode = e.target.value
|
||||
setCreationMode(mode)
|
||||
// 切换模式时清空相关状态
|
||||
if (mode === 'upload') {
|
||||
setCreateSubMode(null)
|
||||
setDirectTextInput('')
|
||||
setInspirationFile(null)
|
||||
} else if (mode === 'create') {
|
||||
setUploadedScript('')
|
||||
}
|
||||
}}
|
||||
style={{ width: '100%' }}
|
||||
>
|
||||
<Space direction="vertical" style={{ width: '100%' }} size="middle">
|
||||
{/* 上传剧本选项 */}
|
||||
<Radio value="upload">
|
||||
<Card
|
||||
size="small"
|
||||
title="上传剧本"
|
||||
style={{
|
||||
cursor: 'pointer',
|
||||
border: creationMode === 'upload' ? '2px solid #1677ff' : undefined,
|
||||
width: '100%',
|
||||
border: creationMode === 'upload' ? '2px solid #1677ff' : '1px solid #d9d9d9',
|
||||
backgroundColor: creationMode === 'upload' ? '#f0f5ff' : undefined
|
||||
}}
|
||||
onClick={() => setCreationMode('upload')}
|
||||
>
|
||||
<div onClick={(e) => e.stopPropagation()}>
|
||||
<Space direction="vertical" style={{ width: '100%' }}>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
|
||||
<UploadOutlined style={{ fontSize: '20px', color: '#1677ff' }} />
|
||||
<span style={{ fontWeight: 500 }}>上传完整剧本</span>
|
||||
</div>
|
||||
<p style={{ margin: '8px 0', color: '#666' }}>
|
||||
上传已有剧本，AI 将分析提取人物、世界观和剧情大纲
|
||||
</p>
|
||||
|
||||
{creationMode === 'upload' && (
|
||||
<>
|
||||
<Upload.Dragger
|
||||
name="script"
|
||||
multiple={false}
|
||||
@ -972,19 +987,18 @@ export const ProjectCreateEnhanced = () => {
|
||||
size="small"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation()
|
||||
handleClearCreationMode()
|
||||
setUploadedScript('')
|
||||
}}
|
||||
style={{ marginLeft: '8px' }}
|
||||
>
|
||||
重新选择
|
||||
重新上传
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 剧本内容预览 */}
|
||||
{uploadedScript && (
|
||||
<div style={{ marginTop: '16px' }}>
|
||||
<>
|
||||
<Divider style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
|
||||
<span>剧本预览</span>
|
||||
{uploadedScript.length > 500 && (
|
||||
@ -1031,35 +1045,30 @@ export const ProjectCreateEnhanced = () => {
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</Space>
|
||||
</Card>
|
||||
</Radio>
|
||||
|
||||
{/* 从头创作选项 */}
|
||||
<Radio value="create">
|
||||
<Card
|
||||
size="small"
|
||||
title={
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
||||
<span>从头创作</span>
|
||||
{creationMode !== 'create' && (
|
||||
<Button type="primary" size="small" onClick={handleSelectCreateMode}>
|
||||
选择此方式
|
||||
</Button>
|
||||
)}
|
||||
{creationMode === 'create' && (
|
||||
<Button size="small" onClick={handleClearCreationMode}>
|
||||
取消选择
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
}
|
||||
style={{
|
||||
border: creationMode === 'create' ? '2px solid #1677ff' : undefined,
|
||||
width: '100%',
|
||||
border: creationMode === 'create' ? '2px solid #1677ff' : '1px solid #d9d9d9',
|
||||
backgroundColor: creationMode === 'create' ? '#f0f5ff' : undefined
|
||||
}}
|
||||
>
|
||||
<Space direction="vertical" style={{ width: '100%' }} size="middle">
|
||||
<p style={{ margin: 0, color: '#666' }}>
|
||||
<Space direction="vertical" style={{ width: '100%' }}>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
|
||||
<EditOutlined style={{ fontSize: '20px', color: '#1677ff' }} />
|
||||
<span style={{ fontWeight: 500 }}>从头创作</span>
|
||||
</div>
|
||||
<p style={{ margin: '8px 0', color: '#666' }}>
|
||||
让 AI 根据你的创意完整生成人物设定和剧情大纲
|
||||
</p>
|
||||
|
||||
@ -1160,6 +1169,9 @@ export const ProjectCreateEnhanced = () => {
|
||||
)}
|
||||
</Space>
|
||||
</Card>
|
||||
</Radio>
|
||||
</Space>
|
||||
</Radio.Group>
|
||||
|
||||
{/* 已选择提示 */}
|
||||
{creationMode && (
|
||||
@ -1193,7 +1205,6 @@ export const ProjectCreateEnhanced = () => {
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</Space>
|
||||
</Card>
|
||||
|
||||
{/* 快捷操作：选择创作方式后显示 */}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user