From 5ad6430ebe534c07ead70fb20ef2ec7effd98b11 Mon Sep 17 00:00:00 2001
From: zhangzhanwei <zhanwei.zhang@fit2cloud.com>
Date: Fri, 3 Apr 2026 15:52:46 +0800
Subject: [PATCH] fix: Image to video node error

---
 ui/src/workflow/nodes/image-to-video/index.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/ui/src/workflow/nodes/image-to-video/index.vue b/ui/src/workflow/nodes/image-to-video/index.vue
index cbb51a7313d..2a1051413dd 100644
--- a/ui/src/workflow/nodes/image-to-video/index.vue
+++ b/ui/src/workflow/nodes/image-to-video/index.vue
@@ -69,7 +69,7 @@
           </div>
           <NodeCascader
             v-else
-            ref="nodeCascaderRef"
+            ref="modelReferenceCascaderRef"
             :nodeModel="nodeModel"
             class="w-full"
             :placeholder="$t('workflow.variable.placeholder')"
@@ -154,7 +154,7 @@
             }}<span class="color-danger">*</span></template
           >
           <NodeCascader
-            ref="nodeCascaderRef"
+            ref="firstFrameCascaderRef"
             :nodeModel="nodeModel"
             class="w-full"
             :placeholder="$t('workflow.nodes.imageToVideoGenerate.first_frame.requiredMessage')"
@@ -174,7 +174,7 @@
             >{{ $t('workflow.nodes.imageToVideoGenerate.last_frame.label') }}
           </template>
           <NodeCascader
-            ref="nodeCascaderRef"
+            ref="lastFrameCascaderRef"
             :nodeModel="nodeModel"
             class="w-full"
             :placeholder="$t('workflow.nodes.imageToVideoGenerate.last_frame.requiredMessage')"
@@ -248,12 +248,16 @@ const apiType = computed(() => {
 const props = defineProps<{ nodeModel: any }>()
 const modelOptions = ref<any>(null)
 const AIModeParamSettingDialogRef = ref<InstanceType<typeof AIModeParamSettingDialog>>()
-const nodeCascaderRef = ref()
 
 const aiChatNodeFormRef = ref<FormInstance>()
+const firstFrameCascaderRef = ref()
+const lastFrameCascaderRef = ref()
+const modelReferenceCascaderRef = ref()
+
 const validate = () => {
   return Promise.all([
-    nodeCascaderRef.value ? nodeCascaderRef.value.validate() : Promise.resolve(''),
+    firstFrameCascaderRef.value?.validate() ?? Promise.resolve(''),
+    modelReferenceCascaderRef.value?.validate() ?? Promise.resolve(''),
     aiChatNodeFormRef.value?.validate(),
   ]).catch((err: any) => {
     return Promise.reject({ node: props.nodeModel, errMessage: err })