Skip to content

Commit 73933f4

Browse files
wxg0103wxg0103
committed
fix: clean up formatting and improve tooltip display in index.vue
1 parent 05af12e commit 73933f4

3 files changed

Lines changed: 91 additions & 61 deletions

File tree

‎ui/src/workflow/nodes/search-document-node/index.vue‎

Lines changed: 48 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@
3131
v-model="form_data.search_scope_type"
3232
style="width: 85px"
3333
>
34-
<el-option :label="$t('workflow.variable.Referencing')" value="referencing" />
35-
<el-option :label="$t('common.custom')" value="custom" />
34+
<el-option :label="$t('workflow.variable.Referencing')" value="referencing"/>
35+
<el-option :label="$t('common.custom')" value="custom"/>
3636
</el-select>
3737
</span>
3838
</div>
@@ -56,7 +56,7 @@
5656
</div>
5757
<el-button text @click="removeKnowledge(item)">
5858
<el-icon>
59-
<Close />
59+
<Close/>
6060
</el-icon>
6161
</el-button>
6262
</div>
@@ -72,29 +72,38 @@
7272
}"
7373
>
7474
<template #label>
75-
<div class="flex-between">
75+
<div class="flex-between align-center ">
76+
<div>
7677
<span>
7778
{{ $t('workflow.nodes.searchDocumentNode.select_variable') }}
78-
<span class="color-danger">*</span></span
79-
>
80-
<span>
81-
<el-select
82-
:teleported="false"
83-
size="small"
84-
v-model="form_data.search_scope_source"
85-
style="width: 95px"
86-
@change="form_data.search_scope_reference = []"
87-
>
88-
<el-option
89-
:label="$t('workflow.nodes.searchDocumentNode.knowledgeList')"
90-
value="knowledge"
91-
/>
92-
<el-option
93-
:label="$t('workflow.nodes.searchDocumentNode.documentList')"
94-
value="document"
95-
/>
96-
</el-select>
79+
<span class="color-danger">*</span>
9780
</span>
81+
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
82+
<template #content>
83+
<div style="white-space: pre-wrap; font-family: monospace;">{{
84+
['019d8ac3-e2c6-7ff2-8956-c9c98f0e11f4', '019d8ac3-e2c6-7ff2-8956-c9c98f0e11f3']
85+
}}
86+
</div>
87+
</template>
88+
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
89+
</el-tooltip>
90+
</div>
91+
<el-select
92+
:teleported="false"
93+
size="small"
94+
v-model="form_data.search_scope_source"
95+
style="width: 95px"
96+
@change="form_data.search_scope_reference = []"
97+
>
98+
<el-option
99+
:label="$t('workflow.nodes.searchDocumentNode.knowledgeList')"
100+
value="knowledge"
101+
/>
102+
<el-option
103+
:label="$t('workflow.nodes.searchDocumentNode.documentList')"
104+
value="document"
105+
/>
106+
</el-select>
98107
</div>
99108
</template>
100109
<NodeCascader
@@ -168,8 +177,8 @@
168177
size="small"
169178
style="width: 60px; margin: 0 8px"
170179
>
171-
<el-option :label="$t('workflow.condition.AND')" value="AND" />
172-
<el-option :label="$t('workflow.condition.OR')" value="OR" />
180+
<el-option :label="$t('workflow.condition.AND')" value="AND"/>
181+
<el-option :label="$t('workflow.condition.OR')" value="OR"/>
173182
</el-select>
174183
<el-text type="info" class="lighter" size="small">
175184
{{ $t('workflow.nodes.conditionNode.conditions.label') }}
@@ -227,28 +236,28 @@
227236
</NodeContainer>
228237
</template>
229238
<script setup lang="ts">
230-
import { cloneDeep, set } from 'lodash'
239+
import {cloneDeep, set} from 'lodash'
231240
232241
import NodeContainer from '@/workflow/common/NodeContainer.vue'
233242
import NodeCascader from '@/workflow/common/NodeCascader.vue'
234243
import AddKnowledgeDialog from '@/views/application/component/AddKnowledgeDialog.vue'
235-
import type { FormInstance } from 'element-plus'
236-
import { computed, onMounted, ref, watch } from 'vue'
237-
import { relatedObject } from '@/utils/array'
238-
import { t } from '@/locales'
244+
import type {FormInstance} from 'element-plus'
245+
import {computed, onMounted, ref, watch} from 'vue'
246+
import {relatedObject} from '@/utils/array'
247+
import {t} from '@/locales'
239248
import AppIcon from '@/components/app-icon/AppIcon.vue'
240-
import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
241-
import { useRoute } from 'vue-router'
249+
import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
250+
import {useRoute} from 'vue-router'
242251
243252
const route = useRoute()
244253
245254
const props = defineProps<{ nodeModel: any }>()
246255
const nodeCascaderRef = ref()
247256
const nodeCascaderRef2 = ref()
248257
const compareList = [
249-
{ value: 'contain', label: t('workflow.compare.contain') },
250-
{ value: 'not_contain', label: t('workflow.compare.not_contain') },
251-
{ value: 'eq', label: t('workflow.compare.eq') },
258+
{value: 'contain', label: t('workflow.compare.contain')},
259+
{value: 'not_contain', label: t('workflow.compare.not_contain')},
260+
{value: 'eq', label: t('workflow.compare.eq')},
252261
]
253262
254263
const apiType = computed(() => {
@@ -337,8 +346,8 @@ function getAllTags(knowledge_ids: any) {
337346
set(form_data.value, 'knowledge_tags', [])
338347
return
339348
}
340-
loadSharedApi({ type: 'knowledge', systemType: apiType.value })
341-
.getAllTags({ knowledge_ids: knowledge_ids }, {})
349+
loadSharedApi({type: 'knowledge', systemType: apiType.value})
350+
.getAllTags({knowledge_ids: knowledge_ids}, {})
342351
.then((res: any) => {
343352
set(form_data.value, 'knowledge_tags', res.data.slice(0, 100))
344353
all_knowledge_tags.value = res.data
@@ -356,7 +365,7 @@ watch(
356365
(newVal) => {
357366
getAllTags(newVal)
358367
},
359-
{ immediate: true, deep: true },
368+
{immediate: true, deep: true},
360369
)
361370
362371
const validate = () => {
@@ -365,7 +374,7 @@ const validate = () => {
365374
nodeCascaderRef2.value?.validate(),
366375
knowledgeNodeFormRef.value?.validate(),
367376
]).catch((err) => {
368-
return Promise.reject({ node: props.nodeModel, errMessage: err })
377+
return Promise.reject({node: props.nodeModel, errMessage: err})
369378
})
370379
}
371380

‎ui/src/workflow/nodes/search-knowledge-node/index.vue‎

Lines changed: 42 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@
3030
v-model="form_data.search_scope_type"
3131
style="width: 85px"
3232
>
33-
<el-option :label="$t('workflow.variable.Referencing')" value="referencing" />
34-
<el-option :label="$t('common.custom')" value="custom" />
33+
<el-option :label="$t('workflow.variable.Referencing')" value="referencing"/>
34+
<el-option :label="$t('common.custom')" value="custom"/>
3535
</el-select>
3636
</span>
3737
</div>
@@ -54,7 +54,9 @@
5454
</div>
5555
</div>
5656
<el-button text @click="removeknowledge(item)">
57-
<el-icon><Close /></el-icon>
57+
<el-icon>
58+
<Close/>
59+
</el-icon>
5860
</el-button>
5961
</div>
6062
</template>
@@ -69,11 +71,22 @@
6971
}"
7072
>
7173
<template #label>
72-
<div class="flex-between">
74+
<div class="flex-between align-center ">
75+
<div>
7376
<span>
7477
{{ $t('workflow.nodes.searchDocumentNode.select_variable') }}
7578
<span class="color-danger">*</span>
7679
</span>
80+
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
81+
<template #content>
82+
<div style="white-space: pre-wrap; font-family: monospace;">{{
83+
['019d8ac3-e2c6-7ff2-8956-c9c98f0e11f4', '019d8ac3-e2c6-7ff2-8956-c9c98f0e11f3']
84+
}}
85+
</div>
86+
</template>
87+
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
88+
</el-tooltip>
89+
</div>
7790
<span>
7891
<el-select
7992
:teleported="false"
@@ -116,28 +129,35 @@
116129
<div class="w-full">
117130
<el-row>
118131
<el-col :span="12" class="color-secondary lighter">{{
119-
$t('views.application.dialog.selectSearchMode')
120-
}}</el-col>
132+
$t('views.application.dialog.selectSearchMode')
133+
}}
134+
</el-col>
121135
<el-col :span="12" class="lighter">
122136
{{
123137
$t(SearchMode[form_data.knowledge_setting.search_mode as keyof typeof SearchMode])
124-
}}</el-col
138+
}}
139+
</el-col
125140
>
126141
<el-col :span="12" class="color-secondary lighter">
127-
{{ $t('views.application.dialog.similarityThreshold') }}</el-col
142+
{{ $t('views.application.dialog.similarityThreshold') }}
143+
</el-col
128144
>
129145
<el-col :span="12" class="lighter">
130-
{{ form_data.knowledge_setting.similarity?.toFixed(3) }}</el-col
146+
{{ form_data.knowledge_setting.similarity?.toFixed(3) }}
147+
</el-col
131148
>
132149
<el-col :span="12" class="color-secondary lighter">{{
133-
$t('views.application.dialog.topReferences')
134-
}}</el-col>
150+
$t('views.application.dialog.topReferences')
151+
}}
152+
</el-col>
135153
<el-col :span="12" class="lighter"> {{ form_data.knowledge_setting.top_n }}</el-col>
136154
<el-col :span="12" class="color-secondary lighter">
137-
{{ $t('views.application.dialog.maxCharacters') }}</el-col
155+
{{ $t('views.application.dialog.maxCharacters') }}
156+
</el-col
138157
>
139158
<el-col :span="12" class="lighter">
140-
{{ form_data.knowledge_setting.max_paragraph_char_number }}</el-col
159+
{{ form_data.knowledge_setting.max_paragraph_char_number }}
160+
</el-col
141161
>
142162
</el-row>
143163
</div>
@@ -183,11 +203,11 @@
183203
>
184204
</div>
185205
</template>
186-
<el-switch size="small" v-model="form_data.show_knowledge" />
206+
<el-switch size="small" v-model="form_data.show_knowledge"/>
187207
</el-form-item>
188208
</el-form>
189209
</el-card>
190-
<ParamSettingDialog ref="ParamSettingDialogRef" @refresh="refreshParam" />
210+
<ParamSettingDialog ref="ParamSettingDialogRef" @refresh="refreshParam"/>
191211
<AddknowledgeDialog
192212
ref="AddknowledgeDialogRef"
193213
@addData="addKnowledge"
@@ -197,17 +217,18 @@
197217
</NodeContainer>
198218
</template>
199219
<script setup lang="ts">
200-
import { cloneDeep, set } from 'lodash'
220+
import {cloneDeep, set} from 'lodash'
201221
202222
import NodeContainer from '@/workflow/common/NodeContainer.vue'
203223
import NodeCascader from '@/workflow/common/NodeCascader.vue'
204224
import AddknowledgeDialog from '@/views/application/component/AddKnowledgeDialog.vue'
205225
import ParamSettingDialog from '@/views/application/component/ParamSettingDialog.vue'
206-
import type { FormInstance } from 'element-plus'
207-
import { ref, computed, onMounted } from 'vue'
208-
import { relatedObject } from '@/utils/array'
209-
import { SearchMode } from '@/enums/application'
226+
import type {FormInstance} from 'element-plus'
227+
import {ref, computed, onMounted} from 'vue'
228+
import {relatedObject} from '@/utils/array'
229+
import {SearchMode} from '@/enums/application'
210230
import AppIcon from '@/components/app-icon/AppIcon.vue'
231+
import {fileTooltip} from "@/workflow/common/data.ts";
211232
212233
const props = defineProps<{ nodeModel: any }>()
213234
const nodeCascaderRef = ref()
@@ -296,7 +317,7 @@ const validate = () => {
296317
nodeCascaderRef.value.validate(),
297318
knowledgeNodeFormRef.value?.validate(),
298319
]).catch((err) => {
299-
return Promise.reject({ node: props.nodeModel, errMessage: err })
320+
return Promise.reject({node: props.nodeModel, errMessage: err})
300321
})
301322
}
302323

‎ui/src/workflow/nodes/text-to-speech-node/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@
9494
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
9595
<template #content>
9696
<div style="white-space: pre-wrap; font-family: monospace;">{{
97-
fileTooltip
97+
""
9898
}}
9999
</div>
100100
</template>

0 commit comments

Comments
 (0)