feat: complete drainage review and admin search workflows

src/apps/admin/AdminEnterpriseTemplatesPage.tsx

@@ -251,20 +251,24 @@ export function AdminEnterpriseTemplatesPage() {
   const [deleteTarget, setDeleteTarget] = useState<ClientSmsTemplate | null>(null);
   const [enterpriseKeyword, setEnterpriseKeyword] = useState('');
   const [appliedEnterpriseKeyword, setAppliedEnterpriseKeyword] = useState('');
+  const [applicationKeyword, setApplicationKeyword] = useState('');
+  const [appliedApplicationKeyword, setAppliedApplicationKeyword] = useState('');
   const [error, setError] = useState('');
   const [signatureItems, setSignatureItems] = useState<ClientSmsSignature[]>([]);
   const [templateModal, setTemplateModal] = useState<ClientSmsTemplate | 'new' | null>(null);
   const [templatePreview, setTemplatePreview] = useState<ClientSmsTemplate | null>(null);
   const [templates, setTemplates] = useState<ClientSmsTemplate[]>([]);
-  const [templateKeyword, setTemplateKeyword] = useState('');
-  const [appliedTemplateKeyword, setAppliedTemplateKeyword] = useState('');
+  const [templateNameKeyword, setTemplateNameKeyword] = useState('');
+  const [appliedTemplateNameKeyword, setAppliedTemplateNameKeyword] = useState('');
+  const [templateContentKeyword, setTemplateContentKeyword] = useState('');
+  const [appliedTemplateContentKeyword, setAppliedTemplateContentKeyword] = useState('');
   const [tenants, setTenants] = useState<TenantOption[]>([]);
   const [page, setPage] = useState(1);
 
-  async function loadData(filters = { enterpriseKeyword: appliedEnterpriseKeyword, templateKeyword: appliedTemplateKeyword }) {
+  async function loadData(filters = { enterpriseKeyword: appliedEnterpriseKeyword, applicationKeyword: appliedApplicationKeyword, nameKeyword: appliedTemplateNameKeyword, contentKeyword: appliedTemplateContentKeyword }) {
     try {
       const [templateItems, tenantItems, applicationItems, signatureList] = await Promise.all([
-        adminApi.listEnterpriseTemplates({ keyword: [filters.enterpriseKeyword, filters.templateKeyword].filter(Boolean).join(' ') }),
+        adminApi.listEnterpriseTemplates(filters),
         adminApi.listTenants(),
         adminApi.listEnterpriseApplications(),
         adminApi.listEnterpriseSignatures(),
@@ -287,8 +291,10 @@ export function AdminEnterpriseTemplatesPage() {
     const enterprise = item.tenant?.name ?? item.tenantId;
     const application = item.application?.name ?? '';
     return (!appliedEnterpriseKeyword || enterprise.includes(appliedEnterpriseKeyword))
-      && (!appliedTemplateKeyword || item.name.includes(appliedTemplateKeyword) || item.content.includes(appliedTemplateKeyword) || application.includes(appliedTemplateKeyword));
-  }), [appliedEnterpriseKeyword, appliedTemplateKeyword, templates]);
+      && (!appliedApplicationKeyword || application.includes(appliedApplicationKeyword))
+      && (!appliedTemplateNameKeyword || item.name.includes(appliedTemplateNameKeyword))
+      && (!appliedTemplateContentKeyword || item.content.includes(appliedTemplateContentKeyword));
+  }), [appliedApplicationKeyword, appliedEnterpriseKeyword, appliedTemplateContentKeyword, appliedTemplateNameKeyword, templates]);
   const pageSize = 10;
   const totalPages = Math.max(1, Math.ceil(filteredTemplates.length / pageSize));
   const currentPage = Math.min(page, totalPages);
@@ -296,7 +302,7 @@ export function AdminEnterpriseTemplatesPage() {
 
   useEffect(() => {
     setPage(1);
-  }, [appliedEnterpriseKeyword, appliedTemplateKeyword]);
+  }, [appliedApplicationKeyword, appliedEnterpriseKeyword, appliedTemplateContentKeyword, appliedTemplateNameKeyword]);
 
   async function saveTemplate(state: TemplateFormState) {
     const existing = templateModal && templateModal !== 'new' ? templateModal : null;
@@ -349,20 +355,28 @@ export function AdminEnterpriseTemplatesPage() {
       {error ? <p className="form-error">{error}</p> : null}
       <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) => setTemplateKeyword(event.target.value)} placeholder="请输入模板、应用或内容" prefix={<Search size={16} />} value={templateKeyword} />
+        <Input label="企业应用" onChange={(event) => setApplicationKeyword(event.target.value)} placeholder="请输入企业应用名称" prefix={<Search size={16} />} value={applicationKeyword} />
+        <Input label="模板名称" onChange={(event) => setTemplateNameKeyword(event.target.value)} placeholder="请输入模板名称" prefix={<Search size={16} />} value={templateNameKeyword} />
+        <Input label="模板内容" onChange={(event) => setTemplateContentKeyword(event.target.value)} placeholder="请输入模板内容" prefix={<Search size={16} />} value={templateContentKeyword} />
         <div className="admin-split-filter__actions">
           <Button icon={<Search size={16} />} onClick={() => {
-            const filters = { enterpriseKeyword: enterpriseKeyword.trim(), templateKeyword: templateKeyword.trim() };
+            const filters = { enterpriseKeyword: enterpriseKeyword.trim(), applicationKeyword: applicationKeyword.trim(), nameKeyword: templateNameKeyword.trim(), contentKeyword: templateContentKeyword.trim() };
             setAppliedEnterpriseKeyword(filters.enterpriseKeyword);
-            setAppliedTemplateKeyword(filters.templateKeyword);
+            setAppliedApplicationKeyword(filters.applicationKeyword);
+            setAppliedTemplateNameKeyword(filters.nameKeyword);
+            setAppliedTemplateContentKeyword(filters.contentKeyword);
             void loadData(filters);
           }}>查询</Button>
           <Button onClick={() => {
-            const filters = { enterpriseKeyword: '', templateKeyword: '' };
+            const filters = { enterpriseKeyword: '', applicationKeyword: '', nameKeyword: '', contentKeyword: '' };
             setEnterpriseKeyword('');
-            setTemplateKeyword('');
+            setApplicationKeyword('');
+            setTemplateNameKeyword('');
+            setTemplateContentKeyword('');
             setAppliedEnterpriseKeyword('');
-            setAppliedTemplateKeyword('');
+            setAppliedApplicationKeyword('');
+            setAppliedTemplateNameKeyword('');
+            setAppliedTemplateContentKeyword('');
             void loadData(filters);
           }} variant="ghost">重置</Button>
         </div>