fix: 优化部分样式

This commit is contained in:
wangdan-fit2cloud 2024-11-28 15:56:19 +08:00
parent f638abdea2
commit 4dec2a6a58
5 changed files with 47 additions and 41 deletions

View File

@ -218,26 +218,29 @@
<!-- 文档内容提取 -->
<template v-if="item.type === WorkflowType.DocumentExtractNode">
<div class="card-never border-r-4">
<h5 class="p-8-12">
参数输出
<h5 class="p-8-12 flex align-center">
<span class="mr-4">参数输出</span>
<el-tooltip
effect="dark"
content="每个文档仅支持预览500字"
placement="right"
effect="dark"
content="每个文档仅支持预览500字"
placement="right"
>
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
</el-tooltip>
</h5>
<div class="p-8-12 border-t-dashed lighter">
<el-scrollbar height="150">
<MdPreview
v-if="item.content"
ref="editorRef"
editorId="preview-only"
:modelValue="item.content"
style="background: none"
/>
<template v-else> - </template>
<el-card shadow="never" style="--el-card-padding: 8px">
<MdPreview
v-if="item.content"
ref="editorRef"
editorId="preview-only"
:modelValue="item.content"
style="background: none"
/>
<template v-else> - </template>
</el-card>
</el-scrollbar>
</div>
</div>
@ -333,6 +336,7 @@
<template v-if="item.type === WorkflowType.FormNode">
<div class="card-never border-r-4">
<h5 class="p-8-12">参数输入</h5>
<div class="p-8-12 border-t-dashed lighter">
<div v-for="(f, i) in item.form_field_list" :key="i" class="mb-8">
<span class="color-secondary">{{ f.label.label }}:</span>

View File

@ -19,7 +19,7 @@
</el-tooltip>
<el-divider direction="vertical" />
</span>
<span v-if="applicationId && type == 'log'">
<span v-if="type == 'ai-chat' || type == 'log'">
<el-tooltip effect="dark" content="换个答案" placement="top">
<el-button :disabled="chat_loading" text @click="regeneration">
<el-icon><RefreshRight /></el-icon>

View File

@ -7,35 +7,37 @@
class="mb-16"
style="padding: 0 24px"
>
<el-card shadow="always" class="dialog-card">
<div class="flex align-center cursor w-full" @click="showUserInput = !showUserInput">
<el-card shadow="always" class="dialog-card" style="--el-card-padding: 16px 8px">
<div class="flex align-center cursor w-full" style="padding: 0 8px;" @click="showUserInput = !showUserInput">
<el-icon class="mr-8 arrow-icon" :class="showUserInput ? 'rotate-90' : ''"
><CaretRight
/></el-icon>
用户输入
</div>
<el-collapse-transition>
<div v-show="showUserInput" class="mt-16">
<DynamicsForm
:key="dynamicsFormRefresh"
v-model="form_data_context"
:model="form_data_context"
label-position="top"
require-asterisk-position="right"
:render_data="inputFieldList"
ref="dynamicsFormRef"
/>
<DynamicsForm
v-if="type === 'debug-ai-chat'"
v-model="api_form_data_context"
:model="api_form_data_context"
label-position="top"
require-asterisk-position="right"
:render_data="apiInputFieldList"
ref="dynamicsFormRef2"
/>
</div>
</el-collapse-transition>
<el-scrollbar max-height="160">
<el-collapse-transition>
<div v-show="showUserInput" class="mt-16" style="padding: 0 8px;">
<DynamicsForm
:key="dynamicsFormRefresh"
v-model="form_data_context"
:model="form_data_context"
label-position="top"
require-asterisk-position="right"
:render_data="inputFieldList"
ref="dynamicsFormRef"
/>
<DynamicsForm
v-if="type === 'debug-ai-chat'"
v-model="api_form_data_context"
:model="api_form_data_context"
label-position="top"
require-asterisk-position="right"
:render_data="apiInputFieldList"
ref="dynamicsFormRef2"
/>
</div>
</el-collapse-transition>
</el-scrollbar>
</el-card>
</div>
</template>

View File

@ -45,7 +45,7 @@
<img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
<div>
<p>文档TXTMDDOCXHTMLCSVXLSXXLSPDF</p>
<el-text class="color-secondary">需要与文档内容提取节点配合使用</el-text>
<el-text class="color-secondary">需要使用文档内容提取节点解析文档内容</el-text>
</div>
</div>
<el-checkbox v-model="form_data.document" />
@ -62,7 +62,7 @@
<img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
<div>
<p>图片JPGJPEGPNGGIF</p>
<el-text class="color-secondary">所选模型需要支持接收图片</el-text>
<el-text class="color-secondary">需要使用图片理解节点解析图片内容</el-text>
</div>
</div>
<el-checkbox v-model="form_data.image" />

View File

@ -25,7 +25,7 @@
</div>
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
<template #content>
`设置执行该节点输出的内容,{{ '{ from }' }}为表单的占位符。`
设置执行该节点输出的内容{{ '{ form }' }}为表单的占位符
</template>
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
</el-tooltip>