feats

src/pages/customer/personlist/index.jsx

@@ -2,9 +2,11 @@ import React, { useState, useEffect } from 'react'
 import { Select, Spin, Table, Button, Form, Input, Divider, Modal,Popconfirm } from 'antd'
 import NavLink from 'umi/navlink'
 import { fetch, apis, fetchList } from '@/utils/request'
+import { exportExcel } from '@/utils/utils'
 import IntegralRecord from '../customerlist/components/integralRecord'
 
 const getPersonList = fetchList(apis.person.getPersonList)
+const exportPersonList = fetch(apis.person.export)
 
 const Condition = Form.create()(props => {
   const handleSubmit = e => {
@@ -81,6 +83,12 @@ export default props => {
     })
   }
 
+  const handleExport = () => {
+    exportPersonList({params: queryParams}).then(res => {
+      exportExcel(res, '会员列表')
+    })
+  }
+
   useEffect(() => {
     setLoading(true)
     getPersonList(queryParams).then(res => {
@@ -94,7 +102,7 @@ export default props => {
   return (
     <div>
       <Condition onSearch={handleSearch} onReset={handleSearch} />
-      <div style={{margin: '24px 0'}}> </div>
+      <div style={{margin: '24px 0'}}><Button type="" onClick={handleExport}>导出</Button></div>
       <Table dataSource={listData} loading={loading} pagination={{...pagination, onChange: handlePageChange}} rowKey="personId">
         <Table.Column
           title="头像"

src/services/apis.js

@@ -58,6 +58,11 @@ export default {
       url: `${prefix}/person-list`,
       method: 'GET',
       action: 'admin.person.list',
+    },
+    export: {
+      url: `${prefix}/person-list/export`,
+      method: 'GET',
+      action: 'admin.person.export',
     }
   },
   image: {