1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<script setup lang="ts">
import { onMounted, reactive, ref } from "vue";
import { Sunny, UploadFilled } from "@element-plus/icons-vue";
import { ElMessage } from "element-plus";
import text2videoService from "@/api/service/text2videoService";
const step = ref(1);
const form = reactive({
chatgpt_prompt: "",
});
onMounted(() => {});
const onSubmit = () => {
if (!form.chatgpt_prompt) {
ElMessage({
message: "prompt不能为空",
type: "error",
});
return;
}
let postData = {
source_text: form.chatgpt_prompt,
};
text2videoService
.genScriptsByGpt(postData)
.then((res: any) => {
console.log(res);
ElMessage({
message: "操作成功",
type: "success",
});
// if (res) {
// }
})
.catch((err: any) => {
console.log(err);
ElMessage({
message: "操作失败" + err,
type: "error",
});
});
};
</script>
<template>
<main class="home-container">
<el-divider content-position="left">text2video</el-divider>
<el-form :model="form" label-width="114px">
<el-form-item label="chatgpt prompt">
<el-input
v-model="form.chatgpt_prompt"
:autosize="{ minRows: 4, maxRows: 10 }"
type="textarea"
placeholder="Please input"
/>
</el-form-item>
<!-- <el-form-item label="校对" v-if="step === 2">
<div v-for="(srt, index) in form.timeline">
<el-icon v-if="srt.content != '< No Speech >'" color="#409EFC" size="10px">
<BellFilled />
</el-icon>
<span v-if="srt.content != '< No Speech >'">
{{ srt.start + " --- " + srt.end }}
</span>
<el-input
v-if="srt.content != '< No Speech >'"
v-model="srt.content"
style="width: 600px; margin: 5px 0"
:autosize="{ minRows: 1, maxRows: 3 }"
type="textarea"
/>
</div>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="onSubmit">确定</el-button>
</el-form-item>
</el-form>
</main>
</template>
<style lang="scss" scoped>
.home-container {
width: 1000px;
}
</style>