fix: polish channel groups and add production deployment

src/apps/admin/AdminEnterpriseSignaturesPage.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import { ChevronDown, ChevronRight, Edit3, FileText, Info, Plus, Search, Trash2, Upload } from 'lucide-react';
 import { adminApi, type ClientSmsApplication, type ClientSmsSignature, type FileRef, type TenantOption } from '@/api/adminApi';
-import { Breadcrumb, Button, FileActions, Input, Modal, Select, Tabs, Tag, Textarea } from '@/components/ui';
+import { Breadcrumb, Button, FileActions, Input, Modal, Pagination, Select, Tabs, Tag, Textarea } from '@/components/ui';
 
 type CarrierStatus = 'approved' | 'pending' | 'rejected' | 'filing';
 
@@ -510,6 +510,7 @@ export function AdminEnterpriseSignaturesPage() {
   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() {
     try {
@@ -537,6 +538,14 @@ export function AdminEnterpriseSignaturesPage() {
     return (!enterpriseKeyword || enterprise.includes(enterpriseKeyword))
       && (!signatureKeyword || item.name.includes(signatureKeyword) || application.includes(signatureKeyword) || (item.purpose ?? '').includes(signatureKeyword));
   }), [enterpriseKeyword, signatureKeyword, signatures]);
+  const pageSize = 10;
+  const totalPages = Math.max(1, Math.ceil(filteredSignatures.length / pageSize));
+  const currentPage = Math.min(page, totalPages);
+  const visibleSignatures = filteredSignatures.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+
+  useEffect(() => {
+    setPage(1);
+  }, [enterpriseKeyword, filteredSignatures.length, signatureKeyword]);
 
   async function saveSignature(state: SignatureFormState) {
     const existing = signatureModal && signatureModal !== 'new' ? signatureModal : null;
@@ -609,7 +618,7 @@ export function AdminEnterpriseSignaturesPage() {
 
   const smsSignatureContent = (
     <div className="signature-list admin-enterprise-signature-list">
-      {filteredSignatures.map((signature) => {
+      {visibleSignatures.map((signature) => {
         const payload = readDrainagePayload(signature);
         const expanded = expandedSignatureId === signature.id;
         return (
@@ -672,6 +681,14 @@ export function AdminEnterpriseSignaturesPage() {
           </article>
         );
       })}
+      <Pagination
+        nextDisabled={currentPage >= totalPages}
+        onNext={() => setPage((value) => Math.min(totalPages, value + 1))}
+        onPrevious={() => setPage((value) => Math.max(1, value - 1))}
+        page={currentPage}
+        previousDisabled={currentPage <= 1}
+        total={filteredSignatures.length}
+      />
       {filteredSignatures.length === 0 ? <div className="ui-table__empty">暂无企业签名</div> : null}
     </div>
   );