From 1967ea179a041467fd04cb0cbb9b3c13809af05e Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 14 Aug 2025 14:15:49 +0800
Subject: [PATCH] (Permission Configuration): Select the data table, scroll the
 middle content area to the bottom, and keep a distance of 24px from the
 button bar.

---
 frontend/src/i18n/en.json                      | 1 +
 frontend/src/i18n/zh-CN.json                   | 1 +
 frontend/src/views/chat/RecommendQuestion.vue  | 2 +-
 frontend/src/views/chat/index.vue              | 4 ++--
 frontend/src/views/ds/DataTable.vue            | 2 +-
 frontend/src/views/ds/DatasourceForm.vue       | 3 ++-
 frontend/src/views/system/appearance/index.vue | 2 +-
 frontend/src/views/system/permission/index.vue | 7 ++++---
 frontend/src/views/system/workspace/index.vue  | 1 +
 9 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 3be3aeca..d6a87c0d 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -595,6 +595,7 @@
     "welcome_message": "Welcome Message",
     "the_product_logo": "Welcome Message below the product logo",
     "screen_customization_supported": "Defaults to the SQLBot login screen; customization supported",
+    "screen_customization_settings": "The default is the SQLBot platform interface, which supports custom settings",
     "platform_settings": "Platform Settings",
     "help_documentation": "Help Documentation",
     "show_about": "Show About",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index ccc2267c..9d85c8dd 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -595,6 +595,7 @@
     "welcome_message": "欢迎语",
     "the_product_logo": "产品 Logo 下的 欢迎语",
     "screen_customization_supported": "默认为 SQLBot 登录界面，支持自定义设置",
+    "screen_customization_settings": "默认为 SQLBot 平台界面，支持自定义设置",
     "platform_settings": "平台设置",
     "help_documentation": "帮助文档",
     "show_about": "显示关于",
diff --git a/frontend/src/views/chat/RecommendQuestion.vue b/frontend/src/views/chat/RecommendQuestion.vue
index 6d1f1bb1..15d97222 100644
--- a/frontend/src/views/chat/RecommendQuestion.vue
+++ b/frontend/src/views/chat/RecommendQuestion.vue
@@ -154,7 +154,7 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })
 
 <template>
   <div v-if="computedQuestions.length > 0 || loading" class="recommend-questions">
-    <div v-if="firstChat">{{ t('qa.guess_u_ask') }}</div>
+    <div v-if="firstChat" style="margin-bottom: 8px">{{ t('qa.guess_u_ask') }}</div>
     <div v-else class="continue-ask">{{ t('qa.continue_to_ask') }}</div>
     <div v-if="loading">
       <el-button style="min-width: unset" type="primary" link loading />
diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index 8b989aad..b1ca3da3 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -963,7 +963,7 @@ onMounted(() => {
         padding-top: 12px;
         padding-left: 12px;
         z-index: 10;
-        background: #f8f9fa;
+        background: transparent;
         line-height: 22px;
         font-size: 14px;
         font-weight: 400;
@@ -1103,7 +1103,7 @@ onMounted(() => {
     .greeting-btn {
       width: 100%;
       height: 88px;
-
+      border-radius: 16px;
       border-style: dashed;
 
       .inner-icon {
diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index 4efd32ed..48bfd319 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -709,7 +709,7 @@ const btnSelectClick = (val: any) => {
             align-items: center;
             min-height: 24px;
             .notes-in_table {
-              max-width: 192px;
+              max-width: 100%;
               display: -webkit-box;
               max-height: 66px;
               -webkit-box-orient: vertical;
diff --git a/frontend/src/views/ds/DatasourceForm.vue b/frontend/src/views/ds/DatasourceForm.vue
index 3fcd2c46..91327a57 100644
--- a/frontend/src/views/ds/DatasourceForm.vue
+++ b/frontend/src/views/ds/DatasourceForm.vue
@@ -873,6 +873,7 @@ defineExpose({
     }
   }
   .select-data_table {
+    padding-bottom: 24px;
     .title {
       font-weight: 500;
       font-size: 16px;
@@ -880,9 +881,9 @@ defineExpose({
       margin: 0 0 16px 0;
     }
     .container {
-      height: 524px;
       border: 1px solid #dee0e3;
       border-radius: 4px;
+      overflow-y: auto;
 
       .select-all {
         background: #f5f6f7;
diff --git a/frontend/src/views/system/appearance/index.vue b/frontend/src/views/system/appearance/index.vue
index d3d108d6..77cf8691 100644
--- a/frontend/src/views/system/appearance/index.vue
+++ b/frontend/src/views/system/appearance/index.vue
@@ -179,7 +179,7 @@
                 </div>
                 <div class="tips-page">
                   {{
-                    t('system.screen_customization_supported', { msg: loginForm.name || 'SQLBot' })
+                    t('system.screen_customization_settings', { msg: loginForm.name || 'SQLBot' })
                   }}
                 </div>
               </div>
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
index 43aad388..77168f37 100644
--- a/frontend/src/views/system/permission/index.vue
+++ b/frontend/src/views/system/permission/index.vue
@@ -948,7 +948,8 @@ const columnRules = {
   .drawer-content {
     width: 800px;
     margin: 0 auto;
-    height: calc(100% - 20px);
+    height: calc(100% - 8px);
+    overflow-y: auto;
   }
 
   .drawer-content {
@@ -958,13 +959,14 @@ const columnRules = {
       }
     }
     .add-permission_form {
+      margin-bottom: 0;
       .ed-form-item__label {
         width: 100%;
         padding-right: 0;
       }
 
       .ed-form-item__content {
-        padding-bottom: 100px;
+        padding-bottom: 0px;
       }
 
       .table-content {
@@ -975,7 +977,6 @@ const columnRules = {
         border-bottom: none;
         border-radius: 6px;
         overflow-y: auto;
-        max-height: calc(100vh - 400px);
 
         &.border-bottom {
           border-bottom: 1px solid #1f232926;
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index d618b38d..14c69918 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -582,6 +582,7 @@ const handleCurrentChange = (val: number) => {
       align-items: center;
       justify-content: space-between;
       padding: 8px;
+      font-weight: 500;
 
       .ed-icon {
         cursor: pointer;