feat: refine operations UI and transport limits

src/apps/client/ClientSendDetailPage.tsx

@@ -3,6 +3,7 @@ import { FileText, Search, Smartphone } from 'lucide-react';
 import { clientApi, type SmsMessageRecord } from '@/api/adminApi';
 import {
   DateRangeInput,
+  CarrierTag,
   Input,
   Pagination,
   QueryPanel,
@@ -33,13 +34,6 @@ const statusToneMap: Record<string, 'success' | 'info' | 'danger' | 'neutral'> =
   timeout: 'danger',
 };
 
-const carrierLabelMap: Record<string, string> = {
-  mobile: '中国移动',
-  unicom: '中国联通',
-  telecom: '中国电信',
-  all: '三网',
-};
-
 function getDate(value?: string | null) {
   return value ? value.slice(0, 10) : '';
 }
@@ -180,7 +174,6 @@ export function ClientSendDetailPage() {
                 <tr><td className="ui-table__empty" colSpan={9}>暂无发送记录</td></tr>
               ) : visibleRows.map((record) => {
                 const receipt = getReceipt(record);
-                const carrier = record.carrier ? carrierLabelMap[record.carrier] ?? record.carrier : '-';
                 const region = record.province ?? '-';
                 return (
                   <Fragment key={record.id}>
@@ -199,7 +192,7 @@ export function ClientSendDetailPage() {
                         </span>
                       </td>
                       <td><strong>{record.phoneNumber}</strong></td>
-                      <td><strong className="send-detail-carrier">{carrier}</strong></td>
+                      <td>{record.carrier ? <CarrierTag carrier={record.carrier} /> : '-'}</td>
                       <td><span className="send-detail-region">{region}</span></td>
                       <td style={{ textAlign: 'center' }}><Tag tone={statusToneMap[record.status] ?? 'info'}>{statusLabelMap[record.status] ?? record.status}</Tag></td>
                       <td style={{ textAlign: 'center' }}><strong className="send-detail-receipt-code">{receipt.status}</strong></td>