short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 单镜头展示过期主视频

Browse Source
This commit is contained in:
GouJ
2026-09-01 15:56:33 +08:00
parent c9201ce22c
commit 55516537bf
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/production/components/ShotProductionAssets.vue
+17 -14
View File
@@ -67,6 +67,7 @@ const canGenerateVideo = computed(
!assetBlocked.value && !activeVideo.value && !!props.videoReadiness && props.videoReadiness.issues.length === 0
)
const keyframeStale = computed(() => !!props.keyframeReadiness?.primaryKeyframeStale)
const videoStale = computed(() => !!props.videoReadiness?.primaryVideoStale)
watch(key, () => {
confirmingKeyframe.value = ''
@@ -265,9 +266,7 @@ async function inspectSpecs() {
<StatusBadge :status="item.status" :label="productionStatusLabel(item.status)" />
<span v-if="item.isPrimary" class="tag">主首帧</span>
<span v-if="item.isPrimary && keyframeStale" class="tag">已过期</span>
<span class="text-[10px] text-muted"
>{{ item.width || '—' }} × {{ item.height || '—' }}</span
>
<span class="text-[10px] text-muted">{{ item.width || '—' }} × {{ item.height || '—' }}</span>
</div>
<p v-if="item.error" class="mt-2 line-clamp-3 text-xs text-danger">{{ item.error }}</p>
<p class="mt-2 text-[10px] text-muted">{{ formatDate(item.createdAt) }}</p>
@@ -304,9 +303,12 @@ async function inspectSpecs() {
<StatusBadge
v-if="videoReadiness"
:status="videoReadiness.status"
:label="productionStatusLabel(videoReadiness.status)"
:label="videoStale ? '主视频已过期' : productionStatusLabel(videoReadiness.status)"
/>
</div>
<p v-if="videoStale" class="alert mt-3 text-xs" role="status">
当前主视频使用的主首帧或主体参考图已经变化。旧视频仍保留；重新生成完成后，新视频会自动接替过期主视频。
</p>
<ul v-if="videoReadiness?.issues.length" class="mt-3 space-y-2 text-xs text-danger">
<li v-for="issue in videoReadiness.issues" :key="issue.code">
{{ issueLabel(issue.code) }}：{{ issue.reason }}
@@ -325,9 +327,8 @@ async function inspectSpecs() {
<div class="flex flex-wrap items-center gap-2">
<StatusBadge :status="item.status" :label="productionStatusLabel(item.status)" />
<span v-if="item.isPrimary" class="tag">主视频</span>
<span class="text-[10px] text-muted"
>{{ item.durationSeconds || shot.durationSeconds || '—' }}s</span
>
<span v-if="item.isPrimary && videoStale" class="tag">已过期</span>
<span class="text-[10px] text-muted">{{ item.durationSeconds || shot.durationSeconds || '—' }}s</span>
</div>
<p v-if="item.error" class="alert alert-error mt-3" role="alert">{{ item.error }}</p>
<p class="mt-3 break-all text-[10px] text-muted">
@@ -340,8 +341,8 @@ async function inspectSpecs() {
target="_blank"
rel="noopener noreferrer"
class="text-button"
>打开视频<ExternalLink :size="12"
/></a>
>打开视频<ExternalLink :size="12" /></a
>
<button
v-if="item.status === 'completed' && item.videoUrl && !item.isPrimary"
class="text-button"
@@ -364,13 +365,15 @@ async function inspectSpecs() {
<p v-else class="mt-4 text-xs text-muted">尚无视频任务记录。</p>
<div class="mt-4 flex flex-wrap gap-3">
<ConfirmAction
:label="currentVideo ? '再生成一个视频候选' : '提交本镜视频任务'"
:label="videoStale ? '重新生成主视频' : currentVideo ? '再生成一个视频候选' : '提交本镜视频任务'"
:disabled="!canGenerateVideo"
acknowledgement
:description="
currentVideo
? '使用当前视频提示词、主首帧和主体参考图新增一个 Seedance 视频候选，不自动替换主视频。'
: '使用当前视频提示词、主首帧和主体参考图创建 Seedance 任务；任务会在后台继续运行。'
videoStale
? '使用当前视频提示词、主首帧和主体参考图重新创建 Seedance 任务；完成后会自动接替当前过期主视频。'
: currentVideo
? '使用当前视频提示词、主首帧和主体参考图新增一个 Seedance 视频候选，不自动替换主视频。'
: '使用当前视频提示词、主首帧和主体参考图创建 Seedance 任务；任务会在后台继续运行。'
"
primary
@confirm="generateVideo"
@@ -425,4 +428,4 @@ async function inspectSpecs() {
@generate="generateKeyframe"
/>
</section>
</template>
</template>