打手列表新增VIP等级筛选

apps/frontend/src/pages/admin/panels/WorkersPanel.tsx

@@ -57,6 +57,7 @@ export default function WorkersPanel() {
   const [keywordInput, setKeywordInput] = useState('')
   const [keyword, setKeyword] = useState('')
   const [workerType, setWorkerType] = useState('')
+  const [levelId, setLevelId] = useState(0)
   const [targetWorkerId, setTargetWorkerId] = useState(0)
   const [page, setPage] = useState(1)
   const [pageSize, setPageSize] = useState(ADMIN_DEFAULT_PAGE_SIZE)
@@ -91,6 +92,7 @@ export default function WorkersPanel() {
     setKeyword('')
     setStatus('')
     setWorkerType('')
+    setLevelId(0)
     setPage(1)
   }, [searchParams])
 
@@ -100,6 +102,7 @@ export default function WorkersPanel() {
       status,
       keyword,
       workerType,
+      levelId,
       targetWorkerId,
       page,
       pageSize,
@@ -109,6 +112,7 @@ export default function WorkersPanel() {
         status,
         keyword,
         workerType,
+        levelId: levelId || undefined,
         workerId: targetWorkerId || undefined,
         page,
         pageSize,
@@ -152,6 +156,7 @@ export default function WorkersPanel() {
     setKeyword('')
     setStatus('')
     setWorkerType('')
+    setLevelId(0)
     setTargetWorkerId(0)
     setPage(1)
     setSearchParams(
@@ -474,6 +479,21 @@ export default function WorkersPanel() {
               setPage(1)
             }}
           />
+          <Select
+            allowClear
+            value={levelId || undefined}
+            style={{ width: 140 }}
+            placeholder="全部等级"
+            loading={levelsQuery.isLoading}
+            options={(levelsQuery.data?.data.items || []).map((item) => ({
+              value: item.levelId,
+              label: item.name,
+            }))}
+            onChange={(nextLevelId) => {
+              setLevelId(nextLevelId || 0)
+              setPage(1)
+            }}
+          />
           <Button type="primary" icon={<SearchOutlined />} onClick={searchWorkers}>
             查询
           </Button>