From 93efd15f04ff7ab84c5830eb6c182dfa683317fd Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 17 Oct 2025 16:30:25 +0800
Subject: [PATCH] feat: Add Document Search node function

---
 ui/src/assets/workflow/icon_doc-search.svg    |   4 +
 ui/src/assets/workflow/icon_file-video.svg    |   4 +-
 .../ExecutionDetailCard.vue                   |  54 ++++---
 .../lang/en-US/views/application-workflow.ts  |   4 +
 .../lang/zh-CN/views/application-workflow.ts  |   4 +
 .../zh-Hant/views/application-workflow.ts     |   8 +-
 ui/src/workflow/common/data.ts                |   3 +-
 .../icons/search-document-node-icon.vue       |   2 +-
 .../component/FileUploadSettingDialog.vue     |   2 +-
 .../nodes/search-document-node/index.vue      | 152 ++++++++++++------
 10 files changed, 158 insertions(+), 79 deletions(-)
 create mode 100644 ui/src/assets/workflow/icon_doc-search.svg

diff --git a/ui/src/assets/workflow/icon_doc-search.svg b/ui/src/assets/workflow/icon_doc-search.svg
new file mode 100644
index 000000000..7ab63ff9f
--- /dev/null
+++ b/ui/src/assets/workflow/icon_doc-search.svg
@@ -0,0 +1,4 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.875 4.38719H9.375V1.875H3.125V13.125H6.25V14.375H2.5C2.33424 14.375 2.17527 14.3091 2.05806 14.1919C1.94085 14.0747 1.875 13.9158 1.875 13.75V1.25C1.875 1.08424 1.94085 0.925268 2.05806 0.808058C2.17527 0.690848 2.33424 0.625 2.5 0.625H10.3125L13.125 3.57156V6.25H11.875V4.38719Z" fill="white"/>
+<path d="M10.3125 13.75C10.9566 13.75 11.5552 13.5551 12.0525 13.2211L13.2218 14.3903C13.3438 14.5124 13.5417 14.5124 13.6638 14.3903L14.1941 13.86C14.3161 13.738 14.3161 13.5401 14.1941 13.4181L12.9987 12.2227C13.2774 11.7552 13.4375 11.2088 13.4375 10.625C13.4375 8.89906 12.0384 7.49995 10.3125 7.49995C8.58661 7.49995 7.1875 8.89906 7.1875 10.625C7.1875 12.3508 8.58661 13.75 10.3125 13.75ZM12.1875 10.625C12.1875 11.6605 11.348 12.5 10.3125 12.5C9.27696 12.5 8.4375 11.6605 8.4375 10.625C8.4375 9.58942 9.27696 8.74995 10.3125 8.74995C11.348 8.74995 12.1875 9.58942 12.1875 10.625Z" fill="white"/>
+</svg>
diff --git a/ui/src/assets/workflow/icon_file-video.svg b/ui/src/assets/workflow/icon_file-video.svg
index b90b79051..cdfe18190 100644
--- a/ui/src/assets/workflow/icon_file-video.svg
+++ b/ui/src/assets/workflow/icon_file-video.svg
@@ -1,5 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.00018 2.5C4.00018 1.94772 4.4479 1.5 5.00018 1.5H14.7931C14.9257 1.5 15.0529 1.55268 15.1466 1.64645L19.8537 6.35355C19.9475 6.44732 20.0002 6.5745 20.0002 6.70711V21.5C20.0002 22.0523 19.5525 22.5 19.0002 22.5H5.00018C4.4479 22.5 4.00018 22.0523 4.00018 21.5V2.5Z" fill="#34C724"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2.5C4 1.94772 4.44772 1.5 5 1.5H14.7929C14.9255 1.5 15.0527 1.55268 15.1464 1.64645L19.8536 6.35355C19.9473 6.44732 20 6.5745 20 6.70711V21.5C20 22.0523 19.5523 22.5 19 22.5H5C4.44772 22.5 4 22.0523 4 21.5V2.5Z" fill="#34C724"/>
 <path d="M15 1.54492C15.054 1.56949 15.1037 1.6037 15.1464 1.64646L19.8536 6.35357C19.8963 6.39632 19.9305 6.44602 19.9551 6.50001H16C15.4477 6.50001 15 6.0523 15 5.50001V1.54492Z" fill="#2CA91F"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 11.5C7.5 11.2239 7.72386 11 8 11H13.3971C13.6733 11 13.8971 11.2239 13.8971 11.5V12.1723L15.8207 11.4333C15.9744 11.3742 16.1474 11.3946 16.2831 11.4879C16.4189 11.5812 16.5 11.7353 16.5 11.9V16.3C16.5 16.4647 16.4189 16.6188 16.2831 16.7121C16.1474 16.8054 15.9744 16.8258 15.8207 16.7667L13.8971 16.0277V16.7C13.8971 16.9761 13.6733 17.2 13.3971 17.2H8C7.72386 17.2 7.5 16.9761 7.5 16.7V11.5ZM9.25 13.5C9.66421 13.5 10 13.1642 10 12.75C10 12.3358 9.66421 12 9.25 12C8.83579 12 8.5 12.3358 8.5 12.75C8.5 13.1642 8.83579 13.5 9.25 13.5Z" fill="white"/>
 </svg>
diff --git a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
index 08bdd60c9..bea80173b 100644
--- a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
+++ b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
@@ -3,7 +3,7 @@
     <div class="flex-between cursor" @click="data['show'] = !data['show']">
       <div class="flex align-center">
         <el-icon class="mr-8 arrow-icon" :class="data['show'] ? 'rotate-90' : ''">
-          <CaretRight/>
+          <CaretRight />
         </el-icon>
         <component
           :is="iconComponent(`${data.type}-icon`)"
@@ -24,14 +24,14 @@
             data.type === WorkflowType.Application ||
             data.type == WorkflowType.IntentNode
           "
-        >{{ data?.message_tokens + data?.answer_tokens }} tokens</span
+          >{{ data?.message_tokens + data?.answer_tokens }} tokens</span
         >
         <span class="mr-16 color-secondary">{{ data?.run_time?.toFixed(2) || 0.0 }} s</span>
         <el-icon class="color-success" :size="16" v-if="data.status === 200">
-          <CircleCheck/>
+          <CircleCheck />
         </el-icon>
         <el-icon class="color-danger" :size="16" v-else>
-          <CircleClose/>
+          <CircleClose />
         </el-icon>
       </div>
     </div>
@@ -64,7 +64,7 @@
                     <template v-for="(f, i) in data.document_list" :key="i">
                       <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
                         <div class="flex align-center">
-                          <img :src="getImgUrl(f && f?.name)" alt="" width="24"/>
+                          <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
                           <div class="ml-4 ellipsis" :title="f && f?.name">
                             {{ f && f?.name }}
                           </div>
@@ -124,7 +124,7 @@
                     <template v-for="(f, i) in data.other_list" :key="i">
                       <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
                         <div class="flex align-center">
-                          <img :src="getImgUrl(f && f?.name)" alt="" width="24"/>
+                          <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
                           <div class="ml-4 ellipsis" :title="f && f?.name">
                             {{ f && f?.name }}
                           </div>
@@ -463,8 +463,7 @@
           <template v-if="data.type === WorkflowType.FormNode">
             <div class="card-never border-r-6">
               <h5 class="p-8-12">
-                {{
-                  $t('common.param.outputParam')
+                {{ $t('common.param.outputParam')
                 }}<span style="color: #f54a45">{{
                   data.is_submit ? '' : `(${$t('chat.executionDetails.noSubmit')})`
                 }}</span>
@@ -516,7 +515,7 @@
                           class="border-r-6 mr-8"
                         />
 
-                        <span v-else>{{ h.text }}<br/></span>
+                        <span v-else>{{ h.text }}<br /></span>
                       </template>
                     </span>
 
@@ -600,7 +599,7 @@
                           class="border-r-6 mr-8"
                         />
 
-                        <span v-else>{{ h.text }}<br/></span>
+                        <span v-else>{{ h.text }}<br /></span>
                       </template>
                     </span>
 
@@ -919,7 +918,7 @@
               <template v-if="data.type === WorkflowType.LoopNode">
                 <el-radio-group v-model="currentLoopNode" class="app-radio-button-group mb-8">
                   <template v-for="(loop, loopIndex) in data.loop_node_data" :key="loopIndex">
-                    <el-radio-button :label="loopIndex" :value="loopIndex"/>
+                    <el-radio-button :label="loopIndex" :value="loopIndex" />
                   </template>
                 </el-radio-group>
                 <template
@@ -994,6 +993,24 @@
               </div>
             </div>
           </template>
+          <!-- 文档检索 -->
+          <template v-if="data.type === WorkflowType.SearchDocument">
+            <div class="card-never border-r-6">
+              <h5 class="p-8-12 flex align-center">
+                <span class="mr-4"> {{ $t('common.param.outputParam') }}</span>
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter">
+                <div class="mb-8">
+                  <span class="color-secondary"> knowledge_list:</span>
+                  {{ data.knowledge_items?.map((v:any) => v.name).join(',') }}
+                </div>
+                <div class="mb-8">
+                  <span class="color-secondary"> document_list:</span>
+                  {{ data.document_items?.map((v:any)  => v.name).join(',')  }}
+                </div>
+              </div>
+            </div>
+          </template>
           <slot></slot>
         </template>
         <template v-else>
@@ -1007,16 +1024,15 @@
   </el-card>
 </template>
 <script setup lang="ts">
-import {ref, computed} from 'vue'
-import ParagraphCard
-  from '@/components/ai-chat/component/knowledge-source-component/ParagraphCard.vue'
+import { ref, computed } from 'vue'
+import ParagraphCard from '@/components/ai-chat/component/knowledge-source-component/ParagraphCard.vue'
 import DynamicsForm from '@/components/dynamics-form/index.vue'
-import {iconComponent} from '@/workflow/icons/utils'
-import {WorkflowType} from '@/enums/application'
-import {getImgUrl} from '@/utils/common'
-import {arraySort} from '@/utils/array'
+import { iconComponent } from '@/workflow/icons/utils'
+import { WorkflowType } from '@/enums/application'
+import { getImgUrl } from '@/utils/common'
+import { arraySort } from '@/utils/array'
 
-import {t} from '@/locales'
+import { t } from '@/locales'
 
 const props = defineProps<{
   data: any
diff --git a/ui/src/locales/lang/en-US/views/application-workflow.ts b/ui/src/locales/lang/en-US/views/application-workflow.ts
index 01b931d9b..a38a7766d 100644
--- a/ui/src/locales/lang/en-US/views/application-workflow.ts
+++ b/ui/src/locales/lang/en-US/views/application-workflow.ts
@@ -82,6 +82,7 @@ export default {
       aiCapability: 'AI capability',
       businessLogic: 'Business logic',
       other: 'Other',
+      dataProcessing: 'Data Processing',
     },
     startNode: {
       label: 'Start',
@@ -145,12 +146,15 @@ export default {
       selectKnowledge: 'Search Scope',
       searchSetting: 'Search Settings',
       custom: 'Manual',
+      customTooltip: 'Manually set tag filtering conditions',
       auto: 'Automatic',
+      autoTooltip: 'Automatically filter setting tag conditions based on the search question',
       document_list: 'Document List',
       knowledge_list: 'Knowledge Base List',
       result: 'Search Results',
       searchParam: 'Search Parameters',
       select_variable: 'Select Variable',
+      valueMessage: `Value or {variable} `,
       showKnowledge: {
         label: 'Results are displayed in the knowledge source',
         requiredMessage: 'Please set parameters',
diff --git a/ui/src/locales/lang/zh-CN/views/application-workflow.ts b/ui/src/locales/lang/zh-CN/views/application-workflow.ts
index a29deab74..09d2c0720 100644
--- a/ui/src/locales/lang/zh-CN/views/application-workflow.ts
+++ b/ui/src/locales/lang/zh-CN/views/application-workflow.ts
@@ -85,6 +85,7 @@ export default {
       aiCapability: 'AI能力',
       businessLogic: '业务逻辑',
       other: '其他',
+      dataProcessing: '数据处理',
     },
     startNode: {
       label: '开始',
@@ -153,12 +154,15 @@ export default {
       selectKnowledge: '检索范围',
       searchSetting: '检索设置',
       custom: '手动',
+      customTooltip: '手动设置标签过滤条件',
       auto: '自动',
+      autoTooltip: '根据检索问题自动匹配文档标签',
       document_list: '文档列表',
       knowledge_list: '知识库列表',
       result: '检索结果',
       searchParam: '检索参数',
       select_variable: '选择变量',
+      valueMessage: `值或{变量}`,
       showKnowledge: {
         label: '结果显示在知识来源中',
         requiredMessage: '请设置参数',
diff --git a/ui/src/locales/lang/zh-Hant/views/application-workflow.ts b/ui/src/locales/lang/zh-Hant/views/application-workflow.ts
index c94df5ed0..a9f54f2c5 100644
--- a/ui/src/locales/lang/zh-Hant/views/application-workflow.ts
+++ b/ui/src/locales/lang/zh-Hant/views/application-workflow.ts
@@ -83,6 +83,7 @@ export default {
       aiCapability: 'AI能力',
       businessLogic: '業務邏輯',
       other: '其他',
+      dataProcessing: '數據處理',
     },
     startNode: {
       label: '開始',
@@ -146,12 +147,15 @@ export default {
       selectKnowledge: '檢索範圍',
       searchSetting: '檢索設定',
       custom: '手動',
+      customTooltip: '手動設置標籤過濾條件',
       auto: '自動',
+      autoTooltip: '根據檢索問題自動匹配文檔標簽',
       document_list: '文件清單',
       knowledge_list: '知識庫列表',
       result: '檢索結果',
       searchParam: '檢索參數',
       select_variable: '選擇變數',
+      valueMessage: `值或{變量}`,
       showKnowledge: {
         label: '結果顯示在知識來源',
         requiredMessage: '請設定參數',
@@ -398,13 +402,13 @@ export default {
       loopItem: '循環元素',
       loopVariable: '循環變量',
     },
-    loopBodyNode: {label: '循環體', text: '循環體'},
+    loopBodyNode: { label: '循環體', text: '循環體' },
     loopContinueNode: {
       label: 'Continue',
       text: '用於終止當前循環，執行下次循環',
       isContinue: 'Continue',
     },
-    loopBreakNode: {label: 'Break', text: '終止當前循環，跳出循環體', isBreak: 'Break'},
+    loopBreakNode: { label: 'Break', text: '終止當前循環，跳出循環體', isBreak: 'Break' },
     variableSplittingNode: {
       label: '變量拆分',
       text: '用於拆分變量',
diff --git a/ui/src/workflow/common/data.ts b/ui/src/workflow/common/data.ts
index 5e1d16ad4..8a006eac8 100644
--- a/ui/src/workflow/common/data.ts
+++ b/ui/src/workflow/common/data.ts
@@ -130,6 +130,7 @@ export const searchDocumentNode = {
   label: t('views.applicationWorkflow.nodes.searchDocumentNode.label'),
   height: 355,
   properties: {
+    width: 600,
     stepName: t('views.applicationWorkflow.nodes.searchDocumentNode.label'),
     config: {
       fields: [
@@ -625,7 +626,7 @@ export const menuNodes = [
     list: [conditionNode, formNode, variableAssignNode, replyNode, loopNode],
   },
   {
-    label: t('views.applicationWorkflow.nodes.classify.dataProcessing', '数据处理'),
+    label: t('views.applicationWorkflow.nodes.classify.dataProcessing'),
     list: [variableSplittingNode, parameterExtractionNode],
   },
   {
diff --git a/ui/src/workflow/icons/search-document-node-icon.vue b/ui/src/workflow/icons/search-document-node-icon.vue
index 6645647c5..eb4fdc9bd 100644
--- a/ui/src/workflow/icons/search-document-node-icon.vue
+++ b/ui/src/workflow/icons/search-document-node-icon.vue
@@ -1,6 +1,6 @@
 <template>
   <el-avatar shape="square" class="avatar-blue">
-    <img src="@/assets/knowledge/icon_document.svg" style="width: 58%" alt="" />
+    <img src="@/assets/workflow/icon_doc-search.svg" style="width: 58%" alt="" />
   </el-avatar>
 </template>
 <script setup lang="ts"></script>
diff --git a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
index f15cf93c1..7e08a9173 100644
--- a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
@@ -136,7 +136,7 @@
         >
           <div class="flex-between">
             <div class="flex align-center">
-              <img class="mr-12" src="@/assets/workflow/icon_file-video.svg" alt="" />
+              <img class="mr-12" width="32" src="@/assets/workflow/icon_file-video.svg" alt="" />
               <div>
                 <p class="line-height-22 mt-4">
                   {{ $t('common.fileUpload.video') }}
diff --git a/ui/src/workflow/nodes/search-document-node/index.vue b/ui/src/workflow/nodes/search-document-node/index.vue
index 126e5993c..1847a4969 100644
--- a/ui/src/workflow/nodes/search-document-node/index.vue
+++ b/ui/src/workflow/nodes/search-document-node/index.vue
@@ -6,7 +6,7 @@
         @submit.prevent
         :model="form_data"
         label-position="top"
-        require-asterisk-position="right"
+        hide-required-asterisk
         label-width="auto"
         ref="knowledgeNodeFormRef"
       >
@@ -17,8 +17,11 @@
                 {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.selectKnowledge') }}
               </span>
               <span>
-                <el-button v-if="form_data.search_scope_type === 'custom'"
-                  type="primary" link @click="openKnowledgeDialog"
+                <el-button
+                  v-if="form_data.search_scope_type === 'custom'"
+                  type="primary"
+                  link
+                  @click="openKnowledgeDialog"
                 >
                   <AppIcon iconName="app-add-outlined"></AppIcon>
                 </el-button>
@@ -59,7 +62,7 @@
                 </div>
                 <el-button text @click="removeKnowledge(item)">
                   <el-icon>
-                    <Close/>
+                    <Close />
                   </el-icon>
                 </el-button>
               </div>
@@ -78,7 +81,8 @@
                 <div class="flex-between">
                   <span>
                     {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.select_variable') }}
-                  </span>
+                    <span class="color-danger">*</span></span
+                  >
                   <span>
                     <el-select
                       :teleported="false"
@@ -88,11 +92,15 @@
                       @change="form_data.search_scope_reference = []"
                     >
                       <el-option
-                        :label="$t('views.applicationWorkflow.nodes.searchDocumentNode.knowledge_list')"
+                        :label="
+                          $t('views.applicationWorkflow.nodes.searchDocumentNode.knowledge_list')
+                        "
                         value="knowledge"
                       />
                       <el-option
-                        :label="$t('views.applicationWorkflow.nodes.searchDocumentNode.document_list')"
+                        :label="
+                          $t('views.applicationWorkflow.nodes.searchDocumentNode.document_list')
+                        "
                         value="document"
                       />
                     </el-select>
@@ -110,19 +118,31 @@
           </div>
         </el-form-item>
         <el-form-item
-          :label="$t('views.applicationWorkflow.nodes.searchDocumentNode.searchSetting')">
+          :label="$t('views.applicationWorkflow.nodes.searchDocumentNode.searchSetting')"
+        >
           <el-radio-group v-model="form_data.search_mode">
             <el-radio value="auto">
-              {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.auto') }}
-              <el-tooltip content="根据检索问题自动匹配文档标签" placement="top">
-                <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
-              </el-tooltip>
+              <span class="flex align-center">
+                {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.auto') }}
+                <el-tooltip
+                  :content="$t('views.applicationWorkflow.nodes.searchDocumentNode.autoTooltip')"
+                  placement="top"
+                >
+                  <AppIcon iconName="app-warning" class="app-warning-icon ml-4"></AppIcon>
+                </el-tooltip>
+              </span>
             </el-radio>
-            <el-radio value="custom">
-              {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.custom') }}
-              <el-tooltip content="手动设置标签过滤条件" placement="top">
-                <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
-              </el-tooltip>
+            <el-radio value="custom" v-if="form_data.search_scope_type === 'custom'">
+              <span class="flex align-center">
+                {{ $t('views.applicationWorkflow.nodes.searchDocumentNode.custom') }}
+                <el-tooltip
+                  c
+                  :content="$t('views.applicationWorkflow.nodes.searchDocumentNode.customTooltip')"
+                  placement="top"
+                >
+                  <AppIcon iconName="app-warning" class="app-warning-icon ml-4"></AppIcon>
+                </el-tooltip>
+              </span>
             </el-radio>
           </el-radio-group>
         </el-form-item>
@@ -150,36 +170,60 @@
             />
           </el-form-item>
           <div v-else>
-            <div>
-              <span>
+            <div class="flex align-center mb-8">
+              <el-text type="info" class="lighter" size="small">
                 {{ $t('views.applicationWorkflow.nodes.conditionNode.conditions.info') }}
-              </span>
-              <el-select v-model="form_data.search_condition_type" size="small"
-                         style="width: 60px; margin: 0 8px">
-                <el-option
-                  :label="$t('views.applicationWorkflow.condition.AND')"
-                  value="AND"
-                />
-                <el-option :label="$t('views.applicationWorkflow.condition.OR')" value="OR"/>
+              </el-text>
+              <el-select
+                v-model="form_data.search_condition_type"
+                size="small"
+                style="width: 60px; margin: 0 8px"
+              >
+                <el-option :label="$t('views.applicationWorkflow.condition.AND')" value="AND" />
+                <el-option :label="$t('views.applicationWorkflow.condition.OR')" value="OR" />
               </el-select>
-              <span>
+              <el-text type="info" class="lighter" size="small">
                 {{ $t('views.applicationWorkflow.nodes.conditionNode.conditions.label') }}
-              </span>
+              </el-text>
             </div>
             <div v-for="(c, index) in form_data.search_condition_list" :key="index">
-              <el-select v-model="c.key" style="width: 70px;" size="small">
-                <el-option v-for="tag in form_data.knowledge_tags" :key="tag" :label="tag.key" :value="tag.key"/>
-              </el-select>
-              <el-select v-model="c.compare" style="width: 60px;" size="small">
-                <el-option v-for="item in compareList" :key="item.value" :value="item.value"
-                           :label="item.label"/>
-              </el-select>
-              <el-input v-model="c.value" style="width: 80px" size="small"></el-input>
-              <el-button text @click="delCondition(index)">
-                <AppIcon iconName="app-delete"></AppIcon>
-              </el-button>
+              <el-row :gutter="8" class="mb-8">
+                <el-col :span="8">
+                  <el-select v-model="c.key" filterable>
+                    <el-option
+                      v-for="tag in form_data.knowledge_tags"
+                      :key="tag"
+                      :label="tag.key"
+                      :value="tag.key"
+                    />
+                  </el-select>
+                </el-col>
+                <el-col :span="7">
+                  <el-select v-model="c.compare">
+                    <el-option
+                      v-for="item in compareList"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    />
+                  </el-select>
+                </el-col>
+                <el-col :span="8">
+                  <el-input
+                    v-model="c.value"
+                    :placeholder="
+                      $t('views.applicationWorkflow.nodes.searchDocumentNode.valueMessage')
+                    "
+                  ></el-input>
+                </el-col>
+                <el-col :span="1">
+                  <el-button link @click="delCondition(index)" type="info" class="mt-4">
+                    <AppIcon iconName="app-delete"></AppIcon>
+                  </el-button>
+                </el-col>
+              </el-row>
             </div>
-            <el-button link type="primary" @click="addCondition" class="mt-4">
+            <el-button link type="primary" @click="addCondition" class="mt-8">
               <AppIcon iconName="app-add-outlined" class="mr-4"></AppIcon>
               {{ $t('views.applicationWorkflow.nodes.conditionNode.addCondition') }}
             </el-button>
@@ -204,8 +248,8 @@ import AddKnowledgeDialog from '@/views/application/component/AddKnowledgeDialog
 import type { FormInstance } from 'element-plus'
 import { computed, onMounted, ref, watch } from 'vue'
 import { relatedObject } from '@/utils/array'
-import { t } from "@/locales";
-import AppIcon from "@/components/app-icon/AppIcon.vue";
+import { t } from '@/locales'
+import AppIcon from '@/components/app-icon/AppIcon.vue'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import { useRoute } from 'vue-router'
 
@@ -214,9 +258,9 @@ const route = useRoute()
 const props = defineProps<{ nodeModel: any }>()
 const nodeCascaderRef = ref()
 const compareList = [
-  {value: 'contain', label: t('views.applicationWorkflow.compare.contain')},
-  {value: 'not_contain', label: t('views.applicationWorkflow.compare.not_contain')},
-  {value: 'eq', label: t('views.applicationWorkflow.compare.eq')},
+  { value: 'contain', label: t('views.applicationWorkflow.compare.contain') },
+  { value: 'not_contain', label: t('views.applicationWorkflow.compare.not_contain') },
+  { value: 'eq', label: t('views.applicationWorkflow.compare.eq') },
 ]
 
 const apiType = computed(() => {
@@ -268,7 +312,11 @@ function removeKnowledge(id: any) {
 }
 
 function addKnowledge(val: Array<any>) {
-  set(props.nodeModel.properties.node_data, 'knowledge_id_list', val.map((item) => item.id))
+  set(
+    props.nodeModel.properties.node_data,
+    'knowledge_id_list',
+    val.map((item) => item.id),
+  )
   set(props.nodeModel.properties.node_data, 'knowledge_list', val)
   knowledgeList.value = val
 }
@@ -295,25 +343,23 @@ function delCondition(index: number) {
   set(form_data.value, 'search_condition_list', list)
 }
 
-
 function getAllTags(knowledge_ids: any) {
   if (knowledge_ids.length === 0) {
     set(form_data.value, 'knowledge_tags', [])
     return
   }
-  loadSharedApi({type: 'knowledge', systemType: apiType.value})
-    .getAllTags({knowledge_ids: knowledge_ids}, {})
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
+    .getAllTags({ knowledge_ids: knowledge_ids }, {})
     .then((res: any) => {
       set(form_data.value, 'knowledge_tags', res.data)
     })
 }
 
-
 watch(
   () => form_data.value.knowledge_id_list,
   (val) => {
     getAllTags(val)
-  }
+  },
 )
 
 const validate = () => {
@@ -321,7 +367,7 @@ const validate = () => {
     nodeCascaderRef.value?.validate(),
     knowledgeNodeFormRef.value?.validate(),
   ]).catch((err) => {
-    return Promise.reject({node: props.nodeModel, errMessage: err})
+    return Promise.reject({ node: props.nodeModel, errMessage: err })
   })
 }