perf(frontend): 单据列表优化 TencentBlueKing#6975

# Reviewed, transaction id: 19147
jinquantianxia · Sep 23, 2024 · 41172f2 · 41172f2
1 parent 7834eed
commit 41172f2
Show file tree

Hide file tree

Showing 11 changed files with 24 additions and 9 deletions.
diff --git a/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue b/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue
@@ -87,8 +87,6 @@
         isSplited.value = false;
       }
       isSplited.value = renderLeftWidth.value < getMaxWidth();
-
-      console.log('isSplited = ', isSplited.value);
     });
   };
 
@@ -132,7 +130,6 @@
     isOpen: readonly(isOpen),
     isSplited,
     splitScreen() {
-      console.log('splitScreen');
       isShowTrigger.value = true;
       if (isOpen.value) {
         return;

diff --git a/dbm-ui/frontend/src/views/ticket-manage/list/components/list/components/TableMode.vue b/dbm-ui/frontend/src/views/ticket-manage/list/components/list/components/TableMode.vue
@@ -23,7 +23,11 @@
           :max-height="tableMaxHeight"
           :pagination="pagination"
           remote-pagination
-          show-overflow-tooltip
+          :show-overflow-tooltip="{
+            popoverOption: {
+              maxWidth: 500,
+            },
+          }"
           @page-limit-change="handlePageLimitChange"
           @page-value-change="handlePageValueChange">
           <BkTableColumn

diff --git a/dbm-ui/frontend/src/views/ticket-manage/list/components/list/components/hooks/use-data.ts b/dbm-ui/frontend/src/views/ticket-manage/list/components/list/components/hooks/use-data.ts
@@ -67,6 +67,7 @@ export default (options?: { onSuccess?: (data: TicketModel<unknown>[]) => void }
       }),
     {
       manual: true,
+      debounceInterval: 100,
       onBefore() {
         isLoading.value = true;
       },

diff --git a/dbm-ui/frontend/src/views/ticket-self-apply/components/list/components/TableMode.vue b/dbm-ui/frontend/src/views/ticket-self-apply/components/list/components/TableMode.vue
@@ -23,7 +23,11 @@
           :max-height="tableMaxHeight"
           :pagination="pagination"
           remote-pagination
-          show-overflow-tooltip
+          :show-overflow-tooltip="{
+            popoverOption: {
+              maxWidth: 500,
+            },
+          }"
           @page-limit-change="handlePageLimitChange"
           @page-value-change="handlePageValueChange">
           <BkTableColumn

diff --git a/dbm-ui/frontend/src/views/ticket-self-apply/components/list/components/hooks/use-data.ts b/dbm-ui/frontend/src/views/ticket-self-apply/components/list/components/hooks/use-data.ts
@@ -37,6 +37,7 @@ export default (options?: { onSuccess?: (data: TicketModel<unknown>[]) => void }
     },
     {
       manual: true,
+      debounceInterval: 100,
       onSuccess(data) {
         dataList.value.forEach((ticketData) => {
           if (data[ticketData.id]) {

diff --git a/dbm-ui/frontend/src/views/ticket-self-manage/components/list/components/TableMode.vue b/dbm-ui/frontend/src/views/ticket-self-manage/components/list/components/TableMode.vue
@@ -23,7 +23,11 @@
           :max-height="tableMaxHeight"
           :pagination="pagination"
           remote-pagination
-          show-overflow-tooltip
+          :show-overflow-tooltip="{
+            popoverOption: {
+              maxWidth: 500,
+            },
+          }"
           @page-limit-change="handlePageLimitChange"
           @page-value-change="handlePageValueChange">
           <BkTableColumn

diff --git a/dbm-ui/frontend/src/views/ticket-self-manage/components/list/components/hooks/use-data.ts b/dbm-ui/frontend/src/views/ticket-self-manage/components/list/components/hooks/use-data.ts
@@ -65,6 +65,7 @@ export default (options?: { onSuccess?: (data: TicketModel<unknown>[]) => void }
       }),
     {
       manual: true,
+      debounceInterval: 100,
       onBefore() {
         isLoading.value = true;
       },

diff --git a/dbm-ui/frontend/src/views/ticket-self-todo/components/list/components/TableMode.vue b/dbm-ui/frontend/src/views/ticket-self-todo/components/list/components/TableMode.vue
@@ -23,7 +23,11 @@
           :max-height="tableMaxHeight"
           :pagination="pagination"
           remote-pagination
-          show-overflow-tooltip
+          :show-overflow-tooltip="{
+            popoverOption: {
+              maxWidth: 500,
+            },
+          }"
           @page-limit-change="handlePageLimitChange"
           @page-value-change="handlePageValueChange">
           <BkTableColumn

diff --git a/dbm-ui/frontend/src/views/ticket-self-todo/components/list/components/hooks/use-data.ts b/dbm-ui/frontend/src/views/ticket-self-todo/components/list/components/hooks/use-data.ts
@@ -37,6 +37,7 @@ export default (options?: { onSuccess?: (data: TicketModel<unknown>[]) => void }
     },
     {
       manual: true,
+      debounceInterval: 100,
       onSuccess(data) {
         dataList.value.forEach((ticketData) => {
           if (data[ticketData.id]) {

diff --git a/...src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue b/...src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue
@@ -185,7 +185,6 @@
   const isShowMore = computed(() => executeSqlFileList.value.length > 6);
 
   const renderSqlFileList = computed(() => {
-    console.log('props.ticketData = ', props.ticketData);
     if (isShowMore.value && !isShowCollapse.value) {
       return executeSqlFileList.value.slice(0, 6);
     }

diff --git a/...d/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue b/...d/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue
@@ -185,7 +185,6 @@
   const isShowMore = computed(() => executeSqlFileList.value.length > 6);
 
   const renderSqlFileList = computed(() => {
-    console.log('props.ticketData = ', props.ticketData);
     if (isShowMore.value && !isShowCollapse.value) {
       return executeSqlFileList.value.slice(0, 6);
     }