项目类型

src/pages/building/type/edi.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Input, Button, Row, Col, Form, Alert } from 'antd';
 import router from 'umi/router';
 import Styles from './style.less';
@@ -8,22 +8,48 @@ import apis from '../../../services/apis';
 function body(props) {
   const { getFieldDecorator } = props.form;
 
-  console.log('id: ', props.location.query.id)
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  let data = {}
+  const { id } = props.location.query;
+
+  if (id !== '') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      getById(id)
+    }, [])
+  }
 
   function handleSubmit(e) {
     e.preventDefault();
     props.form.validateFields((err, values) => {
       if (!err) {
         // 提交数据
-        values.status = 1
-        values.createDate = new Date()
         submitData(values)
       }
     });
   }
 
-  function submitData(data) {
-    request({ ...apis.buildingType.add, data: { ...data } }).then(() => {
+  // 获取详情信息
+  function getById(currentId) {
+    const { url, method } = apis.buildingType.getById
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(currentId)
+
+    request({ url: tempUrl, method }).then(res => {
+      data = res
+      props.form.setFieldsValue(res)
+    })
+  }
+
+  function submitData(dataSources) {
+    if (id !== '') {
+      // 修改
+      updateType(dataSources)
+      return
+    }
+
+    dataSources.status = 1
+    dataSources.createDate = new Date()
+    request({ ...apis.buildingType.add, data: { ...dataSources } }).then(() => {
       // eslint-disable-next-line no-unused-expressions
       <Alert
         style={{
@@ -47,9 +73,26 @@ function body(props) {
     })
   }
 
+    // 修改
+    function updateType(row) {
+      const { url, method } = apis.buildingType.update
+      const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(row.buildingTypeId)
+
+      request({ url: tempUrl, method, data: { ...row } }).then(() => {
+        router.go(-1)
+      })
+    }
+
   return (
     <>
         <Form onSubmit={handleSubmit} style={{ width: '500px', margin: 'auto' }}>
+          <Form.Item style={{ display: 'none' }}>
+            {getFieldDecorator('buildingTypeId')(
+              <Input
+                placeholder="buildingTtypeId"
+              />,
+            )}
+          </Form.Item>
           <Form.Item>
             {getFieldDecorator('buildingTypeName', {
               rules: [{ required: true, message: '请输入名称' }],

src/pages/building/type/index.jsx

@@ -85,18 +85,18 @@ function body() {
   }
 
   // 跳转修改页
-  function toEdi(id) {
+  function toEdi(currentId) {
     router.push({
       pathname: '/building/type/edi',
       query: {
-        id,
+        id: currentId || '',
       },
     });
   }
 
   return (
     <>
-      <Button type="primary" className={Styles.addButton} onClick={toEdi}>新增类型</Button>
+      <Button type="primary" className={Styles.addButton} onClick={() => toEdi()}>新增类型</Button>
       <Table dataSource={data.records} columns={columns} pagination={false}/>
       {/* 分页 */}
       <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>

src/services/apis.js

@@ -34,5 +34,9 @@ export default {
       method: 'POST',
       url: `${prefix}/tdBuildingType`,
     },
+    getById: {
+      method: 'GET',
+      url: `${prefix}/tdBuildingType/id`,
+    },
   },
 }