diff --git a/package.json b/package.json
index c55af0deb84e1..12c04f32d2ba5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crawlab-ui",
-  "version": "0.6.0-16",
+  "version": "0.6.0-17",
   "private": false,
   "author": {
     "name": "Marvin Zhang",
diff --git a/src/components/filter/FilterSelect.vue b/src/components/filter/FilterSelect.vue
index d0cfe4333be8b..261972cf182a5 100644
--- a/src/components/filter/FilterSelect.vue
+++ b/src/components/filter/FilterSelect.vue
@@ -4,8 +4,10 @@
       {{ label }}
     </label>
     <el-select
+      class="content"
       v-model="internalModelValue"
       :placeholder="placeholder"
+      :filterable="filterable"
       clearable
       @clear="onClear"
       @change="onChange"
@@ -38,6 +40,10 @@ export default defineComponent({
     placeholder: {
       type: String,
     },
+    filterable: {
+      type: Boolean,
+      default: true,
+    },
     options: {
       type: Array as PropType<SelectOption[]>,
     },
@@ -58,10 +64,12 @@ export default defineComponent({
     });
 
     const onChange = (value: any) => {
+      if (value === '') return;
       emit('change', value);
     };
 
     const onClear = () => {
+      internalModelValue.value = undefined;
       emit('change', undefined);
     };
 
@@ -90,4 +98,16 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+.filter-select {
+  display: flex;
+  align-items: center;
+  flex: 1 0 auto;
+
+  .label {
+  }
+
+  .content {
+    flex: 1 0 180px;
+  }
+}
 </style>
diff --git a/src/components/nav/NavActionGroup.vue b/src/components/nav/NavActionGroup.vue
index fc33dca6dc516..17525b7be08af 100644
--- a/src/components/nav/NavActionGroup.vue
+++ b/src/components/nav/NavActionGroup.vue
@@ -20,21 +20,26 @@ export default defineComponent({
 @import "../../styles/variables.scss";
 
 .nav-action-group {
-  height: auto;
+  height: fit-content;
   display: flex;
-  align-items: center;
+  align-items: start;
   box-sizing: border-box;
+  flex-wrap: wrap;
+  position: relative;
 
   & + .nav-action-group {
     //padding-left: 10px;
     margin-left: 10px;
+  }
 
-    .border {
-      margin-left: -10px;
-      margin-right: 10px;
-      border-left: 1px solid $navActionsGroupBorderColor;
-      height: calc(100% - 20px);
-    }
+  .border {
+    position: absolute;
+    left: 0;
+    top: 10px;
+    margin-left: -10px;
+    margin-right: 10px;
+    border-left: 1px solid $navActionsGroupBorderColor;
+    height: calc(100% - 20px);
   }
 }
 </style>
diff --git a/src/components/nav/NavActionItem.vue b/src/components/nav/NavActionItem.vue
index a8f463c8266f3..edb89fad98a3a 100644
--- a/src/components/nav/NavActionItem.vue
+++ b/src/components/nav/NavActionItem.vue
@@ -32,8 +32,9 @@ export default defineComponent({
 
 .nav-action-item {
   margin: 10px 0;
-  height: auto;
+  height: fit-content;
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
   color: $navActionsItemColor;
 
diff --git a/src/components/nav/NavActions.vue b/src/components/nav/NavActions.vue
index 5ca90b6412bb6..e42fadc967371 100644
--- a/src/components/nav/NavActions.vue
+++ b/src/components/nav/NavActions.vue
@@ -1,9 +1,9 @@
 <template>
   <div
-      ref="navActions"
-      :class="classes"
-      :style="style"
-      class="nav-actions"
+    ref="navActions"
+    :class="classes"
+    :style="style"
+    class="nav-actions"
   >
     <slot></slot>
   </div>
@@ -33,7 +33,7 @@ export default defineComponent({
 
     const style = computed(() => {
       return {
-        height: height.value,
+        // height: height.value,
         minHeight: height.value,
       };
     });
@@ -86,10 +86,11 @@ export default defineComponent({
   padding: 0 10px;
   min-height: 50px;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   height: fit-content;
   border-bottom: 1px solid $infoBorderColor;
   transition: all $navActionsCollapseTransitionDuration;
+  overflow-x: auto;
   overflow-y: hidden;
   box-sizing: border-box;
 
diff --git a/src/components/user/user.ts b/src/components/user/user.ts
index 75e1eac74f4e1..0c8cf473796ae 100644
--- a/src/components/user/user.ts
+++ b/src/components/user/user.ts
@@ -106,6 +106,11 @@ const useUser = (store: Store<RootStoreState>) => {
     await ElMessage.success(t('common.message.success.save'));
   };
 
+  const rolesOptions: SelectOption[] = [
+    {label: t('components.user.role.admin'), value: ROLE_ADMIN},
+    {label: t('components.user.role.normal'), value: ROLE_NORMAL},
+  ];
+
   return {
     ...useForm('user', store, useUserService(store), formComponentData),
     modeOptions,
@@ -113,6 +118,7 @@ const useUser = (store: Store<RootStoreState>) => {
     formRules,
     allUserSelectOptions,
     onChangePasswordFunc,
+    rolesOptions,
   };
 };
 
diff --git a/src/i18n/lang/en/views/nodes.ts b/src/i18n/lang/en/views/nodes.ts
index 2ec511b59452f..1d175b1808a92 100644
--- a/src/i18n/lang/en/views/nodes.ts
+++ b/src/i18n/lang/en/views/nodes.ts
@@ -24,6 +24,21 @@ const nodes: LViewsNodes = {
       }
     }
   },
+  navActionsExtra: {
+    filter: {
+      select: {
+        type: {
+          label: 'Node Type'
+        },
+        status: {
+          label: 'Status'
+        },
+        enabled: {
+          label: 'Enabled'
+        },
+      }
+    }
+  },
   notice: {
     create: {
       title: 'Create Node',
diff --git a/src/i18n/lang/en/views/schedules.ts b/src/i18n/lang/en/views/schedules.ts
index 07fab17aceec0..79a81ce1cbde4 100644
--- a/src/i18n/lang/en/views/schedules.ts
+++ b/src/i18n/lang/en/views/schedules.ts
@@ -20,6 +20,26 @@ const schedules: LViewsSchedules = {
         placeholder: 'Search schedules',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        spider: {
+          label: 'Spider',
+        },
+        mode: {
+          label: 'Mode',
+        },
+        enabled: {
+          label: 'Enabled',
+        }
+      },
+      search: {
+        cron: {
+          placeholder: 'Search cron expression',
+        }
+      }
+    }
   }
 };
 
diff --git a/src/i18n/lang/en/views/spiders.ts b/src/i18n/lang/en/views/spiders.ts
index 3b7a8e4cf3c53..5a9592c07f784 100644
--- a/src/i18n/lang/en/views/spiders.ts
+++ b/src/i18n/lang/en/views/spiders.ts
@@ -26,7 +26,7 @@ const spiders: LViewsSpiders = {
     filter: {
       select: {
         project: {
-          label: 'Project'
+          label: 'Project',
         }
       }
     }
diff --git a/src/i18n/lang/en/views/tasks.ts b/src/i18n/lang/en/views/tasks.ts
index a4bb48bc4451e..f30507b6d8259 100644
--- a/src/i18n/lang/en/views/tasks.ts
+++ b/src/i18n/lang/en/views/tasks.ts
@@ -28,6 +28,32 @@ const tasks: LViewsTasks = {
         placeholder: 'Search tasks',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        node: {
+          label: 'Node',
+        },
+        spider: {
+          label: 'Spider',
+        },
+        schedule: {
+          label: 'Schedule',
+        },
+        priority: {
+          label: 'Priority',
+        },
+        status: {
+          label: 'Status',
+        }
+      },
+      search: {
+        cmd: {
+          placeholder: 'Search Execute Command',
+        }
+      }
+    },
   }
 };
 
diff --git a/src/i18n/lang/en/views/users.ts b/src/i18n/lang/en/views/users.ts
index a25798783b01a..7cbf78c155620 100644
--- a/src/i18n/lang/en/views/users.ts
+++ b/src/i18n/lang/en/views/users.ts
@@ -16,6 +16,20 @@ const users: LViewsUsers = {
         placeholder: 'Search users',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        role: {
+          label: 'Role',
+        }
+      },
+      search: {
+        email: {
+          placeholder: 'Search email',
+        }
+      }
+    }
   }
 };
 
diff --git a/src/i18n/lang/zh/views/nodes.ts b/src/i18n/lang/zh/views/nodes.ts
index e34514125f86b..156e26a7f6902 100644
--- a/src/i18n/lang/zh/views/nodes.ts
+++ b/src/i18n/lang/zh/views/nodes.ts
@@ -24,6 +24,21 @@ const nodes: LViewsNodes = {
       }
     }
   },
+  navActionsExtra: {
+    filter: {
+      select: {
+        type: {
+          label: '节点类别'
+        },
+        status: {
+          label: '状态'
+        },
+        enabled: {
+          label: '是否启用'
+        },
+      }
+    }
+  },
   notice: {
     create: {
       title: '创建节点',
diff --git a/src/i18n/lang/zh/views/schedules.ts b/src/i18n/lang/zh/views/schedules.ts
index cdc0712e1443d..ab6a8d6c8994d 100644
--- a/src/i18n/lang/zh/views/schedules.ts
+++ b/src/i18n/lang/zh/views/schedules.ts
@@ -20,6 +20,26 @@ const schedules: LViewsSchedules = {
         placeholder: '搜索定时任务',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        spider: {
+          label: '爬虫',
+        },
+        mode: {
+          label: '模式',
+        },
+        enabled: {
+          label: '是否启用',
+        }
+      },
+      search: {
+        cron: {
+          placeholder: '搜索 Cron 表达式',
+        }
+      }
+    }
   }
 };
 
diff --git a/src/i18n/lang/zh/views/spiders.ts b/src/i18n/lang/zh/views/spiders.ts
index 05dea2378453f..da294bc8ac2ca 100644
--- a/src/i18n/lang/zh/views/spiders.ts
+++ b/src/i18n/lang/zh/views/spiders.ts
@@ -26,7 +26,7 @@ const spiders: LViewsSpiders = {
     filter: {
       select: {
         project: {
-          label: '项目'
+          label: '项目',
         }
       }
     }
diff --git a/src/i18n/lang/zh/views/tasks.ts b/src/i18n/lang/zh/views/tasks.ts
index 1f69b1c5871ac..f04eed76d37fa 100644
--- a/src/i18n/lang/zh/views/tasks.ts
+++ b/src/i18n/lang/zh/views/tasks.ts
@@ -28,6 +28,32 @@ const tasks: LViewsTasks = {
         placeholder: '搜索任务',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        node: {
+          label: '节点',
+        },
+        spider: {
+          label: '爬虫',
+        },
+        schedule: {
+          label: '定时任务',
+        },
+        priority: {
+          label: '优先级',
+        },
+        status: {
+          label: '状态',
+        }
+      },
+      search: {
+        cmd: {
+          placeholder: '搜索执行命令',
+        }
+      }
+    },
   }
 };
 
diff --git a/src/i18n/lang/zh/views/users.ts b/src/i18n/lang/zh/views/users.ts
index 8b221f898fccf..ac4bcfc295aac 100644
--- a/src/i18n/lang/zh/views/users.ts
+++ b/src/i18n/lang/zh/views/users.ts
@@ -16,6 +16,20 @@ const users: LViewsUsers = {
         placeholder: '搜索用户',
       }
     }
+  },
+  navActionsExtra: {
+    filter: {
+      select: {
+        role: {
+          label: '角色',
+        }
+      },
+      search: {
+        email: {
+          placeholder: '搜索邮箱',
+        }
+      }
+    }
   }
 };
 
diff --git a/src/interfaces/components/filter/FilterSelect.d.ts b/src/interfaces/components/filter/FilterSelect.d.ts
index 901f8f7d26bf7..92c10a29f44db 100644
--- a/src/interfaces/components/filter/FilterSelect.d.ts
+++ b/src/interfaces/components/filter/FilterSelect.d.ts
@@ -8,6 +8,7 @@ export declare global {
   interface FilterSelectProps {
     label?: string;
     placeholder?: string;
+    filterable?: boolean;
     options?: SelectOption[];
     optionsRemote?: FilterSelectOptionsRemote;
   }
diff --git a/src/interfaces/i18n/views/nodes.d.ts b/src/interfaces/i18n/views/nodes.d.ts
index 1f76ef597e9cc..cf07dd2857b12 100644
--- a/src/interfaces/i18n/views/nodes.d.ts
+++ b/src/interfaces/i18n/views/nodes.d.ts
@@ -14,6 +14,21 @@ interface LViewsNodes {
     };
   };
   navActions: LNavActions;
+  navActionsExtra: {
+    filter: {
+      select: {
+        type: {
+          label: string;
+        };
+        status: {
+          label: string;
+        };
+        enabled: {
+          label: string;
+        };
+      };
+    };
+  };
   notice: {
     create: {
       title: string;
diff --git a/src/interfaces/i18n/views/schedules.d.ts b/src/interfaces/i18n/views/schedules.d.ts
index b4a4970695e40..cfd59e3d78ca4 100644
--- a/src/interfaces/i18n/views/schedules.d.ts
+++ b/src/interfaces/i18n/views/schedules.d.ts
@@ -11,4 +11,24 @@ interface LViewsSchedules {
     };
   };
   navActions: LNavActions;
+  navActionsExtra: {
+    filter: {
+      select: {
+        spider: {
+          label: string;
+        };
+        mode: {
+          label: string;
+        };
+        enabled: {
+          label: string;
+        };
+      };
+      search: {
+        cron: {
+          placeholder: string;
+        };
+      };
+    };
+  };
 }
diff --git a/src/interfaces/i18n/views/tasks.d.ts b/src/interfaces/i18n/views/tasks.d.ts
index 699a6882a33dd..edc760d377132 100644
--- a/src/interfaces/i18n/views/tasks.d.ts
+++ b/src/interfaces/i18n/views/tasks.d.ts
@@ -19,4 +19,30 @@ interface LViewsTasks {
     };
   };
   navActions: LNavActions;
+  navActionsExtra: {
+    filter: {
+      select: {
+        node: {
+          label: string;
+        };
+        spider: {
+          label: string;
+        };
+        schedule: {
+          label: string;
+        };
+        priority: {
+          label: string;
+        };
+        status: {
+          label: string;
+        };
+      };
+      search: {
+        cmd: {
+          placeholder: string;
+        };
+      };
+    };
+  };
 }
diff --git a/src/interfaces/i18n/views/users.d.ts b/src/interfaces/i18n/views/users.d.ts
index fc64423adb2af..bfd1afa983382 100644
--- a/src/interfaces/i18n/views/users.d.ts
+++ b/src/interfaces/i18n/views/users.d.ts
@@ -7,4 +7,18 @@ interface LViewsUsers {
     };
   };
   navActions: LNavActions;
+  navActionsExtra: {
+    filter: {
+      select: {
+        role: {
+          label: string;
+        };
+      };
+      search: {
+        email: {
+          placeholder: string;
+        };
+      };
+    };
+  };
 }
diff --git a/src/layouts/content/list/ListLayout.vue b/src/layouts/content/list/ListLayout.vue
index c6ca756bf7484..e758853ec0232 100644
--- a/src/layouts/content/list/ListLayout.vue
+++ b/src/layouts/content/list/ListLayout.vue
@@ -14,7 +14,6 @@
             <template v-if="item.action === ACTION_FILTER_SEARCH">
               <FilterInput
                 :placeholder="item.placeholder"
-                clearable
                 @change="(value) => item?.onChange(value)"
               />
             </template>
diff --git a/src/utils/list.ts b/src/utils/list.ts
index 136aeb82c8730..584c70ea24872 100644
--- a/src/utils/list.ts
+++ b/src/utils/list.ts
@@ -45,7 +45,7 @@ export const onListFilterChangeByKey = (store: Store<RootStoreState>, ns: ListSt
   return async (value: string) => {
     store.commit(`${ns}/setTableListFilterByKey`, {
       key,
-      conditions: value ? [{key, op, value}] : [],
+      conditions: value !== undefined ? [{key, op, value}] : [],
     });
     await store.dispatch(`${ns}/getList`);
   };
diff --git a/src/utils/task.ts b/src/utils/task.ts
index 4f4e132dfe61a..b7a4e8cc96bdc 100644
--- a/src/utils/task.ts
+++ b/src/utils/task.ts
@@ -2,7 +2,7 @@ import {
   TASK_MODE_ALL_NODES,
   TASK_MODE_RANDOM,
   TASK_MODE_SELECTED_NODE_TAGS,
-  TASK_MODE_SELECTED_NODES,
+  TASK_MODE_SELECTED_NODES, TASK_STATUS_CANCELLED, TASK_STATUS_ERROR, TASK_STATUS_FINISHED,
   TASK_STATUS_PENDING,
   TASK_STATUS_RUNNING
 } from '@/constants/task';
@@ -43,10 +43,26 @@ export const getModeOptions = (): SelectOption[] => {
   ];
 };
 
-
 export const getModeOptionsDict = (): Map<string, SelectOption> => {
   const modeOptions = getModeOptions();
   const dict = new Map<string, SelectOption>();
   modeOptions.forEach(op => dict.set(op.value, op));
   return dict;
 };
+
+export const getStatusOptions = (): SelectOption[] => {
+  return [
+    {label: t('components.task.status.label.pending'), value: TASK_STATUS_PENDING},
+    {label: t('components.task.status.label.running'), value: TASK_STATUS_RUNNING},
+    {label: t('components.task.status.label.finished'), value: TASK_STATUS_FINISHED},
+    {label: t('components.task.status.label.error'), value: TASK_STATUS_ERROR},
+    {label: t('components.task.status.label.cancelled'), value: TASK_STATUS_CANCELLED},
+  ];
+};
+
+export const getStatusOptionsDict = (): Map<string, SelectOption> => {
+  const statusOptions = getStatusOptions();
+  const dict = new Map<string, SelectOption>();
+  statusOptions.forEach(op => dict.set(op.value, op));
+  return dict;
+};
diff --git a/src/views/node/list/nodeList.ts b/src/views/node/list/nodeList.ts
index 07e12cb305eb1..ec2d8b2879845 100644
--- a/src/views/node/list/nodeList.ts
+++ b/src/views/node/list/nodeList.ts
@@ -1,6 +1,6 @@
 import useList from '@/layouts/content/list/list';
 import {useStore} from 'vuex';
-import {getDefaultUseListOptions, setupListComponent} from '@/utils/list';
+import {getDefaultUseListOptions, onListFilterChangeByKey, setupListComponent} from '@/utils/list';
 import {computed, h} from 'vue';
 import NodeType from '@/components/node/NodeType.vue';
 import {
@@ -24,7 +24,15 @@ import {
 } from '@/constants/node';
 import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
-import {ACTION_ADD, ACTION_DELETE, ACTION_ENABLE, ACTION_VIEW} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_DELETE,
+  ACTION_ENABLE,
+  ACTION_FILTER,
+  ACTION_FILTER_SEARCH, ACTION_FILTER_SELECT,
+  ACTION_VIEW,
+  FILTER_OP_CONTAINS, FILTER_OP_EQUAL
+} from '@/constants';
 import {isAllowedAction} from '@/utils';
 
 type Node = CNode;
@@ -92,6 +100,54 @@ const useNodeList = () => {
           }
         }
       ]
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.nodes.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-type',
+          className: 'filter-select-type',
+          label: t('views.nodes.navActionsExtra.filter.select.type.label'),
+          options: [
+            {label: t('components.node.nodeType.label.master'), value: true},
+            {label: t('components.node.nodeType.label.worker'), value: false},
+          ],
+          onChange: onListFilterChangeByKey(store, ns, 'is_master', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-status',
+          className: 'filter-select-status',
+          label: t('views.nodes.navActionsExtra.filter.select.status.label'),
+          options: [
+            {label: t('components.node.nodeStatus.label.unregistered'), value: NODE_STATUS_UNREGISTERED},
+            {label: t('components.node.nodeStatus.label.registered'), value: NODE_STATUS_REGISTERED},
+            {label: t('components.node.nodeStatus.label.online'), value: NODE_STATUS_ONLINE},
+            {label: t('components.node.nodeStatus.label.offline'), value: NODE_STATUS_OFFLINE},
+          ],
+          onChange: onListFilterChangeByKey(store, ns, 'status', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-enabled',
+          className: 'filter-select-enabled',
+          label: t('views.nodes.navActionsExtra.filter.select.enabled.label'),
+          options: [
+            {label: t('common.control.enabled'), value: true},
+            {label: t('common.control.disabled'), value: false},
+          ],
+          onChange: onListFilterChangeByKey(store, ns, 'enabled', FILTER_OP_EQUAL),
+        },
+      ]
     }
   ]);
 
diff --git a/src/views/project/list/projectList.ts b/src/views/project/list/projectList.ts
index 3a888ab6032a1..ad5dc0b724c09 100644
--- a/src/views/project/list/projectList.ts
+++ b/src/views/project/list/projectList.ts
@@ -4,11 +4,18 @@ import {useStore} from 'vuex';
 import useList from '@/layouts/content/list/list';
 import NavLink from '@/components/nav/NavLink.vue';
 import {useRouter} from 'vue-router';
-import TagList from '@/components/tag/TagList.vue';
 import {TAB_NAME_SPIDERS} from '@/constants/tab';
 import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
-import {ACTION_ADD, ACTION_DELETE, ACTION_VIEW} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_DELETE,
+  ACTION_FILTER,
+  ACTION_FILTER_SEARCH,
+  ACTION_VIEW,
+  FILTER_OP_CONTAINS
+} from '@/constants';
+import {onListFilterChangeByKey} from '@/utils';
 
 const useProjectList = () => {
   // router
@@ -51,7 +58,20 @@ const useProjectList = () => {
           }
         }
       ]
-    }
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.projects.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+      ]
+    },
   ]);
 
   // table columns
diff --git a/src/views/schedule/list/scheduleList.ts b/src/views/schedule/list/scheduleList.ts
index f54f43b88b233..e89ada7697658 100644
--- a/src/views/schedule/list/scheduleList.ts
+++ b/src/views/schedule/list/scheduleList.ts
@@ -5,7 +5,7 @@ import {ElMessage} from 'element-plus';
 import useList from '@/layouts/content/list/list';
 import NavLink from '@/components/nav/NavLink.vue';
 import {useRouter} from 'vue-router';
-import {setupListComponent} from '@/utils/list';
+import {onListFilterChangeByKey, setupListComponent} from '@/utils/list';
 import TaskMode from '@/components/task/TaskMode.vue';
 import ScheduleCron from '@/components/schedule/ScheduleCron.vue';
 import Switch from '@/components/switch/Switch.vue';
@@ -13,7 +13,21 @@ import useSpider from '@/components/spider/spider';
 import useTask from '@/components/task/task';
 import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
-import {ACTION_ADD, ACTION_DELETE, ACTION_ENABLE, ACTION_VIEW} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_DELETE,
+  ACTION_ENABLE,
+  ACTION_FILTER,
+  ACTION_FILTER_SEARCH,
+  ACTION_FILTER_SELECT,
+  ACTION_VIEW,
+  FILTER_OP_CONTAINS,
+  FILTER_OP_EQUAL,
+  TASK_MODE_ALL_NODES,
+  TASK_MODE_RANDOM,
+  TASK_MODE_SELECTED_NODE_TAGS,
+  TASK_MODE_SELECTED_NODES
+} from '@/constants';
 import {isAllowedAction} from '@/utils';
 
 // i18n
@@ -70,6 +84,60 @@ const useScheduleList = () => {
           }
         }
       ]
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.schedules.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-spider',
+          className: 'filter-select-spider',
+          label: t('views.schedules.navActionsExtra.filter.select.spider.label'),
+          optionsRemote: {
+            colName: 'spiders',
+          },
+          onChange: onListFilterChangeByKey(store, ns, 'spider_id', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-mode',
+          className: 'filter-select-mode',
+          label: t('views.schedules.navActionsExtra.filter.select.mode.label'),
+          options: [
+            {label: t('components.task.mode.label.randomNode'), value: TASK_MODE_RANDOM},
+            {label: t('components.task.mode.label.allNodes'), value: TASK_MODE_ALL_NODES},
+            {label: t('components.task.mode.label.selectedNodes'), value: TASK_MODE_SELECTED_NODES},
+            {label: t('components.task.mode.label.selectedTags'), value: TASK_MODE_SELECTED_NODE_TAGS},
+          ],
+          onChange: onListFilterChangeByKey(store, ns, 'mode', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search-cron',
+          className: 'search-cron',
+          placeholder: t('views.schedules.navActionsExtra.filter.search.cron.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'cron', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-enabled',
+          className: 'filter-select-enabled',
+          label: t('views.schedules.navActionsExtra.filter.select.enabled.label'),
+          options: [
+            {label: t('common.control.enabled'), value: true},
+            {label: t('common.control.disabled'), value: false},
+          ],
+          onChange: onListFilterChangeByKey(store, ns, 'enabled', FILTER_OP_EQUAL),
+        },
+      ]
     }
   ]);
 
diff --git a/src/views/task/list/taskList.ts b/src/views/task/list/taskList.ts
index 2b05e9afb264a..2c6ea24261aad 100644
--- a/src/views/task/list/taskList.ts
+++ b/src/views/task/list/taskList.ts
@@ -11,8 +11,8 @@ import TaskPriority from '@/components/task/TaskPriority.vue';
 import NodeType from '@/components/node/NodeType.vue';
 import Time from '@/components/time/Time.vue';
 import Duration from '@/components/time/Duration.vue';
-import {setupListComponent} from '@/utils/list';
-import {isCancellable} from '@/utils/task';
+import {onListFilterChangeByKey, setupListComponent} from '@/utils/list';
+import {getStatusOptions, isCancellable} from '@/utils/task';
 import TaskResults from '@/components/task/TaskResults.vue';
 import useNode from '@/components/node/node';
 import useSpider from '@/components/spider/spider';
@@ -28,7 +28,15 @@ import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
 import useSchedule from '@/components/schedule/schedule';
 import TaskCommand from '@/components/task/TaskCommand.vue';
-import {ACTION_ADD, ACTION_CANCEL, ACTION_DELETE, ACTION_RESTART, ACTION_VIEW, ACTION_VIEW_LOGS} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_CANCEL,
+  ACTION_DELETE,
+  ACTION_FILTER, ACTION_FILTER_SEARCH, ACTION_FILTER_SELECT,
+  ACTION_RESTART,
+  ACTION_VIEW,
+  ACTION_VIEW_LOGS, FILTER_OP_CONTAINS, FILTER_OP_EQUAL
+} from '@/constants';
 
 const {
   post,
@@ -51,6 +59,10 @@ const useTaskList = () => {
     actionFunctions,
   } = useList<Task>(ns, store);
 
+  const {
+    priorityOptions,
+  } = useTask(store);
+
   // action functions
   const {
     deleteByIdConfirm,
@@ -84,7 +96,73 @@ const useTaskList = () => {
 
             sendEvent('click_task_list_new');
           }
-        }
+        },
+      ]
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.tasks.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-node',
+          className: 'filter-select-node',
+          label: t('views.tasks.navActionsExtra.filter.select.node.label'),
+          optionsRemote: {
+            colName: 'nodes',
+          },
+          onChange: onListFilterChangeByKey(store, ns, 'node_id', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-spider',
+          className: 'filter-select-spider',
+          label: t('views.tasks.navActionsExtra.filter.select.spider.label'),
+          optionsRemote: {
+            colName: 'spiders',
+          },
+          onChange: onListFilterChangeByKey(store, ns, 'spider_id', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-schedule',
+          className: 'filter-select-schedule',
+          label: t('views.tasks.navActionsExtra.filter.select.schedule.label'),
+          optionsRemote: {
+            colName: 'schedules',
+          },
+          onChange: onListFilterChangeByKey(store, ns, 'schedule_id', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-priority',
+          className: 'filter-select-priority',
+          label: t('views.tasks.navActionsExtra.filter.select.priority.label'),
+          options: priorityOptions,
+          onChange: onListFilterChangeByKey(store, ns, 'priority', FILTER_OP_EQUAL),
+        },
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search-cmd',
+          className: 'search-cmd',
+          placeholder: t('views.tasks.navActionsExtra.filter.search.cmd.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'cmd', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-status',
+          className: 'filter-select-status',
+          label: t('views.tasks.navActionsExtra.filter.select.status.label'),
+          options: getStatusOptions(),
+          onChange: onListFilterChangeByKey(store, ns, 'status', FILTER_OP_EQUAL),
+        },
       ]
     }
   ]);
@@ -101,10 +179,6 @@ const useTaskList = () => {
     allListSelectOptions: allScheduleListSelectOptions,
   } = useSchedule(store);
 
-  const {
-    priorityOptions,
-  } = useTask(store);
-
   // table columns
   const tableColumns = computed<TableColumns<Task>>(() => [
     {
@@ -203,13 +277,7 @@ const useTaskList = () => {
       },
       hasFilter: true,
       allowFilterItems: true,
-      filterItems: [
-        {label: t('components.task.status.label.pending'), value: TASK_STATUS_PENDING},
-        {label: t('components.task.status.label.running'), value: TASK_STATUS_RUNNING},
-        {label: t('components.task.status.label.finished'), value: TASK_STATUS_FINISHED},
-        {label: t('components.task.status.label.error'), value: TASK_STATUS_ERROR},
-        {label: t('components.task.status.label.cancelled'), value: TASK_STATUS_CANCELLED},
-      ],
+      filterItems: getStatusOptions(),
     },
     {
       key: 'stat_create_ts',
diff --git a/src/views/token/list/tokenList.ts b/src/views/token/list/tokenList.ts
index 804b5dca9312d..41c47778e91d4 100644
--- a/src/views/token/list/tokenList.ts
+++ b/src/views/token/list/tokenList.ts
@@ -6,7 +6,16 @@ import {ElMessage, ElMessageBox} from 'element-plus';
 import useClipboard from 'vue-clipboard3';
 import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
-import {ACTION_ADD, ACTION_COPY, ACTION_DELETE, ACTION_VIEW} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_COPY,
+  ACTION_DELETE,
+  ACTION_FILTER,
+  ACTION_FILTER_SEARCH,
+  ACTION_VIEW,
+  FILTER_OP_CONTAINS
+} from '@/constants';
+import {onListFilterChangeByKey} from '@/utils';
 
 // i18n
 const t = translate;
@@ -61,6 +70,19 @@ const useTokenList = () => {
           },
         }
       ]
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.tokens.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+      ]
     }
   ]);
 
diff --git a/src/views/user/list/userList.ts b/src/views/user/list/userList.ts
index 70278b66c9291..02920951f30ca 100644
--- a/src/views/user/list/userList.ts
+++ b/src/views/user/list/userList.ts
@@ -8,7 +8,16 @@ import UserRole from '@/components/user/UserRole.vue';
 import {ROLE_ADMIN, ROLE_NORMAL, USERNAME_ADMIN} from '@/constants/user';
 import {translate} from '@/utils/i18n';
 import {sendEvent} from '@/admin/umeng';
-import {ACTION_ADD, ACTION_DELETE, ACTION_VIEW} from '@/constants';
+import {
+  ACTION_ADD,
+  ACTION_DELETE,
+  ACTION_FILTER,
+  ACTION_FILTER_SEARCH, ACTION_FILTER_SELECT,
+  ACTION_VIEW,
+  FILTER_OP_CONTAINS, FILTER_OP_EQUAL
+} from '@/constants';
+import {onListFilterChangeByKey} from '@/utils';
+import useUser from '@/components/user/user';
 
 // i18n
 const t = translate;
@@ -27,6 +36,10 @@ const useUserList = () => {
     actionFunctions,
   } = useList<User>(ns, store);
 
+  const {
+    rolesOptions,
+  } = useUser(store);
+
   // action functions
   const {
     deleteByIdConfirm,
@@ -53,6 +66,34 @@ const useUserList = () => {
           }
         }
       ]
+    },
+    {
+      action: ACTION_FILTER,
+      name: 'filter',
+      children: [
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search',
+          className: 'search',
+          placeholder: t('views.users.navActions.filter.search.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'name', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SEARCH,
+          id: 'filter-search-email',
+          className: 'search-email',
+          placeholder: t('views.users.navActionsExtra.filter.search.email.placeholder'),
+          onChange: onListFilterChangeByKey(store, ns, 'email', FILTER_OP_CONTAINS),
+        },
+        {
+          action: ACTION_FILTER_SELECT,
+          id: 'filter-select-priority',
+          className: 'filter-select-priority',
+          label: t('views.users.navActionsExtra.filter.select.role.label'),
+          options: rolesOptions,
+          onChange: onListFilterChangeByKey(store, ns, 'role', FILTER_OP_EQUAL),
+        },
+      ]
     }
   ]);
 
@@ -88,10 +129,7 @@ const useUserList = () => {
       value: (row: User) => h(UserRole, {role: row.role} as UserRoleProps),
       hasFilter: true,
       allowFilterItems: true,
-      filterItems: [
-        {label: t('components.user.role.admin'), value: ROLE_ADMIN},
-        {label: t('components.user.role.normal'), value: ROLE_NORMAL},
-      ],
+      filterItems: rolesOptions,
     },
     {
       key: TABLE_COLUMN_NAME_ACTIONS,