member-management-system-excel-4tS6CDLA/src/components/MemberList.jsx

import React, { useState, useEffect } from 'react';
import { Table, Button, message, Modal, Space } from 'antd';
import { deviceApi } from '../api/deviceApi';
import ExcelImportExport from './ExcelImportExport';
import MemberForm from './MemberForm';
import MemberEditForm from './MemberEditForm';

const MemberList = () => {
  // ... 其他状态和函数保持不变

  const handleDelete = async (id) => {
    try {
      console.log('尝试删除会员，ID:', id); // 调试日志
      Modal.confirm({
        title: '确认删除',
        content: '您确定要删除这个会员吗？此操作不可逆。',
        onOk: async () => {
          const result = await deviceApi.deletePerson(id);
          console.log('删除会员结果:', result); // 调试日志
          if (result.success) {
            message.success('会友删除成功');
            fetchMembers(); // 重新获取会员列表
          } else {
            throw new Error(result.message || '删除失败');
          }
        },
        onCancel() {
          console.log('取消删除操作');
        },
      });
    } catch (error) {
      console.error('删除会友失败', error);
      message.error(`删除会友失败: ${error.message}`);
    }
  };

  // ... 其他代码保持不变

  return (
    // ... JSX 保持不变
  );
};

export default MemberList;