From d43f77aaafb9b2ae17bbe7858fda7b790dab47c6 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 9 Jul 2026 15:10:30 +0800
Subject: [PATCH] fix(Smart Number Query): When enabling thousands separators,
 the pop-up window does not close, causing abnormal page scrolling.

---
 .../src/views/chat/chat-block/ChartBlock.vue  | 45 +++++++++++++------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/chat/chat-block/ChartBlock.vue b/frontend/src/views/chat/chat-block/ChartBlock.vue
index a5c10b0a..63b9f07b 100644
--- a/frontend/src/views/chat/chat-block/ChartBlock.vue
+++ b/frontend/src/views/chat/chat-block/ChartBlock.vue
@@ -465,7 +465,12 @@ function getBaseAxis() {
             placement="top"
           >
             <div>
-              <el-popover placement="bottom" trigger="click">
+              <el-popover
+                popper-class="thousands-separator_popover"
+                :teleported="false"
+                placement="bottom"
+                trigger="click"
+              >
                 <template #reference>
                   <el-button class="tool-btn" text @click="getBaseAxis">
                     <el-icon size="16">
@@ -476,18 +481,26 @@ function getBaseAxis() {
                 <label style="font-weight: 500; line-height: 28px">
                   {{ t('chat.thousands_separator_display') }}
                 </label>
-                <el-checkbox-group
-                  v-model="enableThousandsSeparatorList"
-                  style="display: flex; flex-direction: column"
-                >
-                  <el-checkbox
-                    v-for="option in optionList"
-                    :key="option.value"
-                    size="large"
-                    :label="option.name"
-                    :value="option.value"
-                  />
-                </el-checkbox-group>
+                <el-scrollbar max-height="300px">
+                  <el-checkbox-group
+                    v-model="enableThousandsSeparatorList"
+                    style="display: flex; flex-direction: column"
+                  >
+                    <el-checkbox
+                      v-for="option in optionList"
+                      :key="option.value"
+                      size="large"
+                      :value="option.value"
+                    >
+                      <span
+                        :title="option.name"
+                        class="ellipsis"
+                        style="display: inline-block; width: 100%"
+                        >{{ option.name }}</span
+                      >
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-scrollbar>
               </el-popover>
             </div>
           </el-tooltip>
@@ -663,6 +676,12 @@ function getBaseAxis() {
   display: none;
 }
 
+.thousands-separator_popover {
+  .ed-checkbox__label {
+    max-width: 100%;
+  }
+}
+
 .chart-fullscreen-dialog-body {
   padding: 0;
   height: 100%;