引流

src/pages/activity/drainage/Detail.jsx

@@ -21,6 +21,7 @@ const header = (props) => {
   const [columns, setColumns] = useState([])
   const [startDate, setStartDate] = useState('')
   const [endDate, setEndDate] = useState('')
+  const [total,setTotal] = useState({})
   let daterange = []
   // let content = {}
   useEffect(() => {
@@ -32,7 +33,8 @@ const header = (props) => {
   function gettaDrainageRecord (params) {
     request({ ...apis.activity.taDrainageRecord, params: { ...params } }).then((data) => {
       // setDatas(data)
-      console.log(data, '3333333333333')
+      setTotal(data)
+      console.log(data.total, '3333333333333')
       setDatas(tableData(data.records))
       // content = data.records[0]
       console.log('json: ', eval('(' + data.records[0].content + ')'))
@@ -86,6 +88,9 @@ const header = (props) => {
     
   }
 
+  const changePageNum = pageNumber => {
+    gettaDrainageRecord({ pageNum: pageNumber, pageSize: 10 ,drainageId: drainageId, startTime: fromTime(startDate) ,endTime: fromTime(endDate)})
+}
   function excelPort(){
     // const fieldsValue = getFieldsValue()
     request({ ...apis.activity.exporttaDrainageRecord, params: { drainageId: drainageId ,startTime: fromTime(startDate) ,endTime: fromTime(endDate) }  })
@@ -96,6 +101,8 @@ const header = (props) => {
       })
   }
 
+
+
   function download (data) {
     if (!data) {
       return
@@ -131,6 +138,9 @@ const header = (props) => {
         {/* H5项目名称 */}
         {}  <Button type="primary" style={{ marginLeft: '30px', float: 'right', marginTop: '30px',marginBottom: '30px' }} onClick={excelPort}>导出数据</Button>
         <Table columns={columns} dataSource={datas}  pagination={false} />
+        <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+       <Pagination showQuickJumper defaultCurrent={1} total={total.total} onChange={(e) => changePageNum(e)} />
+      </div>
       </div>
 
 

src/pages/activity/drainage/DrainageList.jsx

@@ -231,7 +231,9 @@ console.log(datas,'22222222')
       visible: true,
     });
   };
-
+  const changePageNum = pageNumber => {
+    gettaDrainage({ pageNum: pageNumber, pageSize: 10 })
+}
 
   function handleOk () {
 
@@ -277,7 +279,6 @@ console.log(datas,'22222222')
                 // prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
                 placeholder="H5项目编号"
               />,
-
               // {getFieldDecorator('name', {
               // })(<Input/>)}
             )}
@@ -313,7 +314,9 @@ console.log(datas,'22222222')
           <Forms />
         </Modal>
         <Table columns={columns} dataSource={datas.records} pagination={false} rowKey="drainageList"/>
-     
+        <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+       <Pagination showQuickJumper defaultCurrent={1} total={datas.total} onChange={(e) => changePageNum(e)} />
+      </div>
       </div>
     </>
   )