Skip to content

Commit 3a76770

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
style: Knowledge base workflow debugging page style adjustment
1 parent 83d8ee6 commit 3a76770

File tree

27 files changed

+186
-190
lines changed

27 files changed

+186
-190
lines changed

‎ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue‎

Lines changed: 56 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,73 @@
11
<template>
2-
<el-scrollbar>
3-
<div class="execution-details p-8">
4-
<div v-if="isWorkFlow(props.appType)">
5-
<template v-for="(item, index) in arraySort(props.detail ?? [], 'index')" :key="index">
6-
<ExecutionDetailCard :data="item"> </ExecutionDetailCard>
7-
</template>
8-
</div>
2+
<div class="execution-details">
3+
<div v-if="isWorkFlow(props.appType)">
4+
<template v-for="(item, index) in arraySort(props.detail ?? [], 'index')" :key="index">
5+
<ExecutionDetailCard :data="item"> </ExecutionDetailCard>
6+
</template>
7+
</div>
98

10-
<template v-else>
11-
<div class="card-never border-r-6 mb-12">
12-
<h5 class="p-8-12">
13-
{{ $t('chat.paragraphSource.question') }}
14-
</h5>
15-
<div class="p-8-12 border-t-dashed lighter">
16-
<span class="mb-8">user: {{ problem }}</span>
17-
</div>
9+
<template v-else>
10+
<div class="card-never border-r-6 mb-12">
11+
<h5 class="p-8-12">
12+
{{ $t('chat.paragraphSource.question') }}
13+
</h5>
14+
<div class="p-8-12 border-t-dashed lighter">
15+
<span class="mb-8">user: {{ problem }}</span>
1816
</div>
19-
<div v-if="paddedProblem" class="card-never border-r-6 mb-12">
20-
<h5 class="p-8-12">
21-
{{ $t('chat.paragraphSource.questionPadded') }}
22-
</h5>
23-
<div class="p-8-12 border-t-dashed lighter">
24-
<span class="mb-8">user: {{ paddedProblem }}</span>
25-
</div>
17+
</div>
18+
<div v-if="paddedProblem" class="card-never border-r-6 mb-12">
19+
<h5 class="p-8-12">
20+
{{ $t('chat.paragraphSource.questionPadded') }}
21+
</h5>
22+
<div class="p-8-12 border-t-dashed lighter">
23+
<span class="mb-8">user: {{ paddedProblem }}</span>
2624
</div>
27-
<div v-if="system" class="card-never border-r-6 mb-12">
28-
<h5 class="p-8-12">
29-
{{ $t('views.application.form.roleSettings.label') }}
30-
</h5>
31-
<div class="p-8-12 border-t-dashed lighter">
32-
<span class="mb-8">{{ system }}</span>
33-
</div>
25+
</div>
26+
<div v-if="system" class="card-never border-r-6 mb-12">
27+
<h5 class="p-8-12">
28+
{{ $t('views.application.form.roleSettings.label') }}
29+
</h5>
30+
<div class="p-8-12 border-t-dashed lighter">
31+
<span class="mb-8">{{ system }}</span>
3432
</div>
33+
</div>
3534

36-
<div class="card-never border-r-6 mb-12">
37-
<h5 class="p-8-12">
38-
{{ $t('chat.history') }}
39-
</h5>
40-
<div class="p-8-12 border-t-dashed lighter">
41-
<div v-for="(msg, index) in historyRecord" :key="index">
42-
<span>{{ msg.role }}: </span>
43-
<span>{{ msg.content }}</span>
44-
</div>
35+
<div class="card-never border-r-6 mb-12">
36+
<h5 class="p-8-12">
37+
{{ $t('chat.history') }}
38+
</h5>
39+
<div class="p-8-12 border-t-dashed lighter">
40+
<div v-for="(msg, index) in historyRecord" :key="index">
41+
<span>{{ msg.role }}: </span>
42+
<span>{{ msg.content }}</span>
4543
</div>
4644
</div>
45+
</div>
4746

48-
<div class="card-never border-r-6 mb-12">
49-
<h5 class="p-8-12">
50-
{{ $t('chat.executionDetails.currentChat') }}
51-
</h5>
52-
<div class="p-8-12 border-t-dashed lighter">
53-
<div class="mb-8">{{ $t('chat.executionDetails.knowedMessage') }}:</div>
54-
<div v-for="(msg, index) in currentChat" :key="index">
55-
<span>{{ msg.content }}</span>
56-
</div>
47+
<div class="card-never border-r-6 mb-12">
48+
<h5 class="p-8-12">
49+
{{ $t('chat.executionDetails.currentChat') }}
50+
</h5>
51+
<div class="p-8-12 border-t-dashed lighter">
52+
<div class="mb-8">{{ $t('chat.executionDetails.knowedMessage') }}:</div>
53+
<div v-for="(msg, index) in currentChat" :key="index">
54+
<span>{{ msg.content }}</span>
5755
</div>
5856
</div>
57+
</div>
5958

60-
<div class="card-never border-r-6 mb-12">
61-
<h5 class="p-8-12">
62-
{{ $t('chat.executionDetails.answer') }}
63-
</h5>
64-
<div class="p-8-12 border-t-dashed lighter">
65-
<div v-for="(msg, index) in AiResponse" :key="index">
66-
<span>{{ msg.content }}</span>
67-
</div>
59+
<div class="card-never border-r-6 mb-12">
60+
<h5 class="p-8-12">
61+
{{ $t('chat.executionDetails.answer') }}
62+
</h5>
63+
<div class="p-8-12 border-t-dashed lighter">
64+
<div v-for="(msg, index) in AiResponse" :key="index">
65+
<span>{{ msg.content }}</span>
6866
</div>
6967
</div>
70-
</template>
71-
</div>
72-
</el-scrollbar>
68+
</div>
69+
</template>
70+
</div>
7371
</template>
7472
<script setup lang="ts">
7573
import { ref, computed } from 'vue'
@@ -145,13 +143,9 @@ const AiResponse = computed(() => {
145143
const messages = messageList.value?.filter((item: any) => item.role != 'system')
146144
return messages.slice(messages.length - 1, messages.length)
147145
})
148-
149-
150146
</script>
151147
<style lang="scss" scoped>
152148
.execution-details {
153-
max-height: calc(100vh - 260px);
154-
155149
.arrow-icon {
156150
transition: 0.2s;
157151
}

‎ui/src/components/ai-chat/component/knowledge-source-component/ParagraphSourceContent.vue‎

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
<template>
2-
<el-scrollbar>
3-
<div class="paragraph-source-height p-8">
4-
<div v-if="props.detail?.paragraph_list.length > 0" class="w-full">
5-
<template v-for="(item, index) in props.detail.paragraph_list" :key="index">
6-
<ParagraphCard :data="item" :content="item.content" :index="index" />
7-
</template>
8-
</div>
9-
<span v-else> {{ $t('chat.KnowledgeSource.noSource') }}</span>
2+
<div class="paragraph-source-height">
3+
<div v-if="props.detail?.paragraph_list.length > 0" class="w-full">
4+
<template v-for="(item, index) in props.detail.paragraph_list" :key="index">
5+
<ParagraphCard :data="item" :content="item.content" :index="index" />
6+
</template>
107
</div>
11-
</el-scrollbar>
8+
<span v-else> {{ $t('chat.KnowledgeSource.noSource') }}</span>
9+
</div>
1210
</template>
1311

1412
<script setup lang="ts">
@@ -18,8 +16,4 @@ const props = defineProps<{
1816
detail?: any
1917
}>()
2018
</script>
21-
<style lang="scss" scoped>
22-
.paragraph-source-height {
23-
max-height: calc(100vh - 260px);
24-
}
25-
</style>
19+
<style lang="scss" scoped></style>

‎ui/src/components/ai-chat/component/knowledge-source-component/index.vue‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -116,13 +116,16 @@
116116
</div> -->
117117
</div>
118118
</template>
119-
<div class="mb-8">
120-
<component
121-
:is="currentComponent"
122-
:detail="currentChatDetail"
123-
:appType="appType"
124-
></component>
125-
</div>
119+
120+
<el-scrollbar>
121+
<div class="mb-8 p-8" style="max-height: calc(100vh - 260px)">
122+
<component
123+
:is="currentComponent"
124+
:detail="currentChatDetail"
125+
:appType="appType"
126+
></component>
127+
</div>
128+
</el-scrollbar>
126129
</el-dialog>
127130
</div>
128131
</template>

‎ui/src/components/dynamics-form/items/tree/Tree.vue‎

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,5 @@
11
<template>
2-
<div style="width: 100%">
3-
<div class="update-info flex p-8-12 border-r-6 mb-16">
4-
<div class="mt-4">
5-
<AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
6-
</div>
7-
<div class="ml-16 lighter">
8-
<p>{{ $t('views.document.feishu.tip1') }}</p>
9-
<p>{{ $t('views.document.feishu.tip2') }}</p>
10-
</div>
11-
</div>
2+
<div v-loading="loading" class="w-full">
123
<div class="card-never border-r-6 mb-16">
134
<el-checkbox
145
v-model="allCheck"

‎ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue‎

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,5 @@
11
<template>
22
<div v-loading="loading" class="w-full">
3-
<div class="update-info flex p-8-12 border-r-6 mb-16">
4-
<div class="mt-4">
5-
<AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
6-
</div>
7-
<div class="ml-16 lighter">
8-
<p>{{ $t('views.document.fileType.txt.tip1') }}</p>
9-
<p>
10-
2. {{ $t('views.document.tip.fileLimitCountTip1') }} {{ file_count_limit }}
11-
{{ $t('views.document.tip.fileLimitCountTip2') }},
12-
{{ $t('views.document.tip.fileLimitSizeTip1') }} {{ file_size_limit }} MB
13-
</p>
14-
</div>
15-
</div>
163
<el-upload
174
:webkitdirectory="false"
185
class="w-full"
@@ -40,14 +27,23 @@
4027
</em>
4128
</p>
4229
<div class="upload__decoration">
30+
<p>
31+
{{ $t('views.document.tip.fileLimitCountTip1') }} {{ file_count_limit }}
32+
{{ $t('views.document.tip.fileLimitCountTip2') }},
33+
{{ $t('views.document.tip.fileLimitSizeTip1') }} {{ file_size_limit }} MB
34+
</p>
4335
<p>{{ $t('views.document.upload.formats') }}{{ formats }}</p>
4436
</div>
4537
</div>
4638
</el-upload>
47-
<el-row :gutter="8" v-if="modelValue?.length">
39+
<el-row :gutter="8" v-if="modelValue?.length" class="mt-16">
4840
<template v-for="(item, index) in modelValue" :key="index">
4941
<el-col :span="12" class="mb-8">
50-
<el-card shadow="never" class="file-List-card">
42+
<el-card
43+
shadow="never"
44+
class="file-List-card"
45+
style="--el-card-padding: 8px 12px; line-height: normal"
46+
>
5147
<div class="flex-between">
5248
<div class="flex">
5349
<img :src="getImgUrl(item && item?.name)" alt="" width="40" />

ui/src/components/dropdown_menu/application/NodeContent.vue renamed to ui/src/components/workflow-dropdown-menu/application/NodeContent.vue

File renamed without changes.

ui/src/components/dropdown_menu/application/index.vue renamed to ui/src/components/workflow-dropdown-menu/application/index.vue

File renamed without changes.

ui/src/components/dropdown_menu/index.scss renamed to ui/src/components/workflow-dropdown-menu/index.scss

File renamed without changes.

ui/src/components/dropdown_menu/index.vue renamed to ui/src/components/workflow-dropdown-menu/index.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<script setup lang="ts">
55
import { inject } from 'vue'
66
import { WorkflowMode } from '@/enums/application'
7-
import ApplicationDropdownMenu from '@/components/dropdown_menu/application/index.vue'
8-
import KnowledgeDropdownMenu from '@/components/dropdown_menu/knowledge/index.vue'
7+
import ApplicationDropdownMenu from '@/components/workflow-dropdown-menu/application/index.vue'
8+
import KnowledgeDropdownMenu from '@/components/workflow-dropdown-menu/knowledge/index.vue'
99
const workflow_mode = inject('workflowMode') || WorkflowMode.Application
1010
defineProps({
1111
show: {

ui/src/components/dropdown_menu/knowledge/NodeContent.vue renamed to ui/src/components/workflow-dropdown-menu/knowledge/NodeContent.vue

File renamed without changes.

0 commit comments

Comments
 (0)