diff --git a/automation/web/src/api/workFlow.ts b/automation/web/src/api/workFlow.ts
index 92375d86104ac42d19370dfd62da37a1baa5a293..ee2a3ee9aaf0d022211fa29b0d71e08669f7a8f0 100644
--- a/automation/web/src/api/workFlow.ts
+++ b/automation/web/src/api/workFlow.ts
@@ -27,3 +27,12 @@ export const deleteWorkflow = (data: any) => {
     data,
   });
 };
+
+// 创建编排
+export const createWorkflow = (data: any) => {
+  return request({
+    url: `/workflows/create`,
+    method: 'post',
+    data,
+  });
+};
diff --git a/automation/web/src/views/workflow/addWorkflow.vue b/automation/web/src/views/workflow/addWorkflow.vue
index e5a016039bd6ce2a9185f38407cbfd0a51b52a17..34dd8fcdeb4a65b01cd7d1a81fb415df3eb0a781 100644
--- a/automation/web/src/views/workflow/addWorkflow.vue
+++ b/automation/web/src/views/workflow/addWorkflow.vue
@@ -73,6 +73,17 @@
           </el-tag>
           <el-button class="button-new-tag" size="small" @click="addInParam"> + </el-button>
         </el-collapse-item>
+        <el-collapse-item title="编排出参" name="out_params">
+          <el-tag
+            v-for="i in dynamicOutParams"
+            :key="i.value"
+            closable
+            :disable-transitions="false"
+          >
+            {{ i.value }}
+          </el-tag>
+          <el-button class="button-new-tag" size="small" @click="addOutParam"> + </el-button>
+        </el-collapse-item>
       </el-collapse>
     </div>
 
@@ -88,7 +99,7 @@
         @close="handleCloseDialog"
         :edit-data="editData"
       ></AddTag>
-      <AddInParam v-if="rwType === 'add_in_param'"></AddInParam>
+      <AddInParam v-if="rwType === 'add_in_param'" @close="dialogVisible = false"></AddInParam>
     </el-dialog>
   </el-card>
 </template>
@@ -162,12 +173,16 @@ const getList = async () => {
 };
 
 const dynamicInParams = ref<{ key: string; value: string }[]>([]);
+const dynamicOutParams = ref<{ key: string; value: string }[]>([]);
 // 新建编排入参
 const addInParam = () => {
   dialogTitle.value = '新建参数';
   dialogVisible.value = true;
   rwType.value = 'add_in_param';
 };
+
+// 新建编排出参
+const addOutParam = () => {};
 // 关闭弹窗
 const handleCloseDialog = () => {
   dialogVisible.value = false;
diff --git a/automation/web/src/views/workflow/form/AddInParam.vue b/automation/web/src/views/workflow/form/AddInParam.vue
index c17255605c972fea7005c4953575b3032f6dcad0..ce1335760c4069ebae4991dd771e5a065397dc4b 100644
--- a/automation/web/src/views/workflow/form/AddInParam.vue
+++ b/automation/web/src/views/workflow/form/AddInParam.vue
@@ -5,7 +5,7 @@
       <!-- 参数配置 -->
       <div class="text-parameter">
         <!-- 参数配置表单 -->
-        <el-form :model="param" ref="formRef" label-width="auto">
+        <el-form :model="param" ref="formRef" :rules="rules" label-width="auto">
           <!-- 参数类型 -->
           <el-form-item label="参数类型" prop="type">
             <el-radio-group v-model="param.type">
@@ -15,7 +15,7 @@
                 :key="type.value"
                 :value="type.value"
                 style="margin: 2px"
-                >{{ type.value }}</el-radio
+                >{{ type.label }}</el-radio
               >
             </el-radio-group>
           </el-form-item>
@@ -23,7 +23,7 @@
           <el-form-item label="编排参数名称" prop="name">
             <el-input
               v-model="param.name"
-              placeholder="请输入参数名称"
+              placeholder="请输入参数名称（字母或数字）"
               maxlength="50"
               show-word-limit
             >
@@ -62,6 +62,11 @@
           <el-form-item label="是否必填" prop="required">
             <el-checkbox v-model="param.required"> 必填 </el-checkbox>
           </el-form-item>
+          <el-form-item>
+            <!--提交 -->
+            <el-button type="primary" @click="submitForm(formRef)"> 确定 </el-button>
+            <el-button @click="handleCancle">取消</el-button>
+          </el-form-item>
         </el-form>
       </div>
     </div>
@@ -69,7 +74,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { FormInstance, FormRules } from 'element-plus';
+import { reactive, ref } from 'vue';
 
 // 参数类型定义
 interface ParameterItem {
@@ -79,20 +85,22 @@ interface ParameterItem {
   description: string;
   required: boolean;
 }
+const formRef = ref<FormInstance>();
+const emit = defineEmits(['close']);
 
 // 参数类型列表
 const parameterTypes = ref([
   { label: '文本', value: 'text' },
   { label: '数值', value: 'number' },
-  { label: '文件', value: 'file' },
-  { label: '主机', value: 'host' },
+  // { label: '文件', value: 'file' },
+  // { label: '主机', value: 'host' },
   { label: '字典', value: 'dict' },
   { label: '密码', value: 'password' },
-  { label: '动态文本', value: 'dynamicText' },
-  { label: '用户', value: 'user' },
-  { label: '配置项', value: 'config' },
-  { label: '域', value: 'domain' },
-  { label: '日期', value: 'date' },
+  // { label: '动态文本', value: 'dynamicText' },
+  // { label: '用户', value: 'user' },
+  // { label: '配置项', value: 'config' },
+  // { label: '域', value: 'domain' },
+  // { label: '日期', value: 'date' },
 ]);
 
 const param = ref<ParameterItem>({
@@ -103,8 +111,22 @@ const param = ref<ParameterItem>({
   required: false,
 });
 
-// 添加参数方法
-const addParameter = (type: string) => {};
-// 移出参数方法
-const removeParameter = (i: number) => {};
+const rules = reactive<FormRules<typeof param>>({
+  name: [{ required: true, message: '请输入参数名（字母或数字）', trigger: 'blur' }],
+  description: [{ required: true, message: '请输入参数描述', trigger: 'blur' }],
+});
+
+// 提交方法
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // 补充提交参数流程
+    }
+  });
+};
+// 取消提交
+const handleCancle = () => {
+  emit('close');
+};
 </script>