sion/sionrui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 语音

Browse Source
This commit is contained in:
sion123
2026-02-01 18:35:03 +08:00
parent 646a72de64
commit 003e55dccf
8 changed files with 45 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/app/web-gold/src/views/content-style/Copywriting.vue
View File

@@ -174,14 +174,14 @@ async function generateCopywriting() {
return
}
// 检查是否选择了提示词风格
// 检查是否选择了风格
if (!form.value.prompt || !form.value.prompt.trim()) {
message.warning('请先选择提示词风格')
message.warning('请先选择文案风格')
return
}
if (!selectedPromptId.value) {
message.warning('请先选择提示词风格')
message.warning('请先选择文案风格')
return
}
@@ -386,13 +386,6 @@ defineOptions({ name: 'ContentStyleCopywriting' })
<a-card class="form-card" :bordered="false" title="创作设置">
<a-form :model="form" layout="vertical" class="form-container">
<a-form-item class="form-item">
<template #label>
<span>
选择提示词风格
<span class="form-tip-inline">从已保存的提示词中选择</span>
</span>
</template>
<!-- 使用 PromptSelector 组件 -->
<PromptSelector
v-model="selectedPromptId"
@@ -403,10 +396,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
@update:searchKeyword="promptSearchKeyword = $event"
/>
<!-- 空状态提示 -->
<div v-if="!loadingPrompts && allPrompts.length === 0" class="prompt-empty" style="color: var(--color-text-secondary); font-size: 14px; text-align: center; padding: 20px;">
您可以在视频分析页面保存风格
</div>
</a-form-item>
<!-- 统一输入：文本或视频链接 -->

25
frontend/app/web-gold/src/views/dh/VoiceCopy.vue
View File

@@ -68,18 +68,6 @@
<a-input v-model:value="formData.name" placeholder="请输入配音名称" />
</a-form-item>
<a-form-item
v-if="isCreateMode"
label="语音供应商"
name="providerType"
>
<a-select
v-model:value="formData.providerType"
:options="PROVIDER_OPTIONS"
placeholder="请选择语音供应商"
/>
</a-form-item>
<a-form-item
v-if="isCreateMode"
label="音频文件"
@@ -125,10 +113,8 @@ import { MaterialService } from '@/api/material'
import { useUpload } from '@/composables/useUpload'
import dayjs from 'dayjs'
import BasicLayout from '@/layouts/components/BasicLayout.vue'
import { VOICE_PROVIDER_OPTIONS, DEFAULT_VOICE_PROVIDER } from '@/config/voiceConfig'
// ========== 常量 ==========
const PROVIDER_OPTIONS = VOICE_PROVIDER_OPTIONS
const DEFAULT_FORM_DATA = {
id: null,
@@ -137,8 +123,7 @@ const DEFAULT_FORM_DATA = {
autoTranscribe: true,
language: 'zh-CN',
gender: 'female',
note: '',
providerType: DEFAULT_VOICE_PROVIDER
note: ''
}
// ========== 响应式数据 ==========
@@ -199,8 +184,7 @@ const fillFormData = (data) => {
fileId: data.fileId || null,
language: data.language || 'zh-CN',
gender: data.gender || 'female',
note: data.note || '',
providerType: data.providerType || DEFAULT_VOICE_PROVIDER
note: data.note || ''
})
}
@@ -269,6 +253,8 @@ const handleDelete = (record) => {
okText: '删除',
okButtonProps: { danger: true },
cancelText: '取消',
centered: true,
width: 420,
onOk: async () => {
try {
const res = await VoiceService.delete(record.id)
@@ -380,8 +366,7 @@ const handleSubmit = async () => {
autoTranscribe: formData.autoTranscribe,
language: formData.language,
gender: formData.gender,
note: formData.note,
providerType: formData.providerType
note: formData.note
}
: {
id: formData.id,

30
frontend/app/web-gold/src/views/trends/Forecast.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import { ref, reactive, computed, onMounted } from 'vue'
import { message, Select } from 'ant-design-vue'
import { message } from 'ant-design-vue'
import TikhubService, { InterfaceType, MethodType, ParamType } from '@/api/tikhub'
import { CommonService } from '@/api/common'
import { UserPromptApi } from '@/api/userPrompt'
@@ -166,7 +166,7 @@ async function handleGenerate() {
}
if (!topicDetails.stylePrompt?.trim()) {
message.warning('请先选择提示词风格')
message.warning('请先选择文案风格')
return
}
@@ -602,11 +602,9 @@ onMounted(async () => {
<!-- 热点标题 -->
<div>
<label class="form-label">热点标题</label>
<input
v-model="topicDetails.title"
type="text"
placeholder="选择左侧热点或手动输入标题"
class="form-input"
<a-input
v-model:value="topicDetails.title"
placeholder="选择左侧热点或手动输入标题"
/>
</div>
@@ -619,18 +617,17 @@ onMounted(async () => {
<span class="analyzing-text">正在分析语音...</span>
</span>
</div>
<textarea
v-model="topicDetails.copywriting"
rows="5"
<a-textarea
v-model:value="topicDetails.copywriting"
:rows="5"
placeholder="输入或AI生成文案内容"
class="form-textarea"
:disabled="isAnalyzing"
></textarea>
/>
</div>
<!-- 风格提示词 -->
<div>
<label class="form-label" style="display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; color: var(--color-text);">风格提示词</label>
<label class="form-label" style="display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; color: var(--color-text);">风格</label>
<!-- 使用 PromptSelector 组件 -->
<PromptSelector
@@ -642,10 +639,7 @@ onMounted(async () => {
@update:searchKeyword="promptSearchKeyword = $event"
/>
<!-- 空状态提示 -->
<div v-if="!loadingPrompts && allPrompts.length === 0" class="prompt-empty" style="color: var(--color-text-secondary); font-size: 14px; text-align: center; padding: 20px;">
您可以在视频分析页面保存风格
</div>
</div>
<!-- 生成文案按钮 -->
@@ -760,7 +754,6 @@ onMounted(async () => {
padding: 8px 12px;
font-size: 14px;
color: var(--color-text);
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: 6px;
transition: all 0.2s;
@@ -1005,7 +998,6 @@ onMounted(async () => {
width: 100%;
padding: 8px 12px;
color: var(--color-text);
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: 6px;
transition: all 0.2s;