feat: 接口联调

src/pages/EmployeeManagement/components/RechargeDetailsModal.jsx

@@ -37,7 +37,13 @@ const RechargeDetailsModal = ({ visible, onClose, list }) => {
       onCancel={() => onClose(false, 'rechargeDetails')}
       footer={null}
     >
-      <Table dataSource={list} columns={columns} pagination={false} bordered />
+      <Table
+        dataSource={list}
+        columns={columns}
+        rowKey={record => record.id}
+        pagination={false}
+        bordered
+      />
     </Modal>
   );
 };

src/pages/EmployeeManagement/components/blacklistModal.jsx

@@ -5,7 +5,7 @@ import { apiStaffBlack } from '../service';
 
 const { Item } = Form;
 
-const BlacklistModal = ({ visible, onClose, list, enterpriseId }) => {
+const BlacklistModal = ({ visible, onClose, list, enterpriseId, selectedRows }) => {
   const [form] = Form.useForm();
 
   const handleSave = () => {
@@ -34,7 +34,9 @@ const BlacklistModal = ({ visible, onClose, list, enterpriseId }) => {
     >
       <Form form={form} layout="vertical">
         <Item name="ids" label="您确定要把员工ID:">
-          {list.length && list.map(item => <span>{item},</span>)}
+          {(selectedRows.length &&
+            selectedRows.map(item => <span key={item.staffNo}>{item.staffNo},</span>)) ||
+            ''}
         </Item>
         <Item name="reason" label="加入黑名单吗？">
           <div className={styles.blackList}>

src/pages/EmployeeManagement/data.js

@@ -84,10 +84,15 @@ export const columns = props => [
     align: 'center',
     key: 'option',
     render: (_, row) => [
-      <Button type="link" onClick={() => props.goDetails(row)}>
+      <Button type="link" key="goDetails" onClick={() => props.goDetails(row)}>
         余额充值明细
       </Button>,
-      <Button type="link" disabled={!row?.isBlack} onClick={() => props.delEmployee(row)}>
+      <Button
+        type="link"
+        key="delEmployee"
+        disabled={!row?.isBlack}
+        onClick={() => props.delEmployee(row)}
+      >
         删除
       </Button>,
     ],

src/pages/EmployeeManagement/index.jsx

@@ -43,6 +43,7 @@ const StoreManagement = () => {
   const [blacklistVisible, setBlacklistVisible] = useState(false);
   const [rechargeDetailsVisible, setRechargeDetailsVisible] = useState(false);
   const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const [selectedRows, setSelectedRows] = useState([]);
   const [staffList, setStaffList] = useState([]);
   const [enterpriseList, setEnterpriseList] = useState([]);
   const [firstEnterprise, setFirstEnterprise] = useState();
@@ -70,7 +71,10 @@ const StoreManagement = () => {
   };
   const rowSelection = {
     selectedRowKeys,
-    onChange: setSelectedRowKeys,
+    onChange: (select, selectList) => {
+      setSelectedRowKeys(select);
+      setSelectedRows(selectList);
+    },
     getCheckboxProps: record => ({
       disabled: record.isBlack === 1,
     }),
@@ -105,6 +109,7 @@ const StoreManagement = () => {
       case 'blacklist':
         setBlacklistVisible(false);
         setSelectedRowKeys([]);
+        setSelectedRows([]);
         break;
       case 'rechargeDetails':
         setRechargeDetailsVisible(false);
@@ -382,6 +387,7 @@ const StoreManagement = () => {
         visible={blacklistVisible}
         onClose={handleCloseModal}
         enterpriseId={searchForm.enterpriseId}
+        selectedRows={selectedRows}
       />
       <RechargeDetailsModal
         visible={rechargeDetailsVisible}