|
|
@@ -1,5 +1,6 @@
|
|
|
import React, { useState, useEffect, useCallback } from 'react';
|
|
|
import { Table, Button, message, Modal, Space } from 'antd';
|
|
|
+import { PlusOutlined } from '@ant-design/icons';
|
|
|
import { deviceApi } from '../api/deviceApi';
|
|
|
import ExcelImportExport from './ExcelImportExport';
|
|
|
import MemberForm from './MemberForm';
|
|
|
@@ -105,12 +106,14 @@ const MemberList = () => {
|
|
|
return (
|
|
|
<div>
|
|
|
<h2>会友列表</h2>
|
|
|
- <Button onClick={fetchMembers} type="primary" style={{ marginBottom: 16, marginRight: 16 }}>
|
|
|
- 刷新列表
|
|
|
- </Button>
|
|
|
- <Button onClick={handleAdd} type="primary" style={{ marginBottom: 16 }}>
|
|
|
- 添加会友
|
|
|
- </Button>
|
|
|
+ <div style={{ marginBottom: 16 }}>
|
|
|
+ <Button onClick={fetchMembers} type="primary" style={{ marginRight: 8 }}>
|
|
|
+ 刷新列表
|
|
|
+ </Button>
|
|
|
+ <Button onClick={handleAdd} type="primary" icon={<PlusOutlined />}>
|
|
|
+ 添加会友
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
<ExcelImportExport members={members} onImport={fetchMembers} />
|
|
|
<Table
|
|
|
columns={columns}
|