fix: complete first version issue remediation

src/apps/admin/AdminEnterpriseSignaturesPage.tsx

@@ -2,6 +2,8 @@ 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, Pagination, Select, Tabs, Tag, Textarea } from '@/components/ui';
+import { displayFileName } from '@/utils/fileName';
+import { formatDateTime } from '@/utils/dateTime';
 
 type CarrierStatus = 'approved' | 'pending' | 'rejected' | 'filing';
 
@@ -69,13 +71,6 @@ const statusToneMap: Record<CarrierStatus, 'success' | 'info' | 'danger' | 'neut
   filing: 'neutral',
 };
 
-const statusOptions = [
-  { label: '已通过', value: 'approved' },
-  { label: '审核中', value: 'pending' },
-  { label: '已驳回', value: 'rejected' },
-  { label: '待报备', value: 'filing' },
-];
-
 function StatusTag({ status }: { status: CarrierStatus }) {
   return <Tag tone={statusToneMap[status]}>{statusLabelMap[status]}</Tag>;
 }
@@ -170,12 +165,16 @@ function normalizeCarrierStatus(value: unknown, fallback: CarrierStatus = 'filin
   return value === 'approved' || value === 'pending' || value === 'rejected' || value === 'filing' ? value : fallback;
 }
 
-function toAuditStatus(status: CarrierStatus) {
-  return status === 'filing' ? 'pending' : status;
+function signatureCardTone(statuses: { mobile: CarrierStatus; unicom: CarrierStatus; telecom: CarrierStatus }) {
+  const values = Object.values(statuses);
+  if (values.includes('rejected')) return 'red';
+  if (values.every((status) => status === 'approved')) return 'green';
+  if (values.includes('pending')) return 'blue';
+  return 'gray';
 }
 
 function formatDate(value?: string) {
-  return value ? new Date(value).toLocaleString('zh-CN') : '-';
+  return formatDateTime(value);
 }
 
 function SignatureUploadBox({
@@ -210,7 +209,7 @@ function SignatureUploadBox({
     <label className={compact ? 'signature-upload signature-upload--compact' : 'signature-upload'}>
       <span>{label}</span>
       <Upload size={compact ? 30 : 42} />
-      <strong>{uploading ? '上传中...' : file?.fileName || (compact ? '上传文件' : '点击上传 或拖拽文件到此处')}</strong>
+      <strong>{uploading ? '上传中...' : (file ? displayFileName(file.fileName) : '') || (compact ? '上传文件' : '点击上传 或拖拽文件到此处')}</strong>
       <FileActions file={file} />
       {!compact ? <small>支持 PNG、JPG、JPEG、PDF，文件大小不超过 10M</small> : null}
       {error ? <small className="form-error">{error}</small> : null}
@@ -348,14 +347,6 @@ function SignatureFormModal({
           </div>
         </section>
 
-        <section>
-          <h3>三网报备状态</h3>
-          <div className="signature-form-grid">
-            <Select label="移动状态" onChange={(event) => update('mobile', event.target.value as CarrierStatus)} options={statusOptions} value={form.mobile} />
-            <Select label="联通状态" onChange={(event) => update('unicom', event.target.value as CarrierStatus)} options={statusOptions} value={form.unicom} />
-            <Select label="电信状态" onChange={(event) => update('telecom', event.target.value as CarrierStatus)} options={statusOptions} value={form.telecom} />
-          </div>
-        </section>
       </div>
     </Modal>
   );
@@ -379,7 +370,7 @@ function DrainageFormModal({ item, onClose, onSubmit }: { item?: DrainageInfo; o
     mobile: 'filing',
     unicom: 'filing',
     telecom: 'filing',
-    submittedAt: new Date().toLocaleString('zh-CN'),
+    submittedAt: formatDateTime(new Date()),
     remark: '',
   });
 
@@ -429,9 +420,6 @@ function DrainageFormModal({ item, onClose, onSubmit }: { item?: DrainageInfo; o
             <Input label="* 字段名称8" onChange={(event) => update('field8', event.target.value)} placeholder="请输入责任人身份证号" value={form.field8 ?? ''} />
             <Input label="* 字段名称9" onChange={(event) => update('field9', event.target.value)} placeholder="请输入责任人姓名" value={form.field9 ?? ''} />
             <Input label="* 字段名称10" onChange={(event) => update('field10', event.target.value)} placeholder="请输入责任人手机号" value={form.field10 ?? ''} />
-            <Select label="移动状态" onChange={(event) => update('mobile', event.target.value as CarrierStatus)} options={statusOptions} value={form.mobile} />
-            <Select label="联通状态" onChange={(event) => update('unicom', event.target.value as CarrierStatus)} options={statusOptions} value={form.unicom} />
-            <Select label="电信状态" onChange={(event) => update('telecom', event.target.value as CarrierStatus)} options={statusOptions} value={form.telecom} />
             <Input label="提交时间" onChange={(event) => update('submittedAt', event.target.value)} value={form.submittedAt} />
             <Textarea className="signature-form-grid__wide" label="备注" onChange={(event) => update('remark', event.target.value)} rows={4} value={form.remark} />
           </div>
@@ -559,7 +547,6 @@ export function AdminEnterpriseSignaturesPage() {
       if (existing) {
         await adminApi.updateEnterpriseSignature(existing.id, {
           applicationId: state.applicationId || null,
-          auditStatus: toAuditStatus(state.mobile),
           drainageInfo,
           name: state.name,
           purpose: state.purpose,
@@ -622,7 +609,7 @@ export function AdminEnterpriseSignaturesPage() {
         const payload = readDrainagePayload(signature);
         const expanded = expandedSignatureId === signature.id;
         return (
-          <article className="signature-card signature-card--green" key={signature.id}>
+          <article className={`signature-card signature-card--${signatureCardTone(payload.carrierStatus)}`} key={signature.id}>
             <div className="signature-summary">
               <button aria-label="展开签名" onClick={() => setExpandedSignatureId(expanded ? '' : signature.id)} type="button">
                 {expanded ? <ChevronDown size={18} /> : <ChevronRight size={18} />}
@@ -647,7 +634,7 @@ export function AdminEnterpriseSignaturesPage() {
                   <div className="drainage-table">
                     <div className="drainage-table__head">
                       <span>站名称</span>
-                      <span>网站链接</span>
+                      <span>引流信息</span>
                       <span>移动</span>
                       <span>联通</span>
                       <span>电信</span>
@@ -657,7 +644,7 @@ export function AdminEnterpriseSignaturesPage() {
                     {payload.links.map((item) => (
                       <div className="drainage-table__row" key={item.id}>
                         <strong>{item.siteName}</strong>
-                        <a href={item.url} rel="noreferrer" target="_blank">{item.url}</a>
+                        <span className="drainage-table__url" title={item.url}>{item.url}</span>
                         <StatusTag status={item.mobile} />
                         <StatusTag status={item.unicom} />
                         <StatusTag status={item.telecom} />
@@ -686,6 +673,8 @@ export function AdminEnterpriseSignaturesPage() {
         onNext={() => setPage((value) => Math.min(totalPages, value + 1))}
         onPrevious={() => setPage((value) => Math.max(1, value - 1))}
         page={currentPage}
+        totalPages={totalPages}
+        onPageChange={setPage}
         previousDisabled={currentPage <= 1}
         total={filteredSignatures.length}
       />