完善运营端报备流程与页面标题

src/apps/admin/AdminEnterpriseApplicationsPage.tsx

@@ -1,7 +1,7 @@
 import { useMemo, useState } from 'react';
-import { Edit3, Plus, Trash2 } from 'lucide-react';
+import { Edit3, Plus, Search, Trash2 } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
-import { Button, Modal, Table, Tabs, Tag, type TableColumn } from '@/components/ui';
+import { Breadcrumb, Button, Input, Modal, Table, Tabs, Tag, type TableColumn } from '@/components/ui';
 
 type SmsApp = {
   id: string;
@@ -59,6 +59,7 @@ export function AdminEnterpriseApplicationsPage() {
   const navigate = useNavigate();
   const [smsApps, setSmsApps] = useState(initialSmsApps);
   const [mmsApps, setMmsApps] = useState(initialMmsApps);
+  const [enterpriseKeyword, setEnterpriseKeyword] = useState('');
   const [confirmAction, setConfirmAction] = useState<
     | { action: 'toggle'; kind: AppKind; id: string; name: string; enabled: boolean }
     | { action: 'delete'; kind: AppKind; id: string; name: string }
@@ -94,6 +95,16 @@ export function AdminEnterpriseApplicationsPage() {
     setConfirmAction(null);
   }
 
+  const filteredSmsApps = useMemo(
+    () => smsApps.filter((item) => !enterpriseKeyword || item.enterprise.includes(enterpriseKeyword)),
+    [enterpriseKeyword, smsApps],
+  );
+
+  const filteredMmsApps = useMemo(
+    () => mmsApps.filter((item) => !enterpriseKeyword || item.enterprise.includes(enterpriseKeyword)),
+    [enterpriseKeyword, mmsApps],
+  );
+
   const smsColumns = useMemo<Array<TableColumn<SmsApp>>>(() => [
     { key: 'name', title: '应用名称', width: '180px', render: (record) => <strong>{record.name}</strong> },
     { key: 'enterprise', title: '企业名称', width: '220px', render: (record) => record.enterprise },
@@ -159,17 +170,28 @@ export function AdminEnterpriseApplicationsPage() {
     <section className="page-stack admin-customer-split-page">
       <div className="page-heading">
         <div>
-          <div className="breadcrumb-line">客户管理 / <strong>企业应用管理</strong></div>
+          <Breadcrumb items={['客户管理', '企业应用管理']} />
           <h1>企业应用管理</h1>
         </div>
         <Button icon={<Plus size={16} />} onClick={() => navigate('/admin/customers/2763/sms-apps/new')}>添加应用</Button>
       </div>
 
+      <div className="surface admin-split-filter">
+        <Input
+          label="企业名称"
+          onChange={(event) => setEnterpriseKeyword(event.target.value)}
+          placeholder="请输入企业名称"
+          prefix={<Search size={16} />}
+          value={enterpriseKeyword}
+        />
+        <Button onClick={() => setEnterpriseKeyword('')} variant="ghost">重置</Button>
+      </div>
+
       <div className="surface section-stack">
         <Tabs
           items={[
-            { label: '短信应用', value: 'sms', content: <Table columns={smsColumns} data={smsApps} rowKey="id" /> },
-            { label: '彩信应用', value: 'mms', content: <Table columns={mmsColumns} data={mmsApps} rowKey="id" /> },
+            { label: '短信应用', value: 'sms', content: <Table columns={smsColumns} data={filteredSmsApps} rowKey="id" /> },
+            { label: '彩信应用', value: 'mms', content: <Table columns={mmsColumns} data={filteredMmsApps} rowKey="id" /> },
           ]}
         />
       </div>