fix: comprehensive UI fix — all table columns have explicit widths, no ellipsis on data, consistent scroll.x

apps/admin/src/pages/Bills/index.tsx

@@ -196,26 +196,30 @@ const BillsPage: React.FC = () => {
   };
 
   const columns = [
-    { title: '学生', render: (_: any, r: any) => r.student?.name || '-' },
-    { title: '账单周期', render: (_: any, r: any) => `${r.periodStart} ~ ${r.periodEnd}` },
+    { title: '学生', width: 120, render: (_: any, r: any) => r.student?.name || '-' },
+    { title: '账单周期', width: 200, render: (_: any, r: any) => `${r.periodStart} ~ ${r.periodEnd}` },
     {
       title: '分摊费用',
       dataIndex: 'sharedAmount',
+      width: 120,
       render: (v: number) => `¥${Number(v).toFixed(2)}`,
     },
     {
       title: '个人费用',
       dataIndex: 'personalAmount',
+      width: 120,
       render: (v: number) => `¥${Number(v).toFixed(2)}`,
     },
     {
       title: '总计',
       dataIndex: 'totalAmount',
+      width: 100,
       render: (v: number) => <strong>¥{Number(v).toFixed(2)}</strong>,
     },
     {
       title: '可用押金',
       dataIndex: 'availableDeposit',
+      width: 120,
       render: (v: number) =>
         v > 0 ? (
           <span style={{ color: '#52c41a' }}>¥{Number(v).toFixed(2)}</span>
@@ -226,6 +230,7 @@ const BillsPage: React.FC = () => {
     {
       title: '抵扣后应付',
       dataIndex: 'amountAfterDeposit',
+      width: 130,
       render: (v: number, r: any) => {
         const has = Number(r.availableDeposit || 0) > 0;
         if (!has) return <span style={{ color: '#999' }}>-</span>;
@@ -241,11 +246,13 @@ const BillsPage: React.FC = () => {
     {
       title: '状态',
       dataIndex: 'status',
+      width: 90,
       render: (s: string) => <Tag color={statusMap[s]?.color}>{statusMap[s]?.text}</Tag>,
     },
     {
       title: '生成时间',
       dataIndex: 'generatedAt',
+      width: 160,
       render: (v: string) => dayjs(v).format('YYYY-MM-DD HH:mm'),
     },
     {