+
+
+
+
+
+ {{
+ price
+ ? `${$t('common.createVideo', { price: price })} · ${$t('common.generateTip') || '生成将消耗余额'}`
+ : $t('common.generateTip') || '生成视频需要消耗余额'
+ }}
+
-
-
-
-
-
+
+
+
-
-
- 视频生成
+文生视频、图生视频，选择模型后生成成片
-
-
- {{ $t('common.uploadFirstImage') || '上传参考图' }}
+
+
-
+ 生成模式
+
+
+
+
+
+
+
-
- {{ $t('common.uploadImageTip') || '支持PNG/JPG，最大10MB' }}
-
-
-
- {{ $t('common.uploadLastPlaceholder') || '上传尾帧（可选）' }}
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ imageUploadPrimaryLabel }}
+
+
+ {{ $t('common.uploadImageTip') || '支持PNG/JPG，最大10MB' }}
+
+
+
+
+ {{ $t('common.uploadLastPlaceholder') || '尾帧（可选）' }}
+
+
+
+
+ 切换到「图生视频」可上传参考图
+
+
-
-
-
- {{ option.label }}
-
-
-
+
+ {{ $t('common.selectModel') || '选择模型' }}
-
+
-
-
+
-
-
+
+ 
+
+
+ 生成的视频将在这里显示
+
-
+
+
- {{
- price
- ? `${$t('common.createVideo', { price: price })}`
- : $t('common.generateVideo')
- }}
-
-
+
+
-
- {{ $t('common.generateTip') || '生成视频需要消耗余额' }}
+
+ 取消任务
+
+
+
+
+
+
-
@@ -133,9 +218,16 @@ export default {
data() {
return {
prefixCls: 'video-gen',
- mode: 'text-to-video', // 'text-to-video' 或 'image-to-video'
+ videoMode: 'text-to-video',
+ videoModeOptions: [
+ { value: 'text-to-video', label: '文生视频' },
+ { value: 'image-first-frame', label: '图生视频 · 首帧' },
+ { value: 'image-first-last-frame', label: '图生视频 · 首尾帧' },
+ { value: 'image-reference', label: '图生视频 · 参考图' }
+ ],
firstUrl: '',
lastUrl: '',
+ referenceUrl: '',
editorContent: '',
interval: null,
videoUrl: null,
@@ -151,20 +243,95 @@ export default {
],
selectedModel: 'ep-20260326165811-dlkth',
uploadedImages: [],
- showLastFrame: false,
- maxPollAttempts: 40
+ maxPollAttempts: 40,
+ typeMenuOpen: false,
+ taskRows: []
}
},
components: {
RichTextEditor
},
computed: {
- ...mapGetters(['lang'])
+ ...mapGetters(['lang']),
+ canCancel() {
+ return !!this.videoId && !this.videoUrl
+ },
+ videoModeLabel() {
+ const o = this.videoModeOptions.find((x) => x.value === this.videoMode)
+ return o ? o.label : '文生视频'
+ },
+ isImageVideoMode() {
+ return this.videoMode !== 'text-to-video'
+ },
+ imageUploadPrimaryLabel() {
+ if (this.videoMode === 'image-reference') return '上传参考图'
+ if (this.videoMode === 'image-first-last-frame') return '上传首帧'
+ return this.$t('common.uploadFirstImage') || '上传首帧'
+ },
+ posterUrl() {
+ const f = this.videoMode === 'image-reference' ? this.referenceUrl : this.firstUrl
+ if (!f) return ''
+ return typeof f === 'object' ? (f.url || '') : f
+ }
},
mounted() {
this.loadPriceInfo()
+ this.loadTaskList()
+ document.addEventListener('click', this.onDocClick)
+ },
+ beforeUnmount() {
+ this.destroyInterval()
+ document.removeEventListener('click', this.onDocClick)
},
methods: {
+ onDocClick() {
+ this.typeMenuOpen = false
+ },
+ pickVideoMode(m) {
+ this.videoMode = m
+ this.firstUrl = ''
+ this.lastUrl = ''
+ this.referenceUrl = ''
+ this.editorContent = ''
+ this.uploadedImages = []
+ this.typeMenuOpen = false
+ },
+
+ plainPromptText() {
+ if (!this.editorContent || !String(this.editorContent).trim()) return ''
+ const s = String(this.editorContent)
+ if (s.indexOf('<') < 0) return s.trim()
+ const d = document.createElement('div')
+ d.innerHTML = s
+ return (d.textContent || d.innerText || '').trim()
+ },
+
+ async loadTaskList() {
+ try {
+ const res = await this.$axios({
+ url: 'api/portal/video/tasks',
+ method: 'GET',
+ data: { pageNum: 1, pageSize: 30 }
+ })
+ if (res.code === 200 && res.rows) this.taskRows = res.rows
+ } catch (_) {
+ /* 未登录等忽略 */
+ }
+ },
+
+ taskStatusText(row) {
+ if (row.status === 1) return '已完成'
+ if (row.status === 2) return '已失败/已取消'
+ return '进行中'
+ },
+
+ async cancelRowTask(row) {
+ const tid = row.result
+ if (!tid) return
+ await this.cancelTaskById(tid)
+ await this.loadTaskList()
+ },
+
async loadPriceInfo() {
this.$axios({
url: 'api/manager/selectInfo',
@@ -190,13 +357,30 @@ export default {
},
generateVideo() {
- if (this.mode === 'image-to-video') {
- const firstImageUrl = typeof this.firstUrl === 'object' ? this.firstUrl.url : this.firstUrl
- if (!firstImageUrl) {
- this.$message.error(this.$t('common.uploadFirstImageError') || '请上传参考图')
- return
+ const text = this.plainPromptText() || '一个优雅的女孩在阳光下跳舞'
+
+ if (this.isImageVideoMode) {
+ if (this.videoMode === 'image-reference') {
+ const ref = typeof this.referenceUrl === 'object' ? this.referenceUrl?.url : this.referenceUrl
+ if (!ref) {
+ this.$message.error('请上传参考图')
+ return
+ }
+ } else {
+ const firstImageUrl = typeof this.firstUrl === 'object' ? this.firstUrl?.url : this.firstUrl
+ if (!firstImageUrl) {
+ this.$message.error(this.$t('common.uploadFirstImageError') || '请上传首帧图')
+ return
+ }
+ if (this.videoMode === 'image-first-last-frame') {
+ const last = typeof this.lastUrl === 'object' ? this.lastUrl?.url : this.lastUrl
+ if (!last) {
+ this.$message.error('请上传尾帧图')
+ return
+ }
+ }
}
- } else if (!this.editorContent.trim()) {
+ } else if (!this.plainPromptText()) {
this.$message.error('请输入视频描述文本')
return
}
@@ -204,23 +388,30 @@ export default {
this.generateLoading = true
const params = {
- text: this.editorContent || '一个优雅的女孩在阳光下跳舞',
+ text,
functionType: '21',
model: this.selectedModel
}
- // 图生视频模式需要上传图片
- if (this.mode === 'image-to-video') {
- const firstImageUrl = typeof this.firstUrl === 'object' ? this.firstUrl.url : this.firstUrl
- params.firstUrl = firstImageUrl
-
- if (this.lastUrl) {
- params.lastUrl = typeof this.lastUrl === 'object' ? this.lastUrl.url : this.lastUrl
- }
+ const urlMap = {
+ 'text-to-video': 'api/portal/video/text-to-video',
+ 'image-first-frame': 'api/portal/video/image-first-frame',
+ 'image-first-last-frame': 'api/portal/video/image-first-last-frame',
+ 'image-reference': 'api/portal/video/image-reference'
+ }
+ const path = urlMap[this.videoMode]
+ if (this.videoMode === 'image-first-frame' || this.videoMode === 'image-first-last-frame') {
+ params.firstUrl = typeof this.firstUrl === 'object' ? this.firstUrl.url : this.firstUrl
+ }
+ if (this.videoMode === 'image-first-last-frame') {
+ params.lastUrl = typeof this.lastUrl === 'object' ? this.lastUrl.url : this.lastUrl
+ }
+ if (this.videoMode === 'image-reference') {
+ params.referenceUrl = typeof this.referenceUrl === 'object' ? this.referenceUrl.url : this.referenceUrl
}
this.$axios({
- url: 'api/ai/imgToVideo',
+ url: path,
method: 'POST',
data: params
}).then((res) => {
@@ -229,6 +420,7 @@ export default {
this.videoId = res.data.id
this.showResult = true
this.getVideo(res.data.id)
+ this.loadTaskList()
} else if (res.code == -1) {
this.$confirm({
title: this.$t('common.notice'),
@@ -252,7 +444,7 @@ export default {
}
this.$axios({
- url: `api/ai/${videoId}`,
+ url: `api/portal/video/tasks/${videoId}`,
method: 'GET'
}).then((res) => {
if (res.code == 200 && res.data.status === 'succeeded') {
@@ -287,150 +479,632 @@ export default {
this.taskStatus = null
},
- // 取消任务
async cancelTask() {
if (!this.videoId) return
-
- this.$confirm({
- title: '取消任务',
- content: '确定要取消当前视频生成任务吗？取消后余额将退回。',
- okText: '确定取消',
- cancelText: '关闭',
- onOk: async () => {
- try {
- const res = await this.$axios({
- url: `api/ai/${this.videoId}/cancel`,
- method: 'POST'
- })
-
- if (res.code === 200) {
- this.$message.success('任务已取消，余额已退回')
- this.destroyInterval()
- this.showResult = false
- this.videoUrl = null
- this.videoId = null
- } else {
- this.$message.error(res.msg || '取消失败')
- }
- } catch (error) {
- this.$message.error('取消请求失败')
- }
- }
- })
+ await this.cancelTaskById(this.videoId)
},
- // 计算属性：是否可以取消
- canCancel() {
- return this.videoId && !this.videoUrl
+ async cancelTaskById(taskId) {
+ return new Promise((resolve) => {
+ this.$confirm({
+ title: '取消任务',
+ content: '确定要取消当前视频生成任务吗？取消后余额将退回。',
+ okText: '确定取消',
+ cancelText: '关闭',
+ onOk: async () => {
+ try {
+ const res = await this.$axios({
+ url: `api/portal/video/tasks/${taskId}`,
+ method: 'DELETE'
+ })
+
+ if (res.code === 200) {
+ this.$message.success(res.msg || '任务已取消，余额已退回')
+ this.destroyInterval()
+ this.showResult = false
+ this.videoUrl = null
+ this.videoId = null
+ this.loadTaskList()
+ } else {
+ this.$message.error(res.msg || '取消失败')
+ }
+ } catch (error) {
+ this.$message.error('取消请求失败')
+ }
+ resolve()
+ },
+ onCancel: () => resolve()
+ })
+ })
}
- },
- beforeUnmount() {
- this.destroyInterval()
}
}
diff --git a/portal-ui/vite.config.js.timestamp-1774596443609-67b0d65f8e8ef.mjs b/portal-ui/vite.config.js.timestamp-1774596443609-67b0d65f8e8ef.mjs
new file mode 100644
index 0000000..454ba55
--- /dev/null
+++ b/portal-ui/vite.config.js.timestamp-1774596443609-67b0d65f8e8ef.mjs
@@ -0,0 +1,71 @@
+// vite.config.js
+import {
+ defineConfig,
+ transformWithEsbuild
+} from "file:///D:/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E4%BB%A3%E7%A0%81/portal-ui/node_modules/vite/dist/node/index.js";
+import vue from "file:///D:/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E4%BB%A3%E7%A0%81/portal-ui/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import vueJsx from "file:///D:/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E4%BB%A3%E7%A0%81/portal-ui/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
+import {
+ vitePluginForArco
+} from "file:///D:/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E4%BB%A3%E7%A0%81/portal-ui/node_modules/@arco-plugins/vite-vue/lib/index.js";
+import {
+ resolve
+} from "path";
+import svgLoader from "file:///D:/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/AI%E9%A1%B9%E7%9B%AE%E4%BA%A4%E4%BB%98%E6%96%87%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E4%BB%A3%E7%A0%81/portal-ui/node_modules/vite-svg-loader/index.js";
+var __vite_injected_original_dirname = "D:\\AI\u9879\u76EE\u4EA4\u4ED8\u6587\u4EF6\\AI\u9879\u76EE\u4EA4\u4ED8\u6587\u4EF6\\\u5DE5\u7A0B\u4EE3\u7801\\portal-ui";
+var vite_config_default = defineConfig({
+ publicDir: "static",
+ resolve: {
+ extensions: [".mjs", ".js", ".jsx", ".json"],
+ alias: [{
+ find: "@",
+ replacement: resolve(__vite_injected_original_dirname, "src")
+ }]
+ },
+ css: {
+ preprocessorOptions: {
+ less: {
+ modifyVars: {
+ "@size-9": "40px",
+ "arcoblue-6": "#e6217a"
+ }
+ }
+ }
+ },
+ plugins: [
+ vue({
+ template: {
+ transformAssetUrls: {
+ includeAbsolute: false
+ }
+ }
+ }),
+ svgLoader(),
+ vueJsx({
+ include: /\.[jt]sx?$/
+ }),
+ vitePluginForArco(),
+ {
+ name: "treat-js-files-as-jsx",
+ async transform(code, id) {
+ if (!id.match(/src\/.*\.js$/)) return null;
+ return transformWithEsbuild(code, id, {
+ loader: "jsx",
+ jsx: "automatic"
+ });
+ }
+ }
+ ],
+ optimizeDeps: {
+ esbuildOptions: {
+ loader: {
+ ".js": "jsx"
+ }
+ },
+ exclude: ["__INDEX__"]
+ }
+});
+export {
+ vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJEOlxcXFxBSVx1OTg3OVx1NzZFRVx1NEVBNFx1NEVEOFx1NjU4N1x1NEVGNlxcXFxBSVx1OTg3OVx1NzZFRVx1NEVBNFx1NEVEOFx1NjU4N1x1NEVGNlxcXFxcdTVERTVcdTdBMEJcdTRFRTNcdTc4MDFcXFxccG9ydGFsLXVpXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJEOlxcXFxBSVx1OTg3OVx1NzZFRVx1NEVBNFx1NEVEOFx1NjU4N1x1NEVGNlxcXFxBSVx1OTg3OVx1NzZFRVx1NEVBNFx1NEVEOFx1NjU4N1x1NEVGNlxcXFxcdTVERTVcdTdBMEJcdTRFRTNcdTc4MDFcXFxccG9ydGFsLXVpXFxcXHZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9EOi9BSSVFOSVBMSVCOSVFNyU5QiVBRSVFNCVCQSVBNCVFNCVCQiU5OCVFNiU5NiU4NyVFNCVCQiVCNi9BSSVFOSVBMSVCOSVFNyU5QiVBRSVFNCVCQSVBNCVFNCVCQiU5OCVFNiU5NiU4NyVFNCVCQiVCNi8lRTUlQjclQTUlRTclQTglOEIlRTQlQkIlQTMlRTclQTAlODEvcG9ydGFsLXVpL3ZpdGUuY29uZmlnLmpzXCI7aW1wb3J0IHtcclxuXHRkZWZpbmVDb25maWcsXHJcblx0dHJhbnNmb3JtV2l0aEVzYnVpbGRcclxufSBmcm9tICd2aXRlJ1xyXG5pbXBvcnQgdnVlIGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZSdcclxuaW1wb3J0IHZ1ZUpzeCBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUtanN4J1xyXG5pbXBvcnQge1xyXG5cdHZpdGVQbHVnaW5Gb3JBcmNvXHJcbn0gZnJvbSAnQGFyY28tcGx1Z2lucy92aXRlLXZ1ZSdcclxuaW1wb3J0IHtcclxuXHRyZXNvbHZlXHJcbn0gZnJvbSAncGF0aCdcclxuaW1wb3J0IHN2Z0xvYWRlciBmcm9tICd2aXRlLXN2Zy1sb2FkZXInXHJcblxyXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xyXG5cdHB1YmxpY0RpcjogJ3N0YXRpYycsXHJcblx0cmVzb2x2ZToge1xyXG5cdFx0ZXh0ZW5zaW9uczogWycubWpzJywgJy5qcycsICcuanN4JywgJy5qc29uJ10sXHJcblx0XHRhbGlhczogW3tcclxuXHRcdFx0ZmluZDogJ0AnLFxyXG5cdFx0XHRyZXBsYWNlbWVudDogcmVzb2x2ZShfX2Rpcm5hbWUsICdzcmMnKVxyXG5cdFx0fV1cclxuXHR9LFxyXG5cdGNzczoge1xyXG5cdFx0cHJlcHJvY2Vzc29yT3B0aW9uczoge1xyXG5cdFx0XHRsZXNzOiB7XHJcblx0XHRcdFx0bW9kaWZ5VmFyczoge1xyXG5cdFx0XHRcdFx0J0BzaXplLTknOiAnNDBweCcsXHJcblx0XHRcdFx0XHQnYXJjb2JsdWUtNic6ICcjZTYyMTdhJ1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0fVxyXG5cdH0sXHJcblx0cGx1Z2luczogW1xyXG5cdFx0dnVlKHtcclxuXHRcdFx0dGVtcGxhdGU6IHtcclxuXHRcdFx0XHR0cmFuc2Zvcm1Bc3NldFVybHM6IHtcclxuXHRcdFx0XHRcdGluY2x1ZGVBYnNvbHV0ZTogZmFsc2VcclxuXHRcdFx0XHR9XHJcblx0XHRcdH1cclxuXHRcdH0pLFxyXG5cdFx0c3ZnTG9hZGVyKCksXHJcblx0XHR2dWVKc3goe1xyXG5cdFx0XHRpbmNsdWRlOiAvXFwuW2p0XXN4PyQvXHJcblx0XHR9KSxcclxuXHRcdHZpdGVQbHVnaW5Gb3JBcmNvKCksXHJcblx0XHR7XHJcblx0XHRcdG5hbWU6ICd0cmVhdC1qcy1maWxlcy1hcy1qc3gnLFxyXG5cdFx0XHRhc3luYyB0cmFuc2Zvcm0oY29kZSwgaWQpIHtcclxuXHRcdFx0XHRpZiAoIWlkLm1hdGNoKC9zcmNcXC8uKlxcLmpzJC8pKSByZXR1cm4gbnVsbFxyXG5cdFx0XHRcdHJldHVybiB0cmFuc2Zvcm1XaXRoRXNidWlsZChjb2RlLCBpZCwge1xyXG5cdFx0XHRcdFx0bG9hZGVyOiAnanN4JyxcclxuXHRcdFx0XHRcdGpzeDogJ2F1dG9tYXRpYydcclxuXHRcdFx0XHR9KVxyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0XSxcclxuXHRvcHRpbWl6ZURlcHM6IHtcclxuXHRcdGVzYnVpbGRPcHRpb25zOiB7XHJcblx0XHRcdGxvYWRlcjoge1xyXG5cdFx0XHRcdCcuanMnOiAnanN4J1xyXG5cdFx0XHR9XHJcblx0XHR9LFxyXG5cdFx0ZXhjbHVkZTogWydfX0lOREVYX18nXVxyXG5cdH1cclxufSkiXSwKICAibWFwcGluZ3MiOiAiO0FBQXFhO0FBQUEsRUFDcGE7QUFBQSxFQUNBO0FBQUEsT0FDTTtBQUNQLE9BQU8sU0FBUztBQUNoQixPQUFPLFlBQVk7QUFDbkI7QUFBQSxFQUNDO0FBQUEsT0FDTTtBQUNQO0FBQUEsRUFDQztBQUFBLE9BQ007QUFDUCxPQUFPLGVBQWU7QUFadEIsSUFBTSxtQ0FBbUM7QUFjekMsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDM0IsV0FBVztBQUFBLEVBQ1gsU0FBUztBQUFBLElBQ1IsWUFBWSxDQUFDLFFBQVEsT0FBTyxRQUFRLE9BQU87QUFBQSxJQUMzQyxPQUFPLENBQUM7QUFBQSxNQUNQLE1BQU07QUFBQSxNQUNOLGFBQWEsUUFBUSxrQ0FBVyxLQUFLO0FBQUEsSUFDdEMsQ0FBQztBQUFBLEVBQ0Y7QUFBQSxFQUNBLEtBQUs7QUFBQSxJQUNKLHFCQUFxQjtBQUFBLE1BQ3BCLE1BQU07QUFBQSxRQUNMLFlBQVk7QUFBQSxVQUNYLFdBQVc7QUFBQSxVQUNYLGNBQWM7QUFBQSxRQUNmO0FBQUEsTUFDRDtBQUFBLElBQ0Q7QUFBQSxFQUNEO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUixJQUFJO0FBQUEsTUFDSCxVQUFVO0FBQUEsUUFDVCxvQkFBb0I7QUFBQSxVQUNuQixpQkFBaUI7QUFBQSxRQUNsQjtBQUFBLE1BQ0Q7QUFBQSxJQUNELENBQUM7QUFBQSxJQUNELFVBQVU7QUFBQSxJQUNWLE9BQU87QUFBQSxNQUNOLFNBQVM7QUFBQSxJQUNWLENBQUM7QUFBQSxJQUNELGtCQUFrQjtBQUFBLElBQ2xCO0FBQUEsTUFDQyxNQUFNO0FBQUEsTUFDTixNQUFNLFVBQVUsTUFBTSxJQUFJO0FBQ3pCLFlBQUksQ0FBQyxHQUFHLE1BQU0sY0FBYyxFQUFHLFFBQU87QUFDdEMsZUFBTyxxQkFBcUIsTUFBTSxJQUFJO0FBQUEsVUFDckMsUUFBUTtBQUFBLFVBQ1IsS0FBSztBQUFBLFFBQ04sQ0FBQztBQUFBLE1BQ0Y7QUFBQSxJQUNEO0FBQUEsRUFDRDtBQUFBLEVBQ0EsY0FBYztBQUFBLElBQ2IsZ0JBQWdCO0FBQUEsTUFDZixRQUFRO0FBQUEsUUFDUCxPQUFPO0FBQUEsTUFDUjtBQUFBLElBQ0Q7QUFBQSxJQUNBLFNBQVMsQ0FBQyxXQUFXO0FBQUEsRUFDdEI7QUFDRCxDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
-
-
+
+
- 生成的视频将在这里显示
+
+
-
- 我的视频任务
+
-
-
-
-
-
-
-
- 取消任务
-
-
-
-
-
-
- 暂无任务，生成后将显示在此
+-
+
-
+
+ + ++
+