feat: densify enterprise signature management

src/apps/admin/AdminEnterpriseSignaturesPage.tsx

@@ -6,7 +6,7 @@ import { ReportMaterialImportModal } from './ReportMaterialImportModal';
 import { DrainageFormModal } from './enterprise-signatures/DrainageFormModal';
 import { EnterpriseSignaturesTable } from './enterprise-signatures/EnterpriseSignaturesTable';
 import { SignatureFormModal } from './enterprise-signatures/SignatureFormModal';
-import { ChannelReportStatusModal, ConfirmModal, DrainageReportModal, DrainageReportStatusModal, SignatureReportModal } from './enterprise-signatures/SignatureReportModals';
+import { ChannelReportStatusModal, ConfirmModal, DrainageReportStatusModal } from './enterprise-signatures/SignatureReportModals';
 import { buildDrainagePayload, readDrainagePayload } from './enterprise-signatures/signature.helpers';
 import type { DrainageInfo, SignatureFormState } from './enterprise-signatures/signature.types';
 
@@ -16,7 +16,6 @@ export function AdminEnterpriseSignaturesPage() {
   const [applications, setApplications] = useState<ClientSmsApplication[]>([]);
   const [deleteTarget, setDeleteTarget] = useState<{ kind: 'drainage'; signatureId: string; id: string; name: string } | null>(null);
   const [drainageModal, setDrainageModal] = useState<{ signatureId: string; item?: DrainageInfo } | null>(null);
-  const [drainageReport, setDrainageReport] = useState<{ signature: ClientSmsSignature; item: DrainageInfo } | null>(null);
   const [drainageStatusTarget, setDrainageStatusTarget] = useState<{ signature: ClientSmsSignature; item: DrainageInfo } | null>(null);
   const [enterpriseKeyword, setEnterpriseKeyword] = useState('');
   const [appliedEnterpriseKeyword, setAppliedEnterpriseKeyword] = useState('');
@@ -27,9 +26,9 @@ export function AdminEnterpriseSignaturesPage() {
   const [error, setError] = useState('');
   const [expandedSignatureId, setExpandedSignatureId] = useState('');
   const [signatureKeyword, setSignatureKeyword] = useState('');
+  const [signatureSort, setSignatureSort] = useState<'asc' | 'desc'>('asc');
   const [appliedSignatureKeyword, setAppliedSignatureKeyword] = useState('');
   const [signatureModal, setSignatureModal] = useState<ClientSmsSignature | 'new' | null>(null);
-  const [signatureReport, setSignatureReport] = useState<ClientSmsSignature | null>(null);
   const [reportStatusTarget, setReportStatusTarget] = useState<ClientSmsSignature | null>(null);
   const [signatures, setSignatures] = useState<ClientSmsSignature[]>([]);
   const [total, setTotal] = useState(0);
@@ -40,10 +39,10 @@ export function AdminEnterpriseSignaturesPage() {
 
   const pageSize = 10;
 
-  async function loadData(filters = { enterpriseKeyword: appliedEnterpriseKeyword, applicationKeyword: appliedApplicationKeyword, signatureKeyword: appliedSignatureKeyword, drainageKeyword: appliedDrainageKeyword }, targetPage = page) {
+  async function loadData(filters = { enterpriseKeyword: appliedEnterpriseKeyword, applicationKeyword: appliedApplicationKeyword, signatureKeyword: appliedSignatureKeyword, drainageKeyword: appliedDrainageKeyword }, targetPage = page, targetSort = signatureSort) {
     try {
       const [signatureResult, tenantItems, applicationItems] = await Promise.all([
-        adminApi.listEnterpriseSignaturesPage({ ...filters, page: targetPage, pageSize }),
+        adminApi.listEnterpriseSignaturesPage({ ...filters, signatureSort: targetSort, page: targetPage, pageSize }),
         adminApi.listTenants(),
         adminApi.listEnterpriseApplicationOptions(),
       ]);
@@ -130,13 +129,17 @@ export function AdminEnterpriseSignaturesPage() {
       loadData={loadData}
       setDeleteTarget={setDeleteTarget}
       setDrainageModal={setDrainageModal}
-      setDrainageReport={setDrainageReport}
       setDrainageStatusTarget={setDrainageStatusTarget}
       setExpandedSignatureId={setExpandedSignatureId}
       setPage={setPage}
+      setSignatureSort={(nextSort) => {
+        setSignatureSort(nextSort);
+        if (page === 1) void loadData(undefined, 1, nextSort);
+        else setPage(1);
+      }}
       setReportStatusTarget={setReportStatusTarget}
       setSignatureModal={setSignatureModal}
-      setSignatureReport={setSignatureReport}
+      signatureSort={signatureSort}
       total={total}
       totalPages={totalPages}
       visibleSignatures={visibleSignatures}
@@ -159,7 +162,7 @@ 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) => setApplicationKeyword(event.target.value)} placeholder="请输入企业应用名称" prefix={<Search size={16} />} value={applicationKeyword} />
-        <Input label="签名名称" onChange={(event) => setSignatureKeyword(event.target.value)} placeholder="请输入签名名称或用途" prefix={<Search size={16} />} value={signatureKeyword} />
+        <Input label="签名" onChange={(event) => setSignatureKeyword(event.target.value)} placeholder="请输入签名" prefix={<Search size={16} />} value={signatureKeyword} />
         <Input label="引流信息" onChange={(event) => setDrainageKeyword(event.target.value)} placeholder="请输入引流信息、URL 或备注" prefix={<Search size={16} />} value={drainageKeyword} />
         <div className="admin-split-filter__actions">
           <Button icon={<Search size={16} />} onClick={() => {
@@ -214,7 +217,6 @@ export function AdminEnterpriseSignaturesPage() {
         setMessage('导入解析完成，合格资料已进入审核中心的导入批次');
         void loadData();
       }} /> : null}
-      {signatureReport ? <SignatureReportModal item={signatureReport} onClose={() => setSignatureReport(null)} /> : null}
       {reportStatusTarget ? <ChannelReportStatusModal item={reportStatusTarget} onClose={() => setReportStatusTarget(null)} onSaved={() => { setReportStatusTarget(null); void loadData(); }} /> : null}
       {drainageModal ? (
         <DrainageFormModal
@@ -224,7 +226,6 @@ export function AdminEnterpriseSignaturesPage() {
           onSubmit={(item) => { void saveDrainage(drainageModal.signatureId, item); }}
         />
       ) : null}
-      {drainageReport ? <DrainageReportModal item={drainageReport.item} onClose={() => setDrainageReport(null)} signature={drainageReport.signature} /> : null}
       {drainageStatusTarget ? <DrainageReportStatusModal item={drainageStatusTarget.item} onClose={() => setDrainageStatusTarget(null)} onSaved={() => { setDrainageStatusTarget(null); void loadData(); }} signature={drainageStatusTarget.signature} /> : null}
       {deleteTarget ? (
         <ConfirmModal