feat: 支持表格单元格快捷编辑

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

@@ -10,7 +10,6 @@ import {
   Space,
   Tag,
   Popconfirm,
-  List,
   Card,
   Empty,
 } from 'antd';
@@ -18,6 +17,7 @@ import { PlusOutlined, InboxOutlined, DollarOutlined, TeamOutlined } from '@ant-
 import dayjs from 'dayjs';
 import api from '../../api';
 import PermissionButton from '../../components/PermissionButton';
+import EditableCell from '../../components/EditableCell';
 import { message } from '../../ui/app-message';
 import { buildDepositStudentOptions, type DepositStudentLookup } from './deposit-student-option';
 
@@ -314,6 +314,20 @@ const DepositsPage: React.FC = () => {
     }
   };
 
+  const saveInstallmentCell = async (
+    installmentId: number,
+    field: 'status' | 'paidDate',
+    value: unknown,
+  ) => {
+    await api.put(`/deposits/installments/${installmentId}`, { [field]: value });
+    message.success('分期记录已保存');
+    if (detailModal) {
+      const refreshed = await api.get<DepositRecord>(`/deposits/${detailModal.id}`);
+      setDetailModal(refreshed);
+    }
+    await fetchData();
+  };
+
   const handleDeleteInstallment = async (installmentId: number) => {
     try {
       await api.delete(`/deposits/installments/${installmentId}`);
@@ -691,49 +705,85 @@ const DepositsPage: React.FC = () => {
               </PermissionButton>
             </div>
             {detailModal.installments && detailModal.installments.length > 0 ? (
-              <List
+              <Table
+                size="small"
+                pagination={false}
+                rowKey="id"
                 dataSource={detailModal.installments}
-                renderItem={(item) => (
-                  <List.Item
-                    actions={[
-                      item.status === 'pending' && (
-                        <PermissionButton
-                          key="pay"
-                          permission="deposit:edit"
-                          size="small"
-                          type="primary"
-                          icon={<DollarOutlined />}
-                          onClick={() => handlePayInstallment(item.id)}
-                        >
-                          标记已缴
-                        </PermissionButton>
-                      ),
-                      <Popconfirm
-                        key="archive"
-                        title="确定归档？"
-                        onConfirm={() => handleDeleteInstallment(item.id)}
+                columns={[
+                  {
+                    title: '金额',
+                    dataIndex: 'amount',
+                    render: (value: number) => `¥${Number(value).toFixed(2)}`,
+                  },
+                  { title: '到期日', dataIndex: 'dueDate' },
+                  {
+                    title: '实付日',
+                    dataIndex: 'paidDate',
+                    render: (value: string, item: any) => (
+                      <EditableCell
+                        value={value}
+                        editor="date"
+                        permission="deposit:edit"
+                        onSave={(next) => saveInstallmentCell(item.id, 'paidDate', next)}
                       >
-                        <PermissionButton
-                          key="del"
-                          permission="deposit:delete"
-                          size="small"
-                          danger
-                          icon={<InboxOutlined />}
+                        {value || '-'}
+                      </EditableCell>
+                    ),
+                  },
+                  {
+                    title: '状态',
+                    dataIndex: 'status',
+                    render: (value: string, item: any) => (
+                      <EditableCell
+                        value={value}
+                        editor="select"
+                        options={[
+                          { value: 'pending', label: '待缴' },
+                          { value: 'paid', label: '已缴' },
+                          { value: 'overdue', label: '逾期' },
+                        ]}
+                        permission="deposit:edit"
+                        onSave={(next) => saveInstallmentCell(item.id, 'status', next)}
+                      >
+                        <Tag color={installmentStatusMap[value]?.color}>
+                          {installmentStatusMap[value]?.text || value}
+                        </Tag>
+                      </EditableCell>
+                    ),
+                  },
+                  {
+                    title: '操作',
+                    render: (_: unknown, item: any) => (
+                      <Space>
+                        {item.status === 'pending' && (
+                          <PermissionButton
+                            permission="deposit:edit"
+                            size="small"
+                            type="primary"
+                            icon={<DollarOutlined />}
+                            onClick={() => handlePayInstallment(item.id)}
+                          >
+                            标记已缴
+                          </PermissionButton>
+                        )}
+                        <Popconfirm
+                          title="确定归档？"
+                          onConfirm={() => handleDeleteInstallment(item.id)}
                         >
-                          归档
-                        </PermissionButton>
-                      </Popconfirm>,
-                    ].filter(Boolean)}
-                  >
-                    <List.Item.Meta
-                      title={`¥${Number(item.amount).toFixed(2)}`}
-                      description={`到期: ${item.dueDate}${item.paidDate ? ` | 缴纳: ${item.paidDate}` : ''}`}
-                    />
-                    <Tag color={installmentStatusMap[item.status]?.color}>
-                      {installmentStatusMap[item.status]?.text || item.status}
-                    </Tag>
-                  </List.Item>
-                )}
+                          <PermissionButton
+                            permission="deposit:delete"
+                            size="small"
+                            danger
+                            icon={<InboxOutlined />}
+                          >
+                            归档
+                          </PermissionButton>
+                        </Popconfirm>
+                      </Space>
+                    ),
+                  },
+                ]}
               />
             ) : (
               <p style={{ color: '#999' }}>暂无分期记录</p>