[INLONG-9627][Dashboard] Audit and transmission delay filtering query…

… optimization
bluewang · Jan 29, 2024 · 14692d0 · 14692d0
1 parent b1a0c20
commit 14692d0
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 12 deletions.
diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx b/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx
@@ -107,17 +107,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'inlongStreamId',
     props: {
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
         requestAuto: true,
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/stream/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({
@@ -136,17 +139,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'sinkId',
     props: values => ({
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/sink/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
             inlongStreamId: values.inlongStreamId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({

diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/Delay/config.tsx b/inlong-dashboard/src/ui/pages/GroupDetail/Delay/config.tsx
@@ -103,17 +103,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'inlongStreamId',
     props: {
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
         requestAuto: true,
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/stream/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({
@@ -132,17 +135,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'sinkId',
     props: values => ({
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/sink/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
             inlongStreamId: values.inlongStreamId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({

diff --git a/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncAudit/config.tsx b/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncAudit/config.tsx
@@ -99,17 +99,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'inlongStreamId',
     props: {
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
         requestAuto: true,
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/stream/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({
@@ -128,17 +131,20 @@ export const getFormContent = (inlongGroupId, initialValues, onSearch, onDataStr
     name: 'sinkId',
     props: values => ({
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/sink/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
             pageSize: 1000,
             inlongGroupId,
             inlongStreamId: values.inlongStreamId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({