feat: wire admin workflows to real APIs

src/apps/admin/AdminRechargeRecordsPage.tsx

@@ -43,6 +43,14 @@ function formatAmount(value?: number) {
   });
 }
 
+function RemarkCell({ value }: { value?: string }) {
+  return (
+    <div className={['admin-remark-cell', value ? '' : 'admin-remark-cell--empty'].filter(Boolean).join(' ')}>
+      {value || '暂无备注'}
+    </div>
+  );
+}
+
 export function AdminRechargeRecordsPage() {
   const [records, setRecords] = useState(rechargeRecordsSeed);
   const [enterpriseKeyword, setEnterpriseKeyword] = useState('');
@@ -116,13 +124,13 @@ export function AdminRechargeRecordsPage() {
           <table className="ui-table admin-recharge-table">
             <thead>
               <tr>
-                <th>企业名称</th>
-                <th>充值时间</th>
-                <th>充值金额</th>
-                <th>充值后余额</th>
-                <th>充值类型</th>
-                <th>操作人</th>
-                <th>备注</th>
+                <th style={{ width: '240px' }}>企业名称</th>
+                <th style={{ width: '180px' }}>充值时间</th>
+                <th style={{ width: '130px' }}>充值金额</th>
+                <th style={{ width: '140px' }}>充值后余额</th>
+                <th style={{ width: '120px' }}>充值类型</th>
+                <th style={{ width: '110px' }}>操作人</th>
+                <th style={{ width: '300px' }}>备注</th>
               </tr>
             </thead>
             <tbody>
@@ -134,7 +142,7 @@ export function AdminRechargeRecordsPage() {
                   <td>{formatAmount(record.balance)}</td>
                   <td><Tag tone={record.type === 'manual' ? 'warning' : 'info'}>{record.type === 'manual' ? '人工充值' : '套餐充值'}</Tag></td>
                   <td>{record.operator}</td>
-                  <td>{record.remark ?? '-'}</td>
+                  <td><RemarkCell value={record.remark} /></td>
                 </tr>
               ))}
             </tbody>