Skip to content

Commit 1f88ee2

Browse files
fix: 修改部分显示样式
1 parent cfb8e83 commit 1f88ee2

File tree

12 files changed

+85
-30
lines changed

12 files changed

+85
-30
lines changed

ui/src/assets/icon_file-doc.svg

Lines changed: 5 additions & 0 deletions
Loading

ui/src/assets/icon_file-image.svg

Lines changed: 6 additions & 0 deletions
Loading

ui/src/components/ai-chat/component/chat-input-operate/index.vue

Lines changed: 18 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,18 +83,29 @@
8383
:accept="getAcceptList()"
8484
:on-change="(file: any, fileList: any) => uploadFile(file, fileList)"
8585
>
86-
<el-button text>
87-
<el-icon><Paperclip /></el-icon>
88-
</el-button>
86+
<el-tooltip effect="dark" placement="top" popper-class="upload-tooltip-width">
87+
<template #content
88+
>上传文件:最多{{
89+
props.applicationDetails.file_upload_setting.maxFiles
90+
}}个,每个文件限制
91+
{{ props.applicationDetails.file_upload_setting.fileLimit }}MB<br />文件类型:{{
92+
getAcceptList()
93+
}}</template
94+
>
95+
<el-button text>
96+
<el-icon><Paperclip /></el-icon>
97+
</el-button>
98+
</el-tooltip>
8999
</el-upload>
90100
<el-divider direction="vertical" />
91101
</span>
92102
<span v-if="props.applicationDetails.stt_model_enable" class="flex align-center">
93-
<el-button text v-if="mediaRecorderStatus" @click="startRecording">
103+
<el-button text @click="startRecording" v-if="mediaRecorderStatus">
94104
<el-icon>
95105
<Microphone />
96106
</el-icon>
97107
</el-button>
108+
98109
<div v-else class="operate flex align-center">
99110
<el-text type="info"
100111
>00:{{ recorderTime < 10 ? `0${recorderTime}` : recorderTime }}</el-text
@@ -457,4 +468,7 @@ onMounted(() => {
457468
z-index: 1;
458469
}
459470
}
471+
.upload-tooltip-width {
472+
width: 300px;
473+
}
460474
</style>

ui/src/components/card-checkbox/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ function checkboxChange() {
6060
emit('change')
6161
}
6262
</script>
63-
<style lang="scss" scoped>
63+
<style lang="scss">
6464
.card-checkbox {
6565
&.active {
6666
border: 1px solid var(--el-color-primary);

ui/src/views/application/ApplicationSetting.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,8 @@
198198
:value-on-clear="0"
199199
controls-position="right"
200200
class="w-full"
201+
:step="1"
202+
:step-strictly="true"
201203
/>
202204
</el-form-item>
203205
<el-form-item

ui/src/views/application/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@
7979
/>
8080
</template>
8181
<template #subTitle>
82-
<el-text class="lighter mr-8" size="small">
82+
<el-text class="color-secondary" size="small">
8383
<auto-tooltip :content="item.username">
8484
创建者: {{ item.username }}
8585
</auto-tooltip>

ui/src/views/dataset/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@
6262
</AppAvatar>
6363
</template>
6464
<template #subTitle>
65-
<el-text class="lighter mr-8" size="small">
65+
<el-text class="color-secondary" size="small">
6666
<auto-tooltip :content="item.username">
6767
创建者: {{ item.username }}
6868
</auto-tooltip>

ui/src/views/function-lib/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@
6767
</AppAvatar>
6868
</template>
6969
<template #subTitle>
70-
<el-text class="lighter mr-8" size="small">
70+
<el-text class="color-secondary" size="small">
7171
<auto-tooltip :content="item.username">
7272
创建者: {{ item.username }}
7373
</auto-tooltip>

ui/src/workflow/nodes/ai-chat-node/index.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,8 @@
154154
:value-on-clear="0"
155155
controls-position="right"
156156
class="w-full"
157+
:step="1"
158+
:step-strictly="true"
157159
/>
158160
</el-form-item>
159161
<el-form-item label="返回内容" @click.prevent>

ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue

Lines changed: 45 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -7,34 +7,64 @@
77
:destroy-on-close="true"
88
:before-close="close"
99
append-to-body
10+
width="600"
1011
>
1112
<el-form
1213
label-position="top"
1314
ref="fieldFormRef"
1415
:model="form_data"
15-
require-asterisk-position="right">
16+
require-asterisk-position="right"
17+
>
1618
<el-form-item label="单次上传最多文件数">
17-
<el-slider v-model="form_data.maxFiles" show-input :show-input-controls="false" :min="1" :max="10" />
19+
<el-slider
20+
v-model="form_data.maxFiles"
21+
show-input
22+
:show-input-controls="false"
23+
:min="1"
24+
:max="10"
25+
/>
1826
</el-form-item>
1927
<el-form-item label="每个文件最大(MB)">
20-
<el-slider v-model="form_data.fileLimit" show-input :show-input-controls="false" :min="1" :max="100" />
28+
<el-slider
29+
v-model="form_data.fileLimit"
30+
show-input
31+
:show-input-controls="false"
32+
:min="1"
33+
:max="100"
34+
/>
2135
</el-form-item>
2236
<el-form-item label="上传的文件类型">
23-
<el-card style="width: 100%" class="mb-8">
37+
<el-card
38+
shadow="hover"
39+
class="card-checkbox cursor w-full mb-8"
40+
:class="form_data.document ? 'active' : ''"
41+
style="--el-card-padding: 8px 16px"
42+
>
2443
<div class="flex-between">
25-
<p>
26-
文档(TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF)
27-
需要与文档内容提取节点配合使用
28-
</p>
44+
<div class="flex align-center">
45+
<img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
46+
<div>
47+
<p>文档(TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF)</p>
48+
<el-text class="color-secondary">需要与文档内容提取节点配合使用</el-text>
49+
</div>
50+
</div>
2951
<el-checkbox v-model="form_data.document" />
3052
</div>
3153
</el-card>
32-
<el-card style="width: 100%" class="mb-8">
54+
<el-card
55+
shadow="hover"
56+
class="card-checkbox cursor w-full mb-8"
57+
:class="form_data.image ? 'active' : ''"
58+
style="--el-card-padding: 8px 16px"
59+
>
3360
<div class="flex-between">
34-
<p>
35-
图片(JPG、JPEG、PNG、GIF)
36-
所选模型需要支持接收图片
37-
</p>
61+
<div class="flex align-center">
62+
<img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
63+
<div>
64+
<p>图片(JPG、JPEG、PNG、GIF)</p>
65+
<el-text class="color-secondary">所选模型需要支持接收图片</el-text>
66+
</div>
67+
</div>
3868
<el-checkbox v-model="form_data.image" />
3969
</div>
4070
</el-card>
@@ -43,9 +73,7 @@
4373
<template #footer>
4474
<span class="dialog-footer">
4575
<el-button @click.prevent="close"> 取消 </el-button>
46-
<el-button type="primary" @click="submit()" :loading="loading">
47-
确定
48-
</el-button>
76+
<el-button type="primary" @click="submit()" :loading="loading"> 确定 </el-button>
4977
</span>
5078
</template>
5179
</el-dialog>
@@ -69,7 +97,6 @@ const form_data = ref({
6997
video: false
7098
})
7199
72-
73100
function open(data: any) {
74101
dialogVisible.value = true
75102
nextTick(() => {
@@ -96,6 +123,4 @@ defineExpose({
96123
})
97124
</script>
98125

99-
<style scoped lang="scss">
100-
101-
</style>
126+
<style scoped lang="scss"></style>

0 commit comments

Comments
 (0)