@jiangood/open-admin 3.0.14 → 3.1.0

package/src/pages/system/org/index.jsx

@@ -1,5 +1,5 @@
 import {DeleteOutlined, EditOutlined, PlusOutlined, SettingOutlined, SyncOutlined} from '@ant-design/icons';
-import {Button, Card, Checkbox, Descriptions, Form, Input, InputNumber, Popover, Space, Spin, Splitter, Switch, Tree, Typography} from 'antd';
+import {Button, Card, Checkbox, Descriptions, Form, Input, InputNumber, Modal, Popover, Space, Spin, Splitter, Switch, Tree, Typography} from 'antd';
 import React from 'react';
 import {
     FieldBoolean,
@@ -7,14 +7,14 @@ import {
     FieldRemoteTreeSelect,
     FieldUserSelect,
     FormModal, Gap,
-    HttpUtils,
+    HttpClient,
     NamedIcon,
     Page,
     PermActions,
     ViewSwitch,
 } from "../../../framework";
 
-export default class extends React.Component {
+export default class OrgPage extends React.Component {
 
     state = {
         selectedOrg: null,
@@ -26,6 +26,7 @@ export default class extends React.Component {
         treeData: [],
         treeLoading: false,
         draggable: false,
+        deleteModalOpen: false,
     }
     modalRef = React.createRef();
     treeRef = React.createRef();
@@ -36,18 +37,23 @@ export default class extends React.Component {
 
     loadTree = () => {
         this.setState({treeLoading: true})
-        HttpUtils.get('admin/sysOrg/tree', this.state.params).then(rs => {
-            this.setState({treeData: rs})
-        }).finally(() => {
+        HttpClient.get('admin/sysOrg/tree', this.state.params, {toastError: false}).then(rs => {
+            this.setState({treeData: rs.data})
+            this.setState({treeLoading: false});
+        }).catch(() => {
             this.setState({treeLoading: false});
         })
     }
 
+    openDeleteModal = () => {
+        this.setState({deleteModalOpen: true})
+    }
+
     handleDelete = () => {
         const {selectedOrg} = this.state
         if (!selectedOrg) return
-        HttpUtils.post('admin/sysOrg/delete', {id: selectedOrg.id}).then(() => {
-            this.setState({selectedOrg: null})
+        HttpClient.post('admin/sysOrg/delete', {id: selectedOrg.id}, null).then(() => {
+            this.setState({selectedOrg: null, deleteModalOpen: false})
             this.loadTree()
         })
     }
@@ -57,8 +63,8 @@ export default class extends React.Component {
             this.setState({selectedOrg: null})
             return
         }
-        HttpUtils.get("admin/sysOrg/detail", {id: selectedKeys[0]}).then(rs => {
-            this.setState({selectedOrg: rs})
+        HttpClient.get("admin/sysOrg/detail", {id: selectedKeys[0]}).then(rs => {
+            this.setState({selectedOrg: rs.data})
         })
     }
 
@@ -74,7 +80,7 @@ export default class extends React.Component {
     handleModalFinish = async values => {
         const isNew = !values.id
         const url = isNew ? 'admin/sysOrg/create' : 'admin/sysOrg/update'
-        await HttpUtils.post(url, values)
+        await HttpClient.post(url, values)
         this.loadTree()
     }
 
@@ -131,7 +137,7 @@ export default class extends React.Component {
                                   onSelect={this.onSelect}
                                   showIcon
                                   blockNode
-                                  icon={item => <NamedIcon name={item.data.iconName}/>}
+                                  icon={item => <NamedIcon name={item.data.iconName}/>} // NOSONAR: AntD 渲染函数惯例
                                   draggable={this.state.draggable}
                                   onDrop={this.onDrop}
                                   showLine
@@ -152,8 +158,8 @@ export default class extends React.Component {
                                         label: '删除',
                                         perm: 'sys-org:delete',
                                         icon: <DeleteOutlined/>,
-                                        confirm: '是否确定删除组织机构',
-                                        onClick: this.handleDelete,
+                                        danger: true,
+                                        onClick: this.openDeleteModal,
                                     },
                                 ]}/>
                             )}
@@ -185,9 +191,6 @@ export default class extends React.Component {
                 <Form.Item label='名称' name='name' rules={[{required: true}]}>
                     <Input/>
                 </Form.Item>
-                <Form.Item label='序号' name='seq'>
-                    <InputNumber/>
-                </Form.Item>
                 <Form.Item label='类型' name='type' rules={[{required: true}]}>
                     <FieldRemoteSelect url='admin/sysOrg/type-options' placeholder='请选择类型'/>
                 </Form.Item>
@@ -197,6 +200,9 @@ export default class extends React.Component {
                 <Form.Item label='启用' name='enabled' rules={[{required: true}]}>
                     <FieldBoolean/>
                 </Form.Item>
+                <Form.Item label='序号' name='seq'>
+                    <InputNumber/>
+                </Form.Item>
                 <Form.Item label='扩展字段1' name='extra1'>
                     <Input/>
                 </Form.Item>
@@ -207,6 +213,13 @@ export default class extends React.Component {
                     <Input/>
                 </Form.Item>
             </FormModal>
+
+            <Modal open={this.state.deleteModalOpen} title="删除确认" okText="删除" cancelText="取消"
+                   okButtonProps={{danger: true}}
+                   onCancel={() => this.setState({deleteModalOpen: false})}
+                   onOk={this.handleDelete}>
+                是否确定删除组织机构「{selectedOrg?.name}」？
+            </Modal>
         </Page>
     }
 
@@ -216,7 +229,7 @@ export default class extends React.Component {
         const dragKey = dragNode.key;
         const dropPos = e.node.pos.split('-');
         const dropPosition = e.dropPosition - Number(dropPos[dropPos.length - 1]);
-        HttpUtils.post('admin/sysOrg/sort', {dropPosition, dropToGap, dropKey, dragKey}).then(this.loadTree)
+        HttpClient.post('admin/sysOrg/sort', {dropPosition, dropToGap, dropKey, dragKey}, null).then(() => this.loadTree())
     };
 }
 

package/src/pages/system/role/index.jsx

@@ -1,10 +1,10 @@
 import {PlusOutlined} from '@ant-design/icons'
 import {Button, Form, Input, InputNumber, Modal, Transfer} from 'antd'
 import React from 'react'
-import {FieldBoolean, FormModal, HttpUtils, Page, PageUtils, PermActions, ProTable, ViewText} from "../../../framework";
+import {FieldBoolean, FormModal, HttpClient, Page, PageUtils, PermActions, ProTable, ViewText} from "../../../framework";
 
 
-export default class extends React.Component {
+export default class RolePage extends React.Component {
 
     state = {
         usersModalOpen: false,
@@ -29,20 +29,20 @@ export default class extends React.Component {
 
     handleEditUser = record => {
         this.setState({usersModalOpen: true, selectedRecord: record})
-        HttpUtils.get('admin/sysRole/user-list', {id: record.id}).then(rs => {
-            this.setState({userList: rs.list, targetKeys: rs.selectedKeys})
+        HttpClient.get('admin/sysRole/user-list', {id: record.id}).then(rs => {
+            this.setState({userList: rs.data.list, targetKeys: rs.data.selectedKeys})
         })
     }
 
     onFinish = async values => {
         const isNew = !values.id;
         const url = isNew ? 'admin/sysRole/create' : 'admin/sysRole/update';
-        await HttpUtils.post(url, values)
+        await HttpClient.post(url, values)
         this.tableRef.current.reload()
     }
 
     handleDelete = record => {
-        HttpUtils.post('admin/sysRole/delete', {id: record.id}).then(rs => {
+        HttpClient.post('admin/sysRole/delete', {id: record.id}, null).then(() => {
             this.tableRef.current.reload()
         })
     }
@@ -83,7 +83,8 @@ export default class extends React.Component {
 
 
             render(v) {
-                return v == null ? null : (v ? '是' : '否')
+                if (v == null) return null;
+                return v ? '是' : '否';
             },
 
 
@@ -126,7 +127,7 @@ export default class extends React.Component {
             id: this.state.selectedRecord.id,
             userIdList: this.state.targetKeys
         }
-        HttpUtils.post('admin/sysRole/grant-users', params).then(rs => {
+        HttpClient.post('admin/sysRole/grant-users', params, null, {toastError: false}).then(() => {
             this.setState({usersModalOpen: false, usersModalLoading: false})
         }).catch(() => {
             this.setState({usersModalLoading: false})
@@ -140,14 +141,14 @@ export default class extends React.Component {
         >
             <ProTable
                 actionRef={this.tableRef}
-                toolBarRender={() => (
+                toolBarRender={() => ( // NOSONAR: AntD 渲染函数惯例
                     <PermActions>
                         <Button perm='sys-role:create' type='primary' icon={<PlusOutlined/>} onClick={this.handleAdd}>新增</Button>
                     </PermActions>
                 )}
-                request={(params) => HttpUtils.get('admin/sysRole/page', params)}
+                request={(params) => HttpClient.get('admin/sysRole/page', params)}
                 columns={this.columns}
-                searchFormRender={() => (
+                searchFormRender={() => ( // NOSONAR: AntD 渲染函数惯例
                     <>
                         <Form.Item label='角色名称' name='name'>
                             <Input/>
@@ -202,7 +203,7 @@ export default class extends React.Component {
                     targetKeys={this.state.targetKeys}
                     selectedKeys={this.state.selectedKeys}
                     render={item => item.title}
-                    onChange={(nextTargetKeys, direction, moveKeys) => {
+                    onChange={(nextTargetKeys, _direction, _moveKeys) => {
                         this.setState({
                             targetKeys: nextTargetKeys
                         })

package/src/pages/system/role/rolePerm.jsx

@@ -1,8 +1,8 @@
 import React from "react";
 import {Button, Card, Checkbox, Table, Typography} from "antd";
 import {SaveOutlined} from "@ant-design/icons";
-import {HttpUtils, Page} from "../../../framework";
-export default class extends React.Component {
+import {HttpClient, Page} from "../../../framework";
+export default class RolePermPage extends React.Component {
 
 
     state = {
@@ -39,9 +39,9 @@ export default class extends React.Component {
                 return <Checkbox.Group options={options}
                                        value={rowSelectedKey}
                                        onChange={(ks) => {
-                                           const rowSelectedKeys = this.state.rowSelectedKeys;
-                                           rowSelectedKeys[record.id] = ks;
-                                           this.setState({rowSelectedKeys})
+                                           this.setState(prevState => ({
+                                               rowSelectedKeys: {...prevState.rowSelectedKeys, [record.id]: ks}
+                                           }))
                                        }}/>
             }
         }
@@ -55,19 +55,25 @@ export default class extends React.Component {
 
     loadData() {
         this.setState({loading: true})
-        Promise.all([
-            HttpUtils.get('admin/sysRole/get', {id: this.roleId}).then(rs => {
-                this.setState({roleInfo: rs})
-            }),
-            HttpUtils.get('admin/sysRole/perm-tree-table', {id: this.roleId}).then(rs => {
-                this.setState({dataSource: rs})
-            }),
-            HttpUtils.get('admin/sysRole/own-perms', {id: this.roleId}).then(rs => {
-                this.setState({rowSelectedKeys: rs})
-            })
-        ]).then(rs => {
-            this.setState({loading: false})
-        })
+        const requestCount = 3;
+        let finished = 0;
+        const onFinish = () => {
+            if (++finished === requestCount) {
+                this.setState({loading: false})
+            }
+        };
+        HttpClient.get('admin/sysRole/get', {id: this.roleId}).then(rs => {
+            this.setState({roleInfo: rs.data})
+            onFinish()
+        });
+        HttpClient.get('admin/sysRole/perm-tree-table', {id: this.roleId}).then(rs => {
+            this.setState({dataSource: rs.data})
+            onFinish()
+        });
+        HttpClient.get('admin/sysRole/own-perms', {id: this.roleId}).then(rs => {
+            this.setState({rowSelectedKeys: rs.data})
+            onFinish()
+        });
     }
 
     savePerms = () => {
@@ -82,9 +88,7 @@ export default class extends React.Component {
             menus.push(menuId)
             perms.push(...ks)
         }
-        HttpUtils.post('admin/sysRole/save-perms', {id: this.roleId, perms, menus}).then(rs => {
-            //  Page.open(PageUtils.currentPathname(), PageUtils.currentLabel())
-        })
+        HttpClient.post('admin/sysRole/save-perms', {id: this.roleId, perms, menus})
     };
 
 

package/src/pages/system/user/index.jsx

@@ -1,5 +1,5 @@
 import {PlusOutlined} from '@ant-design/icons';
-import {Button, Card, Form, Input, Modal, Select, Splitter, message} from 'antd';
+import {Button, Card, Form, Input, Modal, Select, Splitter, Typography} from 'antd';
 import React from 'react';
 import {
     PermActions,
@@ -8,7 +8,7 @@ import {
     FieldRemoteSelect,
     FieldSysOrgTreeSelect,
     FormModal,
-    HttpUtils,
+    HttpClient,
     OrgTree,
     Page,
     ProTable,
@@ -16,11 +16,11 @@ import {
 } from "../../../framework";
 import UserPerm from "./userPerm";
 
-export default class extends React.Component {
+export default class UserPage extends React.Component {
 
     state = {
         currentOrgId: null,
-        addResultModal: { open: false, account: '', password: '' },
+        addResultModal: { open: false, name: '', account: '', password: '' },
         resetPwdUser: null,
     }
     permRef = React.createRef();
@@ -36,14 +36,13 @@ export default class extends React.Component {
     }
 
     onFinishResetPwd = async values => {
-        await HttpUtils.post('admin/sysUser/reset-pwd', {id: this.state.resetPwdUser.id, password: values.password})
-        message.success('重置密码成功')
+        await HttpClient.post('admin/sysUser/reset-pwd', {id: this.state.resetPwdUser.id, password: values.password})
         this.setState({resetPwdUser: null})
         this.tableRef.current?.reload()
     }
 
     handleDelete = r => {
-        HttpUtils.post('admin/sysUser/delete', {id: r.id}).then(rs => {
+        HttpClient.post('admin/sysUser/delete', {id: r.id}, null).then(() => {
             this.tableRef.current.reload();
         })
     }
@@ -103,7 +102,8 @@ export default class extends React.Component {
             title: '状态',
             dataIndex: 'enabled',
             render(v) {
-                return v == null ? null : (v ? '是' : '否')
+                if (v == null) return null;
+                return v ? '是' : '否';
             },
         },
         {
@@ -140,13 +140,14 @@ export default class extends React.Component {
     onFinish = async values => {
         const isNew = !values.id;
         const url = isNew ? 'admin/sysUser/create' : 'admin/sysUser/update';
-        const result = await HttpUtils.post(url, values)
-        if (result && result.password) {
+        const result = await HttpClient.post(url, values);
+        if (result?.data?.password) {
             this.setState({
                 addResultModal: {
                     open: true,
+                    name: values.name,
                     account: values.account,
-                    password: result.password,
+                    password: result.data.password,
                 }
             })
         }
@@ -166,17 +167,17 @@ export default class extends React.Component {
                     <ProTable
                         searchFormCols={3}
                         actionRef={this.tableRef}
-                        toolBarRender={() => (
+                        toolBarRender={() => ( // NOSONAR: AntD 渲染函数惯例
                             <PermActions>
                                 <Button perm='sys-user:create' type='primary' icon={<PlusOutlined/>} onClick={this.handleAdd}>新增</Button>
                             </PermActions>
                         )}
                         request={(params) => {
                             params.orgId = this.state.currentOrgId
-                            return HttpUtils.get('admin/sysUser/page', params)
+                            return HttpClient.get('admin/sysUser/page', params)
                         }}
                         columns={this.columns}
-                        searchFormRender={() => (
+                        searchFormRender={() => ( // NOSONAR: AntD 渲染函数惯例
                             <>
                                 <Form.Item label='姓名' name='name'>
                                     <Input/>
@@ -233,27 +234,25 @@ export default class extends React.Component {
             <Modal
                 title="添加用户成功"
                 open={this.state.addResultModal.open}
-                onOk={() => this.setState({addResultModal: {open: false, account: '', password: ''}})}
-                onCancel={() => this.setState({addResultModal: {open: false, account: '', password: ''}})}
+                onOk={() => this.setState({addResultModal: {open: false, name: '', account: '', password: ''}})}
+                onCancel={() => this.setState({addResultModal: {open: false, name: '', account: '', password: ''}})}
                 width={420}
                 footer={
-                    <div style={{display: 'flex', justifyContent: 'flex-end', gap: 8}}>
-                        <Button onClick={() => {
-                            navigator.clipboard.writeText(`账号：${this.state.addResultModal.account}\n密码：${this.state.addResultModal.password}`);
-                            message.success('复制成功')
-                        }}>复制</Button>
-                        <Button type="primary" onClick={() => this.setState({addResultModal: {open: false, account: '', password: ''}})}>确定</Button>
-                    </div>
+                    <Button type="primary" onClick={() => this.setState({addResultModal: {open: false, name: '', account: '', password: ''}})}>确定</Button>
                 }
             >
-                <div>
-                    <div style={{marginBottom: 8}}>
-                        账号：{this.state.addResultModal.account}
-                    </div>
-                    <div>
-                        密码：{this.state.addResultModal.password}
-                    </div>
-                </div>
+                <Typography.Paragraph
+                    copyable={{
+                        text: `系统访问地址：${window.location.origin}\n姓名：${this.state.addResultModal.name}\n账号：${this.state.addResultModal.account}\n密码：${this.state.addResultModal.password}`,
+                        tooltips: '点击复制',
+                    }}
+                    style={{marginBottom: 0}}
+                >
+                    <div>系统访问地址：{window.location.origin}</div>
+                    <div>姓名：{this.state.addResultModal.name}</div>
+                    <div>账号：{this.state.addResultModal.account}</div>
+                    <div>密码：{this.state.addResultModal.password}</div>
+                </Typography.Paragraph>
             </Modal>
 
             <FormModal ref={this.resetPwdRef} title='重置密码' onFinish={this.onFinishResetPwd} width={420}>
@@ -267,8 +266,11 @@ export default class extends React.Component {
                         </Form.Item>
                     </>
                 )}
-                <Form.Item label="新密码" name="password" rules={[{required: true, message: '请输入新密码'}]}>
-                    <Input.Password placeholder="请输入新密码"/>
+                <Form.Item label="新密码" name="password" rules={[
+                    {required: true, message: '请输入新密码'},
+                    {pattern: /^[\x20-\x7E]{1,64}$/, message: '密码仅支持英文、数字与常见符号，长度不超过64位'}
+                ]}>
+                    <Input.Password maxLength={64} placeholder="请输入新密码"/>
                 </Form.Item>
             </FormModal>
 

package/src/pages/system/user/userPerm.jsx

@@ -1,6 +1,6 @@
-import {Form, Modal} from 'antd';
+import {Form, Modal, message} from 'antd';
 import React from 'react';
-import {FieldDictSelect, FieldRemoteSelect, FieldSysOrgTree, HttpUtils} from "../../../framework";
+import {FieldDictSelect, FieldRemoteSelect, FieldSysOrgTree, HttpClient} from "../../../framework";
 
 
 export default class UserPerm extends React.Component {
@@ -15,14 +15,14 @@ export default class UserPerm extends React.Component {
             dataPermType: null
         },
     }
-    formRef = React.createRef()
+    formRef = React.createRef() // NOSONAR: React ref，内部通过 this.formRef 使用
 
-    show(item) {
+    show(item) { // NOSONAR: ref 暴露给父组件调用的公共 API
         this.setState({visible: true})
 
-        HttpUtils.get('admin/sysUser/get-perm-info', {id: item.id}).then(rs => {
-            this.setState({formValues: rs})
-            this.formRef.current.setFieldsValue(rs)
+        HttpClient.get('admin/sysUser/get-perm-info', {id: item.id}).then(rs => {
+            this.setState({formValues: rs.data})
+            this.formRef.current.setFieldsValue(rs.data)
         })
     }
 
@@ -34,17 +34,17 @@ export default class UserPerm extends React.Component {
         })
 
 
-        HttpUtils.post('admin/sysUser/grant-perm', values).then(rs => {
+        HttpClient.post('admin/sysUser/grant-perm', values, null, {toastError: false}).then(() => {
             this.setState({
                 visible: false,
                 confirmLoading: false
             })
             this.props.onOk()
-        }).finally(() => {
+        }).catch(e => {
+            message.error(HttpClient.errToMsg(e))
             this.setState({
                 confirmLoading: false
             })
-
         })
     }
 
@@ -77,11 +77,11 @@ export default class UserPerm extends React.Component {
                 </Form.Item>
 
 
-                {this.state.formValues.dataPermType === 'CUSTOM' && <>
+                {this.state.formValues.dataPermType === 'CUSTOM' &&
                     <Form.Item label='组织机构' name='orgIds'>
                         <FieldSysOrgTree/>
                     </Form.Item>
-                </>}
+                }
 
 
             </Form>

package/src/pages/userCenter/index.jsx

@@ -1,9 +1,9 @@
 import React from "react";
 import {Button, Card, Descriptions, Form, Input, Modal} from "antd";
 import PermView from "./permView";
-import {HttpUtils, history, Page} from "../../framework";
+import {HttpClient, history, Page} from "../../framework";
 
-export default class extends React.Component {
+export default class UserCenterPage extends React.Component {
 
     formRef = React.createRef();
 
@@ -14,20 +14,21 @@ export default class extends React.Component {
     }
 
     componentDidMount() {
-        HttpUtils.get('admin/userCenter/info').then(rs => {
-            this.setState({info: rs})
+        HttpClient.get('admin/userCenter/info', null).then(rs => {
+            this.setState({info: rs.data})
         })
     }
 
     onPwdFinish = (values) => {
-        HttpUtils.post('admin/userCenter/update-pwd', values).then(() => {
+        HttpClient.post('admin/userCenter/update-pwd', values, null).then(() => {
             this.setState({changePwdOpen: false, changePwdSuccess: true});
         })
     }
 
-    pwdValidator = (rule, value) => {
-        return HttpUtils.get("admin/sysUser/pwd-strength", {password: value}, {showError: false})
-    }
+    pwdValidator = (rule, value) => HttpClient.get("admin/sysUser/pwd-strength", {password: value}, {toastError: false})
+        .catch(e => {
+            throw new Error(e.message)
+        })
 
     render() {
         const {info, changePwdOpen, changePwdSuccess} = this.state;
@@ -67,12 +68,13 @@ export default class extends React.Component {
                                extra={'请输入字母、数字、特殊字符'}
                                rules={[
                                    {required: true, message: '请输入新密码'},
+                                   {pattern: /^[\x20-\x7E]{1,64}$/, message: '密码仅支持英文、数字与常见符号，长度不超过64位'},
                                    {
                                        validator: this.pwdValidator
                                    }
                                ]}
                     >
-                        <Input.Password></Input.Password>
+                        <Input.Password maxLength={64}></Input.Password>
                     </Form.Item>
                 </Form>
             </Modal>

package/src/pages/userCenter/permView.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {Empty, Table, Tag} from "antd";
-import {HttpUtils, Gap} from "../../framework";
+import {HttpClient, Gap} from "../../framework";
 
 export default class PermView extends React.Component {
 
@@ -9,8 +9,8 @@ export default class PermView extends React.Component {
     }
 
     componentDidMount() {
-        HttpUtils.get('admin/userCenter/perms').then(rs => {
-            this.setState({data: rs})
+        HttpClient.get('admin/userCenter/perms', null).then(rs => {
+            this.setState({data: rs.data})
         })
     }
 
@@ -26,7 +26,7 @@ export default class PermView extends React.Component {
             },
             {
                 title: '状态', dataIndex: 'status', key: 'status', width: 140,
-                render: (status) => {
+                render: (status) => { // NOSONAR: 返回元素或占位文本，类型不同属预期
                     if (status === 'mine') {
                         return <Tag color='blue'>我的机构</Tag>;
                     }
@@ -48,7 +48,7 @@ export default class PermView extends React.Component {
             },
             {
                 title: '状态', dataIndex: 'status', key: 'status', width: 140,
-                render: (status) => {
+                render: (status) => { // NOSONAR: 返回元素或占位文本，类型不同属预期
                     if (status === 'all') {
                         return <Tag color='green'>已授权</Tag>;
                     }
@@ -66,12 +66,12 @@ export default class PermView extends React.Component {
                     <Tag color='processing'>{data.dataPermLabel || '-'}</Tag>
                 </span>
             </div>
-            {data.orgRows && data.orgRows.length
+            {data.orgRows?.length
                 ? <Table size='small' rowKey='key' columns={orgColumns} dataSource={data.orgRows}
                          pagination={false} expandable={{defaultExpandAllRows: true}}/>
                 : <Empty description='暂无机构数据'/>}
             <Gap/>
-            {data.menuRows && data.menuRows.length
+            {data.menuRows?.length
                 ? <Table size='small' rowKey='key' columns={menuColumns} dataSource={data.menuRows}
                          pagination={false} expandable={{defaultExpandAllRows: true}}/>
                 : <Empty description='暂无权限数据'/>}