fixbug、对接批量操作

src/components/NiceForm/components/CustomAddArray.tsx

@@ -33,15 +33,20 @@ const CustomAddArray = (props) => {
   const onAdd = () => mutators.push(schema.items.getEmptyValue())
   const onRemove = index => mutators.remove(index)
 
-  return <div>
-    { toArr(value).map((item, index, arr) => {
-      return <RowStyleLayout {...componentProps} key={index}>
+  return (
+    <div>
+      {toArr(value).map((item, index, arr) => (
+        <RowStyleLayout {...componentProps} key={index}>
           <SchemaField path={FormPath.parse(path).concat(index)} onlyRenderProperties/>
           <Button onClick={onAdd.bind(null, index)} type='primary'>+</Button>
-            { index !==  0 && <Button onClick={onRemove.bind(null, index)}>-</Button>}
+          <Button onClick={onRemove.bind(null, index)}>-</Button>
         </RowStyleLayout>
-    }) }
+      ))}
+      {(!value || !value.length) && (
+        <Button onClick={onAdd} type='primary'>+</Button>
+      )}
     </div>
+  )
 }
 
 CustomAddArray.isFieldComponent = true

src/pages/member/memberPr1/index.tsx

 import React, { useState, useEffect, useRef } from 'react';
 import { history } from 'umi';
-import { Card, Space, Button, Badge, Popconfirm } from 'antd';
-import { ClockCircleOutlined } from '@ant-design/icons';
+import { Card, Space, Button, Badge, Modal, message } from 'antd';
+import { ClockCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { StandardTable } from 'god';
 import { ColumnType } from 'antd/lib/table/interface';
 import { createFormActions } from '@formily/antd';
@@ -20,6 +20,8 @@ import {
 import { coverColFiltersItem } from '../utils';
 import StatusTag from '../components/StatusTag';
 
+const { confirm } = Modal;
+
 const formActions = createFormActions();
 
 const MemberPr1: React.FC<{}> = props => {
@@ -120,13 +122,9 @@ const MemberPr1: React.FC<{}> = props => {
   const [columns, setColumns] = useState<any[]>(defaultColumns);
 
   const rowSelection = {
-    onChange: (selectedRowKeys: any, selectedRows: any) => {
-      let result = selectedRows.map(v => ({
-        memberId: v.memberId,
-        validateId: v.validateId,
-      }));
-      setSelectedRowKeys(selectedRowKeys);
-      setSelectList(result);
+    onChange: (keys: any, rows: {}[]) => {
+      setSelectedRowKeys(keys);
+      setSelectList(rows);
     },
     selectedRowKeys: selectedRowKeys,
   };
@@ -137,7 +135,32 @@ const MemberPr1: React.FC<{}> = props => {
   };
 
   const handleBatch = () => {
-    console.log('批量')
+    if (!selectedList.length) {
+      message.warning('未选择任何会员');
+      return;
+    }
+    confirm({
+      title: '提示',
+      icon: <QuestionCircleOutlined />,
+      content: '确定要审核通过选中的会员吗？',
+      onOk() {
+        const members = selectedList.map(item => ({ memberId: item.memberId, validateId: item.validateId }));
+        return new Promise((resolve, reject) => {
+          PublicApi.postMemberValidateStep1Batch(members)
+            .then(res => {
+              if (res.code === 1000) {
+                ref.current.reload();
+                setSelectedRowKeys([]);
+                resolve();
+              }
+              reject();
+            })
+            .catch(() => {
+              reject();
+            });
+        });
+      },
+    });
   };
 
   // 初始化高级筛选选项
@@ -190,17 +213,9 @@ const MemberPr1: React.FC<{}> = props => {
 
   const controllerBtns = (
     <Space>
-      <Popconfirm
-        title="是否继续操作 ?"
-        placement="bottom"
-        onConfirm={handleBatch}
-        okText="是"
-        cancelText="否"
-      >
-        <Button>
-          批量提交审核
+      <Button onClick={handleBatch}>
+        批量审核通过
       </Button>
-      </Popconfirm>
     </Space>
   );
 

src/pages/member/memberPr2/index.tsx

 import React, { useState, useEffect, useRef } from 'react';
 import { history } from 'umi';
-import { Card, Space, Button, Badge, Popconfirm } from 'antd';
-import { ClockCircleOutlined } from '@ant-design/icons';
+import { Card, Space, Button, Badge, Modal, message } from 'antd';
+import { ClockCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { StandardTable } from 'god';
 import { ColumnType } from 'antd/lib/table/interface';
 import { createFormActions } from '@formily/antd';
@@ -20,6 +20,8 @@ import {
 import { coverColFiltersItem } from '../utils';
 import StatusTag from '../components/StatusTag';
 
+const { confirm } = Modal;
+
 const formActions = createFormActions();
 
 const MemberPr2: React.FC<{}> = props => {
@@ -120,13 +122,9 @@ const MemberPr2: React.FC<{}> = props => {
   const [columns, setColumns] = useState<any[]>(defaultColumns);
 
   const rowSelection = {
-    onChange: (selectedRowKeys: any, selectedRows: any) => {
-      let result = selectedRows.map(v => ({
-        memberId: v.memberId,
-        validateId: v.validateId,
-      }));
-      setSelectedRowKeys(selectedRowKeys);
-      setSelectList(result);
+    onChange: (keys: any, rows: {}[]) => {
+      setSelectedRowKeys(keys);
+      setSelectList(rows);
     },
     selectedRowKeys: selectedRowKeys,
   };
@@ -137,7 +135,32 @@ const MemberPr2: React.FC<{}> = props => {
   };
 
   const handleBatch = () => {
-    console.log('批量')
+    if (!selectedList.length) {
+      message.warning('未选择任何会员');
+      return;
+    }
+    confirm({
+      title: '提示',
+      icon: <QuestionCircleOutlined />,
+      content: '确定要审核通过选中的会员吗？',
+      onOk() {
+        const members = selectedList.map(item => ({ memberId: item.memberId, validateId: item.validateId }));
+        return new Promise((resolve, reject) => {
+          PublicApi.postMemberValidateStep2Batch(members)
+            .then(res => {
+              if (res.code === 1000) {
+                ref.current.reload();
+                setSelectedRowKeys([]);
+                resolve();
+              }
+              reject();
+            })
+            .catch(() => {
+              reject();
+            });
+        });
+      },
+    });
   };
 
   // 初始化高级筛选选项
@@ -190,17 +213,9 @@ const MemberPr2: React.FC<{}> = props => {
 
   const controllerBtns = (
     <Space>
-      <Popconfirm
-        title="是否继续操作 ?"
-        placement="bottom"
-        onConfirm={handleBatch}
-        okText="是"
-        cancelText="否"
-      >
-        <Button>
-          批量提交审核
+      <Button onClick={handleBatch}>
+        批量审核通过
       </Button>
-      </Popconfirm>
     </Space>
   );
 

src/pages/member/memberPrConfirm/index.tsx

 import React, { useState, useEffect, useRef } from 'react';
 import { history } from 'umi';
-import { Card, Space, Button, Badge, Popconfirm } from 'antd';
-import { ClockCircleOutlined } from '@ant-design/icons';
+import { Card, Space, Button, Badge, Modal, message } from 'antd';
+import { ClockCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { StandardTable } from 'god';
 import { ColumnType } from 'antd/lib/table/interface';
 import { createFormActions } from '@formily/antd';
@@ -20,6 +20,8 @@ import {
 import { coverColFiltersItem } from '../utils';
 import StatusTag from '../components/StatusTag';
 
+const { confirm } = Modal;
+
 const formActions = createFormActions();
 
 const MemberPrConfirm: React.FC<{}> = props => {
@@ -120,13 +122,9 @@ const MemberPrConfirm: React.FC<{}> = props => {
   const [columns, setColumns] = useState<any[]>(defaultColumns);
 
   const rowSelection = {
-    onChange: (selectedRowKeys: any, selectedRows: any) => {
-      let result = selectedRows.map(v => ({
-        memberId: v.memberId,
-        validateId: v.validateId,
-      }));
-      setSelectedRowKeys(selectedRowKeys);
-      setSelectList(result);
+    onChange: (keys: any, rows: {}[]) => {
+      setSelectedRowKeys(keys);
+      setSelectList(rows);
     },
     selectedRowKeys: selectedRowKeys,
   };
@@ -137,7 +135,32 @@ const MemberPrConfirm: React.FC<{}> = props => {
   };
 
   const handleBatch = () => {
-    console.log('批量')
+    if (!selectedList.length) {
+      message.warning('未选择任何会员');
+      return;
+    }
+    confirm({
+      title: '提示',
+      icon: <QuestionCircleOutlined />,
+      content: '确定要审核通过选中的会员吗？',
+      onOk() {
+        const members = selectedList.map(item => ({ memberId: item.memberId, validateId: item.validateId }));
+        return new Promise((resolve, reject) => {
+          PublicApi.postMemberValidateConfirmBatch(members)
+            .then(res => {
+              if (res.code === 1000) {
+                ref.current.reload();
+                setSelectedRowKeys([]);
+                resolve();
+              }
+              reject();
+            })
+            .catch(() => {
+              reject();
+            });
+        });
+      },
+    });
   };
 
   // 初始化高级筛选选项
@@ -190,17 +213,9 @@ const MemberPrConfirm: React.FC<{}> = props => {
 
   const controllerBtns = (
     <Space>
-      <Popconfirm
-        title="是否继续操作 ?"
-        placement="bottom"
-        onConfirm={handleBatch}
-        okText="是"
-        cancelText="否"
-      >
-        <Button>
-          批量提交审核
+      <Button onClick={handleBatch}>
+        批量确认审核通过
       </Button>
-      </Popconfirm>
     </Space>
   );
 

src/pages/member/memberPrSubmit/index.tsx

 import React, { useState, useEffect, useRef } from 'react';
 import { history } from 'umi';
-import { Card, Space, Button, Badge, Popconfirm } from 'antd';
-import { ClockCircleOutlined } from '@ant-design/icons';
+import { Card, Space, Button, Badge, Modal, message  } from 'antd';
+import { ClockCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { StandardTable } from 'god';
 import { ColumnType } from 'antd/lib/table/interface';
 import { createFormActions } from '@formily/antd';
@@ -20,6 +20,8 @@ import {
 import { coverColFiltersItem } from '../utils';
 import StatusTag from '../components/StatusTag';
 
+const { confirm } = Modal;
+
 const formActions = createFormActions();
 
 const MemberPrSubmit: React.FC<{}> = props => {
@@ -120,13 +122,9 @@ const MemberPrSubmit: React.FC<{}> = props => {
   const [columns, setColumns] = useState<any[]>(defaultColumns);
 
   const rowSelection = {
-    onChange: (selectedRowKeys: any, selectedRows: any) => {
-      let result = selectedRows.map(v => ({
-        memberId: v.memberId,
-        validateId: v.validateId,
-      }));
-      setSelectedRowKeys(selectedRowKeys);
-      setSelectList(result);
+    onChange: (keys: any, rows: {}[]) => {
+      setSelectedRowKeys(keys);
+      setSelectList(rows);
     },
     selectedRowKeys: selectedRowKeys,
   };
@@ -137,7 +135,32 @@ const MemberPrSubmit: React.FC<{}> = props => {
   };
 
   const handleBatch = () => {
-    console.log('批量')
+    if (!selectedList.length) {
+      message.warning('未选择任何会员');
+      return;
+    }
+    confirm({
+      title: '提示',
+      icon: <QuestionCircleOutlined />,
+      content: '确定要审核通过选中的会员吗？',
+      onOk() {
+        const members = selectedList.map(item => ({ memberId: item.memberId, validateId: item.validateId }));
+        return new Promise((resolve, reject) => {
+          PublicApi.postMemberValidateCommitBatch(members)
+            .then(res => {
+              if (res.code === 1000) {
+                ref.current.reload();
+                setSelectedRowKeys([]);
+                resolve();
+              }
+              reject();
+            })
+            .catch(() => {
+              reject();
+            });
+        });
+      },
+    });
   };
 
   // 初始化高级筛选选项
@@ -190,17 +213,9 @@ const MemberPrSubmit: React.FC<{}> = props => {
 
   const controllerBtns = (
     <Space>
-      <Popconfirm
-        title="是否继续操作 ?"
-        placement="bottom"
-        onConfirm={handleBatch}
-        okText="是"
-        cancelText="否"
-      >
-        <Button>
-          批量提交审核
+      <Button onClick={handleBatch}>
+        批量审核通过
       </Button>
-      </Popconfirm>
     </Space>
   );
 

src/utils/request.ts

@@ -111,6 +111,7 @@ class ApiRequest {
           options.ctlType === 'message' && message.success(res.message)
           resolve(res)
         } else {
+          resolve(res)
           message.error(res.message)
         }