Browse Source

[Fix]fix the search bar echoes abnormally (#9835)

labbomb 3 years ago
parent
commit
d1f5bbfcae

+ 2 - 0
dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-toolbar.tsx

@@ -84,6 +84,7 @@ export default defineComponent({
      * Node search and navigate
      */
     const {
+      searchSelectValue,
       navigateTo,
       toggleSearchInput,
       searchInputVisible,
@@ -315,6 +316,7 @@ export default defineComponent({
           >
             <NSelect
               size='small'
+              value={searchSelectValue.value}
               options={nodesDropdown.value}
               onFocus={reQueryNodes}
               onUpdateValue={navigateTo}

+ 6 - 0
dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/use-node-search.ts

@@ -26,6 +26,8 @@ interface Options {
  * Node search and navigate
  */
 export function useNodeSearch(options: Options) {
+  const searchSelectValue = ref('')
+
   const { graph } = options
 
   /**
@@ -46,6 +48,8 @@ export function useNodeSearch(options: Options) {
       label: node.getData().taskName,
       value: node.id
     }))
+    const filterSelect = nodesDropdown.value.findIndex(item => item.value === searchSelectValue.value)
+    filterSelect === -1 && (searchSelectValue.value = '')
   }
 
   /**
@@ -53,6 +57,7 @@ export function useNodeSearch(options: Options) {
    * @param {string} code
    */
   function navigateTo(code: string) {
+    searchSelectValue.value = code
     if (!graph.value) return
     const cell = graph.value.getCellById(code)
     graph.value.scrollToCell(cell, { animation: { duration: 600 } })
@@ -61,6 +66,7 @@ export function useNodeSearch(options: Options) {
   }
 
   return {
+    searchSelectValue,
     navigateTo,
     toggleSearchInput,
     searchInputVisible,

+ 1 - 1
dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/use-task-edit.ts

@@ -106,7 +106,7 @@ export function useTaskEdit(options: Options) {
 
   /**
    * Remove task
-   * @param {number} code
+   * @param {number} codes
    */
   function removeTasks(codes: number[]) {
     processDefinition.value.taskDefinitionList =