fix: scrollbar

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

@@ -62,7 +62,7 @@
     </div>
     <!-- 知识库引用/执行详情 dialog -->
     <el-dialog
-      class="chat-source-dialog"
+      class="scrollbar-dialog"
       :title="dialogTitle"
       v-model="dialogVisible"
       destroy-on-close

ui/src/styles/component.scss

@@ -50,6 +50,7 @@
     align-items: flex-start;
     height: 100%;
     width: 100%;
+    margin: 0;
   }
   .el-radio__label {
     width: 100%;
@@ -216,7 +217,7 @@
 }
 
 // 带滚动条dialog
-.chat-source-dialog {
+.scrollbar-dialog {
   padding: 16px !important;
   .el-dialog__header {
     padding: 4px 16px 12px 12px;

ui/src/views/application/component/ParamSettingDialog.vue

@@ -1,15 +1,16 @@
 <template>
   <el-dialog
+    class="scrollbar-dialog"
     align-center
     :title="$t('common.paramSetting')"
-    class="param-dialog"
     v-model="dialogVisible"
-    style="width: 550px"
+    width="550px"
     append-to-body
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
     <el-scrollbar max-height="550">
+      <div class="p-8">
         <el-form label-position="top" ref="paramFormRef" :model="form" v-loading="loading">
           <el-form-item :label="$t('views.application.dialog.selectSearchMode')">
             <el-radio-group
@@ -60,12 +61,14 @@
               </el-card>
             </el-radio-group>
           </el-form-item>
-        <el-row :gutter="20">
+          <el-row :gutter="10">
             <el-col :span="12">
               <el-form-item>
                 <template #label>
                   <div class="flex align-center">
-                  <span class="mr-4">{{ $t('views.application.dialog.similarityThreshold') }}</span>
+                    <span class="mr-4">{{
+                      $t('views.application.dialog.similarityThreshold')
+                    }}</span>
                     <el-tooltip
                       effect="dark"
                       :content="$t('views.application.dialog.similarityTooltip')"
@@ -100,7 +103,6 @@
               </el-form-item>
             </el-col>
           </el-row>
-
           <el-form-item :label="$t('views.application.dialog.maxCharacters')">
             <el-slider
               v-model="form.knowledge_setting.max_paragraph_char_number"
@@ -137,7 +139,9 @@
                 <el-radio value="designated_answer">
                   <p>{{ $t('views.application.dialog.provideAnswer') }}</p>
                   <el-form-item
-                  v-if="form.knowledge_setting.no_references_setting.status === 'designated_answer'"
+                    v-if="
+                      form.knowledge_setting.no_references_setting.status === 'designated_answer'
+                    "
                     prop="designated_answer"
                   >
                     <el-input
@@ -152,11 +156,12 @@
               </el-radio-group>
             </el-form>
           </el-form-item>
-
    <el-form-item @click.prevent v-if="!isWorkflowType">
             <template #label>
               <div class="flex align-center">
-              <span class="mr-4">{{ $t('views.application.form.problemOptimization.label') }}</span>
+                <span class="mr-4">{{
+                  $t('views.application.form.problemOptimization.label')
+                }}</span>
               </div>
             </template>
             <el-switch size="small" v-model="form.problem_optimization"></el-switch>
@@ -173,7 +178,9 @@
               :placeholder="defaultPrompt"
             />
           </el-form-item>
+
         </el-form>
+      </div>
     </el-scrollbar>
 
     <template #footer>

ui/src/views/paragraph/index.vue

@@ -49,6 +49,7 @@
       <LayoutContainer showCollapse>
         <template #left>
           <div class="paragraph-sidebar p-16">
+            <el-scrollbar class="paragraph-scollbar">
               <el-anchor
                 direction="vertical"
                 type="default"
@@ -60,6 +61,7 @@
                   <el-anchor-link :href="`#m${item.id}`" :title="item.title" v-if="item.title" />
                 </template>
               </el-anchor>
+            </el-scrollbar>
           </div>
         </template>
         <div class="w-full">
@@ -346,7 +348,7 @@ onMounted(() => {
   }
   .paragraph-sidebar {
     width: 100%;
-    height: 100%;
+    height: calc(100vh - 215px);
     box-sizing: border-box;
   }