fix: 优化部分样式
This commit is contained in:
wangdan-fit2cloud
parent
f638abdea2
commit
4dec2a6a58
@ -218,26 +218,29 @@
|
|||||||
<!-- 文档内容提取 -->
|
<!-- 文档内容提取 -->
|
||||||
<template v-if="item.type === WorkflowType.DocumentExtractNode">
|
<template v-if="item.type === WorkflowType.DocumentExtractNode">
|
||||||
<div class="card-never border-r-4">
|
<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
|
<el-tooltip
|
||||||
effect="dark"
|
effect="dark"
|
||||||
content="每个文档仅支持预览500字"
|
content="每个文档仅支持预览500字"
|
||||||
placement="right"
|
placement="right"
|
||||||
>
|
>
|
||||||
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
|
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</h5>
|
</h5>
|
||||||
<div class="p-8-12 border-t-dashed lighter">
|
<div class="p-8-12 border-t-dashed lighter">
|
||||||
<el-scrollbar height="150">
|
<el-scrollbar height="150">
|
||||||
<MdPreview
|
<el-card shadow="never" style="--el-card-padding: 8px">
|
||||||
v-if="item.content"
|
<MdPreview
|
||||||
ref="editorRef"
|
v-if="item.content"
|
||||||
editorId="preview-only"
|
ref="editorRef"
|
||||||
:modelValue="item.content"
|
editorId="preview-only"
|
||||||
style="background: none"
|
:modelValue="item.content"
|
||||||
/>
|
style="background: none"
|
||||||
<template v-else> - </template>
|
/>
|
||||||
|
<template v-else> - </template>
|
||||||
|
</el-card>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -333,6 +336,7 @@
|
|||||||
<template v-if="item.type === WorkflowType.FormNode">
|
<template v-if="item.type === WorkflowType.FormNode">
|
||||||
<div class="card-never border-r-4">
|
<div class="card-never border-r-4">
|
||||||
<h5 class="p-8-12">参数输入</h5>
|
<h5 class="p-8-12">参数输入</h5>
|
||||||
|
|
||||||
<div class="p-8-12 border-t-dashed lighter">
|
<div class="p-8-12 border-t-dashed lighter">
|
||||||
<div v-for="(f, i) in item.form_field_list" :key="i" class="mb-8">
|
<div v-for="(f, i) in item.form_field_list" :key="i" class="mb-8">
|
||||||
<span class="color-secondary">{{ f.label.label }}:</span>
|
<span class="color-secondary">{{ f.label.label }}:</span>
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-divider direction="vertical" />
|
<el-divider direction="vertical" />
|
||||||
</span>
|
</span>
|
||||||
<span v-if="applicationId && type == 'log'">
|
<span v-if="type == 'ai-chat' || type == 'log'">
|
||||||
<el-tooltip effect="dark" content="换个答案" placement="top">
|
<el-tooltip effect="dark" content="换个答案" placement="top">
|
||||||
<el-button :disabled="chat_loading" text @click="regeneration">
|
<el-button :disabled="chat_loading" text @click="regeneration">
|
||||||
<el-icon><RefreshRight /></el-icon>
|
<el-icon><RefreshRight /></el-icon>
|
||||||
|
|||||||
@ -7,35 +7,37 @@
|
|||||||
class="mb-16"
|
class="mb-16"
|
||||||
style="padding: 0 24px"
|
style="padding: 0 24px"
|
||||||
>
|
>
|
||||||
<el-card shadow="always" class="dialog-card">
|
<el-card shadow="always" class="dialog-card" style="--el-card-padding: 16px 8px">
|
||||||
<div class="flex align-center cursor w-full" @click="showUserInput = !showUserInput">
|
<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' : ''"
|
<el-icon class="mr-8 arrow-icon" :class="showUserInput ? 'rotate-90' : ''"
|
||||||
><CaretRight
|
><CaretRight
|
||||||
/></el-icon>
|
/></el-icon>
|
||||||
用户输入
|
用户输入
|
||||||
</div>
|
</div>
|
||||||
<el-collapse-transition>
|
<el-scrollbar max-height="160">
|
||||||
<div v-show="showUserInput" class="mt-16">
|
<el-collapse-transition>
|
||||||
<DynamicsForm
|
<div v-show="showUserInput" class="mt-16" style="padding: 0 8px;">
|
||||||
:key="dynamicsFormRefresh"
|
<DynamicsForm
|
||||||
v-model="form_data_context"
|
:key="dynamicsFormRefresh"
|
||||||
:model="form_data_context"
|
v-model="form_data_context"
|
||||||
label-position="top"
|
:model="form_data_context"
|
||||||
require-asterisk-position="right"
|
label-position="top"
|
||||||
:render_data="inputFieldList"
|
require-asterisk-position="right"
|
||||||
ref="dynamicsFormRef"
|
:render_data="inputFieldList"
|
||||||
/>
|
ref="dynamicsFormRef"
|
||||||
<DynamicsForm
|
/>
|
||||||
v-if="type === 'debug-ai-chat'"
|
<DynamicsForm
|
||||||
v-model="api_form_data_context"
|
v-if="type === 'debug-ai-chat'"
|
||||||
:model="api_form_data_context"
|
v-model="api_form_data_context"
|
||||||
label-position="top"
|
:model="api_form_data_context"
|
||||||
require-asterisk-position="right"
|
label-position="top"
|
||||||
:render_data="apiInputFieldList"
|
require-asterisk-position="right"
|
||||||
ref="dynamicsFormRef2"
|
:render_data="apiInputFieldList"
|
||||||
/>
|
ref="dynamicsFormRef2"
|
||||||
</div>
|
/>
|
||||||
</el-collapse-transition>
|
</div>
|
||||||
|
</el-collapse-transition>
|
||||||
|
</el-scrollbar>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -45,7 +45,7 @@
|
|||||||
<img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
|
<img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
|
||||||
<div>
|
<div>
|
||||||
<p>文档（TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF）</p>
|
<p>文档（TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF）</p>
|
||||||
<el-text class="color-secondary">需要与文档内容提取节点配合使用</el-text>
|
<el-text class="color-secondary">需要使用“文档内容提取”节点解析文档内容</el-text>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-checkbox v-model="form_data.document" />
|
<el-checkbox v-model="form_data.document" />
|
||||||
@ -62,7 +62,7 @@
|
|||||||
<img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
|
<img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
|
||||||
<div>
|
<div>
|
||||||
<p>图片（JPG、JPEG、PNG、GIF）</p>
|
<p>图片（JPG、JPEG、PNG、GIF）</p>
|
||||||
<el-text class="color-secondary">所选模型需要支持接收图片</el-text>
|
<el-text class="color-secondary">需要使用“图片理解”节点解析图片内容</el-text>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-checkbox v-model="form_data.image" />
|
<el-checkbox v-model="form_data.image" />
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
|
<el-tooltip effect="dark" placement="right" popper-class="max-w-200">
|
||||||
<template #content>
|
<template #content>
|
||||||
`设置执行该节点输出的内容，{{ '{ from }' }}为表单的占位符。`
|
设置执行该节点输出的内容，{{ '{ form }' }}为表单的占位符。
|
||||||
</template>
|
</template>
|
||||||
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
|
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user