fix: add focus event to ModelSelect for dynamic model fetching
--bug=1062087 --user=王孝刚 【应用编排】在图片生成节点-选择模型下拉框中添加模型后,没有及时回显 https://www.tapd.cn/62980211/s/1777730v3.2
parent
716f2a4559
commit
8a1506ff4a
|
|
@ -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'
|
||||||
|
|
|
||||||
|
|
@ -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="
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue