From 4f4af08bbed6017b98c1bcc262f8e5251b223ca8 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Fri, 19 Sep 2025 14:16:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BC=95=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |   2 +-
 src/utils/flow.js                             |  14 +-
 src/views/flow/config.js                      |  23 +-
 .../flow/nodes/common/FormItemRecursive.vue   | 422 ++++----
 src/views/flow/nodes/common/serviceNode.vue   | 932 ++++++++++--------
 src/views/flow/nodes/function/loop.vue        |  26 +-
 src/views/system/dict/index.vue               | 743 ++++++++------
 src/views/test/detect/index.vue               |  26 +
 src/views/vi/testProject/index.vue            |  22 +-
 src/views/vi/testProject/plan/index.vue       |  33 +-
 10 files changed, 1254 insertions(+), 989 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 178490d..dbabe71 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -201,7 +201,7 @@ export const dynamicRoutes = [
       {
         path: "index/:id",
         component: () => import("@/views/vi/testProject/plan/index"),
-        name: "Data",
+        name: "Plan",
         meta: { title: "方案管理", activeMenu: "/vi/testProject" },
       },
     ],
diff --git a/src/utils/flow.js b/src/utils/flow.js
index e00c5c1..1df5bab 100644
--- a/src/utils/flow.js
+++ b/src/utils/flow.js
@@ -22,9 +22,10 @@ export const getInput = (nodeId, isStrict = true) => {
           const obj = {
               value: item.id,
               label: item.properties.name,
+              type: 'input',
               children: []
           }
-          const optionData = transformTree(item.properties.inputParams, obj.children)
+          const optionData = transformTree(item.properties.inputParams, obj.children, 'input')
           obj.children.push(optionData)
           arr.push(obj)
         }
@@ -32,9 +33,10 @@ export const getInput = (nodeId, isStrict = true) => {
           const obj = {
             value: item.id,
             label: item.properties.name + '（输入）',
+            type: 'input',
             children: []
           }
-          const optionData = transformTree(item.properties.nodeParams, obj.children)
+          const optionData = transformTree(item.properties.nodeParams, obj.children, 'input')
           obj.children.push(optionData)
           arr.push(obj)
         }
@@ -43,9 +45,10 @@ export const getInput = (nodeId, isStrict = true) => {
           const obj = {
             value: item.id,
             label: item.properties.name + '（输出）',
+            type: 'output',
             children: []
           }
-          const optionData = transformTree(item.properties.outputParams, obj.children)
+          const optionData = transformTree(item.properties.outputParams, obj.children, 'output')
           obj.children.push(optionData)
           arr.push(obj)
         }
@@ -55,11 +58,12 @@ export const getInput = (nodeId, isStrict = true) => {
     return flag
 }
 
-const transformTree = (arr, parent = []) => {
+const transformTree = (arr, parent = [], type) => {
   arr.forEach(item => {
     const currentNode = {
       value: item.name,
       label: item.name,
+      type,
       children: []
     };
     parent.push(currentNode);
@@ -67,7 +71,7 @@ const transformTree = (arr, parent = []) => {
     if (item.children?.length > 0) {
       transformTree(item.children, currentNode.children);
     } else {
-        delete currentNode.children
+      delete currentNode.children
     }
   });
   return parent;
diff --git a/src/views/flow/config.js b/src/views/flow/config.js
index 3026dad..9ae6e6c 100644
--- a/src/views/flow/config.js
+++ b/src/views/flow/config.js
@@ -106,7 +106,7 @@ export const collapseList = [
           { name: "deviceId", type: "input", input: "", componentType: 'select', selectOptions: deviceOptions(), disabled: true }
         ],
         outputType: 'img',
-        outputParams: [{ name: 'imageUrl', type: 'Array<String>', desc: '图片地址数组'}]
+        outputParams: [{ name: 'imageUrl', type: 'array<string>', desc: '图片地址数组', disabled: true}]
       },
       {
         icon: cameraSvg,
@@ -145,7 +145,7 @@ export const collapseList = [
           { name: "deviceId", type: "input", input: "", componentType: 'select', selectOptions: deviceOptions(), disabled: true }
         ],
         outputType: 'video',
-        outputParams: [{ name: 'videoUrl', type: 'Array<String>', desc: '视频播放地址数组'}]
+        outputParams: [{ name: 'videoUrl', type: 'array<string>', desc: '视频播放地址数组'}]
       }
     ],
   },
@@ -254,7 +254,7 @@ export const collapseList = [
       },
     ],
   },
-   {
+  {
     collapseTitle: "大模型",
     nodeList: [
       {
@@ -273,4 +273,21 @@ export const collapseList = [
       },
     ],
   },
+  {
+    collapseTitle: "语音交互",
+    nodeList: [
+      {
+        icon: microphoneSvg,
+        name: "唤醒语料",
+        type: "serviceNode",
+        desc: "唤醒语料处理",
+        action: 'VI_WAKE_CORPUS',
+        nodeParams: [
+          { name: "", type: "input", input: ""}
+        ],
+        outputType: 'json',
+        outputParams: [{ name: 'coordinates', type: 'Object', desc: '坐标对象'}]
+      },
+    ],
+  },
 ]
diff --git a/src/views/flow/nodes/common/FormItemRecursive.vue b/src/views/flow/nodes/common/FormItemRecursive.vue
index 2cbf851..a070dc0 100644
--- a/src/views/flow/nodes/common/FormItemRecursive.vue
+++ b/src/views/flow/nodes/common/FormItemRecursive.vue
@@ -1,212 +1,212 @@
-<!-- components/FormItemRecursive.vue -->
-<template>
-  <div class="form-item-recursive">
-    <!-- 循环渲染当前层级的所有表单项 -->
-    <div v-for="(item, index) in currentList" :key="index">
-      <el-row>
-        <!-- 名称输入 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '参数名' : ''"
-          :prop="`${propPath}.${index}.name`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-input
-            :disabled="isFirstLevel && index === 0"
-            v-model="item.name"
-            placeholder="请输入"
-            clearable
-          />
-        </el-form-item>
-
-        <!-- 类型选择 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '参数类型' : ''"
-          :prop="`${propPath}.${index}.type`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-select
-            :disabled="isFirstLevel && index === 0"
-            v-model="item.type"
-            @change="handleTypeChange(item)"
-          >
-            <el-option label="String" value="string" />
-            <el-option label="Number" value="number" />
-            <el-option label="Boolean" value="boolean" />
-            <el-option v-if="depth < endDepth" label="Object" value="object" />
-            <!-- <el-option label="Array<String>" value="array<string>" />
-            <el-option label="Array<Number>" value="array<number>" />
-            <el-option label="Array<Boolean>" value="array<boolean>" />
-            <el-option v-if="depth < endDepth" label="Array<Object>" value="array<object>" /> -->
-          </el-select>
-        </el-form-item>
-
-        <!-- 描述输入 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '描述' : ''"
-          :prop="`${propPath}.${index}.desc`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-input
-            :disabled="isFirstLevel && index === 0"
-            v-model="item.desc"
-            placeholder="请输入"
-            clearable
-          />
-        </el-form-item>
-
-        <!-- 是否必填 -->
-        <el-form-item :label="isFirstLevel && index === 0 ? '必填' : ''">
-          <el-switch
-            :disabled="isFirstLevel && index === 0"
-            v-model="item.required"
-          />
-        </el-form-item>
-
-        <!-- 删除按钮（第一层第一个不能删） -->
-        <el-button
-          v-if="!(isFirstLevel && index === 0)"
-          :icon="Minus"
-          circle
-          size="small"
-          @click="handleDelete(index)"
-          class="deleteBtn"
-        />
-
-        <!-- 添加子项按钮（当类型是object/array<object>时） -->
-        <el-button
-          v-if="['object', 'array<object>'].includes(item.type)"
-          :icon="Plus"
-          circle
-          size="small"
-          @click="handleAddChild(item)"
-          class="addBtn"
-        />
-      </el-row>
-
-      <!-- 递归渲染子项（如果有子项且类型匹配） -->
-      <!-- 层级越深，缩进越多 -->
-      <div
-        v-if="['object', 'array<object>'].includes(item.type) && item.children.length"
-        class="nested-form-items"
-        :style="{ marginLeft: `${depth * 20}px` }"
-      >
-        <!-- 递归调用自身，处理下一层级 -->
-        <!-- 非第一层 -->
-        <!-- 复用添加逻辑 -->
-        <FormItemRecursive
-          :current-list="item.children"
-          :prop-path="`${propPath}.${index}.children`"
-          :depth="depth + 1"
-          :is-first-level="false"
-          :endDepth="endDepth"
-          :parent-path="[...parentPath, index] "
-          @add-item="handleAddChild(item)"
-          @delete-item="handleChildDelete"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { Plus, Minus } from "@element-plus/icons-vue";
-
-// 定义props
-const { currentList, propPath, depth, isFirstLevel, endDepth, parentPath } = defineProps({
-  currentList: {
-    type: Array,
-    default: () => []
-  },
-  propPath: {
-    type: String,
-    default: ''
-  },
-  depth: {
-    type: Number,
-    default: 0
-  },
-  isFirstLevel: {
-    type: Boolean,
-    default: true
-  },
-  endDepth: {
-    type: Number,
-    default: 2
-  },
-  parentPath: {
-    type: String,
-    default: ''
-  },
-});
-
-// 定义emit事件
-const emit = defineEmits(['add-item', 'delete-item'])
-
-// 处理类型变化（清空或添加子项）
-const handleTypeChange = (item) => {
-  if (!["object", "array<object>"].includes(item.type)) {
-    item.children = []; // 非对象类型清空子项
-  } else if (item.children.length === 0) {
-    handleAddChild(item); // 首次切换为对象类型时添加一个子项
-  }
-};
-
-// 添加子项
-const handleAddChild = (parentItem) => {
-  parentItem.children.push({
-    name: "",
-    type: "",
-    desc: "",
-    required: false,
-    children: [],
-  });
-  // emit("add-item", parentItem); // 通知父组件（可选）
-};
-
-// 删除当前项
-const handleDelete = (index) => {
-  // 完整路径 = 父级路径 + 当前索引（如果是顶层，parentPath为undefined）
-  const fullPath = parentPath ? [...parentPath, index] : [index];
-  emit("delete-item", fullPath); // 向上传递完整路径
-}
-
-// 接收子组件的删除事件，继续向上传递
-const handleChildDelete = (childFullPath) => {
-  emit("delete-item", childFullPath);
-}
-</script>
-
-<style lang="scss" scoped>
-.nested-form-items {
-  border-left: 1px dashed #ccc; /* 层级连接线 */
-  padding-left: 16px;
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
-.deleteBtn {
-  margin-bottom: 22px;
-  cursor: pointer;
-}
-
-.addBtn {
-  margin-bottom: 22px;
-  cursor: pointer;
-}
-
-:deep(.el-row) {
-  align-items: end;
-  
-  .el-input {
-      --el-input-width: 140px;
-  }
-
-  .el-select {
-      --el-select-width: 140px;
-  }
-
-  .el-cascader {
-  --el-form-inline-content-width: 140px;
-  }
-}
+<!-- components/FormItemRecursive.vue -->
+<template>
+  <div class="form-item-recursive">
+    <!-- 循环渲染当前层级的所有表单项 -->
+    <div v-for="(item, index) in currentList" :key="index">
+      <el-row>
+        <!-- 名称输入 -->
+        <el-form-item
+          :label="isFirstLevel && index === 0 ? '参数名' : ''"
+          :prop="`${propPath}.${index}.name`"
+          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
+        >
+          <el-input
+            :disabled="isFirstLevel && index === 0"
+            v-model="item.name"
+            placeholder="请输入"
+            clearable
+          />
+        </el-form-item>
+
+        <!-- 类型选择 -->
+        <el-form-item
+          :label="isFirstLevel && index === 0 ? '参数类型' : ''"
+          :prop="`${propPath}.${index}.type`"
+          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
+        >
+          <el-select
+            :disabled="isFirstLevel && index === 0"
+            v-model="item.type"
+            @change="handleTypeChange(item)"
+          >
+            <el-option label="String" value="string" />
+            <el-option label="Number" value="number" />
+            <el-option label="Boolean" value="boolean" />
+            <el-option v-if="depth < endDepth" label="Object" value="object" />
+            <el-option label="Array<String>" value="array<string>" />
+            <el-option label="Array<Number>" value="array<number>" />
+            <el-option label="Array<Boolean>" value="array<boolean>" />
+            <el-option v-if="depth < endDepth" label="Array<Object>" value="array<object>" />
+          </el-select>
+        </el-form-item>
+
+        <!-- 描述输入 -->
+        <el-form-item
+          :label="isFirstLevel && index === 0 ? '描述' : ''"
+          :prop="`${propPath}.${index}.desc`"
+          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
+        >
+          <el-input
+            :disabled="isFirstLevel && index === 0"
+            v-model="item.desc"
+            placeholder="请输入"
+            clearable
+          />
+        </el-form-item>
+
+        <!-- 是否必填 -->
+        <el-form-item :label="isFirstLevel && index === 0 ? '必填' : ''">
+          <el-switch
+            :disabled="isFirstLevel && index === 0"
+            v-model="item.required"
+          />
+        </el-form-item>
+
+        <!-- 删除按钮（第一层第一个不能删） -->
+        <el-button
+          v-if="!(isFirstLevel && index === 0)"
+          :icon="Minus"
+          circle
+          size="small"
+          @click="handleDelete(index)"
+          class="deleteBtn"
+        />
+
+        <!-- 添加子项按钮（当类型是object/array<object>时） -->
+        <el-button
+          v-if="['object', 'array<object>'].includes(item.type)"
+          :icon="Plus"
+          circle
+          size="small"
+          @click="handleAddChild(item)"
+          class="addBtn"
+        />
+      </el-row>
+
+      <!-- 递归渲染子项（如果有子项且类型匹配） -->
+      <!-- 层级越深，缩进越多 -->
+      <div
+        v-if="['object', 'array<object>'].includes(item.type) && item.children.length"
+        class="nested-form-items"
+        :style="{ marginLeft: `${depth * 20}px` }"
+      >
+        <!-- 递归调用自身，处理下一层级 -->
+        <!-- 非第一层 -->
+        <!-- 复用添加逻辑 -->
+        <FormItemRecursive
+          :current-list="item.children"
+          :prop-path="`${propPath}.${index}.children`"
+          :depth="depth + 1"
+          :is-first-level="false"
+          :endDepth="endDepth"
+          :parent-path="[...parentPath, index] "
+          @add-item="handleAddChild(item)"
+          @delete-item="handleChildDelete"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { Plus, Minus } from "@element-plus/icons-vue";
+
+// 定义props
+const { currentList, propPath, depth, isFirstLevel, endDepth, parentPath } = defineProps({
+  currentList: {
+    type: Array,
+    default: () => []
+  },
+  propPath: {
+    type: String,
+    default: ''
+  },
+  depth: {
+    type: Number,
+    default: 0
+  },
+  isFirstLevel: {
+    type: Boolean,
+    default: true
+  },
+  endDepth: {
+    type: Number,
+    default: 2
+  },
+  parentPath: {
+    type: String,
+    default: ''
+  },
+});
+
+// 定义emit事件
+const emit = defineEmits(['add-item', 'delete-item'])
+
+// 处理类型变化（清空或添加子项）
+const handleTypeChange = (item) => {
+  if (!["object", "array<object>"].includes(item.type)) {
+    item.children = []; // 非对象类型清空子项
+  } else if (item.children.length === 0) {
+    handleAddChild(item); // 首次切换为对象类型时添加一个子项
+  }
+};
+
+// 添加子项
+const handleAddChild = (parentItem) => {
+  parentItem.children.push({
+    name: "",
+    type: "",
+    desc: "",
+    required: false,
+    children: [],
+  });
+  // emit("add-item", parentItem); // 通知父组件（可选）
+};
+
+// 删除当前项
+const handleDelete = (index) => {
+  // 完整路径 = 父级路径 + 当前索引（如果是顶层，parentPath为undefined）
+  const fullPath = parentPath ? [...parentPath, index] : [index];
+  emit("delete-item", fullPath); // 向上传递完整路径
+}
+
+// 接收子组件的删除事件，继续向上传递
+const handleChildDelete = (childFullPath) => {
+  emit("delete-item", childFullPath);
+}
+</script>
+
+<style lang="scss" scoped>
+.nested-form-items {
+  border-left: 1px dashed #ccc; /* 层级连接线 */
+  padding-left: 16px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.deleteBtn {
+  margin-bottom: 22px;
+  cursor: pointer;
+}
+
+.addBtn {
+  margin-bottom: 22px;
+  cursor: pointer;
+}
+
+:deep(.el-row) {
+  align-items: end;
+  
+  .el-input {
+      --el-input-width: 140px;
+  }
+
+  .el-select {
+      --el-select-width: 140px;
+  }
+
+  .el-cascader {
+  --el-form-inline-content-width: 140px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/flow/nodes/common/serviceNode.vue b/src/views/flow/nodes/common/serviceNode.vue
index 0f20d95..4ec2784 100644
--- a/src/views/flow/nodes/common/serviceNode.vue
+++ b/src/views/flow/nodes/common/serviceNode.vue
@@ -1,425 +1,507 @@
-<template>
-  <div class="node__container">
-    <NodeState :state="nodeOperatingStatus">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <JsonViewer v-if="props.properties.outputType === 'json'" :value="outputJsonData" copyable boxed sort theme="light" />
-        <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-        />
-        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-    />
-    <div class="input__container">
-      <div class="title">
-        <div class="left">
-          <div class="tag"></div>
-          <div class="text">输入</div>
-        </div>
-        <div class="right" v-if="properties.properties?.canAddFormItem">
-          <el-button
-            :disabled="flowStore.disableForm"
-            @click="addFormItem"
-            class="addFormItem"
-          >
-            <el-icon :size="20"><Plus /></el-icon>
-          </el-button>
-        </div>
-      </div>
-      <div class="form__container">
-        <el-form
-          :inline="true"
-          :model="formData"
-          :rules="rules"
-          ref="dynamicForm"
-          label-position="top"
-          label-width="auto"
-          :disabled="flowStore.disableForm"
-        >
-          <div v-for="(property, index) in formData.nodeParams" :key="index">
-            <el-row>
-              <el-form-item
-                :label="index === 0 ? '参数名' : ''"
-                :prop="`nodeParams.${index}.name`"
-                :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]"
-              >
-                <el-input
-                  :disabled="property?.disabled || false"
-                  v-model="property.name"
-                  placeholder="请输入"
-                  clearable
-                />
-              </el-form-item>
-              <el-form-item
-                :label="index === 0 ? '参数值' : ''"
-                :prop="`nodeParams.${index}.type`"
-              >
-                <el-select v-model="property.type" @change="handleTypeChange(index)">
-                  <el-option label="引用" value="quote" />
-                  <el-option label="输入" value="input" />
-                </el-select>
-                <el-form-item
-                  v-if="property.type === 'input'"
-                  :rules="[{ required: true, message: '请输入参数值', trigger: 'blur' }]"
-                  :prop="`nodeParams.${index}.input`"
-                >
-                    <el-input-number v-if="property.componentType === 'number'" v-model="property.input" :min="0" :controls="false" :step-strictly="true" placeholder="请输入" clearable />
-                    <el-select v-model="property.input" v-else-if="property.componentType === 'select'" >
-                        <el-option v-for="item in property.selectOptions" :key="item" :label="item" :value="item" />
-                    </el-select>
-                    <el-input v-else v-model="property.input" placeholder="请输入" clearable />
-                </el-form-item>
-                <el-form-item
-                  v-if="property.type === 'quote'"
-                  :rules="[{ required: true, message: '请选择参数值', trigger: 'blur' }]"
-                  :prop="`nodeParams.${index}.quote`"
-                >
-                  <el-cascader
-                    v-model="property.quote"
-                    :options="quoteOptions"
-                    placeholder="请选择"
-                    @visible-change="visibleChange"
-                  />
-                </el-form-item>
-              </el-form-item>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-    </div>
-    <div class="output__container" v-if="props.properties?.outputParams?.length > 0">
-      <div class="title">
-        <div class="tag"></div>
-        <div class="text">输出</div>
-      </div>
-
-      <div class="form__container">
-        <el-form
-          :inline="true"
-          label-position="top"
-          label-width="auto"
-          :disabled="true"
-        >
-          <el-row v-for="(item, index) in props.properties.outputParams">
-            <el-form-item label="参数名" >
-              <el-input :value="item.name" />
-            </el-form-item>
-            <el-form-item label="参数类型" >
-              <el-input :value="item.type" />
-            </el-form-item>
-            <el-form-item label="描述" >
-              <el-input :value="item.desc" />
-            </el-form-item>
-          </el-row>
-        </el-form>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted, onUnmounted } from "vue";
-import { getInput } from "@/utils/flow";
-import { useFlowStore } from "@/store/modules/flow";
-import { Plus } from "@element-plus/icons-vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { emitter } from "@/utils/eventBus";
-import IPlayer from "@/views/device/register/components/LogicFlow/IPlayer/index.vue";
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-const flowStore = useFlowStore();
-
-const formData = reactive({
-  nodeParams: [],
-});
-
-const rules = reactive({});
-
-const quoteOptions = ref([]);
-const handleTypeChange = (index) => {
-  if (formData.nodeParams[index].type === "input") {
-    formData.nodeParams[index].quote = "";
-  } else {
-    formData.nodeParams[index].input = "";
-    const option = getInput(props.model.id);
-    if (option) {
-      quoteOptions.value = option;
-    }
-  }
-};
-
-const dynamicForm = ref();
-
-const setNodeProperties = async () => {
-  try {
-    const result = await dynamicForm.value.validate();
-    if (result) {
-      const data = toRaw(formData);
-      const properties = lf.getProperties(props.model.id);
-      lf.setProperties(props.model.id, {
-        ...properties,
-        ...data,
-      });
-      emits("contentChange");
-    }
-  } catch {
-    dynamicForm.value.clearValidate();
-  }
-};
-
-const nodeOperatingStatus = ref("NORMAL");
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const visibleChange = (value) => {
-  if (value) {
-    const option = getInput(props.model.id);
-    if (option) {
-      quoteOptions.value = option;
-    }
-  }
-};
-
-const validateForm = async () => {
-  try {
-    const result = await dynamicForm.value.validate();
-    if (result) {
-      return { valid: true, message: "验证通过" };
-    } else {
-      return { valid: false, message: "验证失败" };
-    }
-  } catch {
-    return { valid: false, message: "验证失败" };
-  }
-};
-
-const addFormItem = () => {
-  formData.nodeParams.push({
-    name: "",
-    type: "",
-    desc: "",
-    required: false,
-    children: [],
-  });
-  emits("contentChange");
-};
-
-watch(
-  () => props.properties,
-  () => {
-    if (props.properties.nodeParams && props.properties.nodeParams.length > 0) {
-      formData.nodeParams = props.properties.nodeParams;
-      const option = getInput(props.model.id);
-      if (option) {
-        quoteOptions.value = option;
-      }
-    }
-  },
-  {
-    immediate: true,
-    deep: true,
-  }
-);
-
-onMounted(() => {
-  emitter.on("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  emitter.on("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-});
-
-onUnmounted(() => {
-  emitter.off("changeNodeState");
-  emitter.off("contentChange");
-});
-
-defineExpose({
-  validateForm,
-  setNodeProperties,
-});
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-
-  .input__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-
-        .tag {
-          width: 3px;
-          height: 16px;
-          background: #1664ff;
-          border-radius: 0 4px 4px 0;
-          margin-right: 12px;
-        }
-
-        .text {
-          font-size: 16px;
-          font-weight: 700;
-          color: #0c0d0e;
-        }
-      }
-
-      .right {
-        .addFormItem {
-          border: none;
-          background: transparent;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-
-      .sub-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-          &::before {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: -4px;
-            width: 10px;
-            border-left: 1px solid gray;
-            border-bottom: 1px solid gray;
-            border-bottom-left-radius: 4px;
-            background-color: transparent;
-            height: 24px;
-          }
-        }
-      }
-
-      .gSon-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-          &::before {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: -4px;
-            width: 10px;
-            border-left: 1px solid gray;
-            border-bottom: 1px solid gray;
-            border-bottom-left-radius: 4px;
-            background-color: transparent;
-            height: 24px;
-          }
-        }
-      }
-    }
-  }
-
-  .output__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-
-      .tag {
-        width: 3px;
-        height: 16px;
-        background: #1664ff;
-        border-radius: 0 4px 4px 0;
-        margin-right: 12px;
-      }
-
-      .text {
-        font-size: 16px;
-        font-weight: 700;
-        color: #0c0d0e;
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-    }
-  }
-
-  :deep(.el-row) {
-    align-items: end;
-    
-    .el-input {
-        --el-input-width: 170px;
-    }
-
-    .el-select {
-        --el-select-width: 170px;
-    }
-
-    .el-cascader {
-      --el-form-inline-content-width: 170px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="node__container">
+    <NodeState :state="nodeOperatingStatus">
+      <template #input>
+        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
+      </template>
+      <template #output>
+        <JsonViewer v-if="props.properties.outputType === 'json'" :value="outputJsonData" copyable boxed sort theme="light" />
+        <el-image
+            v-if="props.properties.outputType === 'img'"
+            v-for="item in outputJsonData.imageUrl"
+            style="width: 60px; height: 60px"
+            :src="item"
+            :preview-src-list="outputJsonData.imageUrl"
+            :preview-teleported="true"
+            show-progress
+            fit="fill"
+        />
+        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
+      </template>
+    </NodeState>
+    <NodeTitle
+      :icon="props.properties.icon"
+      :nodeId="props.model.id"
+      :nodeProperties="props.properties"
+      :nodeName="props.properties.name"
+      :nodeDesc="props.properties.desc"
+    />
+    <div class="input__container">
+      <div class="title">
+        <div class="left">
+          <div class="tag"></div>
+          <div class="text">输入</div>
+        </div>
+        <div class="right" v-if="properties.properties?.canAddFormItem">
+          <el-button
+            :disabled="flowStore.disableForm"
+            @click="addFormItem"
+            class="addFormItem"
+          >
+            <el-icon :size="20"><Plus /></el-icon>
+          </el-button>
+        </div>
+      </div>
+      <div class="form__container">
+        <el-form
+          :inline="true"
+          :model="formData"
+          :rules="rules"
+          ref="dynamicForm"
+          label-position="top"
+          label-width="auto"
+          :disabled="flowStore.disableForm"
+        >
+          <div v-for="(property, index) in formData.nodeParams" :key="index">
+            <el-row>
+              <el-form-item
+                :label="index === 0 ? '参数名' : ''"
+                :prop="`nodeParams.${index}.name`"
+                :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]"
+              >
+                <el-input
+                  :disabled="property?.disabled || false"
+                  v-model="property.name"
+                  placeholder="请输入"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item
+                :label="index === 0 ? '参数值' : ''"
+                :prop="`nodeParams.${index}.type`"
+              >
+                <el-select v-model="property.type" @change="handleTypeChange(index)">
+                  <el-option label="引用" value="quote" />
+                  <el-option label="输入" value="input" />
+                </el-select>
+                <el-form-item
+                  v-if="property.type === 'input'"
+                  :rules="[{ required: true, message: '请输入参数值', trigger: 'blur' }]"
+                  :prop="`nodeParams.${index}.input`"
+                >
+                    <el-input-number v-if="property.componentType === 'number'" v-model="property.input" :min="0" :controls="false" :step-strictly="true" placeholder="请输入" clearable />
+                    <el-select v-model="property.input" v-else-if="property.componentType === 'select'" >
+                        <el-option v-for="item in property.selectOptions" :key="item" :label="item" :value="item" />
+                    </el-select>
+                    <el-input v-else v-model="property.input" placeholder="请输入" clearable />
+                </el-form-item>
+                <el-form-item
+                  v-if="property.type === 'quote'"
+                  :rules="[{ required: true, message: '请选择参数值', trigger: 'blur' }]"
+                  :prop="`nodeParams.${index}.quote`"
+                >
+                  <el-cascader
+                    :ref="el => { if (el) cascaderRefs[index] = el }"
+                    v-model="property.quote"
+                    :options="quoteOptions"
+                    placeholder="请选择"
+                    @visible-change="visibleChange"
+                    @change="(value) => cascaderChange(value, index)"
+                  />
+                </el-form-item>
+              </el-form-item>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <div class="output__container" v-if="props.properties?.outputParams?.length > 0">
+      <div class="title">
+        <div class="left">
+          <div class="tag"></div>
+          <div class="text">输出</div>
+        </div>
+        <div class="right" >
+          <el-button
+            :disabled="flowStore.disableForm"
+            @click="addOutputFormItem"
+            class="addFormItem"
+          >
+            <el-icon :size="20"><Plus /></el-icon>
+          </el-button>
+        </div>
+      </div>
+
+      <div class="form__container">
+        <el-form
+          :inline="true"
+          :model="formData"
+          label-position="top"
+          label-width="auto"
+          :rules="outputRules"
+          ref="outputFormRef"
+        >
+          <!-- <el-row v-for="(item, index) in formData.outputParams">
+            <el-form-item :label="index === 0 ? '参数名' : ''" >
+              <el-input :value="item.name" :disabled="item?.disabled" />
+            </el-form-item>
+            <el-form-item :label="index === 0 ? '参数类型' : ''" >
+              <el-input :value="item.type" />
+            </el-form-item>
+            <el-form-item :label="index === 0 ? '描述' : ''">
+              <el-input :value="item.desc" />
+            </el-form-item>
+          </el-row> -->
+           <FormItemRecursive
+            :current-list="formData.outputParams"
+            prop-path="outputParams"
+            :depth="0"
+            :is-first-level="true"
+            :endDepth="2"
+            :parent-path="[]"
+            @delete-item="deleteTopLevelItem"
+          />
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, onUnmounted } from "vue";
+import { getInput } from "@/utils/flow";
+import { useFlowStore } from "@/store/modules/flow";
+import { Plus } from "@element-plus/icons-vue";
+import NodeTitle from "../../components/NodeTitle.vue";
+import NodeState from "../../components/NodeState.vue";
+import "vue3-json-viewer/dist/index.css";
+import { emitter } from "@/utils/eventBus";
+import IPlayer from "@/views/device/register/components/LogicFlow/IPlayer/index.vue";
+import FormItemRecursive from "./FormItemRecursive.vue";
+
+const props = defineProps({
+  model: Object,
+  properties: Object,
+});
+
+const emits = defineEmits(["contentChange"]);
+
+const flowStore = useFlowStore();
+
+const formData = reactive({
+  nodeParams: [],
+  outputParams: []
+});
+
+const rules = reactive({});
+
+const quoteOptions = ref([]);
+const handleTypeChange = (index) => {
+  if (formData.nodeParams[index].type === "input") {
+    formData.nodeParams[index].quote = "";
+  } else {
+    formData.nodeParams[index].input = "";
+    const option = getInput(props.model.id);
+    console.log('option', option)
+    if (option) {
+      quoteOptions.value = option;
+    }
+  }
+};
+
+const cascaderRefs = ref([])
+const outputRules = reactive({});
+const cascaderChange = (value, index) => {
+  const selectedOptions = cascaderRefs.value[index].getCheckedNodes(true);
+  formData.nodeParams[index].quoteType = selectedOptions[0].data.type
+}
+
+const addOutputFormItem = () => {
+  formData.outputParams.push({
+    name: '',
+    type: '',
+    desc: '',
+    children: []
+  })
+}
+
+const dynamicForm = ref();
+const outputFormRef = ref()
+const setNodeProperties = async () => {
+  try {
+    const result = await dynamicForm.value.validate();
+    console.log(123456)
+    const test = await outputFormRef.value.validate()
+    console.log('test', test)
+    if (result) {
+      const data = toRaw(formData);
+      console.log('data', data)
+      const properties = lf.getProperties(props.model.id);
+      lf.setProperties(props.model.id, {
+        ...properties,
+        ...data,
+      });
+      emits("contentChange");
+    }
+  } catch {
+    // dynamicForm.value.clearValidate();
+  }
+};
+
+const nodeOperatingStatus = ref("NORMAL");
+const inputJsonData = ref({});
+const outputJsonData = ref({});
+
+const visibleChange = (value) => {
+  if (value) {
+    const option = getInput(props.model.id);
+    if (option) {
+      quoteOptions.value = option;
+    }
+  }
+};
+
+const validateForm = async () => {
+  try {
+    const result = await dynamicForm.value.validate();
+    if (result) {
+      return { valid: true, message: "验证通过" };
+    } else {
+      return { valid: false, message: "验证失败" };
+    }
+  } catch {
+    return { valid: false, message: "验证失败" };
+  }
+};
+
+const addFormItem = () => {
+  formData.nodeParams.push({
+    name: "",
+    type: "",
+    desc: "",
+    required: false,
+    children: [],
+  });
+  emits("contentChange");
+};
+
+// 删除顶层表单项
+const deleteTopLevelItem = (fullPath) => {
+// 从顶层数据开始查找
+  let currentLevel = formData.outputParams;
+  
+  // 遍历路径（除最后一个索引，因为最后一个是要删除的项）
+  for (let i = 0; i < fullPath.length - 1; i++) {
+    const index = fullPath[i];
+    // 进入下一层级
+    currentLevel = currentLevel[index].children;
+  }
+  
+  // 最后一个索引是当前层级要删除的项
+  const lastIndex = fullPath[fullPath.length - 1];
+  currentLevel.splice(lastIndex, 1);
+  emits("contentChange");
+}
+
+watch(
+  () => props.properties,
+  () => {
+    if (props.properties.nodeParams && props.properties.nodeParams.length > 0) {
+      formData.nodeParams = props.properties.nodeParams;
+      const option = getInput(props.model.id);
+      if (option) {
+        quoteOptions.value = option;
+      }
+    }
+    if (props.properties.outputParams && props.properties.outputParams.length > 0) {
+      formData.outputParams = props.properties.outputParams;
+    }
+  },
+  {
+    immediate: true,
+    deep: true,
+  }
+);
+
+onMounted(() => {
+  emitter.on("changeNodeState", (data) => {
+    if (data.nodeId === props.model.id) {
+      nodeOperatingStatus.value = data.status;
+      let inputData = {};
+      let output = {};
+      try {
+        inputData = JSON.parse(data.paramsIn) || {};
+        output = JSON.parse(data.paramsOut) || {};
+      } catch (error) {
+        inputData = data.paramsIn || {};
+        output = data.paramsOut || {};
+      }
+      inputJsonData.value = inputData;
+      outputJsonData.value = output;
+      emits("contentChange");
+    }
+  });
+
+  emitter.on("contentChange", (data) => {
+    if (data.id === props.model.id) {
+      nodeOperatingStatus.value = "NORMAL";
+      inputJsonData.value = {};
+      outputJsonData.value = {};
+      emits("contentChange");
+    }
+  });
+});
+
+onUnmounted(() => {
+  emitter.off("changeNodeState");
+  emitter.off("contentChange");
+});
+
+defineExpose({
+  validateForm,
+  setNodeProperties,
+});
+</script>
+
+<style lang="scss" scoped>
+.node__container {
+  width: 100%;
+  height: auto;
+
+  .input__container {
+    width: 100%;
+    background-color: #fafbfc;
+    padding: 0 16px;
+    border-radius: 8px;
+    box-sizing: border-box;
+
+    .title {
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+
+        .tag {
+          width: 3px;
+          height: 16px;
+          background: #1664ff;
+          border-radius: 0 4px 4px 0;
+          margin-right: 12px;
+        }
+
+        .text {
+          font-size: 16px;
+          font-weight: 700;
+          color: #0c0d0e;
+        }
+      }
+
+      .right {
+        .addFormItem {
+          border: none;
+          background: transparent;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .form__container {
+      margin: 12px 0;
+
+      .sub-properties {
+        margin-left: 10px;
+        .zw {
+          margin-left: 15px;
+          &::before {
+            content: "";
+            position: absolute;
+            left: 0;
+            top: -4px;
+            width: 10px;
+            border-left: 1px solid gray;
+            border-bottom: 1px solid gray;
+            border-bottom-left-radius: 4px;
+            background-color: transparent;
+            height: 24px;
+          }
+        }
+      }
+
+      .gSon-properties {
+        margin-left: 10px;
+        .zw {
+          margin-left: 15px;
+          &::before {
+            content: "";
+            position: absolute;
+            left: 0;
+            top: -4px;
+            width: 10px;
+            border-left: 1px solid gray;
+            border-bottom: 1px solid gray;
+            border-bottom-left-radius: 4px;
+            background-color: transparent;
+            height: 24px;
+          }
+        }
+      }
+    }
+  }
+
+  .output__container {
+    width: 100%;
+    background-color: #fafbfc;
+    padding: 0 16px;
+    border-radius: 8px;
+    box-sizing: border-box;
+
+    .title {
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+
+        .tag {
+          width: 3px;
+          height: 16px;
+          background: #1664ff;
+          border-radius: 0 4px 4px 0;
+          margin-right: 12px;
+        }
+
+        .text {
+          font-size: 16px;
+          font-weight: 700;
+          color: #0c0d0e;
+        }
+      }
+
+      .right {
+        .addFormItem {
+          border: none;
+          background: transparent;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .form__container {
+      margin: 12px 0;
+    }
+  }
+
+  :deep(.el-row) {
+    align-items: end;
+    
+    .el-input {
+        --el-input-width: 120px;
+    }
+
+    .el-select {
+        --el-select-width: 120px;
+    }
+
+    .el-cascader {
+      --el-form-inline-content-width: 120px;
+    }
+  }
+}
+</style>
diff --git a/src/views/flow/nodes/function/loop.vue b/src/views/flow/nodes/function/loop.vue
index d47a126..9510cf5 100644
--- a/src/views/flow/nodes/function/loop.vue
+++ b/src/views/flow/nodes/function/loop.vue
@@ -5,14 +5,14 @@
         <div>
             <el-form :inline="true" :model="formData" :rules="rules" ref="dynamicForm" label-position="top" label-width="auto" :disabled="flowStore.disableForm">
                 <div v-for="(property, index) in formData.nodeParams" :key="index">
-                    <el-row>
+                    <el-row v-if="property.name !== 'loopType'">
                         <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`nodeParams.${index}.name`" :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]">
                             <el-input :disabled="index === 0" v-model="property.name" placeholder="请输入" clearable />
                         </el-form-item>
                         <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`nodeParams.${index}.type`" >
                             <el-select v-model="property.type" @change="handleTypeChange(index)">
-                            <el-option label="引用" value="quote" />
-                            <el-option label="输入" value="input" />
+                              <el-option label="引用" value="quote" />
+                              <el-option label="输入" value="input" />
                             </el-select>
                             <el-form-item v-if="property.type === 'input'" :rules="[{ required: true, message: '请输入参数值', trigger: 'blur' }]" :prop="`nodeParams.${index}.input`">
                                 <el-input-number v-model="property.input" :min="0" :controls="false" :step-strictly="true" placeholder="请输入" clearable />
@@ -22,6 +22,18 @@
                             </el-form-item>
                         </el-form-item>
                     </el-row>
+                    <el-row v-else>
+                      <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`nodeParams.${index}.name`" :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]">
+                            <el-input :disabled="index === 0" v-model="property.name" placeholder="请输入" clearable />
+                        </el-form-item>
+                        <el-form-item :label="index === 0 ? '参数值' : ''" :rules="[{ required: true, message: '请输入参数值', trigger: 'blur' }]" :prop="`nodeParams.${index}.input`" >
+                          <el-select v-model="property.input" @change="handleTypeChange(index)">
+                            <el-option label="普通" value="NORMAL" />
+                            <el-option label="单次和连续" value="MULTIPLE_CORPUS" />
+                            <el-option label="连续多条语料" value="CONTINUOUS_MULTIPLE_CORPUS" />
+                          </el-select>
+                        </el-form-item>
+                    </el-row>
                 </div>
             </el-form>
         </div>
@@ -49,7 +61,8 @@ const props = defineProps({
 const flowStore = useFlowStore()
 const formData = reactive({
   nodeParams: [
-    { name: "loopNum", type: "input", input: null, quote: "" }
+    { name: "loopNum", type: "input", input: null, quote: "" },
+    { name: "loopType", type: "input", input: 'NORMAL', quote: "" },
   ]
 })
 
@@ -152,6 +165,7 @@ onMounted(() => {
 .group__container {
     width: 100%;
     height: 100%;
+    min-height: 420px;
     background: #fff;
     padding: 12px;
     cursor: default;
@@ -167,7 +181,7 @@ onMounted(() => {
     }
 
     :deep(.loop__container) {
-        height: 80px;
+        height: auto;
 
         .el-input {
           width: 92px;
@@ -187,7 +201,7 @@ onMounted(() => {
     }
 
     .child__container {
-        min-height: 80px;
+        min-height: 100px;
         flex: 1;
         background-color: #f6f8fa;
         border-radius: 8px;
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 8f87966..983764f 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,323 +1,420 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="字典名称" prop="dictName">
-            <el-input
-               v-model="queryParams.dictName"
-               placeholder="请输入字典名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="字典类型" prop="dictType">
-            <el-input
-               v-model="queryParams.dictType"
-               placeholder="请输入字典类型"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="字典状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="创建时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:dict:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:dict:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:dict:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:dict:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Refresh"
-               @click="handleRefreshCache"
-               v-hasPermi="['system:dict:remove']"
-            >刷新缓存</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="字典编号" align="center" prop="dictId" />
-         <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true"/>
-         <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
-            <template #default="scope">
-               <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
-                  <span>{{ scope.row.dictType }}</span>
-               </router-link>
-            </template>
-         </el-table-column>
-         <el-table-column label="状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">修改</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="dictRef" :model="form" :rules="rules" label-width="80px">
-            <el-form-item label="字典名称" prop="dictName">
-               <el-input v-model="form.dictName" placeholder="请输入字典名称" />
-            </el-form-item>
-            <el-form-item label="字典类型" prop="dictType">
-               <el-input v-model="form.dictType" placeholder="请输入字典类型" />
-            </el-form-item>
-            <el-form-item label="状态" prop="status">
-               <el-radio-group v-model="form.status">
-                  <el-radio
-                     v-for="dict in sys_normal_disable"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="remark">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Dict">
-import useDictStore from '@/store/modules/dict'
-import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type";
-
-const { proxy } = getCurrentInstance();
-const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
-
-const typeList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const title = ref("");
-const dateRange = ref([]);
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    dictName: undefined,
-    dictType: undefined,
-    status: undefined
-  },
-  rules: {
-    dictName: [{ required: true, message: "字典名称不能为空", trigger: "blur" }],
-    dictType: [{ required: true, message: "字典类型不能为空", trigger: "blur" }]
-  },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询字典类型列表 */
-function getList() {
-  loading.value = true;
-  listType(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    typeList.value = response.rows;
-    total.value = response.total;
-    loading.value = false;
-  });
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false;
-  reset();
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    dictId: undefined,
-    dictName: undefined,
-    dictType: undefined,
-    status: "0",
-    remark: undefined
-  };
-  proxy.resetForm("dictRef");
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = [];
-  proxy.resetForm("queryRef");
-  handleQuery();
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset();
-  open.value = true;
-  title.value = "添加字典类型";
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.dictId);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset();
-  const dictId = row.dictId || ids.value;
-  getType(dictId).then(response => {
-    form.value = response.data;
-    open.value = true;
-    title.value = "修改字典类型";
-  });
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["dictRef"].validate(valid => {
-    if (valid) {
-      if (form.value.dictId != undefined) {
-        updateType(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功");
-          open.value = false;
-          getList();
-        });
-      } else {
-        addType(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功");
-          open.value = false;
-          getList();
-        });
-      }
-    }
-  });
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const dictIds = row.dictId || ids.value;
-  proxy.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {
-    return delType(dictIds);
-  }).then(() => {
-    getList();
-    proxy.$modal.msgSuccess("删除成功");
-  }).catch(() => {});
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/dict/type/export", {
-    ...queryParams.value
-  }, `dict_${new Date().getTime()}.xlsx`);
-}
-
-/** 刷新缓存按钮操作 */
-function handleRefreshCache() {
-  refreshCache().then(() => {
-    proxy.$modal.msgSuccess("刷新成功");
-    useDictStore().cleanDict();
-  });
-}
-
-getList();
-</script>
+<template>
+  <div class="app-container">
+    <div  ref="topContainerRef">
+      <el-form
+      :model="queryParams"
+      ref="queryRef"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="字典名称" prop="dictName">
+        <el-input
+          v-model="queryParams.dictName"
+          placeholder="请输入字典名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="字典类型" prop="dictType">
+        <el-input
+          v-model="queryParams.dictType"
+          placeholder="请输入字典类型"
+          clearable
+          style="width: 240px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="字典状态"
+          clearable
+          style="width: 240px"
+        >
+          <el-option
+            v-for="dict in sys_normal_disable"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建时间" style="width: 308px">
+        <el-date-picker
+          v-model="dateRange"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+          v-hasPermi="['system:dict:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:dict:edit']"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:dict:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+          v-hasPermi="['system:dict:export']"
+          >导出</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Refresh"
+          @click="handleRefreshCache"
+          v-hasPermi="['system:dict:remove']"
+          >刷新缓存</el-button
+        >
+      </el-col>
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+    </div>
+
+    <div :style="containerHeight">
+      <el-table
+      height="100%"
+      v-loading="loading"
+      :data="typeList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="字典编号" align="center" prop="dictId" />
+      <el-table-column
+        label="字典名称"
+        align="center"
+        prop="dictName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="字典类型"
+        align="center"
+        :show-overflow-tooltip="true"
+      >
+        <template #default="scope">
+          <router-link
+            :to="'/system/dict-data/index/' + scope.row.dictId"
+            class="link-type"
+          >
+            <span>{{ scope.row.dictType }}</span>
+          </router-link>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" align="center" prop="status">
+        <template #default="scope">
+          <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="备注"
+        align="center"
+        prop="remark"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        width="160"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            icon="Edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:dict:edit']"
+            >修改</el-button
+          >
+          <el-button
+            link
+            type="primary"
+            icon="Delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:dict:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    </div>
+
+    <!-- 添加或修改参数配置对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="dictRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="字典名称" prop="dictName">
+          <el-input v-model="form.dictName" placeholder="请输入字典名称" />
+        </el-form-item>
+        <el-form-item label="字典类型" prop="dictType">
+          <el-input v-model="form.dictType" placeholder="请输入字典类型" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status">
+            <el-radio
+              v-for="dict in sys_normal_disable"
+              :key="dict.value"
+              :value="dict.value"
+              >{{ dict.label }}</el-radio
+            >
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            placeholder="请输入内容"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Dict">
+import useDictStore from "@/store/modules/dict";
+import {
+  listType,
+  getType,
+  delType,
+  addType,
+  updateType,
+  refreshCache,
+} from "@/api/system/dict/type";
+
+import { useContainerHeight } from "@/hooks/tableHeight";
+
+const topContainerRef = ref();
+const containerHeight = useContainerHeight(topContainerRef);
+
+const { proxy } = getCurrentInstance();
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+
+const typeList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+const dateRange = ref([]);
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    dictName: undefined,
+    dictType: undefined,
+    status: undefined,
+  },
+  rules: {
+    dictName: [
+      { required: true, message: "字典名称不能为空", trigger: "blur" },
+    ],
+    dictType: [
+      { required: true, message: "字典类型不能为空", trigger: "blur" },
+    ],
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询字典类型列表 */
+function getList() {
+  loading.value = true;
+  listType(proxy.addDateRange(queryParams.value, dateRange.value)).then(
+    (response) => {
+      typeList.value = response.rows;
+      total.value = response.total;
+      loading.value = false;
+    }
+  );
+}
+
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    dictId: undefined,
+    dictName: undefined,
+    dictType: undefined,
+    status: "0",
+    remark: undefined,
+  };
+  proxy.resetForm("dictRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  dateRange.value = [];
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加字典类型";
+}
+
+/** 多选框选中数据 */
+function handleSelectionChange(selection) {
+  ids.value = selection.map((item) => item.dictId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  const dictId = row.dictId || ids.value;
+  getType(dictId).then((response) => {
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改字典类型";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["dictRef"].validate((valid) => {
+    if (valid) {
+      if (form.value.dictId != undefined) {
+        updateType(form.value).then((response) => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        addType(form.value).then((response) => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const dictIds = row.dictId || ids.value;
+  proxy.$modal
+    .confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？')
+    .then(function () {
+      return delType(dictIds);
+    })
+    .then(() => {
+      getList();
+      proxy.$modal.msgSuccess("删除成功");
+    })
+    .catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download(
+    "system/dict/type/export",
+    {
+      ...queryParams.value,
+    },
+    `dict_${new Date().getTime()}.xlsx`
+  );
+}
+
+/** 刷新缓存按钮操作 */
+function handleRefreshCache() {
+  refreshCache().then(() => {
+    proxy.$modal.msgSuccess("刷新成功");
+    useDictStore().cleanDict();
+  });
+}
+
+getList();
+</script>
diff --git a/src/views/test/detect/index.vue b/src/views/test/detect/index.vue
index f0722b9..05f9f67 100644
--- a/src/views/test/detect/index.vue
+++ b/src/views/test/detect/index.vue
@@ -32,6 +32,13 @@
               />
             </el-form-item>
           </el-col>
+          <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
+            <el-form-item label="场景类型" prop="sceneCode">
+              <el-select v-model="queryParams.sceneCode" clearable placeholder="请选择场景类型">
+                <el-option v-for="item in sceneList" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
         </template>
       </TableSearch>
 
@@ -225,6 +232,11 @@
             ></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="场景类型" prop="sceneCode">
+          <el-select v-model="form.sceneCode" placeholder="请输入检测项描述">
+            <el-option v-for="item in sceneList" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input
             v-model="form.remark"
@@ -280,6 +292,20 @@ const multiple = ref(true);
 const total = ref(0);
 const title = ref("");
 
+const sceneList = [{
+  label: '普通',
+  value: 'NORMAL'
+},{
+  label: '语音交互-唤醒场景',
+  value: 'VI_WAKEUP_CORPUS'
+},{
+  label: '语音交互-单次对话场景',
+  value: 'VI_SINGLE_CORPUS'
+},{
+  label: '语音交互-连续对话场景',
+  value: 'VI_CONTINUOUS_CORPUS'
+}]
+
 const data = reactive({
   form: {},
   queryParams: {
diff --git a/src/views/vi/testProject/index.vue b/src/views/vi/testProject/index.vue
index 21f0717..148c06b 100644
--- a/src/views/vi/testProject/index.vue
+++ b/src/views/vi/testProject/index.vue
@@ -140,7 +140,7 @@
     </el-row>
     </div>
 
-    <div  :style="containerHeight">
+    <div :style="containerHeight">
       <el-table
       v-loading="loading"
       height="100%"
@@ -148,7 +148,7 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="项目ID" align="center" prop="projectId" />
+      <el-table-column label="项目ID" align="center" prop="projectId" width="150" show-overflow-tooltip />
       <el-table-column label="项目名称" align="center" prop="projectName"  width="150" show-overflow-tooltip />
       <el-table-column label="测试人员" align="center" prop="tester" />
       <el-table-column
@@ -179,6 +179,12 @@
             @click="handleSetting(row)"
             >配置
           </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleExecute(row)"
+            >执行
+          </el-button>
           <el-button
             size="mini"
             type="text"
@@ -250,6 +256,14 @@
                 </el-date-picker>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="排序" prop="sort">
+                <el-input-number
+                  v-model="form.sort"
+                  placeholder="排序"
+                />
+              </el-form-item>
+            </el-col>
             <el-col :span="24">
               <el-form-item label="项目描述" prop="description">
                 <el-input
@@ -524,6 +538,10 @@ const handleSetting = (row) => {
   router.push('/vi/plan/index/' + row.projectId)
 }
 
+const handleExecute = (row) => {
+  console.log('暂未开发')
+}
+
 onMounted(() => {
   getList();
 });
diff --git a/src/views/vi/testProject/plan/index.vue b/src/views/vi/testProject/plan/index.vue
index 7e9a2a3..618f6c4 100644
--- a/src/views/vi/testProject/plan/index.vue
+++ b/src/views/vi/testProject/plan/index.vue
@@ -8,14 +8,6 @@
         v-show="showSearch"
         label-width="100px"
       >
-        <el-form-item label="所属项目ID" prop="projectId">
-          <el-input
-            v-model="queryParams.projectId"
-            placeholder="请输入所属项目ID"
-            clearable
-            @keyup.enter="handleQuery"
-          />
-        </el-form-item>
         <el-form-item label="方案名称" prop="schemeName">
           <el-input
             v-model="queryParams.schemeName"
@@ -24,6 +16,14 @@
             @keyup.enter="handleQuery"
           />
         </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="queryParams.remark"
+            placeholder="请输入备注"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="Search" @click="handleQuery"
             >搜索</el-button
@@ -90,9 +90,9 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="方案ID" align="center" prop="schemeId" />
-        <el-table-column label="所属项目ID" align="center" prop="projectId" />
-        <el-table-column label="方案名称" align="center" prop="schemeName" />
+        <el-table-column label="方案ID" align="center" prop="schemeId" min-width="150" show-overflow-tooltip />
+        <el-table-column label="所属项目ID" align="center" prop="projectId" min-width="150" show-overflow-tooltip />
+        <el-table-column label="方案名称" align="center" prop="schemeName" min-width="150" show-overflow-tooltip />
         <el-table-column
           label="语料ID列表"
           align="center"
@@ -100,11 +100,14 @@
           width="300"
           show-overflow-tooltip
         />
-        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column label="排序" align="center" prop="sort" />
+        <el-table-column label="备注" align="center" prop="remark" min-width="150" show-overflow-tooltip />
         <el-table-column
           label="操作"
           align="center"
           class-name="small-padding fixed-width"
+          width="200"
+          fixed="right"
         >
           <template #default="scope">
             <el-button
@@ -176,6 +179,9 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input-number v-model="form.sort" :min="0" :step="1" step-strictly />
+        </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input
             v-model="form.remark"
@@ -248,6 +254,7 @@ const data = reactive({
   queryParams: {
     pageNum: 1,
     pageSize: 10,
+    projectId: route.params.id,
     schemeName: null,
     corpusIds: null,
   },
@@ -340,7 +347,7 @@ function handleUpdate(row) {
 function submitForm() {
   proxy.$refs["schemeRef"].validate((valid) => {
     if (valid) {
-      if (form.value.sceneType === "1") {
+      if (form.value.sceneType === 1) {
         form.value.corpusIds = null;
       } else {
         if (!form.value?.corpusIds || form.value?.corpusIds?.length === 0) {