1111

src/pages/Customer/Contact/index.jsx

@@ -7,6 +7,7 @@ import React, { useEffect, useState } from 'react'
 import SvgIcon from '@/components/SvgIcon'
 import useAutoTable from '@/hooks/useAutoTable'
 import consts from '@/consts'
+import { queryContact } from '@/services/contact'
 
 const Contact = props => {
   const [x, y] = useAutoTable(props.collapsed)
@@ -14,6 +15,20 @@ const Contact = props => {
   // let tag = Array.from(tag);
   const [visible, setVisible] = useState(false)
 
+  const [state, setState] = useState({
+    data: [],
+    total: 0
+  })
+
+  const initData = async (page = 1, size = consts.PAGE_SIZE) => {
+    const {
+      code = -1,
+      data: { client = [], total = 0 }
+    } = await queryContact({ page, size })
+    if (code === consts.RET_CODE.SUCCESS) {
+      setState({ ...state, data: client, total })
+    }
+  }
   // 展示drawer
   const showDrawer = () => {
     setVisible(true)
@@ -231,7 +246,7 @@ const Contact = props => {
       width: 100
     }
   ]
-  const { data = [], total = 0 } = props
+  // const { data = [], total = 0 } = props
   // const { contactName: { list } } = props // 将contact中的pros.list命名为list
   // const contanctlist = [...list]
   // console.log(props)
@@ -263,13 +278,13 @@ const Contact = props => {
       show: false
     }
   })
-  const initData = (page = 1, size = consts.PAGE_SIZE) => {
-    const { dispatch } = props
-    dispatch({
-      type: 'contact/fetch',
-      payload: { page, size }
-    }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
-  }
+  // const initData = (page = 1, size = consts.PAGE_SIZE) => {
+  //   const { dispatch } = props
+  //   dispatch({
+  //     type: 'contact/fetch',
+  //     payload: { page, size }
+  //   }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
+  // }
   useEffect(() => {
     // props.getlist();
     initData()
@@ -282,10 +297,10 @@ const Contact = props => {
         rowKey={record => record.id}
         size="middle"
         columns={columns}
-        dataSource={data}
+        dataSource={state.data}
         pagination={{
           pageSize: consts.PAGE_SIZE,
-          total,
+          total: state.total,
           onChange: (page, size) => initData(page, size)
         }}
         search={false}
@@ -310,8 +325,8 @@ const Contact = props => {
 
 export default connect(({ contact, global, loading }) => ({
   // contactName: contact,
-  data: contact.data,
-  total: contact.total,
+  // data: contact.data,
+  // total: contact.total,
   collapsed: global.collapsed,
   getlist: loading.effects['contact/fetch']
 }))(Contact)