diff --git a/ui/src/api/admin/workspace/model/model.ts b/ui/src/api/admin/workspace/model/model.ts
index 267e37eb298..5637c47f9fa 100644
--- a/ui/src/api/admin/workspace/model/model.ts
+++ b/ui/src/api/admin/workspace/model/model.ts
@@ -36,6 +36,9 @@ const getModelMeta = (modelId: string) => {
 const deleteModel = (modelId: string) => {
   return del<undefined, boolean>(`${getPrefix()}/${modelId}`)
 }
+const getModelParamsForm = (modelId: string) => {
+  return get<ModelItem>(`${getPrefix()}/${modelId}/model_params_form`)
+}
 
 /** 暂停本地模型下载。 */
 const putPauseModelDownload = (modelId: string) => {
@@ -50,4 +53,5 @@ export default {
   postModel,
   putModel,
   putPauseModelDownload,
+  getModelParamsForm,
 }
diff --git a/ui/src/components/mk-dynamics-form/Demo.vue b/ui/src/components/mk-dynamics-form/Demo.vue
index 1c4de11b434..0e5f1ed6599 100644
--- a/ui/src/components/mk-dynamics-form/Demo.vue
+++ b/ui/src/components/mk-dynamics-form/Demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, provide } from 'vue'
 import { ElMessage } from 'element-plus'
 import type { Dict } from '@/api/types'
 import {
@@ -10,9 +10,11 @@ import {
   type FormField,
   type VisibilityFieldOption,
 } from '@/components/mk-dynamics-form'
+import modelAPI from '@/api/admin/workspace/model/model'
 
 defineOptions({ name: 'MkDynamicsFormDemo' })
-
+provide('getSelectModelList', modelAPI.getModelList)
+provide('getModelParamsForm', modelAPI.getModelParamsForm)
 const constructorRef = ref<InstanceType<typeof MkDynamicsFormConstructor>>()
 const dynamicsFormRef = ref<InstanceType<typeof MkDynamicsForm>>()
 
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
index bb9cbee9ddd..a670953df06 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
@@ -90,15 +90,12 @@ function fetchDefaultParams(modelId: string) {
   })
 }
 const rawModelOptions = ref<DynamicFormValue[]>([])
-const groupedModelOptions = ref<Record<string, DynamicFormValue[]>>({})
+const groupedModelOptions = ref<Record<string, any[]>>({})
 
 const fetchModelByType = (type: string) => {
   if (!type || !getSelectModelList) return
-
   getSelectModelList({ model_type: type }).then((res: DynamicFormValue) => {
-    rawModelOptions.value = res?.data || []
-
-    groupedModelOptions.value = groupBy(res?.data, 'provider')
+    rawModelOptions.value = res
   })
 }
 
@@ -201,7 +198,8 @@ defineExpose({ getData, render })
         multiple
         v-model="selectedIds"
         placeholder="请选择模型"
-        :options="groupedModelOptions"
+        :options="rawModelOptions"
+        :provider-options="providerOptions"
         :model-type="formValue.model_type"
       >
       </ModelSelect>
diff --git a/ui/src/router/admin/index.ts b/ui/src/router/admin/index.ts
index 8db264945f7..1e2f050465d 100644
--- a/ui/src/router/admin/index.ts
+++ b/ui/src/router/admin/index.ts
@@ -23,12 +23,6 @@ const router = createRouter({
     ...workflowRoutes,
     workspaceRoutes,
     systemRoutes,
-    {
-      path: '/demo/dynamics-form',
-      name: 'demo-dynamics-form',
-      component: () => import('@/components/mk-dynamics-form/Demo.vue'),
-      meta: { title: '动态表单演示' },
-    },
     {
       path: '/:pathMatch(.*)*',
       name: 'not-found',
diff --git a/ui/src/router/admin/workspace/index.ts b/ui/src/router/admin/workspace/index.ts
index 2a345db695a..e56e28439ab 100644
--- a/ui/src/router/admin/workspace/index.ts
+++ b/ui/src/router/admin/workspace/index.ts
@@ -17,6 +17,12 @@ const moduleRoutes: RouteRecordRaw[] = [
   ...toolRoutes,
   ...modelRoutes,
   ...triggerRoutes,
+  {
+    path: 'demo-dynamics-form',
+    name: 'demo-dynamics-form',
+    component: () => import('@/components/mk-dynamics-form/Demo.vue'),
+    meta: { title: '动态表单演示' },
+  },
 ]
 
 export const workspaceRoutes: RouteRecordRaw = {