fix: 优化部分样式

Author: wangdan-fit2cloud

ui/src/components/ai-chat/ExecutionDetailDialog.vue

@@ -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>

ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue

@@ -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>

ui/src/components/ai-chat/component/user-form/index.vue

@@ -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>

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

@@ -45,7 +45,7 @@
               <img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
               <div>
                 <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>
             <el-checkbox v-model="form_data.document" />
@@ -62,7 +62,7 @@
               <img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
               <div>
                 <p>图片（JPG、JPEG、PNG、GIF）</p>
-                <el-text class="color-secondary">所选模型需要支持接收图片</el-text>
+                <el-text class="color-secondary">需要使用“图片理解”节点解析图片内容</el-text>
               </div>
             </div>
             <el-checkbox v-model="form_data.image" />

ui/src/workflow/nodes/form-node/index.vue

@@ -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>