项目列表

src/pages/building/list/index.jsx

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination } from 'antd';
-import { connect } from 'dva';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
 import Styles from './style.less';
 
 
@@ -8,71 +9,7 @@ const { Option } = Select;
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const { Meta } = Card;
 
-// 假数据
-const tempData = [
-  {
-    code: 'S101',
-    name: '城开花园',
-    price: '111',
-    address: '顾戴路1801弄',
-    status: '1', // 已发布
-    createDate: '2019-08-28 17',
-  },
-  {
-    code: 'S102',
-    name: '星河天街',
-    price: '111',
-    address: '长征路1801弄',
-    status: '1', // 已发布
-    createDate: '2019-08-29 17',
-  },
-  {
-    code: 'S103',
-    name: '喜洋洋别墅',
-    price: '111',
-    address: '阳杨路1801弄',
-    status: '1', // 已发布
-    createDate: '2019-08-29 17',
-  },
-  {
-    code: 'S104',
-    name: '武大郎洋房',
-    price: '111',
-    address: '太郎路1801弄',
-    status: '1', // 已发布
-    createDate: '2019-08-29 17',
-  },
-]
-
-
-// 网路数据请求
-connect(({ getList, loading }) => ({
-  getList,
-  submitting: loading.effects['building/getList'],
-}))
-
-// 提交事件
-function handleSubmit(e, props) {
-  e.preventDefault();
-  props.form.validateFields((err, values) => {
-    if (!err) {
-      // eslint-disable-next-line no-console
-      console.log('提交数据: ', values)
-    }
-  });
-}
-
-// Change 事件
-function handleSelectChange(props) {
-  // eslint-disable-next-line no-console
-  console.log(props)
-}
-
-// 分页
-function onChange(pageNumber) {
-  // eslint-disable-next-line no-console
-  console.log('Page: ', pageNumber);
-}
+const tempDate = [{ code: 's101' }]
 
 /**
  *卡片
@@ -143,7 +80,43 @@ function CartBody(props) {
  */
 function body(props) {
   const { getFieldDecorator } = props.form
-  connect()
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const { dataSource, setDataSource } = useState(tempDate || [])
+  console.log(dataSource)
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    // 网路请求
+    request({ ...apis.building }).then(res => {
+      setDataSource(res)
+    })
+  })
+
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        // eslint-disable-next-line no-console
+        console.log('提交数据: ', values)
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNumber) {
+    // eslint-disable-next-line no-console
+    console.log('Page: ', pageNumber);
+  }
+
   return (
     <>
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
@@ -214,9 +187,9 @@ function body(props) {
       {/* 卡片内容，显示楼盘项目  */}
       <Row style={{ padding: ' 0 10px' }}>
         {
-          tempData.map((item, index) => (
+          dataSource.map((item, index) => (
               <Col span={8}>
-                <CartBody data={item} />
+                <CartBody data={item} key={item.code}/>
               </Col>
             ))
         }

src/services/apis.js

@@ -10,5 +10,11 @@ export default {
       method: 'POST',
       url: `${prefix}/taUser/signin`,
     },
-  }
-}
+  },
+  building: {
+    getList: {
+      methods: 'GET',
+      url: `${prefix}/buildinglist`,
+    },
+  },
+}