diff --git a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
index 1a35c583..f333f619 100644
--- a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
+++ b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
@@ -31,7 +31,8 @@ import {
 import {PlusCircle, X, Maximize2} from 'lucide-react';
 import {useForm, useFieldArray} from "react-hook-form";
 import {getApplicationList} from '../../../Application/List/service';
-import {getExternalSystemList, getJenkinsViewList, getJenkinsJobList} from '../service';
+import {getExternalSystemList, getJenkinsViewList, getJenkinsJobList, createDeploymentConfig} from '../service';
+import {getPublishedDefinitions} from '@/pages/Workflow/Definition/service';
 import type {ExternalSystem} from '@/pages/Deploy/External/types';
 import { Editor } from "@/components/Editor";
 
@@ -76,6 +77,7 @@ const formSchema = z.object({
     externalSystemId: z.number().optional(),
     jenkinsViewId: z.number().optional(),
     jenkinsJobId: z.number().optional(),
+    workflowId: z.number().optional(),
     script: z.string(),
     envs: z.array(z.object({
         key: envKeySchema,
@@ -96,6 +98,7 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
     const [externalSystems, setExternalSystems] = useState<ExternalSystem[]>([]);
     const [jenkinsViews, setJenkinsViews] = useState<JenkinsView[]>([]);
     const [jenkinsJobs, setJenkinsJobs] = useState<JenkinsJob[]>([]);
+    const [workflows, setWorkflows] = useState<any[]>([]);
     const [fullscreenEditor, setFullscreenEditor] = useState(false);
     const [isFullscreen, setIsFullscreen] = useState(false);
     
@@ -106,8 +109,9 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
             externalSystemId: undefined,
             jenkinsViewId: undefined,
             jenkinsJobId: undefined,
+            workflowId: undefined,
             script: '',
-            envs: []
+            envs: [{key: '', value: ''}]
         }
     });
 
@@ -129,6 +133,20 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
         }
     }, [open]);
 
+    // 获取工作流列表
+    const fetchWorkflows = async () => {
+        try {
+            const data = await getPublishedDefinitions();
+            setWorkflows(data);
+        } catch (error) {
+            console.error('Failed to fetch workflows:', error);
+        }
+    };
+
+    useEffect(() => {
+        fetchWorkflows();
+    }, []);
+
     // 当选择外部系统时获取 View 列表
     const handleExternalSystemChange = async (externalSystemId: number) => {
         form.setValue('externalSystemId', externalSystemId);
@@ -158,12 +176,28 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
         }
     };
 
-    const handleSubmit = form.handleSubmit((values) => {
-        // 过滤掉空的环境变量
-        values.envs = values.envs.filter(env => env.key || env.value);
-        console.log('表单提交的值：', values);
-        onSuccess?.();
-    });
+    const handleSubmit = async (values: FormValues) => {
+        try {
+            // 将环境变量数组转换为Map格式
+            const envMap = values.envs.reduce((acc, {key, value}) => {
+                // 只有当key和value都不为空时才添加到map中
+                if (key && value) {
+                    acc[key] = value;
+                }
+                return acc;
+            }, {} as Record<string, string>);
+
+            const params = {
+                ...values,
+                envs: envMap
+            };
+
+            await createDeploymentConfig(params);
+            onSuccess?.();
+        } catch (error) {
+            console.error('Failed to create deployment config:', error);
+        }
+    };
 
     return (
         <>
@@ -184,10 +218,7 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                                 <FormItem>
                                                     <FormLabel>应用名称</FormLabel>
                                                     <Select
-                                                        onValueChange={(value) => {
-                                                            field.onChange(Number(value));
-                                                            // handleApplicationChange(Number(value));
-                                                        }}
+                                                        onValueChange={(value) => field.onChange(Number(value))}
                                                         value={field.value?.toString()}
                                                     >
                                                         <FormControl>
@@ -209,26 +240,23 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                         />
                                         <FormField
                                             control={form.control}
-                                            name="externalSystemId"
+                                            name="workflowId"
                                             render={({field}) => (
                                                 <FormItem>
-                                                    <FormLabel>三方系统</FormLabel>
+                                                    <FormLabel>工作流</FormLabel>
                                                     <Select
-                                                        onValueChange={(value) => {
-                                                            field.onChange(Number(value));
-                                                            handleExternalSystemChange(Number(value));
-                                                        }}
+                                                        onValueChange={(value) => field.onChange(Number(value))}
                                                         value={field.value?.toString()}
                                                     >
                                                         <FormControl>
                                                             <SelectTrigger>
-                                                                <SelectValue placeholder="选择三方系统"/>
+                                                                <SelectValue placeholder="选择工作流"/>
                                                             </SelectTrigger>
                                                         </FormControl>
                                                         <SelectContent>
-                                                            {externalSystems.map((system) => (
-                                                                <SelectItem key={system.id} value={system.id.toString()}>
-                                                                    {system.name}
+                                                            {workflows.map((workflow) => (
+                                                                <SelectItem key={workflow.id} value={workflow.id.toString()}>
+                                                                    {workflow.name}
                                                                 </SelectItem>
                                                             ))}
                                                         </SelectContent>
@@ -238,7 +266,40 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                             )}
                                         />
                                     </div>
-                                    <div className="grid grid-cols-2 gap-4">
+
+                                    <div className="grid grid-cols-3 gap-4">
+                                        <FormField
+                                            control={form.control}
+                                            name="externalSystemId"
+                                            render={({field}) => (
+                                                <FormItem>
+                                                    <FormLabel>三方系统</FormLabel>
+                                                    <Select
+                                                        onValueChange={(value) => {
+                                                            const numValue = Number(value);
+                                                            handleExternalSystemChange(numValue);
+                                                        }}
+                                                        value={field.value?.toString()}
+                                                    >
+                                                        <FormControl>
+                                                            <SelectTrigger>
+                                                                <SelectValue placeholder="选择系统"/>
+                                                            </SelectTrigger>
+                                                        </FormControl>
+                                                        <SelectContent>
+                                                            {externalSystems.map((system) => (
+                                                                <SelectItem key={system.id}
+                                                                          value={system.id.toString()}>
+                                                                    {system.name}
+                                                                </SelectItem>
+                                                            ))}
+                                                        </SelectContent>
+                                                    </Select>
+                                                    <FormMessage/>
+                                                </FormItem>
+                                            )}
+                                        />
+
                                         <FormField
                                             control={form.control}
                                             name="jenkinsViewId"
@@ -247,8 +308,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                                     <FormLabel>Jenkins视图配置</FormLabel>
                                                     <Select
                                                         onValueChange={(value) => {
-                                                            field.onChange(Number(value));
-                                                            handleViewChange(Number(value));
+                                                            const numValue = Number(value);
+                                                            handleViewChange(numValue);
                                                         }}
                                                         value={field.value?.toString()}
                                                     >
@@ -259,7 +320,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                                         </FormControl>
                                                         <SelectContent>
                                                             {jenkinsViews.map((view) => (
-                                                                <SelectItem key={view.id} value={view.id.toString()}>
+                                                                <SelectItem key={view.id}
+                                                                          value={view.id.toString()}>
                                                                     {view.viewName}
                                                                 </SelectItem>
                                                             ))}
@@ -269,6 +331,7 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                                 </FormItem>
                                             )}
                                         />
+
                                         <FormField
                                             control={form.control}
                                             name="jenkinsJobId"
@@ -286,7 +349,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                                         </FormControl>
                                                         <SelectContent>
                                                             {jenkinsJobs.map((job) => (
-                                                                <SelectItem key={job.id} value={job.id.toString()}>
+                                                                <SelectItem key={job.id}
+                                                                          value={job.id.toString()}>
                                                                     {job.jobName}
                                                                 </SelectItem>
                                                             ))}
diff --git a/frontend/src/pages/Workflow/Definition/service.ts b/frontend/src/pages/Workflow/Definition/service.ts
index 3c2feb6a..d0ac8438 100644
--- a/frontend/src/pages/Workflow/Definition/service.ts
+++ b/frontend/src/pages/Workflow/Definition/service.ts
@@ -12,7 +12,7 @@ export const getDefinitions = (params?: WorkflowDefinitionQuery) =>
 export const getDefinitionDetail = (id: number) =>
     request.get<WorkflowDefinition>(`${DEFINITION_URL}/${id}`);
 
-export const getPublishedDefinitions = (id: number) =>
+export const getPublishedDefinitions = () =>
     request.get<WorkflowDefinition[]>(`${DEFINITION_URL}/published`);
 
 export const deployDefinition = (id: number) =>