feats

src/components/TableList/TableList.jsx

@@ -4,7 +4,7 @@ import Styles from './style.less'
 
 const Actions = (props) => {
   const style = {
-    marginBottom: '1em'
+    padding: '1em',
   }
 
   return (
@@ -15,7 +15,7 @@ const Actions = (props) => {
 }
 
 export default (props) => {
-  const { actions, ...leftProps } = props
+  const { actionRender, ...leftProps } = props
 
   const tableProps = {
     ...leftProps,
@@ -24,7 +24,7 @@ export default (props) => {
   
   return (
     <div className={Styles['box-wrapper']}>
-      {actions && <Actions>{actions}</Actions>}
+      {typeof actionRender === 'function' && <Actions>{actionRender()}</Actions>}
       <Table {...tableProps} />
     </div>
   )

src/pages/building/List/index.jsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useRef, useCallback, useState } from 'react'
 // import { PageHeaderWrapper } from '@ant-design/pro-layout'
-import { notification, Spin } from 'antd'
+import { Button, notification, Spin } from 'antd'
 import QueryTable from '@/components/QueryTable'
 import request from '@/utils/request'
 import apis from '@/services/apis'
@@ -44,6 +44,10 @@ export default (props) => {
     })
   }, [page])
 
+  const actionRender = () => {
+    return <Button type="primary" icon="plus">新增</Button>
+  }
+
   return (
     // <PageHeaderWrapper>
       <Spin spinning={loading}>
@@ -53,6 +57,7 @@ export default (props) => {
           api={apis.building.getList}
           searchFields={searchFields}
           columns={tableColumns}
+          actionRender={actionRender}
           onPageChange={(pg) => setPage(pg)}
         />
       </Spin>

src/pages/document.ejs

@@ -170,7 +170,7 @@
       <div
         style="display: flex;justify-content: center;align-items: center;flex-direction: column;min-height: 420px;height: 100%;"
       >
-        <img src="/pro_icon.svg" alt="logo" width="256" />
+        <!-- <img src="/pro_icon.svg" alt="logo" width="256" /> -->
         <div class="page-loading-warp">
           <div class="ant-spin ant-spin-lg ant-spin-spinning">
             <span class="ant-spin-dot ant-spin-dot-spin"
@@ -181,11 +181,11 @@
         </div>
         <div style="display: flex;justify-content: center;align-items: center;">
           <img
-            src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
+            src="./yz_logo.png"
             width="32"
             style="margin-right: 8px;"
           />
-          Ant Design
+          南京 云致
         </div>
       </div>
     </div>