fix: track live downstream cmpp connections

src/apps/admin/AdminDrainageFieldsPage.tsx

@@ -24,7 +24,9 @@ const typeOptions = [
 export function AdminDrainageFieldsPage() {
   const [fields, setFields] = useState<DrainageField[]>([]);
   const [keyword, setKeyword] = useState('');
+  const [appliedKeyword, setAppliedKeyword] = useState('');
   const [type, setType] = useState('all');
+  const [appliedType, setAppliedType] = useState('all');
   const [creating, setCreating] = useState(false);
   const [code, setCode] = useState('');
   const [name, setName] = useState('');
@@ -47,11 +49,11 @@ export function AdminDrainageFieldsPage() {
 
   const filteredFields = useMemo(
     () => fields.filter((field) => {
-      const matchesKeyword = !keyword || [field.code, field.name, field.fieldType, field.description].some((value) => String(value ?? '').includes(keyword));
-      const matchesType = type === 'all' || field.fieldType === type;
+      const matchesKeyword = !appliedKeyword || [field.code, field.name, field.fieldType, field.description].some((value) => String(value ?? '').includes(appliedKeyword));
+      const matchesType = appliedType === 'all' || field.fieldType === appliedType;
       return matchesKeyword && matchesType;
     }),
-    [fields, keyword, type],
+    [appliedKeyword, appliedType, fields],
   );
 
   function createField() {
@@ -88,6 +90,10 @@ export function AdminDrainageFieldsPage() {
       <div className="surface admin-drainage-toolbar">
         <Input onChange={(event) => setKeyword(event.target.value)} placeholder="搜索字段名称、代码或描述..." prefix={<Search size={16} />} value={keyword} />
         <Select onChange={(event) => setType(event.target.value)} options={typeOptions} value={type} />
+        <div className="admin-system-toolbar__actions">
+          <Button icon={<Search size={16} />} onClick={() => { setAppliedKeyword(keyword.trim()); setAppliedType(type); }}>查询</Button>
+          <Button onClick={() => { setKeyword(''); setType('all'); setAppliedKeyword(''); setAppliedType('all'); }} variant="ghost">重置</Button>
+        </div>
         <Button icon={<Plus size={18} />} onClick={() => setCreating(true)}>添加字段</Button>
       </div>