update 大量细节处理

web-react/src/pages/system/app/index.jsx

@@ -133,12 +133,13 @@ export default class index extends Component {
      * 如果必须要加载字典数据,可直接对表格设置autoLoad=true
      */
     componentDidMount() {
-        this.table.current.onLoading()
+        const { onLoading, onLoadData } = this.table.current
+        onLoading()
         getDictData('common_status').then(res => {
             this.setState({
                 codes: res
             }, () => {
-                this.table.current.onLoadData()
+                onLoadData()
             })
         })
     }
@@ -194,13 +195,18 @@ export default class index extends Component {
      * @param {*} successMessage 
      */
     async onAction(action, successMessage) {
-        this.table.current.onLoading()
+        const { onLoading, onLoaded, onReloadData } = this.table.current
+        onLoading()
         try {
-            await action
-            Message.success(successMessage)
-            this.table.current.onReloadData()
+            if (action) {
+                await action
+            }
+            if (successMessage) {
+                Message.success(successMessage)
+            }
+            onReloadData()
         } catch {
-            this.table.current.onLoaded()
+            onLoaded()
         }
     }
 
@@ -245,31 +251,37 @@ export default class index extends Component {
                             </Auth>
                         }
                         operator={
-                            <Button
-                                icon={<AntIcon type="plus" />}
-                                onClick={() => this.onOpen(this.addForm)}
-                            >新增{name}</Button>
+                            <Auth auth="sysApp:add">
+                                <Button
+                                    icon={<AntIcon type="plus" />}
+                                    onClick={() => this.onOpen(this.addForm)}
+                                >新增{name}</Button>
+                            </Auth>
                         }
                     />
                 </Card>
 
-                <ModalForm
-                    title={`新增${name}`}
-                    action={apiAction.add}
-                    ref={this.addForm}
-                    onSuccess={() => this.table.current.onReloadData()}
-                >
-                    <FormBody />
-                </ModalForm>
+                <Auth auth="sysApp:add">
+                    <ModalForm
+                        title={`新增${name}`}
+                        action={apiAction.add}
+                        ref={this.addForm}
+                        onSuccess={() => this.table.current.onReloadData()}
+                    >
+                        <FormBody />
+                    </ModalForm>
+                </Auth>
 
-                <ModalForm
-                    title={`编辑${name}`}
-                    action={apiAction.edit}
-                    ref={this.editForm}
-                    onSuccess={() => this.table.current.onReloadData()}
-                >
-                    <FormBody />
-                </ModalForm>
+                <Auth auth="sysApp:edit">
+                    <ModalForm
+                        title={`编辑${name}`}
+                        action={apiAction.edit}
+                        ref={this.editForm}
+                        onSuccess={() => this.table.current.onReloadData()}
+                    >
+                        <FormBody />
+                    </ModalForm>
+                </Auth>
             </Container>
         )
     }