fix: add focus event to ModelSelect for dynamic model fetching

--bug=1062087 --user=王孝刚 【应用编排】在图片生成节点-选择模型下拉框中添加模型后,没有及时回显 https://www.tapd.cn/62980211/s/1777730
v3.2
wxg0103 2025-09-23 14:23:57 +08:00
parent 716f2a4559
commit 8a1506ff4a
2 changed files with 36 additions and 27 deletions

View File

@ -24,7 +24,8 @@
<div class="flex-between w-full"> <div class="flex-between w-full">
<div> <div>
<span <span
>{{ $t('views.applicationWorkflow.nodes.imageToVideoGenerate.model.label') >{{
$t('views.applicationWorkflow.nodes.imageToVideoGenerate.model.label')
}}<span class="color-danger">*</span></span }}<span class="color-danger">*</span></span
> >
</div> </div>
@ -45,6 +46,7 @@
@wheel="wheel" @wheel="wheel"
:teleported="false" :teleported="false"
v-model="form_data.model_id" v-model="form_data.model_id"
@focus="getSelectModel"
:placeholder=" :placeholder="
$t('views.applicationWorkflow.nodes.imageToVideoGenerate.model.requiredMessage') $t('views.applicationWorkflow.nodes.imageToVideoGenerate.model.requiredMessage')
" "
@ -67,7 +69,8 @@
<div class="flex align-center"> <div class="flex align-center">
<div class="mr-4"> <div class="mr-4">
<span <span
>{{ $t('views.applicationWorkflow.nodes.imageToVideoGenerate.prompt.label') >{{
$t('views.applicationWorkflow.nodes.imageToVideoGenerate.prompt.label')
}}<span class="color-danger">*</span></span }}<span class="color-danger">*</span></span
> >
</div> </div>
@ -136,7 +139,8 @@
}" }"
> >
<template #label <template #label
>{{ $t('views.applicationWorkflow.nodes.imageToVideoGenerate.first_frame.label') >{{
$t('views.applicationWorkflow.nodes.imageToVideoGenerate.first_frame.label')
}}<span class="color-danger">*</span></template }}<span class="color-danger">*</span></template
> >
<NodeCascader <NodeCascader
@ -161,8 +165,10 @@
}" }"
> >
<template #label <template #label
>{{ $t('views.applicationWorkflow.nodes.imageToVideoGenerate.last_frame.label') >{{
}}</template $t('views.applicationWorkflow.nodes.imageToVideoGenerate.last_frame.label')
}}
</template
> >
<NodeCascader <NodeCascader
ref="nodeCascaderRef" ref="nodeCascaderRef"
@ -212,6 +218,7 @@ import { t } from '@/locales'
import {useRoute} from 'vue-router' import {useRoute} from 'vue-router'
import {loadSharedApi} from '@/utils/dynamics-api/shared-api' import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
import NodeCascader from "@/workflow/common/NodeCascader.vue"; import NodeCascader from "@/workflow/common/NodeCascader.vue";
const getApplicationDetail = inject('getApplicationDetail') as any const getApplicationDetail = inject('getApplicationDetail') as any
const route = useRoute() const route = useRoute()
@ -279,6 +286,7 @@ const form_data = computed({
}) })
const application = getApplicationDetail() const application = getApplicationDetail()
function getSelectModel() { function getSelectModel() {
const obj = const obj =
apiType.value === 'systemManage' apiType.value === 'systemManage'

View File

@ -43,6 +43,7 @@
<ModelSelect <ModelSelect
@change="model_change" @change="model_change"
@wheel="wheel" @wheel="wheel"
@focus="getSelectModel"
:teleported="false" :teleported="false"
v-model="form_data.model_id" v-model="form_data.model_id"
:placeholder=" :placeholder="