Skip to content

Commit 2bcb43e

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
perf: Style optimization
1 parent d07fc15 commit 2bcb43e

File tree

5 files changed

+145
-183
lines changed

5 files changed

+145
-183
lines changed

‎ui/src/workflow/nodes/data-source-local-node/index.vue‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@
4242
<el-form-item
4343
:label="$t('views.workflow.nodes.dataSourceLocalNode.maxFileNumber.label')"
4444
:rules="{
45-
type: 'array',
4645
required: true,
4746
message: $t('common.inputPlaceholder'),
4847
trigger: 'change',
@@ -62,7 +61,6 @@
6261
<el-form-item
6362
:label="$t('views.workflow.nodes.dataSourceLocalNode.maxFileCountNumber.label')"
6463
:rules="{
65-
type: 'array',
6664
required: true,
6765
message: $t('common.inputPlaceholder'),
6866
trigger: 'change',

‎ui/src/workflow/nodes/data-source-web-node/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<NodeContainer :nodeModel="nodeModel">
33
<h5 class="title-decoration-1 mb-8">{{ $t('views.workflow.nodeSetting') }}</h5>
44
<el-card shadow="never" class="card-never">
5-
<h4>{{ $t('common.noData') }}</h4>
5+
<span class="lighter">{{ $t('common.noData') }}</span>
66
</el-card>
77
</NodeContainer>
88
</template>

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

Lines changed: 125 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -58,21 +58,22 @@
5858
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
5959
</el-tooltip>
6060
</span>
61-
<el-select v-model="form_data.chunk_size_type" size="small" style="width: 100px">
62-
<el-option
63-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
64-
value="custom"
65-
/>
61+
<el-select v-model="form_data.chunk_size_type" size="small" style="width: 85px">
6662
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
63+
<el-option :label="$t('common.custom')" value="custom" />
6764
</el-select>
6865
</div>
6966
</template>
7067
<el-input-number
7168
v-if="form_data.chunk_size_type === 'custom'"
7269
v-model="form_data.chunk_size"
73-
show-input
7470
:min="50"
7571
:max="100000"
72+
:value-on-clear="0"
73+
controls-position="right"
74+
class="w-full"
75+
:step="1"
76+
:step-strictly="true"
7677
/>
7778
<NodeCascader
7879
v-else
@@ -83,146 +84,138 @@
8384
v-model="form_data.chunk_size_reference"
8485
/>
8586
</el-form-item>
86-
<div v-if="form_data.split_strategy === 'custom'">
87-
<div class="set-rules__form">
88-
<div class="form-item mb-16">
89-
<div class="flex-between">
90-
<div class="title flex align-center mb-8">
91-
<span style="margin-right: 4px">
92-
{{ $t('views.document.setRules.patterns.label') }}
93-
</span>
94-
<el-tooltip
95-
effect="dark"
96-
:content="$t('views.document.setRules.patterns.tooltip')"
97-
placement="right"
98-
>
99-
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
100-
</el-tooltip>
101-
</div>
102-
<el-select v-model="form_data.patterns_type" size="small" style="width: 100px">
103-
<el-option
104-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
105-
value="custom"
106-
/>
107-
<el-option
108-
:label="$t('views.workflow.variable.Referencing')"
109-
value="referencing"
110-
/>
111-
</el-select>
112-
</div>
113-
<div @click.stop>
114-
<el-select
115-
v-if="form_data.patterns_type === 'custom'"
116-
v-model="form_data.patterns"
117-
multiple
118-
:reserve-keyword="false"
119-
allow-create
120-
default-first-option
121-
filterable
122-
:placeholder="$t('views.document.setRules.patterns.placeholder')"
87+
88+
<el-form-item v-if="form_data.split_strategy === 'custom'">
89+
<template #label>
90+
<div class="flex-between">
91+
<div class="flex align-center mb-8">
92+
<span class="mr-4">
93+
{{ $t('views.document.setRules.patterns.label') }}
94+
</span>
95+
<el-tooltip
96+
effect="dark"
97+
:content="$t('views.document.setRules.patterns.tooltip')"
98+
placement="right"
12399
>
124-
<el-option
125-
v-for="(item, index) in splitPatternList"
126-
:key="index"
127-
:label="item.key"
128-
:value="item.value"
129-
>
130-
</el-option>
131-
</el-select>
132-
<NodeCascader
133-
v-else
134-
ref="nodeCascaderRef5"
135-
:nodeModel="nodeModel"
136-
class="w-full"
137-
:placeholder="$t('views.chatLog.documentPlaceholder')"
138-
v-model="form_data.patterns_reference"
139-
/>
100+
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
101+
</el-tooltip>
140102
</div>
103+
<el-select
104+
:teleported="false"
105+
v-model="form_data.patterns_type"
106+
size="small"
107+
style="width: 85px"
108+
>
109+
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
110+
<el-option :label="$t('common.custom')" value="custom" />
111+
</el-select>
141112
</div>
142-
<div class="form-item mb-16">
143-
<div class="flex-between">
144-
<div class="title mb-8">
145-
{{ $t('views.document.setRules.limit.label') }}
146-
</div>
147-
<el-select v-model="form_data.limit_type" size="small" style="width: 100px">
148-
<el-option
149-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
150-
value="custom"
151-
/>
152-
<el-option
153-
:label="$t('views.workflow.variable.Referencing')"
154-
value="referencing"
155-
/>
156-
</el-select>
157-
</div>
158-
<el-slider
159-
v-if="form_data.limit_type === 'custom'"
160-
v-model="form_data.limit"
161-
show-input
162-
:show-input-controls="false"
163-
:min="50"
164-
:max="100000"
165-
/>
166-
<NodeCascader
167-
v-else
168-
ref="nodeCascaderRef6"
169-
:nodeModel="nodeModel"
170-
class="w-full"
171-
:placeholder="$t('views.chatLog.documentPlaceholder')"
172-
v-model="form_data.limit_reference"
173-
/>
113+
</template>
114+
<el-select
115+
v-if="form_data.patterns_type === 'custom'"
116+
v-model="form_data.patterns"
117+
multiple
118+
:reserve-keyword="false"
119+
allow-create
120+
default-first-option
121+
filterable
122+
:placeholder="$t('views.document.setRules.patterns.placeholder')"
123+
>
124+
<el-option
125+
v-for="(item, index) in splitPatternList"
126+
:key="index"
127+
:label="item.key"
128+
:value="item.value"
129+
>
130+
</el-option>
131+
</el-select>
132+
<NodeCascader
133+
v-else
134+
ref="nodeCascaderRef5"
135+
:nodeModel="nodeModel"
136+
class="w-full"
137+
:placeholder="$t('views.chatLog.documentPlaceholder')"
138+
v-model="form_data.patterns_reference"
139+
/>
140+
</el-form-item>
141+
<el-form-item v-if="form_data.split_strategy === 'custom'">
142+
<template #label>
143+
<div class="flex-between">
144+
<span>
145+
{{ $t('views.document.setRules.limit.label') }}
146+
</span>
147+
<el-select v-model="form_data.limit_type" size="small" style="width: 85px">
148+
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
149+
<el-option :label="$t('common.custom')" value="custom" />
150+
</el-select>
174151
</div>
175-
<div class="form-item mb-16">
176-
<div class="flex-between">
177-
<div class="title mb-8">
152+
</template>
153+
<el-input-number
154+
v-if="form_data.limit_type === 'custom'"
155+
v-model="form_data.limit"
156+
:min="50"
157+
:max="100000"
158+
:value-on-clear="0"
159+
controls-position="right"
160+
class="w-full"
161+
:step="1"
162+
:step-strictly="true"
163+
/>
164+
<NodeCascader
165+
v-else
166+
ref="nodeCascaderRef6"
167+
:nodeModel="nodeModel"
168+
class="w-full"
169+
:placeholder="$t('views.chatLog.documentPlaceholder')"
170+
v-model="form_data.limit_reference"
171+
/>
172+
</el-form-item>
173+
<el-form-item v-if="form_data.split_strategy === 'custom'">
174+
<template #label>
175+
<div class="flex-between">
176+
<div class="flex align-center mb-8">
177+
<span class="mr-4">
178178
{{ $t('views.document.setRules.with_filter.label') }}
179-
</div>
180-
<el-select v-model="form_data.with_filter_type" size="small" style="width: 100px">
181-
<el-option
182-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
183-
value="custom"
184-
/>
185-
<el-option
186-
:label="$t('views.workflow.variable.Referencing')"
187-
value="referencing"
188-
/>
189-
</el-select>
190-
</div>
191-
<el-switch
192-
v-if="form_data.with_filter_type === 'custom'"
193-
size="small"
194-
v-model="form_data.with_filter"
195-
/>
196-
<NodeCascader
197-
v-else
198-
ref="nodeCascaderRef7"
199-
:nodeModel="nodeModel"
200-
class="w-full"
201-
:placeholder="$t('views.chatLog.documentPlaceholder')"
202-
v-model="form_data.with_filter_reference"
203-
/>
204-
<div style="margin-top: 4px">
205-
<el-text type="info">
206-
{{ $t('views.document.setRules.with_filter.text') }}
207-
</el-text>
179+
</span>
180+
<el-tooltip
181+
effect="dark"
182+
:content="$t('views.document.setRules.with_filter.text')"
183+
placement="right"
184+
>
185+
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
186+
</el-tooltip>
208187
</div>
188+
<el-select v-model="form_data.limit_type" size="small" style="width: 85px">
189+
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
190+
<el-option :label="$t('common.custom')" value="custom" />
191+
</el-select>
209192
</div>
210-
</div>
211-
</div>
193+
</template>
194+
<el-switch
195+
v-if="form_data.with_filter_type === 'custom'"
196+
size="small"
197+
v-model="form_data.with_filter"
198+
/>
199+
<NodeCascader
200+
v-else
201+
ref="nodeCascaderRef7"
202+
:nodeModel="nodeModel"
203+
class="w-full"
204+
:placeholder="$t('views.chatLog.documentPlaceholder')"
205+
v-model="form_data.with_filter_reference"
206+
/>
207+
</el-form-item>
212208
<el-form-item v-if="form_data.split_strategy !== 'qa'">
213209
<template #label>
214210
<div class="flex-between">
215211
<span> {{ $t('views.workflow.nodes.documentSplitNode.title1') }}</span>
216212
<el-select
217213
v-model="form_data.paragraph_title_relate_problem_type"
218214
size="small"
219-
style="width: 100px"
215+
style="width: 85px"
220216
>
221-
<el-option
222-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
223-
value="custom"
224-
/>
225217
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
218+
<el-option :label="$t('common.custom')" value="custom" />
226219
</el-select>
227220
</div>
228221
</template>
@@ -247,13 +240,10 @@
247240
<el-select
248241
v-model="form_data.document_name_relate_problem_type"
249242
size="small"
250-
style="width: 100px"
243+
style="width: 85px"
251244
>
252-
<el-option
253-
:label="$t('views.workflow.nodes.searchDocumentNode.custom')"
254-
value="custom"
255-
/>
256245
<el-option :label="$t('views.workflow.variable.Referencing')" value="referencing" />
246+
<el-option :label="$t('common.custom')" value="custom" />
257247
</el-select>
258248
</div>
259249
</template>

0 commit comments

Comments
 (0)