AI: 修复会员列表显示问题

src/components/MemberList.jsx

@@ -11,7 +11,70 @@ const MemberList = () => {
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [editingMember, setEditingMember] = useState(null);
 
-  // ... 其他代码保持不变
+  const fetchMembers = useCallback(async () => {
+    setLoading(true);
+    try {
+      const data = await deviceApi.getAllPersons();
+      console.log('获取到的会友列表数据:', data);
+      setMembers(data);
+      message.success('会友列表获取成功');
+    } catch (error) {
+      console.error('获取会友列表失败', error);
+      message.error(`获取会友列表失败: ${error.message}`);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchMembers();
+  }, [fetchMembers]);
+
+  const handleAdd = () => {
+    setEditingMember(null);
+    setIsModalVisible(true);
+  };
+
+  const handleEdit = (record) => {
+    setEditingMember(record);
+    setIsModalVisible(true);
+  };
+
+  const handleDelete = (id) => {
+    Modal.confirm({
+      title: '确认删除',
+      content: '您确定要删除这个会友吗？此操作不可逆。',
+      onOk: async () => {
+        try {
+          await deviceApi.deletePerson(id);
+          message.success('会友删除成功');
+          fetchMembers();
+        } catch (error) {
+          console.error('删除会友失败', error);
+          message.error(`删除会友失败: ${error.message}`);
+        }
+      },
+    });
+  };
+
+  const handleSubmit = async (values) => {
+    try {
+      if (editingMember) {
+        console.log('更新会员信息:', values);
+        await deviceApi.updatePerson(editingMember.personId, values);
+        message.success('会友信息更新成功');
+      } else {
+        console.log('添加新会员:', values);
+        await deviceApi.addPerson(values);
+        message.success('会友添加成功');
+      }
+      setIsModalVisible(false);
+      fetchMembers();
+    } catch (error) {
+      console.error('操作失败', error);
+      message.error(`操作失败: ${error.message}`);
+    }
+  };
 
   const columns = [
     { title: 'ID', dataIndex: 'personId', key: 'personId' },
@@ -46,7 +109,7 @@ const MemberList = () => {
     },
   ];
 
-  // ... 其他代码保持不变
+  console.log('当前会友列表数据:', members);
 
   return (
     <div>