fix: track live downstream cmpp connections

src/apps/admin/AdminEnterpriseSignaturesPage.tsx

@@ -491,19 +491,21 @@ export function AdminEnterpriseSignaturesPage() {
   const [drainageModal, setDrainageModal] = useState<{ signatureId: string; item?: DrainageInfo } | null>(null);
   const [drainageReport, setDrainageReport] = useState<DrainageInfo | null>(null);
   const [enterpriseKeyword, setEnterpriseKeyword] = useState('');
+  const [appliedEnterpriseKeyword, setAppliedEnterpriseKeyword] = useState('');
   const [error, setError] = useState('');
   const [expandedSignatureId, setExpandedSignatureId] = useState('');
   const [signatureKeyword, setSignatureKeyword] = useState('');
+  const [appliedSignatureKeyword, setAppliedSignatureKeyword] = useState('');
   const [signatureModal, setSignatureModal] = useState<ClientSmsSignature | 'new' | null>(null);
   const [signatureReport, setSignatureReport] = useState<ClientSmsSignature | null>(null);
   const [signatures, setSignatures] = useState<ClientSmsSignature[]>([]);
   const [tenants, setTenants] = useState<TenantOption[]>([]);
   const [page, setPage] = useState(1);
 
-  async function loadData() {
+  async function loadData(filters = { enterpriseKeyword: appliedEnterpriseKeyword, signatureKeyword: appliedSignatureKeyword }) {
     try {
       const [signatureItems, tenantItems, applicationItems] = await Promise.all([
-        adminApi.listEnterpriseSignatures({ keyword: [enterpriseKeyword, signatureKeyword].filter(Boolean).join(' ') }),
+        adminApi.listEnterpriseSignatures({ keyword: [filters.enterpriseKeyword, filters.signatureKeyword].filter(Boolean).join(' ') }),
         adminApi.listTenants(),
         adminApi.listEnterpriseApplications(),
       ]);
@@ -523,9 +525,9 @@ export function AdminEnterpriseSignaturesPage() {
   const filteredSignatures = useMemo(() => signatures.filter((item) => {
     const enterprise = item.tenant?.name ?? item.tenantId;
     const application = item.application?.name ?? '';
-    return (!enterpriseKeyword || enterprise.includes(enterpriseKeyword))
-      && (!signatureKeyword || item.name.includes(signatureKeyword) || application.includes(signatureKeyword) || (item.purpose ?? '').includes(signatureKeyword));
-  }), [enterpriseKeyword, signatureKeyword, signatures]);
+    return (!appliedEnterpriseKeyword || enterprise.includes(appliedEnterpriseKeyword))
+      && (!appliedSignatureKeyword || item.name.includes(appliedSignatureKeyword) || application.includes(appliedSignatureKeyword) || (item.purpose ?? '').includes(appliedSignatureKeyword));
+  }), [appliedEnterpriseKeyword, appliedSignatureKeyword, signatures]);
   const pageSize = 10;
   const totalPages = Math.max(1, Math.ceil(filteredSignatures.length / pageSize));
   const currentPage = Math.min(page, totalPages);
@@ -533,7 +535,7 @@ export function AdminEnterpriseSignaturesPage() {
 
   useEffect(() => {
     setPage(1);
-  }, [enterpriseKeyword, filteredSignatures.length, signatureKeyword]);
+  }, [appliedEnterpriseKeyword, appliedSignatureKeyword, filteredSignatures.length]);
 
   async function saveSignature(state: SignatureFormState) {
     const existing = signatureModal && signatureModal !== 'new' ? signatureModal : null;
@@ -695,8 +697,22 @@ export function AdminEnterpriseSignaturesPage() {
       <div className="surface admin-split-filter">
         <Input label="企业名称" onChange={(event) => setEnterpriseKeyword(event.target.value)} placeholder="请输入企业名称" prefix={<Search size={16} />} value={enterpriseKeyword} />
         <Input label="签名/应用" onChange={(event) => setSignatureKeyword(event.target.value)} placeholder="请输入签名或应用名称" prefix={<Search size={16} />} value={signatureKeyword} />
-        <Button onClick={() => { setEnterpriseKeyword(''); setSignatureKeyword(''); void loadData(); }} variant="ghost">重置</Button>
-        <Button icon={<Search size={16} />} onClick={() => { void loadData(); }}>查询</Button>
+        <div className="admin-split-filter__actions">
+          <Button icon={<Search size={16} />} onClick={() => {
+            const filters = { enterpriseKeyword: enterpriseKeyword.trim(), signatureKeyword: signatureKeyword.trim() };
+            setAppliedEnterpriseKeyword(filters.enterpriseKeyword);
+            setAppliedSignatureKeyword(filters.signatureKeyword);
+            void loadData(filters);
+          }}>查询</Button>
+          <Button onClick={() => {
+            const filters = { enterpriseKeyword: '', signatureKeyword: '' };
+            setEnterpriseKeyword('');
+            setSignatureKeyword('');
+            setAppliedEnterpriseKeyword('');
+            setAppliedSignatureKeyword('');
+            void loadData(filters);
+          }} variant="ghost">重置</Button>
+        </div>
       </div>
 
       {error ? <p className="form-error">{error}</p> : null}