update 实现部分表单使用detail获取详细数据

web-react/public/seed/query-table-form/form.jsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Form, Spin } from 'antd'
 import { AntIcon } from 'components'
-import { cloneDeep } from 'lodash'
+import { api } from 'common/api'
 
 const initialValues = {}
 
@@ -31,14 +31,15 @@ export default class form extends Component {
      * @param {*} params
      */
     async fillData(params) {
-        this.record = cloneDeep(params.record)
+        const state = { loading: false }
         //#region 从后端转换成前段所需格式,也可以在此处调用获取详细数据接口
+        if (params.id) {
+            this.record = (await api).data
+        }
         //#endregion
         this.form.current.setFieldsValue(this.record)
 
-        this.setState({
-            loading: false,
-        })
+        this.setState(state)
     }
 
     /**

web-react/public/seed/query-table/index.jsx

@@ -63,16 +63,16 @@ export default class index extends Component {
                 title: '操作',
                 width: 150,
                 dataIndex: 'actions',
-                render: (text, record) => (
+                render: (text, { id }) => (
                     <QueryTableActions>
                         <Auth auth={{ [authName]: 'edit' }}>
-                            <a onClick={() => this.onOpen(this.editForm, record)}>编辑</a>
+                            <a onClick={() => this.onOpen(this.editForm, id)}>编辑</a>
                         </Auth>
                         <Auth auth={{ [authName]: 'delete' }}>
                             <Popconfirm
                                 placement="topRight"
                                 title="是否确认删除"
-                                onConfirm={() => this.onDelete(record)}
+                                onConfirm={() => this.onDelete(id)}
                             >
                                 <a>删除</a>
                             </Popconfirm>
@@ -145,12 +145,10 @@ export default class index extends Component {
     /**
      * 打开新增/编辑弹窗
      * @param {*} modal
-     * @param {*} record
+     * @param {*} id
      */
-    onOpen(modal, record) {
-        modal.current.open({
-            record,
-        })
+    onOpen(modal, id) {
+        modal.current.open({ id })
     }
 
     /**
@@ -177,10 +175,10 @@ export default class index extends Component {
 
     /**
      * 删除
-     * @param {*} record
+     * @param {*} id
      */
-    onDelete(record) {
-        this.onAction(apiAction.delete(record), '删除成功')
+    onDelete(id) {
+        this.onAction(apiAction.delete({ id }), '删除成功')
     }
 
     //#region 自定义方法