From cb4251eb640d825ca2b9ce521e2f71d2db7dbac9 Mon Sep 17 00:00:00 2001
From: Timothy Yin <master@uniiem.com>
Date: Wed, 19 Nov 2025 20:50:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(SlideCreateCourseGreen):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=83=8C=E6=99=AF=E5=90=88=E6=88=90=E5=BC=80=E5=85=B3?=
 =?UTF-8?q?=E4=BB=A5=E6=94=AF=E6=8C=81=E8=87=AA=E5=AE=9A=E4=B9=89=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SlideCreateCourseGreen.vue | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/components/SlideCreateCourseGreen.vue b/components/SlideCreateCourseGreen.vue
index 0d4633d..69cea7a 100644
--- a/components/SlideCreateCourseGreen.vue
+++ b/components/SlideCreateCourseGreen.vue
@@ -39,11 +39,12 @@ const createCourseState = reactive({
   digital_human_id: 0,
   source_type: 0,
   speed: 1.0,
-  bg_img: 'https://service1.fenshenzhike.com/default_background.png',
+  bg_img: '',
 })
 
 const selected_digital_human = ref<DigitalHumanItem | null>(null)
 const selected_bg_img = ref<File | undefined>()
+const enableBackgroundCompositing = ref(false)
 
 watchEffect(() => {
   if (selected_digital_human.value) {
@@ -56,6 +57,13 @@ watchEffect(() => {
   }
 })
 
+watchEffect(() => {
+  // 根据背景合成开关更新 bg_img
+  createCourseState.bg_img = enableBackgroundCompositing.value
+    ? 'https://service1.fenshenzhike.com/default_background.png'
+    : ''
+})
+
 const onCreateCourseGreenSubmit = async (
   event: FormSubmitEvent<CreateCourseSchema>
 ) => {
@@ -224,13 +232,13 @@ const onCreateCourseGreenSubmit = async (
           />
         </UFormGroup>
 
-        <UAlert
-          icon="tabler:background"
-          color="sky"
-          variant="subtle"
-          title="自定义背景图片"
-          description="背景图片可在视频生成完毕后，在下载选单中选择合成。默认为绿幕背景。"
-        />
+        <UFormGroup
+          label="启用背景合成"
+          name="bg_img"
+          help="开启后生成透明通道，可在视频生成完毕后选择自定义背景合成；关闭则使用绿幕背景。"
+        >
+          <UToggle v-model="enableBackgroundCompositing" />
+        </UFormGroup>
 
         <UAccordion
           :items="[{ label: '高级选项' }]"