导出

src/pages/indexEcharts/newUsers.jsx

@@ -29,6 +29,7 @@ const header = props => {
   const [tableData, setTableData] = useState([])
   const [endDate, setEndDate] = useState({})
   const [data, setDate] = useState({})
+  const [userType, setUserType] = useState({})
   const [startDate, setStartDate] = useState({})
   let daterange= []
 
@@ -117,9 +118,29 @@ const header = props => {
   }
  
   function handleSelectChange (e) {
+    setUserType(e)
     onTabledatas(data,e)
   }
 
+  function exportUserStats() {
+    console.log(startDate, endDate, userType)
+    request({
+      ...apis.indexEcharts.exportUserStats,
+      params: {startDate, endDate, userType},
+    }).then((data) => {
+      if (!data) {
+        return
+      }
+      const url = window.URL.createObjectURL(new Blob([data]))
+      const link = document.createElement('a')
+      link.style.display = 'none'
+      link.href = url
+      link.setAttribute('download', '新增用户.xlsx')
+      document.body.append(link)
+      link.click()
+    })
+  }
+
   const { Column, ColumnGroup } = Table;
 
   return (<>
@@ -152,11 +173,19 @@ const header = props => {
       <div>
         <NewUsers BuildSelectHide={true} endDate={endDate} startDate={startDate}  dataZoom={true} ></NewUsers>
         {/* */}
-        <Select style={{ width: '180px' }} placeholder="所有用户" onChange={(e) => handleSelectChange(e)}>
-          <Option value='all'>所有用户</Option>
-          <Option value='registered'>注册用户</Option>
-        </Select>
-  
+        
+        <Row>
+            <Col span={22}>
+            <Select style={{ width: '180px' }} placeholder="所有用户" onChange={(e) => handleSelectChange(e)}>
+              <Option value='all'>所有用户</Option>
+              <Option value='registered'>注册用户</Option>
+            </Select>
+            </Col>
+            <Col span={2}>
+              <Button type="primary" onClick={exportUserStats}>导出</Button>
+            </Col>
+        </Row>
+
         <Table style={{marginTop:'20px'}} dataSource={tableData} columns={columns} pagination={false} scroll={{ y: 500 }}></Table>
       </div>
     </div>

src/services/apis.js

@@ -340,6 +340,11 @@ export default {
       url: `${prefix}/selectPersonFrom`,
       action: 'userStatistics',
     },
+    exportUserStats: {
+      method: 'GET',
+      url: `${prefix}/exportUserStats`,
+      action: 'userStatistics',
+    },
     selectPersonFromGroupByDay: {
       method: 'GET',
       url: `${prefix}/selectPersonFromGroupByDay`,