fix(frontend): sql执行上传大文件时页面卡死 #8690

# Reviewed, transaction id: 27126
TencentBlueKing · Dec 18, 2024 · ecaf8b6 · ecaf8b6
1 parent e2be9bf
commit ecaf8b6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/.../src/views/db-manage/common/sql-execute/common/RenderSql/components/sql-content/Index.vue b/.../src/views/db-manage/common/sql-execute/common/RenderSql/components/sql-content/Index.vue
@@ -39,6 +39,7 @@
           v-model="localModelValue"
           v-bind="attrs"
           :cluster-version-list="clusterVersionList"
+          :is-show="isShow"
           @grammar-check="handleGrammarCheck" />
       </KeepAlive>
     </div>
@@ -89,7 +90,7 @@
     default: false,
   });
 
-  const importMode = defineModel<keyof typeof comMap>('importMode', {
+  const importMode = defineModel<'manual' | 'file'>('importMode', {
     required: true,
   });
   const modelValue = defineModel<string[]>('modelValue', {

diff --git a/...ge/common/sql-execute/common/RenderSql/components/sql-content/components/editor/Index.vue b/...ge/common/sql-execute/common/RenderSql/components/sql-content/components/editor/Index.vue
@@ -163,6 +163,11 @@
         theme: 'vs-dark',
         readOnly: props.readonly,
         wordWrap: 'bounded',
+        lineNumbersMinChars: 3,
+        renderLineHighlight: 'none',
+        minimap: {
+          enabled: false,
+        },
         scrollbar: {
           alwaysConsumeMouseWheel: false,
         },
@@ -194,8 +199,8 @@
     height: 100%;
 
     &.is-full-screen {
-      height: 100vh;
       display: flex;
+      height: 100vh;
       flex-direction: column;
 
       .editor-resize-wrapper {

diff --git a/...ommon/sql-execute/common/RenderSql/components/sql-content/components/local-file/Index.vue b/...ommon/sql-execute/common/RenderSql/components/sql-content/components/local-file/Index.vue
@@ -43,6 +43,7 @@
         :opacity="0.3"
         style="height: 100%">
         <Editor
+          v-if="isShow"
           :message-list="selectFileData.messageList"
           :model-value="selectFileData.content"
           readonly
@@ -91,6 +92,7 @@
 
   interface Props {
     clusterVersionList: string[];
+    isShow: boolean;
   }
 
   interface Emits {

diff --git a/...mon/sql-execute/common/RenderSql/components/sql-content/components/manual-input/Index.vue b/...mon/sql-execute/common/RenderSql/components/sql-content/components/manual-input/Index.vue
@@ -39,6 +39,7 @@
         style="position: relative">
         <template v-if="selectFileData">
           <Editor
+            v-if="isShow"
             :key="selectFileName"
             v-model="selectFileData.content"
             :message-list="selectFileData.messageList"
@@ -102,6 +103,7 @@
 
   interface Props {
     clusterVersionList: string[];
+    isShow: boolean;
   }
 
   interface Emits {