@jiangood/open-admin 2.2.4 → 2.2.6

package/src/.umi-production/appData.json

@@ -5,7 +5,6 @@
       "@types/lodash": "^4.17.23",
       "@types/react": "^19.2.2",
       "@types/react-dom": "^19.0.0",
-      "@umijs/plugins": "^4.3.17",
       "babel-plugin-react-compiler": "^1.0.0",
       "typescript": "^6.0.3"
     },
@@ -40,7 +39,7 @@
       "dev": "umi dev",
       "build": "umi build"
     },
-    "version": "2.2.4"
+    "version": "2.2.6"
   },
   "pkgPath": "/home/runner/work/open-admin/open-admin/web/package.json",
   "plugins": {
@@ -117,7 +116,7 @@
             0
           ]
         },
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -174,10 +173,10 @@
       "time": {
         "hooks": {
           "onCheckConfig": [
-            0
+            1
           ],
           "onCheck": [
-            0
+            1
           ]
         },
         "register": 1
@@ -197,7 +196,7 @@
             0
           ]
         },
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -210,7 +209,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "config"
     },
@@ -227,7 +226,7 @@
             0
           ]
         },
-        "register": 6
+        "register": 5
       },
       "enableBy": "register"
     },
@@ -1079,7 +1078,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "config"
     },
@@ -1096,7 +1095,7 @@
             0
           ]
         },
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1109,7 +1108,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1122,7 +1121,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 95
+        "register": 97
       },
       "enableBy": "register"
     },
@@ -1135,7 +1134,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 30
+        "register": 27
       },
       "enableBy": "config"
     },
@@ -1204,7 +1203,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 30
+        "register": 31
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/mpa/mpa": {
@@ -1268,10 +1267,10 @@
       "time": {
         "hooks": {
           "modifyConfig": [
-            0
+            1
           ]
         },
-        "register": 2
+        "register": 1
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/polyfill/publicPathPolyfill": {
@@ -1283,7 +1282,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1476,7 +1475,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/clickToComponent/clickToComponent": {
@@ -1555,7 +1554,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 2
+        "register": 3
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/mako/mako": {
@@ -1567,7 +1566,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "config"
     },
@@ -1580,7 +1579,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/hmrGuardian/hmrGuardian": {
@@ -1592,7 +1591,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 3
+        "register": 2
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/routePreloadOnLoad/routePreloadOnLoad": {
@@ -1604,7 +1603,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 26
+        "register": 28
       }
     },
     "./node_modules/@umijs/preset-umi/dist/features/forget/forget": {
@@ -1642,7 +1641,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 4
+        "register": 3
       },
       "enableBy": "register"
     },
@@ -1655,7 +1654,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 42
+        "register": 43
       },
       "enableBy": "register"
     },
@@ -1668,7 +1667,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 16
+        "register": 17
       }
     },
     "./node_modules/@umijs/preset-umi/dist/commands/help": {
@@ -1680,7 +1679,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1706,7 +1705,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1719,7 +1718,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1732,7 +1731,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1745,7 +1744,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 2
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1758,7 +1757,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1771,7 +1770,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1784,7 +1783,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1797,7 +1796,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1849,7 +1848,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1862,7 +1861,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1875,7 +1874,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 0
+        "register": 1
       },
       "enableBy": "register"
     },
@@ -1888,7 +1887,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1914,7 +1913,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 21
+        "register": 22
       },
       "enableBy": "register"
     },
@@ -1927,7 +1926,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 0
       },
       "enableBy": "register"
     },
@@ -1940,7 +1939,7 @@
       "config": {},
       "time": {
         "hooks": {},
-        "register": 1
+        "register": 2
       },
       "enableBy": "register"
     },
@@ -1965,7 +1964,11 @@
       "key": "open-admin",
       "config": {},
       "time": {
-        "hooks": {},
+        "hooks": {
+          "modifyConfig": [
+            0
+          ]
+        },
         "register": 6
       },
       "enableBy": "register"
@@ -1977,25 +1980,9 @@
     "_": []
   },
   "userConfig": {
-    "define": {
-      "SERVLET_CONTEXT": "/change-this-servlet-context"
-    },
-    "publicPath": "./",
-    "hash": true,
-    "history": {
-      "type": "hash"
-    },
-    "mfsu": false,
-    "esbuildMinifyIIFE": true,
     "plugins": [
       "./config/common-plugin"
-    ],
-    "proxy": {
-      "/change-this-servlet-context": {
-        "target": "http://127.0.0.1:8080",
-        "changeOrigin": true
-      }
-    }
+    ]
   },
   "mainConfigFile": "/home/runner/work/open-admin/open-admin/web/config/config.js",
   "config": {
@@ -2023,22 +2010,23 @@
       "@@": "/home/runner/work/open-admin/open-admin/web/src/.umi-production",
       "regenerator-runtime": "/home/runner/work/open-admin/open-admin/web/node_modules/regenerator-runtime"
     },
+    "plugins": [
+      "./config/common-plugin"
+    ],
+    "targets": {
+      "chrome": 80
+    },
     "define": {
       "SERVLET_CONTEXT": "/change-this-servlet-context"
     },
     "hash": true,
     "esbuildMinifyIIFE": true,
-    "plugins": [
-      "./config/common-plugin"
-    ],
     "proxy": {
       "/change-this-servlet-context": {
         "target": "http://127.0.0.1:8080",
-        "changeOrigin": true
+        "changeOrigin": true,
+        "ws": true
       }
-    },
-    "targets": {
-      "chrome": 80
     }
   },
   "routes": {
@@ -2068,7 +2056,7 @@
       "parentId": "@@/global-layout",
       "file": "system/user/UserPerm.jsx",
       "absPath": "/system/user/UserPerm",
-      "__content": "import {Form, Modal} from 'antd';\nimport React from 'react';\nimport {FieldDictSelect, FieldRemoteSelectMultiple, FieldSysOrgTree, HttpUtils} from \"../../../framework\";\n\n\nexport default class UserPerm extends React.Component {\n\n\n    state = {\n        visible: false,\n\n        confirmLoading: false,\n\n        formValues: {\n            dataPermType: null\n        },\n    }\n    formRef = React.createRef()\n\n    show(item) {\n        this.setState({visible: true})\n\n        HttpUtils.get('admin/sysUser/get-perm-info', {id: item.id}).then(rs => {\n            this.setState({formValues: rs})\n            this.formRef.current.setFieldsValue(rs)\n        })\n    }\n\n    handleSave = (values) => {\n        values.grantOrgIdList = this.state.checked\n\n        this.setState({\n            confirmLoading: true\n        })\n\n\n        HttpUtils.post('admin/sysUser/grant-perm', values).then(rs => {\n            this.setState({\n                visible: false,\n                confirmLoading: false\n            })\n            this.props.onOk()\n        }).finally(() => {\n            this.setState({\n                confirmLoading: false\n            })\n\n        })\n    }\n\n    render() {\n        const {visible, confirmLoading} = this.state\n\n        return <Modal\n            title=\"授权\"\n            destroyOnClose\n            width={600}\n            open={visible}\n            confirmLoading={confirmLoading}\n            onCancel={() => this.setState({visible: false})}\n            onOk={() => this.formRef.current.submit()}\n        >\n\n            <Form ref={this.formRef}\n                  onFinish={this.handleSave}\n                  onValuesChange={(change, values) => {\n                      this.setState({formValues: values})\n                  }}\n                  labelCol={{flex: '100px'}}\n            >\n                <Form.Item name='id' noStyle></Form.Item>\n                <Form.Item label='角色' name='roleIds' rules={[{required: true}]}>\n                    <FieldRemoteSelectMultiple url='admin/sysRole/options'/>\n                </Form.Item>\n                <Form.Item label='数据权限' name='dataPermType' rules={[{required: true}]}>\n                    <FieldDictSelect typeCode='dataPermType'/>\n                </Form.Item>\n\n\n                {this.state.formValues.dataPermType === 'CUSTOM' && <>\n                    <Form.Item label='组织机构' name='orgIds'>\n                        <FieldSysOrgTree/>\n                    </Form.Item>\n                </>}\n\n\n            </Form>\n\n\n        </Modal>\n    }\n\n\n}\n",
+      "__content": "import {Form, Modal} from 'antd';\nimport React from 'react';\nimport {FieldDictSelect, FieldRemoteSelectMultiple, FieldSysOrgTree, HttpUtils} from \"../../../framework\";\n\n\nexport default class UserPerm extends React.Component {\n\n\n    state = {\n        visible: false,\n\n        confirmLoading: false,\n\n        formValues: {\n            dataPermType: null\n        },\n    }\n    formRef = React.createRef()\n\n    show(item) {\n        this.setState({visible: true})\n\n        HttpUtils.get('admin/sysUser/get-perm-info', {id: item.id}).then(rs => {\n            this.setState({formValues: rs})\n            this.formRef.current.setFieldsValue(rs)\n        })\n    }\n\n    handleSave = (values) => {\n        values.grantOrgIdList = this.state.checked\n\n        this.setState({\n            confirmLoading: true\n        })\n\n\n        HttpUtils.post('admin/sysUser/grant-perm', values).then(rs => {\n            this.setState({\n                visible: false,\n                confirmLoading: false\n            })\n            this.props.onOk()\n        }).finally(() => {\n            this.setState({\n                confirmLoading: false\n            })\n\n        })\n    }\n\n    render() {\n        const {visible, confirmLoading} = this.state\n\n        return <Modal\n            title=\"授权\"\n            destroyOnHidden\n            width={600}\n            open={visible}\n            confirmLoading={confirmLoading}\n            onCancel={() => this.setState({visible: false})}\n            onOk={() => this.formRef.current.submit()}\n        >\n\n            <Form ref={this.formRef}\n                  onFinish={this.handleSave}\n                  onValuesChange={(change, values) => {\n                      this.setState({formValues: values})\n                  }}\n                  labelCol={{flex: '100px'}}\n            >\n                <Form.Item name='id' noStyle></Form.Item>\n                <Form.Item label='角色' name='roleIds' rules={[{required: true}]}>\n                    <FieldRemoteSelectMultiple url='admin/sysRole/options'/>\n                </Form.Item>\n                <Form.Item label='数据权限' name='dataPermType' rules={[{required: true}]}>\n                    <FieldDictSelect typeCode='dataPermType'/>\n                </Form.Item>\n\n\n                {this.state.formValues.dataPermType === 'CUSTOM' && <>\n                    <Form.Item label='组织机构' name='orgIds'>\n                        <FieldSysOrgTree/>\n                    </Form.Item>\n                </>}\n\n\n            </Form>\n\n\n        </Modal>\n    }\n\n\n}\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/user/UserPerm.jsx"
     },
@@ -2078,7 +2066,7 @@
       "parentId": "@@/global-layout",
       "file": "system/manual/index.jsx",
       "absPath": "/system/manual",
-      "__content": "import {PlusOutlined} from '@ant-design/icons'\nimport {Button, Form, Input, Modal, Popconfirm} from 'antd'\nimport React from 'react'\nimport {ButtonList, FieldUploadFile, HttpUtils, Page, ProTable} from \"../../../framework\";\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysManual/create' : 'admin/sysManual/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = record => {\n        HttpUtils.post('admin/sysManual/delete', {id: record.id}).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n\n        },\n\n        {\n            title: '版本',\n            dataIndex: 'version',\n            render(version) {\n                return 'v' + version;\n            }\n        },\n\n        {\n            title: '文件',\n            dataIndex: 'fileId',\n            render(id) {\n                const url = 'admin/sysFile/preview/' + id;\n                return <a href={url} target='_blank'>查看文件</a>\n            }\n\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => (\n                <ButtonList>\n                    <Button size='small' perm='sys-manual:update' onClick={() => this.handleEdit(record)}>编辑</Button>\n                    <Popconfirm perm='sys-manual:delete' title='是否确定删除操作手册'\n                                onConfirm={() => this.handleDelete(record)}>\n                        <Button size='small'>删除</Button>\n                    </Popconfirm>\n                </ButtonList>\n            ),\n        },\n\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={(params, {selectedRows, selectedRowKeys}) => {\n                    return <ButtonList>\n                        <Button perm='sys-manual:create' type='primary' onClick={this.handleAdd}>\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/sysManual/page', params)}\n                columns={this.columns}\n\n            />\n\n            <Modal title='操作手册'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnClose\n                   maskClosable={false}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}\n                >\n                    <Form.Item name='id' noStyle></Form.Item>\n\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='文件' name='fileId' rules={[{required: true}]}>\n                        <FieldUploadFile accept=\".pdf\" maxCount={1}/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n        </Page>\n\n\n    }\n}\n\n\n",
+      "__content": "import {PlusOutlined} from '@ant-design/icons'\nimport {Button, Form, Input, Modal, Popconfirm} from 'antd'\nimport React from 'react'\nimport {ButtonList, FieldUploadFile, HttpUtils, Page, ProTable} from \"../../../framework\";\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysManual/create' : 'admin/sysManual/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = record => {\n        HttpUtils.post('admin/sysManual/delete', {id: record.id}).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n\n        },\n\n        {\n            title: '版本',\n            dataIndex: 'version',\n            render(version) {\n                return 'v' + version;\n            }\n        },\n\n        {\n            title: '文件',\n            dataIndex: 'fileId',\n            render(id) {\n                const url = 'admin/sysFile/preview/' + id;\n                return <a href={url} target='_blank'>查看文件</a>\n            }\n\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => (\n                <ButtonList>\n                    <Button size='small' perm='sys-manual:update' onClick={() => this.handleEdit(record)}>编辑</Button>\n                    <Popconfirm perm='sys-manual:delete' title='是否确定删除操作手册'\n                                onConfirm={() => this.handleDelete(record)}>\n                        <Button size='small'>删除</Button>\n                    </Popconfirm>\n                </ButtonList>\n            ),\n        },\n\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={(params, {selectedRows, selectedRowKeys}) => {\n                    return <ButtonList>\n                        <Button perm='sys-manual:create' type='primary' onClick={this.handleAdd}>\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/sysManual/page', params)}\n                columns={this.columns}\n\n            />\n\n            <Modal title='操作手册'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnHidden\n                   mask={{ closable: false }}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}\n                >\n                    <Form.Item name='id' noStyle></Form.Item>\n\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='文件' name='fileId' rules={[{required: true}]}>\n                        <FieldUploadFile accept=\".pdf\" maxCount={1}/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n        </Page>\n\n\n    }\n}\n\n\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/manual/index.jsx"
     },
@@ -2098,7 +2086,7 @@
       "parentId": "@@/global-layout",
       "file": "system/dict/index.jsx",
       "absPath": "/system/dict",
-      "__content": "import React from \"react\";\nimport {Button, Form, Input, InputNumber, Modal, Popconfirm, Splitter, Tag, Tree, Typography} from \"antd\";\nimport {PlusOutlined} from \"@ant-design/icons\";\n\nimport {\n    ButtonList,\n    FieldBoolean, FieldDictSelect, FieldRemoteSelect,\n    HttpUtils,\n    Page,\n    ProTable,\n    ViewBooleanEnableDisable, ViewText\n} from \"../../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n\n\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/dict/create' : 'admin/dict/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = row => {\n        HttpUtils.post('admin/dict/delete', row).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n        {\n            title: '类型标签',\n            dataIndex: 'typeLabel',\n        },\n        {\n            title: '类型编码',\n            dataIndex: 'typeCode',\n        },\n        {\n            title: '标签',\n            dataIndex: 'label',\n        },\n        {\n            title: '编码',\n            dataIndex: 'code',\n        },\n\n        {\n            title: '启用',\n            dataIndex: 'enabled',\n            render(v) {\n                return <ViewBooleanEnableDisable value={v}/>\n            }\n\n        },\n        {\n            title: '显示颜色',\n            dataIndex: 'color',\n            render(v) {\n                if (v) {\n                    return <Tag color={v.toLowerCase()}>{v}</Tag>\n                }\n\n            }\n        },\n\n        {\n            title: '序号',\n            dataIndex: 'seq',\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => {\n                return (\n                    <ButtonList>\n                        <Button size='small' perm='sys-dict:update'\n                                onClick={() => this.handleEdit(record)}> 编辑 </Button>\n                        <Popconfirm perm='sys-dict:delete' title='是否确定删除字典项'\n                                    onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </ButtonList>\n                );\n            },\n        },\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                rowKey='uid'\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button perm='sys-dict:create' type='primary' onClick={this.handleAdd} >\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => {\n                    params.typeCode = this.state.typeCode\n                    return HttpUtils.get('admin/dict/page', params);\n                }}\n                columns={this.columns}\n                showToolbarSearch={true}\n            />\n            <Modal\n                title='编辑数据字典项'\n                open={this.state.formOpen}\n                onOk={() => this.formRef.current.submit()}\n                onCancel={() => this.setState({formOpen: false})}\n                destroyOnClose\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle></Form.Item>\n                    <Form.Item label='类型' name='color' rules={[{required: true}]} >\n                       <ViewText />\n                    </Form.Item>\n                    <Form.Item label='类型' name='typeCode' rules={[{required: true}]} >\n                        <FieldRemoteSelect url='/admin/dict/type-options' />\n                    </Form.Item>\n                    <Form.Item label='编码' name='code' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='标签' name='label' rules={[{required: true}]} help='显示文本'>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='颜色' name='color' rules={[{required: true}]}>\n                        <FieldDictSelect typeCode='statusColor' />\n                    </Form.Item>\n                    <Form.Item label='序号' name='seq' rules={[{required: true}]}>\n                        <InputNumber/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n        </Page>\n\n\n    }\n\n\n}\n",
+      "__content": "import React from \"react\";\nimport {Button, Form, Input, InputNumber, Modal, Popconfirm, Splitter, Tag, Tree, Typography} from \"antd\";\nimport {PlusOutlined} from \"@ant-design/icons\";\n\nimport {\n    ButtonList,\n    FieldBoolean, FieldDictSelect, FieldRemoteSelect,\n    HttpUtils,\n    Page,\n    ProTable,\n    ViewBooleanEnableDisable, ViewText\n} from \"../../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n\n\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/dict/create' : 'admin/dict/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = row => {\n        HttpUtils.post('admin/dict/delete', row).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n        {\n            title: '类型标签',\n            dataIndex: 'typeLabel',\n        },\n        {\n            title: '类型编码',\n            dataIndex: 'typeCode',\n        },\n        {\n            title: '标签',\n            dataIndex: 'label',\n        },\n        {\n            title: '编码',\n            dataIndex: 'code',\n        },\n\n        {\n            title: '启用',\n            dataIndex: 'enabled',\n            render(v) {\n                return <ViewBooleanEnableDisable value={v}/>\n            }\n\n        },\n        {\n            title: '显示颜色',\n            dataIndex: 'color',\n            render(v) {\n                if (v) {\n                    return <Tag color={v.toLowerCase()}>{v}</Tag>\n                }\n\n            }\n        },\n\n        {\n            title: '序号',\n            dataIndex: 'seq',\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => {\n                return (\n                    <ButtonList>\n                        <Button size='small' perm='sys-dict:update'\n                                onClick={() => this.handleEdit(record)}> 编辑 </Button>\n                        <Popconfirm perm='sys-dict:delete' title='是否确定删除字典项'\n                                    onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </ButtonList>\n                );\n            },\n        },\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                rowKey='uid'\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button perm='sys-dict:create' type='primary' onClick={this.handleAdd} >\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => {\n                    params.typeCode = this.state.typeCode\n                    return HttpUtils.get('admin/dict/page', params);\n                }}\n                columns={this.columns}\n                showToolbarSearch={true}\n            />\n            <Modal\n                title='编辑数据字典项'\n                open={this.state.formOpen}\n                onOk={() => this.formRef.current.submit()}\n                onCancel={() => this.setState({formOpen: false})}\n                destroyOnHidden\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle></Form.Item>\n                    <Form.Item label='类型' name='color' rules={[{required: true}]} >\n                       <ViewText />\n                    </Form.Item>\n                    <Form.Item label='类型' name='typeCode' rules={[{required: true}]} >\n                        <FieldRemoteSelect url='/admin/dict/type-options' />\n                    </Form.Item>\n                    <Form.Item label='编码' name='code' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='标签' name='label' rules={[{required: true}]} help='显示文本'>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='颜色' name='color' rules={[{required: true}]}>\n                        <FieldDictSelect typeCode='statusColor' />\n                    </Form.Item>\n                    <Form.Item label='序号' name='seq' rules={[{required: true}]}>\n                        <InputNumber/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n        </Page>\n\n\n    }\n\n\n}\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/dict/index.jsx"
     },
@@ -2108,7 +2096,7 @@
       "parentId": "@@/global-layout",
       "file": "system/file/index.jsx",
       "absPath": "/system/file",
-      "__content": "import React from 'react'\nimport {Button, Form, Input, Modal, Popconfirm} from 'antd'\nimport {CloudUploadOutlined} from \"@ant-design/icons\";\n\nimport {ButtonList, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpUtils, Page, ProTable, SysUtils} from \"../../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        formOpen: false,\n        formValues: {}\n    }\n\n    tableRef = React.createRef()\n    formRef = React.createRef()\n\n    handleDelete = row => {\n        HttpUtils.post('admin/sysFile/delete', row).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n        {\n            title: '原始名称',\n            tooltip: '上传时候的文件名',\n            dataIndex: 'originName',\n            width: 200,\n        },\n        {\n            title: '存储名称',\n            dataIndex: 'objectName',\n            tooltip: '文件唯一标识id'\n        },\n\n        {\n            title: '文件大小',\n            dataIndex: 'sizeInfo',\n        },\n\n        {\n            title: 'mime',\n            dataIndex: 'mimeType',\n        },\n        {\n            title: '扩展名',\n            dataIndex: 'suffix',\n        },\n\n        {\n            title: '上传时间',\n            dataIndex: 'createTime',\n        },\n        {\n            title: '上传者',\n            dataIndex: 'createUserLabel',\n        },\n        {\n            title: '预览',\n            dataIndex: 'id',\n            render(id, record) {\n                const nodes = [<a href={SysUtils.contextPath('/admin/sysFile/preview/' + record.id)} target='_blank'>预览</a>]\n\n\n                if (record.imageUrls?.length > 0) {\n                    for (let item of record.imageUrls) {\n                        const url = item.url;\n                        const label = item.label;\n                        nodes.push(<a href={(url)} target='_blank' style={{marginLeft: 8}}>{label}</a>)\n                    }\n                }\n\n                return nodes;\n\n            }\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => (\n                <ButtonList>\n                    <Popconfirm perm='sys-file:delete' title='是否确定删除文件信息'\n                                onConfirm={() => this.handleDelete(record)}>\n                        <a>删除</a>\n                    </Popconfirm>\n                </ButtonList>\n            ),\n        },\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <Button type='primary' icon={<CloudUploadOutlined/>}\n                                   onClick={() => this.setState({formOpen: true})}>\n                        上传文件\n                    </Button>\n                }}\n                request={(params) => {\n                    return HttpUtils.get('admin/sysFile/page', params);\n                }}\n\n                columns={this.columns}\n\n            >\n                <Form.Item label='文件名' name='originName'>\n                    <Input/>\n                </Form.Item>\n                <Form.Item label='对象名称' name='objectName'>\n                    <Input/>\n                </Form.Item>\n                <Form.Item label='类型' name='type'>\n                    <FieldDictSelect typeCode='materialType'/>\n                </Form.Item>\n\n                <Form.Item label='上传时间' name='dateRange'>\n                    <FieldDateRange/>\n                </Form.Item>\n            </ProTable>\n\n            <Modal open={this.state.formOpen} title='上传文件'\n                   width={800}\n                   onCancel={() => {\n                       this.setState({formOpen: false})\n                       this.tableRef.current.reload()\n                   }}\n                   footer={null}\n                   destroyOnClose\n            >\n                <Form ref={this.formRef}\n                      initialValues={this.state.formValues}\n                >\n                    <Form.Item name='文件'>\n                        <FieldUploadFile accept=\"*/*\"/>\n                    </Form.Item>\n\n\n                </Form>\n            </Modal>\n\n        </Page>\n    }\n}\n\n\n\n",
+      "__content": "import React from 'react'\nimport {Button, Form, Input, Modal, Popconfirm} from 'antd'\nimport {CloudUploadOutlined} from \"@ant-design/icons\";\n\nimport {ButtonList, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpUtils, Page, ProTable, SysUtils} from \"../../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        formOpen: false,\n        formValues: {}\n    }\n\n    tableRef = React.createRef()\n    formRef = React.createRef()\n\n    handleDelete = row => {\n        HttpUtils.post('admin/sysFile/delete', row).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n        {\n            title: '原始名称',\n            tooltip: '上传时候的文件名',\n            dataIndex: 'originName',\n            width: 200,\n        },\n        {\n            title: '存储名称',\n            dataIndex: 'objectName',\n            tooltip: '文件唯一标识id'\n        },\n\n        {\n            title: '文件大小',\n            dataIndex: 'sizeInfo',\n        },\n\n        {\n            title: 'mime',\n            dataIndex: 'mimeType',\n        },\n        {\n            title: '扩展名',\n            dataIndex: 'suffix',\n        },\n\n        {\n            title: '上传时间',\n            dataIndex: 'createTime',\n        },\n        {\n            title: '上传者',\n            dataIndex: 'createUserLabel',\n        },\n        {\n            title: '预览',\n            dataIndex: 'id',\n            render(id, record) {\n                const nodes = [<a href={SysUtils.contextPath('/admin/sysFile/preview/' + record.id)} target='_blank'>预览</a>]\n\n\n                if (record.imageUrls?.length > 0) {\n                    for (let item of record.imageUrls) {\n                        const url = item.url;\n                        const label = item.label;\n                        nodes.push(<a href={(url)} target='_blank' style={{marginLeft: 8}}>{label}</a>)\n                    }\n                }\n\n                return nodes;\n\n            }\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => (\n                <ButtonList>\n                    <Popconfirm perm='sys-file:delete' title='是否确定删除文件信息'\n                                onConfirm={() => this.handleDelete(record)}>\n                        <a>删除</a>\n                    </Popconfirm>\n                </ButtonList>\n            ),\n        },\n    ]\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <Button type='primary' icon={<CloudUploadOutlined/>}\n                                   onClick={() => this.setState({formOpen: true})}>\n                        上传文件\n                    </Button>\n                }}\n                request={(params) => {\n                    return HttpUtils.get('admin/sysFile/page', params);\n                }}\n\n                columns={this.columns}\n\n            >\n                <Form.Item label='文件名' name='originName'>\n                    <Input/>\n                </Form.Item>\n                <Form.Item label='对象名称' name='objectName'>\n                    <Input/>\n                </Form.Item>\n                <Form.Item label='类型' name='type'>\n                    <FieldDictSelect typeCode='materialType'/>\n                </Form.Item>\n\n                <Form.Item label='上传时间' name='dateRange'>\n                    <FieldDateRange/>\n                </Form.Item>\n            </ProTable>\n\n            <Modal open={this.state.formOpen} title='上传文件'\n                   width={800}\n                   onCancel={() => {\n                       this.setState({formOpen: false})\n                       this.tableRef.current.reload()\n                   }}\n                   footer={null}\n                   destroyOnHidden\n            >\n                <Form ref={this.formRef}\n                      initialValues={this.state.formValues}\n                >\n                    <Form.Item name='文件'>\n                        <FieldUploadFile accept=\"*/*\"/>\n                    </Form.Item>\n\n\n                </Form>\n            </Modal>\n\n        </Page>\n    }\n}\n\n\n\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/file/index.jsx"
     },
@@ -2118,7 +2106,7 @@
       "parentId": "@@/global-layout",
       "file": "system/role/index.jsx",
       "absPath": "/system/role",
-      "__content": "import {PlusOutlined} from '@ant-design/icons'\nimport {Button, Form, Input, InputNumber, Modal, Popconfirm, Transfer, Tree} from 'antd'\nimport React from 'react'\nimport {ButtonList, FieldBoolean, HttpUtils, Page, PageUtils, ProTable, ViewText} from \"../../../framework\";\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false,\n\n        usersModalOpen: false,\n\n\n        userList: [],\n        targetKeys: [],\n        selectedKeys: [],\n\n        menuOpen: false,\n        menuTree: [],\n        menuTreeLoading: false,\n        menuChecked: [],\n        menuHalfChecked: []\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record}, () => {\n\n        })\n    }\n\n    handleEditUser = record => {\n        this.setState({usersModalOpen: true, formValues: record})\n        HttpUtils.get('admin/sysRole/user-list', {id: record.id}).then(rs => {\n            this.setState({userList: rs.list, targetKeys: rs.selectedKeys})\n        })\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysRole/create' : 'admin/sysRole/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = record => {\n        HttpUtils.post('admin/sysRole/delete', {id: record.id}).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n\n        },\n\n        {\n            title: '编号',\n            dataIndex: 'code',\n\n\n        },\n\n        {\n            title: '排序',\n            dataIndex: 'seq',\n\n\n        },\n\n        {\n            title: '备注',\n            dataIndex: 'remark',\n\n\n        },\n\n        {\n            title: '启用',\n            dataIndex: 'enabled',\n\n\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n\n\n        },\n        {\n            title: '是否内置',\n            dataIndex: 'builtin',\n\n\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n\n\n        },\n\n        {\n            title: '权限码',\n            dataIndex: 'perms',\n            width: 300,\n            render(v) {\n                if (v) {\n                    return <ViewText value={v.join(',')} ellipsis={true} />\n                }\n            }\n\n        },\n\n\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => {\n\n                return (\n                    <ButtonList>\n                        <Button size='small' perm='sys-role:grant-permission'\n                                onClick={() => this.handleEditUser(record)}>用户设置</Button>\n\n                        <Button size='small' perm='sys-role:grant-permission' disabled={record.builtin}\n                                onClick={() => PageUtils.open('/system/role/perm?id=' + record.id, '角色权限设置')}>权限设置</Button>\n\n                        <Button size='small' perm='sys-role:update' disabled={record.builtin}\n                                onClick={() => this.handleEdit(record)}>编辑</Button>\n                        <Popconfirm perm='sys-role:delete' disabled={record.builtin} title='是否确定删除系统角色'\n                                    onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </ButtonList>\n                );\n            },\n        },\n    ]\n\n    handleSaveUsers = () => {\n        const params = {\n            id: this.state.formValues.id,\n            userIdList: this.state.targetKeys\n        }\n        HttpUtils.post('admin/sysRole/grant-users', params).then(rs => {\n            this.setState({usersModalOpen: false})\n        })\n    }\n\n    handleEditMenu = (record) => {\n        this.setState({menuOpen: true, formValues: record, menuTreeLoading: true})\n        HttpUtils.get('admin/sysRole/ownMenu', {id: record.id}).then(rs => {\n            this.setState({menuChecked: rs.checked, menuHalfChecked: rs.halfChecked})\n        })\n        HttpUtils.get('admin/sysRole/menuTree').then(rs => {\n            this.setState({menuTree: rs, menuTreeLoading: false})\n        })\n    }\n    handleGrantMenu = () => {\n        const params = {\n            id: this.state.formValues.id,\n            menuIds: [...this.state.menuChecked, ...this.state.menuHalfChecked]\n        }\n        HttpUtils.post('admin/sysRole/grantMenu', params).then(rs => {\n            this.setState({menuOpen: false})\n        })\n    }\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button perm='sys-role:create' type='primary' onClick={this.handleAdd}>\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/sysRole/page', params)}\n                columns={this.columns}\n\n            />\n\n            <Modal title='系统角色'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnClose\n                   maskClosable={false}\n                   width={600}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}\n                >\n                    <Form.Item name='id' noStyle></Form.Item>\n\n\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='编码' name='code' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n\n                    <Form.Item label='排序' name='seq'>\n                        <InputNumber/>\n                    </Form.Item>\n\n\n                    <Form.Item label='备注' name='remark'>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n\n                </Form>\n            </Modal>\n\n\n            <Modal title={'角色用户' + \"【\" + this.state.formValues?.name + '】'}\n                   open={this.state.usersModalOpen}\n                   destroyOnClose\n                   maskClosable={false}\n                   width={800}\n                   onCancel={() => this.setState({usersModalOpen: false})}\n                   onOk={this.handleSaveUsers}\n            >\n\n\n                <Transfer\n                    listStyle={{height: '60vh', width: 300}}\n\n                    dataSource={this.state.userList} titles={[\"未选择\", \"已选择\"]}\n                    targetKeys={this.state.targetKeys}\n                    selectedKeys={this.state.selectedKeys}\n                    render={item => item.title}\n                    onChange={(nextTargetKeys, direction, moveKeys) => {\n                        this.setState({\n                            targetKeys: nextTargetKeys\n                        })\n                    }}\n                    onSelectChange={(sourceSelectedKeys, targetSelectedKeys) => {\n                        this.setState({\n                            selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys]\n                        })\n                    }}\n                    showSearch\n                />\n\n\n            </Modal>\n\n            <Modal title={'角色授权菜单权限' + \"【\" + this.state.formValues?.name + '】'}\n                   open={this.state.menuOpen}\n                   destroyOnClose\n                   maskClosable={false}\n                   width={800}\n                   onCancel={() => this.setState({menuOpen: false})}\n                   onOk={this.handleGrantMenu}\n                   loading={this.state.menuTreeLoading}\n            >\n                <Tree\n                    height={600}\n                    treeData={this.state.menuTree}\n                    multiple\n                    checkable\n                    checkedKeys={{checked: this.state.menuChecked}}\n                    onCheck={(keys, e) => {\n                        this.setState({menuChecked: keys, menuHalfChecked: e.halfCheckedKeys})\n                    }}\n                    defaultExpandAll\n                    titleRender={node => {\n                        return <span title={node.perm}>{node.title}</span>\n                    }}\n                />\n            </Modal>\n        </Page>\n\n\n    }\n}\n\n",
+      "__content": "import {PlusOutlined} from '@ant-design/icons'\nimport {Button, Form, Input, InputNumber, Modal, Popconfirm, Transfer, Tree} from 'antd'\nimport React from 'react'\nimport {ButtonList, FieldBoolean, HttpUtils, Page, PageUtils, ProTable, ViewText} from \"../../../framework\";\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false,\n\n        usersModalOpen: false,\n\n\n        userList: [],\n        targetKeys: [],\n        selectedKeys: [],\n\n        menuOpen: false,\n        menuTree: [],\n        menuTreeLoading: false,\n        menuChecked: [],\n        menuHalfChecked: []\n    }\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        this.setState({formOpen: true, formValues: record}, () => {\n\n        })\n    }\n\n    handleEditUser = record => {\n        this.setState({usersModalOpen: true, formValues: record})\n        HttpUtils.get('admin/sysRole/user-list', {id: record.id}).then(rs => {\n            this.setState({userList: rs.list, targetKeys: rs.selectedKeys})\n        })\n    }\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysRole/create' : 'admin/sysRole/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    handleDelete = record => {\n        HttpUtils.post('admin/sysRole/delete', {id: record.id}).then(rs => {\n            this.tableRef.current.reload()\n        })\n    }\n\n    columns = [\n\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n\n        },\n\n        {\n            title: '编号',\n            dataIndex: 'code',\n\n\n        },\n\n        {\n            title: '排序',\n            dataIndex: 'seq',\n\n\n        },\n\n        {\n            title: '备注',\n            dataIndex: 'remark',\n\n\n        },\n\n        {\n            title: '启用',\n            dataIndex: 'enabled',\n\n\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n\n\n        },\n        {\n            title: '是否内置',\n            dataIndex: 'builtin',\n\n\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n\n\n        },\n\n        {\n            title: '权限码',\n            dataIndex: 'perms',\n            width: 300,\n            render(v) {\n                if (v) {\n                    return <ViewText value={v.join(',')} ellipsis={true} />\n                }\n            }\n\n        },\n\n\n        {\n            title: '操作',\n            dataIndex: 'option',\n            render: (_, record) => {\n\n                return (\n                    <ButtonList>\n                        <Button size='small' perm='sys-role:grant-permission'\n                                onClick={() => this.handleEditUser(record)}>用户设置</Button>\n\n                        <Button size='small' perm='sys-role:grant-permission' disabled={record.builtin}\n                                onClick={() => PageUtils.open('/system/role/perm?id=' + record.id, '角色权限设置')}>权限设置</Button>\n\n                        <Button size='small' perm='sys-role:update' disabled={record.builtin}\n                                onClick={() => this.handleEdit(record)}>编辑</Button>\n                        <Popconfirm perm='sys-role:delete' disabled={record.builtin} title='是否确定删除系统角色'\n                                    onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </ButtonList>\n                );\n            },\n        },\n    ]\n\n    handleSaveUsers = () => {\n        const params = {\n            id: this.state.formValues.id,\n            userIdList: this.state.targetKeys\n        }\n        HttpUtils.post('admin/sysRole/grant-users', params).then(rs => {\n            this.setState({usersModalOpen: false})\n        })\n    }\n\n    handleEditMenu = (record) => {\n        this.setState({menuOpen: true, formValues: record, menuTreeLoading: true})\n        HttpUtils.get('admin/sysRole/ownMenu', {id: record.id}).then(rs => {\n            this.setState({menuChecked: rs.checked, menuHalfChecked: rs.halfChecked})\n        })\n        HttpUtils.get('admin/sysRole/menuTree').then(rs => {\n            this.setState({menuTree: rs, menuTreeLoading: false})\n        })\n    }\n    handleGrantMenu = () => {\n        const params = {\n            id: this.state.formValues.id,\n            menuIds: [...this.state.menuChecked, ...this.state.menuHalfChecked]\n        }\n        HttpUtils.post('admin/sysRole/grantMenu', params).then(rs => {\n            this.setState({menuOpen: false})\n        })\n    }\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button perm='sys-role:create' type='primary' onClick={this.handleAdd}>\n                            <PlusOutlined/> 新增\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/sysRole/page', params)}\n                columns={this.columns}\n\n            />\n\n            <Modal title='系统角色'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnHidden\n                   mask={{ closable: false }}\n                   width={600}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}\n                >\n                    <Form.Item name='id' noStyle></Form.Item>\n\n\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='编码' name='code' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n\n                    <Form.Item label='排序' name='seq'>\n                        <InputNumber/>\n                    </Form.Item>\n\n\n                    <Form.Item label='备注' name='remark'>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n\n                </Form>\n            </Modal>\n\n\n            <Modal title={'角色用户' + \"【\" + this.state.formValues?.name + '】'}\n                   open={this.state.usersModalOpen}\n                   destroyOnHidden\n                   mask={{ closable: false }}\n                   width={800}\n                   onCancel={() => this.setState({usersModalOpen: false})}\n                   onOk={this.handleSaveUsers}\n            >\n\n\n                <Transfer\n                    styles={{ section: { height: '60vh', width: 300 } }}\n\n                    dataSource={this.state.userList} titles={[\"未选择\", \"已选择\"]}\n                    targetKeys={this.state.targetKeys}\n                    selectedKeys={this.state.selectedKeys}\n                    render={item => item.title}\n                    onChange={(nextTargetKeys, direction, moveKeys) => {\n                        this.setState({\n                            targetKeys: nextTargetKeys\n                        })\n                    }}\n                    onSelectChange={(sourceSelectedKeys, targetSelectedKeys) => {\n                        this.setState({\n                            selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys]\n                        })\n                    }}\n                    showSearch\n                />\n\n\n            </Modal>\n\n            <Modal title={'角色授权菜单权限' + \"【\" + this.state.formValues?.name + '】'}\n                   open={this.state.menuOpen}\n                   destroyOnHidden\n                   mask={{ closable: false }}\n                   width={800}\n                   onCancel={() => this.setState({menuOpen: false})}\n                   onOk={this.handleGrantMenu}\n                   loading={this.state.menuTreeLoading}\n            >\n                <Tree\n                    height={600}\n                    treeData={this.state.menuTree}\n                    multiple\n                    checkable\n                    checkedKeys={{checked: this.state.menuChecked}}\n                    onCheck={(keys, e) => {\n                        this.setState({menuChecked: keys, menuHalfChecked: e.halfCheckedKeys})\n                    }}\n                    defaultExpandAll\n                    titleRender={node => {\n                        return <span title={node.perm}>{node.title}</span>\n                    }}\n                />\n            </Modal>\n        </Page>\n\n\n    }\n}\n\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/role/index.jsx"
     },
@@ -2128,7 +2116,7 @@
       "parentId": "@@/global-layout",
       "file": "system/user/index.jsx",
       "absPath": "/system/user",
-      "__content": "import {PlusOutlined} from '@ant-design/icons';\nimport {Button, Form, Input, Modal, Popconfirm, Splitter, Tabs} from 'antd';\nimport React from 'react';\nimport {\n    ButtonList,\n    DictUtils,\n    FieldBoolean,\n    FieldSysOrgTreeSelect,\n    HttpUtils,\n    OrgTree,\n    Page,\n    ProTable,\n    RoleTree\n} from \"../../../framework\";\nimport UserPerm from \"./UserPerm\";\n\nexport default class extends React.Component {\n\n    state = {\n        showAddForm: false,\n        showEditForm: false,\n        formValues: {},\n\n        currentOrgId: null,\n        currentRoleId: null,\n    }\n    permRef = React.createRef();\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    resetPwd(row) {\n        HttpUtils.post('admin/sysUser/reset-pwd', {id: row.id}).then(rs => {\n            Modal.success({\n                title: '重置密码成功',\n                content: rs\n            })\n        })\n    }\n\n    handleDelete = r => {\n        HttpUtils.post('admin/sysUser/delete', {id: r.id}).then(rs => {\n            this.tableRef.current.reload();\n        })\n    }\n\n    onSelectOrg = (key) => {\n        this.setState({currentOrgId: key}, () => this.tableRef.current.reload())\n    }\n\n    onSelectRole = (key) => {\n        this.setState({currentRoleId: key}, () => this.tableRef.current.reload())\n    }\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        record.deptId = record.deptId || record.unitId\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    columns = [\n        {\n            title: '单位',\n            dataIndex: 'unitLabel',\n        },\n        {\n            title: '部门',\n            dataIndex: 'deptLabel',\n        },\n        {\n            title: '姓名',\n            dataIndex: 'name',\n            sorter: true\n        },\n        {\n            title: '登录账号',\n            dataIndex: 'account',\n            sorter: true\n        },\n\n\n        {\n            title: '手机',\n            dataIndex: 'phone'\n        },\n        {\n            title: '邮箱',\n            dataIndex: 'email'\n        },\n\n        {\n            title: '角色',\n            dataIndex: 'roleIds',\n            render: (_, row) => {\n                if (row.roleNames) {\n                    return row.roleNames.join(',')\n                }\n            },\n        },\n        {\n            title: '状态',\n            dataIndex: 'enabled',\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n        },\n        {\n            title: '数据权限',\n            dataIndex: 'dataPermType',\n            render(v) {\n                return DictUtils.dictTag('dataPermType', v)\n            }\n        },\n\n        {\n            title: '创建时间',\n            dataIndex: 'createTime',\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            fixed: 'right',\n            render: (_, record) => {\n                return <ButtonList>\n                    <Button size='small' perm='sys-user:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>\n\n                    <Button size='small' perm='sys-user:grant-permission'\n                            onClick={() => this.permRef.current.show(record)}> 授权 </Button>\n\n                    <Popconfirm perm='sys-user:reset-password' title='确认重置密码？' onConfirm={() => this.resetPwd(record)}>\n                        <Button size='small'>重置密码</Button>\n                    </Popconfirm>\n\n                    <Popconfirm perm='sys-user:delete' title={'是否确定删除用户'}\n                                onConfirm={() => this.handleDelete(record)}>\n                        <Button size='small'>删除</Button>\n                    </Popconfirm>\n                </ButtonList>;\n            },\n        },\n    ];\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysUser/create' : 'admin/sysUser/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    render() {\n\n        return <Page>\n            <Splitter>\n                <Splitter.Panel defaultSize={400}>\n                    <Tabs\n                        type='card'\n                        size='small'\n                        items={[\n                            {\n                                key: 'org',\n                                label: '按组织机构',\n                                children: <OrgTree onChange={this.onSelectOrg}/>\n                            },\n                            {\n                                key: 'role',\n                                label: '按角色',\n                                children: <RoleTree onSelect={this.onSelectRole}/>\n                            }\n                        ]}/>\n\n                </Splitter.Panel>\n                <Splitter.Panel style={{paddingLeft: 16}}>\n                    <ProTable\n                        actionRef={this.tableRef}\n                        toolBarRender={() => {\n                            return <ButtonList>\n                                <Button\n                                    perm='sys-user:create'\n                                    type=\"primary\"\n                                    onClick={this.handleAdd}>\n                                    <PlusOutlined/> 新增\n                                </Button>\n\n\n                            </ButtonList>\n                        }}\n                        showToolbarSearch\n                        request={(params) => {\n                            params.orgId = this.state.currentOrgId\n                            params.roleId = this.state.currentRoleId\n                            return HttpUtils.get('admin/sysUser/page', params)\n                        }\n                        }\n                        columns={this.columns}\n                    >\n\n                    </ProTable>\n                </Splitter.Panel>\n            </Splitter>\n\n\n            <Modal title='系统用户'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnClose\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle></Form.Item>\n\n                    <Form.Item label='所属机构' name='deptId' rules={[{required: true}]}>\n                        <FieldSysOrgTreeSelect/>\n                    </Form.Item>\n\n                    <Form.Item label='姓名' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='账号' name='account' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n\n                    <Form.Item label='电话' name='phone'>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='邮箱' name='email'>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='启用状态' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n\n\n            <UserPerm ref={this.permRef} onOk={() => this.tableRef.current.reload()}/>\n\n        </Page>\n    }\n\n\n}\n\n\n\n",
+      "__content": "import {PlusOutlined} from '@ant-design/icons';\nimport {Button, Form, Input, Modal, Popconfirm, Splitter, Tabs} from 'antd';\nimport React from 'react';\nimport {\n    ButtonList,\n    DictUtils,\n    FieldBoolean,\n    FieldSysOrgTreeSelect,\n    HttpUtils,\n    OrgTree,\n    Page,\n    ProTable,\n    RoleTree\n} from \"../../../framework\";\nimport UserPerm from \"./UserPerm\";\n\nexport default class extends React.Component {\n\n    state = {\n        showAddForm: false,\n        showEditForm: false,\n        formValues: {},\n\n        currentOrgId: null,\n        currentRoleId: null,\n    }\n    permRef = React.createRef();\n\n    formRef = React.createRef()\n    tableRef = React.createRef()\n\n    resetPwd(row) {\n        HttpUtils.post('admin/sysUser/reset-pwd', {id: row.id}).then(rs => {\n            Modal.success({\n                title: '重置密码成功',\n                content: rs\n            })\n        })\n    }\n\n    handleDelete = r => {\n        HttpUtils.post('admin/sysUser/delete', {id: r.id}).then(rs => {\n            this.tableRef.current.reload();\n        })\n    }\n\n    onSelectOrg = (key) => {\n        this.setState({currentOrgId: key}, () => this.tableRef.current.reload())\n    }\n\n    onSelectRole = (key) => {\n        this.setState({currentRoleId: key}, () => this.tableRef.current.reload())\n    }\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}})\n    }\n\n    handleEdit = record => {\n        record.deptId = record.deptId || record.unitId\n        this.setState({formOpen: true, formValues: record})\n    }\n\n    columns = [\n        {\n            title: '单位',\n            dataIndex: 'unitLabel',\n        },\n        {\n            title: '部门',\n            dataIndex: 'deptLabel',\n        },\n        {\n            title: '姓名',\n            dataIndex: 'name',\n            sorter: true\n        },\n        {\n            title: '登录账号',\n            dataIndex: 'account',\n            sorter: true\n        },\n\n\n        {\n            title: '手机',\n            dataIndex: 'phone'\n        },\n        {\n            title: '邮箱',\n            dataIndex: 'email'\n        },\n\n        {\n            title: '角色',\n            dataIndex: 'roleIds',\n            render: (_, row) => {\n                if (row.roleNames) {\n                    return row.roleNames.join(',')\n                }\n            },\n        },\n        {\n            title: '状态',\n            dataIndex: 'enabled',\n            render(v) {\n                return v == null ? null : (v ? '是' : '否')\n            },\n        },\n        {\n            title: '数据权限',\n            dataIndex: 'dataPermType',\n            render(v) {\n                return DictUtils.dictTag('dataPermType', v)\n            }\n        },\n\n        {\n            title: '创建时间',\n            dataIndex: 'createTime',\n        },\n        {\n            title: '操作',\n            dataIndex: 'option',\n            fixed: 'right',\n            render: (_, record) => {\n                return <ButtonList>\n                    <Button size='small' perm='sys-user:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>\n\n                    <Button size='small' perm='sys-user:grant-permission'\n                            onClick={() => this.permRef.current.show(record)}> 授权 </Button>\n\n                    <Popconfirm perm='sys-user:reset-password' title='确认重置密码？' onConfirm={() => this.resetPwd(record)}>\n                        <Button size='small'>重置密码</Button>\n                    </Popconfirm>\n\n                    <Popconfirm perm='sys-user:delete' title={'是否确定删除用户'}\n                                onConfirm={() => this.handleDelete(record)}>\n                        <Button size='small'>删除</Button>\n                    </Popconfirm>\n                </ButtonList>;\n            },\n        },\n    ];\n\n    onFinish = values => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/sysUser/create' : 'admin/sysUser/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload()\n        })\n    }\n\n    render() {\n\n        return <Page>\n            <Splitter>\n                <Splitter.Panel defaultSize={400}>\n                    <Tabs\n                        type='card'\n                        size='small'\n                        items={[\n                            {\n                                key: 'org',\n                                label: '按组织机构',\n                                children: <OrgTree onChange={this.onSelectOrg}/>\n                            },\n                            {\n                                key: 'role',\n                                label: '按角色',\n                                children: <RoleTree onSelect={this.onSelectRole}/>\n                            }\n                        ]}/>\n\n                </Splitter.Panel>\n                <Splitter.Panel style={{paddingLeft: 16}}>\n                    <ProTable\n                        actionRef={this.tableRef}\n                        toolBarRender={() => {\n                            return <ButtonList>\n                                <Button\n                                    perm='sys-user:create'\n                                    type=\"primary\"\n                                    onClick={this.handleAdd}>\n                                    <PlusOutlined/> 新增\n                                </Button>\n\n\n                            </ButtonList>\n                        }}\n                        showToolbarSearch\n                        request={(params) => {\n                            params.orgId = this.state.currentOrgId\n                            params.roleId = this.state.currentRoleId\n                            return HttpUtils.get('admin/sysUser/page', params)\n                        }\n                        }\n                        columns={this.columns}\n                    >\n\n                    </ProTable>\n                </Splitter.Panel>\n            </Splitter>\n\n\n            <Modal title='系统用户'\n                   open={this.state.formOpen}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n                   destroyOnHidden\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle></Form.Item>\n\n                    <Form.Item label='所属机构' name='deptId' rules={[{required: true}]}>\n                        <FieldSysOrgTreeSelect/>\n                    </Form.Item>\n\n                    <Form.Item label='姓名' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='账号' name='account' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n\n                    <Form.Item label='电话' name='phone'>\n                        <Input/>\n                    </Form.Item>\n                    <Form.Item label='邮箱' name='email'>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='启用状态' name='enabled' rules={[{required: true}]}>\n                        <FieldBoolean/>\n                    </Form.Item>\n\n                </Form>\n            </Modal>\n\n\n            <UserPerm ref={this.permRef} onOk={() => this.tableRef.current.reload()}/>\n\n        </Page>\n    }\n\n\n}\n\n\n\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/user/index.jsx"
     },
@@ -2148,7 +2136,7 @@
       "parentId": "@@/global-layout",
       "file": "system/job/index.jsx",
       "absPath": "/system/job",
-      "__content": "import React from 'react'\nimport {\n    Alert,\n    AutoComplete,\n    Button,\n    Divider,\n    Form,\n    Input,\n    message,\n    Modal,\n    Popconfirm,\n    Select,\n    Space,\n    Switch,\n    Tag\n} from 'antd'\nimport {PlusOutlined} from \"@ant-design/icons\";\n\nimport {ButtonList, HttpUtils, Page, ProTable, StringUtils, SysUtils, ValueType} from \"../../../framework\";\n\n\nconst cronOptions = [\n    {\n        label: '*/5 * * * * ? 每隔5秒',\n        value: '*/5 * * * * ?'\n    },\n    {\n        label: '0 */5 * * * ? 每隔5分钟',\n        value: '0 */5 * * * ?'\n    },\n    {\n        label: '0 0 22 * * ? 每天22点',\n        value: '0 0 22 * * ?'\n    },\n    {\n        label: '0 0 1 * * ? 每天1点',\n        value: '0 0 1 * * ?'\n    },\n    {\n        label: '0 0 1 1 * ? 每月1号凌晨1点',\n        value: '0 0 1 1 * ?'\n    }\n]\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false,\n\n        selectedRowKeys: [],\n\n        jobClassOptions: [],\n\n        paramList: [],\n\n        statusOpen: false,\n        status: null,\n\n        executeRecordOpen: false,\n    }\n    tableRef = React.createRef()\n    formRef = React.createRef()\n\n    componentDidMount() {\n        HttpUtils.get('admin/job/job-class-options').then(rs => {\n            this.setState({jobClassOptions: rs})\n        })\n    }\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}, paramList: []})\n    }\n\n    handleEdit = (record) => {\n        this.loadJobParamFields(record.jobClass, record.jobData)\n        this.setState({formOpen: true, formValues: record,})\n    }\n\n    loadJobParamFields(className, jobData) {\n        HttpUtils.post(\"admin/job/get-job-param-fields\", jobData || {}, {className}).then(rs => {\n            this.setState({paramList: rs})\n        })\n    }\n\n    onFinish = (values) => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/job/create' : 'admin/job/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload();\n        })\n    }\n\n    handleDelete = row => {\n        const hide = message.loading(\"删除作业中...\")\n        HttpUtils.post('admin/job/delete', {id: row.id}).then(rs => {\n            this.tableRef.current.reload();\n        }).catch(hide)\n    }\n\n    handleTriggerJob = row => {\n        HttpUtils.get('admin/job/trigger-job', {id: row.id}).then(rs => {\n            this.tableRef.current.reload();\n        })\n    }\n\n    columns = [\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n        },\n        {\n            title: '执行类',\n            dataIndex: 'jobClass',\n\n        },\n\n        {\n            title: 'cron',\n            dataIndex: 'cron',\n        },\n\n\n        {\n            title: '参数',\n            dataIndex: 'jobData',\n            render(list) {\n                if (list)\n                    return JSON.stringify(list)\n            }\n        },\n\n\n        {\n            title: '启用状态',\n            dataIndex: 'enabled',\n            render: (v, record) => {\n                return record.enabled ? <Tag color='green'>启用</Tag> : <Tag color='red'>停用</Tag>\n            },\n        },\n\n        {\n            title: '操作',\n            dataIndex: 'option',\n            fixed: 'right',\n            render: (_, record) => {\n\n                return (\n                    <Space>\n                        <Button size='small' onClick={() => this.showExecuteRecord(record)}>执行记录</Button>\n                        <Button size='small' perm='job:trigger' onClick={() => this.handleTriggerJob(record)}>执行一次</Button>\n                        <Button size='small' perm='job:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>\n                        <Popconfirm perm='job:delete' title='是否确定删除?' onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </Space>\n                );\n            },\n        },\n\n    ]\n\n    showStatus = () => {\n        this.setState({statusOpen: true})\n        HttpUtils.get('admin/job/status').then(rs => {\n            this.setState({status: rs})\n        })\n    };\n\n    showExecuteRecord(record) {\n        this.setState({executeRecordOpen: true, formValues: record})\n    }\n\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button type='primary' onClick={() => this.handleAdd()} icon={<PlusOutlined/>}>\n                            新增\n                        </Button>\n                        <Button onClick={this.showStatus}>\n                            查看状态\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/job/page', params)}\n                columns={this.columns}\n                showToolbarSearch\n            />\n\n\n            <Modal title='作业调度'\n                   open={this.state.formOpen}\n                   destroyOnClose\n                   width={800}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onValuesChange={this.onValuesChange}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle>\n                    </Form.Item>\n                    <Form.Item label='执行类' name='jobClass' rules={[{required: true}]}\n                               tooltip='org.quartz.Job接口，参考io.tmgg.job.builtin.DemoJob'>\n                        <Select options={this.state.jobClassOptions}/>\n                    </Form.Item>\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='cron表达式' name='cron' help='格式：秒分时日月周,留空表示手动执行'\n                               rules={[{required: true}]}>\n                        <AutoComplete placeholder='如 0 */5 * * * ?' options={cronOptions}/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' valuePropName='checked' rules={[{required: true}]}>\n                        <Switch/>\n                    </Form.Item>\n\n\n                    {this.state.paramList?.map(p => (\n                        <div key={p.name}>\n                            <Divider>作业参数</Divider>\n                            <Form.Item label={p.label}\n                                       name={['jobData', p.name]}\n                                       key={p.name}\n                                       rules={[{required: p.required}]}>\n                                {ValueType.renderField(p.componentType, p.componentProps)}\n                            </Form.Item>\n                        </div>\n                    ))}\n                </Form>\n            </Modal>\n\n            <Modal title='作业调度状态'\n                   open={this.state.statusOpen}\n                   onCancel={() => this.setState({statusOpen: false})}\n                   footer={null}\n                   width={1024}\n            >\n                <Alert message={<pre>{this.state.status}</pre>}></Alert>\n\n            </Modal>\n\n            <Modal title='作业调度记录'\n                   open={this.state.executeRecordOpen}\n                   onCancel={() => this.setState({executeRecordOpen: false})}\n                   footer={null}\n                   width={1024}\n                   destroyOnClose\n            >\n                <ProTable columns={[{\n                    title: '开始时间',\n                    dataIndex: 'beginTime',\n                },\n                    {\n                        title: '结束时间',\n                        dataIndex: 'endTime',\n                    },\n                    {\n                        title: '耗时',\n                        dataIndex: 'jobRunTimeLabel',\n\n                    },\n                    {\n                        title: '是否成功',\n                        dataIndex: 'success',\n                        width: 200,\n                        render: v => {\n                            if (v != null) {\n                                return v ? '成功' : '异常'\n                            }\n                        }\n                    },\n                    {\n                        title: '返回结果',\n                        dataIndex: 'result',\n                        width: 300\n                    },\n\n                    {\n                        title: '操作',\n                        dataIndex: 'option',\n                        render: (_, record) => {\n                            const url = SysUtils.contextPath('/admin/sys/log/' + record.id);\n                            return <a href={url} target='_blank'>日志</a>;\n                        },\n                    }\n                ]} request={params => {\n                    params.jobId = this.state.formValues.id\n                    return HttpUtils.get('admin/job/execute-record', params);\n                }}></ProTable>\n\n            </Modal>\n        </Page>\n    }\n\n    onValuesChange = (changed, values) => {\n        if (changed.jobClass) {\n            this.loadJobParamFields(values.jobClass)\n            const option = this.state.jobClassOptions.find(o => o.value === changed.jobClass)\n            if (option) {\n                const {label} = option;\n                if (StringUtils.contains(label, \" \")) { // 取中文名部门设置为name\n                    this.formRef.current.setFieldValue(\"name\", label.split(\" \")[1])\n                }\n            }\n        }\n\n        if (changed.jobData) {\n            this.loadJobParamFields(values.jobClass, values.jobData)\n        }\n\n    };\n}\n\n\n\n",
+      "__content": "import React from 'react'\nimport {\n    Alert,\n    AutoComplete,\n    Button,\n    Divider,\n    Form,\n    Input,\n    message,\n    Modal,\n    Popconfirm,\n    Select,\n    Space,\n    Switch,\n    Tag\n} from 'antd'\nimport {PlusOutlined} from \"@ant-design/icons\";\n\nimport {ButtonList, HttpUtils, Page, ProTable, StringUtils, SysUtils, ValueType} from \"../../../framework\";\n\n\nconst cronOptions = [\n    {\n        label: '*/5 * * * * ? 每隔5秒',\n        value: '*/5 * * * * ?'\n    },\n    {\n        label: '0 */5 * * * ? 每隔5分钟',\n        value: '0 */5 * * * ?'\n    },\n    {\n        label: '0 0 22 * * ? 每天22点',\n        value: '0 0 22 * * ?'\n    },\n    {\n        label: '0 0 1 * * ? 每天1点',\n        value: '0 0 1 * * ?'\n    },\n    {\n        label: '0 0 1 1 * ? 每月1号凌晨1点',\n        value: '0 0 1 1 * ?'\n    }\n]\n\n\nexport default class extends React.Component {\n\n    state = {\n        formValues: {},\n        formOpen: false,\n\n        selectedRowKeys: [],\n\n        jobClassOptions: [],\n\n        paramList: [],\n\n        statusOpen: false,\n        status: null,\n\n        executeRecordOpen: false,\n    }\n    tableRef = React.createRef()\n    formRef = React.createRef()\n\n    componentDidMount() {\n        HttpUtils.get('admin/job/job-class-options').then(rs => {\n            this.setState({jobClassOptions: rs})\n        }).catch(e => {\n            console.error('[Job] 加载作业类选项失败:', e);\n        })\n    }\n\n    handleAdd = () => {\n        this.setState({formOpen: true, formValues: {}, paramList: []})\n    }\n\n    handleEdit = (record) => {\n        this.loadJobParamFields(record.jobClass, record.jobData)\n        this.setState({formOpen: true, formValues: record,})\n    }\n\n    loadJobParamFields(className, jobData) {\n        HttpUtils.post(\"admin/job/get-job-param-fields\", jobData || {}, {className}).then(rs => {\n            this.setState({paramList: rs})\n        }).catch(e => {\n            console.error('[Job] 加载作业参数字段失败:', e);\n        })\n    }\n\n    onFinish = (values) => {\n        const isNew = !values.id;\n        const url = isNew ? 'admin/job/create' : 'admin/job/update';\n        HttpUtils.post(url, values).then(rs => {\n            this.setState({formOpen: false})\n            this.tableRef.current.reload();\n        }).catch(e => {\n            console.error('[Job] 保存作业失败:', e);\n        })\n    }\n\n    handleDelete = row => {\n        const hide = message.loading(\"删除作业中...\")\n        HttpUtils.post('admin/job/delete', {id: row.id}).then(rs => {\n            this.tableRef.current.reload();\n        }).catch(e => {\n            console.error('[Job] 删除作业失败:', e);\n            hide();\n        })\n    }\n\n    handleTriggerJob = row => {\n        HttpUtils.get('admin/job/trigger-job', {id: row.id}).then(rs => {\n            this.tableRef.current.reload();\n        }).catch(e => {\n            console.error('[Job] 触发作业失败:', e);\n        })\n    }\n\n    columns = [\n        {\n            title: '名称',\n            dataIndex: 'name',\n\n        },\n        {\n            title: '执行类',\n            dataIndex: 'jobClass',\n\n        },\n\n        {\n            title: 'cron',\n            dataIndex: 'cron',\n        },\n\n\n        {\n            title: '参数',\n            dataIndex: 'jobData',\n            render(list) {\n                if (list)\n                    return JSON.stringify(list)\n            }\n        },\n\n\n        {\n            title: '启用状态',\n            dataIndex: 'enabled',\n            render: (v, record) => {\n                return record.enabled ? <Tag color='green'>启用</Tag> : <Tag color='red'>停用</Tag>\n            },\n        },\n\n        {\n            title: '操作',\n            dataIndex: 'option',\n            fixed: 'right',\n            render: (_, record) => {\n\n                return (\n                    <Space>\n                        <Button size='small' onClick={() => this.showExecuteRecord(record)}>执行记录</Button>\n                        <Button size='small' perm='job:trigger' onClick={() => this.handleTriggerJob(record)}>执行一次</Button>\n                        <Button size='small' perm='job:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>\n                        <Popconfirm perm='job:delete' title='是否确定删除?' onConfirm={() => this.handleDelete(record)}>\n                            <Button size='small'>删除</Button>\n                        </Popconfirm>\n                    </Space>\n                );\n            },\n        },\n\n    ]\n\n    showStatus = () => {\n        this.setState({statusOpen: true})\n        HttpUtils.get('admin/job/status').then(rs => {\n            this.setState({status: rs})\n        }).catch(e => {\n            console.error('[Job] 加载状态失败:', e);\n        })\n    };\n\n    showExecuteRecord(record) {\n        this.setState({executeRecordOpen: true, formValues: record})\n    }\n\n\n    render() {\n        return <Page>\n            <ProTable\n                actionRef={this.tableRef}\n                toolBarRender={() => {\n                    return <ButtonList>\n                        <Button type='primary' onClick={() => this.handleAdd()} icon={<PlusOutlined/>}>\n                            新增\n                        </Button>\n                        <Button onClick={this.showStatus}>\n                            查看状态\n                        </Button>\n                    </ButtonList>\n                }}\n                request={(params) => HttpUtils.get('admin/job/page', params)}\n                columns={this.columns}\n                showToolbarSearch\n            />\n\n\n            <Modal title='作业调度'\n                   open={this.state.formOpen}\n                   destroyOnHidden\n                   width={800}\n                   onOk={() => this.formRef.current.submit()}\n                   onCancel={() => this.setState({formOpen: false})}\n            >\n\n                <Form ref={this.formRef} labelCol={{flex: '100px'}}\n                      initialValues={this.state.formValues}\n                      onValuesChange={this.onValuesChange}\n                      onFinish={this.onFinish}>\n                    <Form.Item name='id' noStyle>\n                    </Form.Item>\n                    <Form.Item label='执行类' name='jobClass' rules={[{required: true}]}\n                               tooltip='org.quartz.Job接口，参考io.tmgg.job.builtin.DemoJob'>\n                        <Select options={this.state.jobClassOptions}/>\n                    </Form.Item>\n                    <Form.Item label='名称' name='name' rules={[{required: true}]}>\n                        <Input/>\n                    </Form.Item>\n\n                    <Form.Item label='cron表达式' name='cron' help='格式：秒分时日月周,留空表示手动执行'\n                               rules={[{required: true}]}>\n                        <AutoComplete placeholder='如 0 */5 * * * ?' options={cronOptions}/>\n                    </Form.Item>\n\n                    <Form.Item label='启用' name='enabled' valuePropName='checked' rules={[{required: true}]}>\n                        <Switch/>\n                    </Form.Item>\n\n\n                    {this.state.paramList?.map(p => (\n                        <div key={p.name}>\n                            <Divider>作业参数</Divider>\n                            <Form.Item label={p.label}\n                                       name={['jobData', p.name]}\n                                       key={p.name}\n                                       rules={[{required: p.required}]}>\n                                {ValueType.renderField(p.componentType, p.componentProps)}\n                            </Form.Item>\n                        </div>\n                    ))}\n                </Form>\n            </Modal>\n\n            <Modal title='作业调度状态'\n                   open={this.state.statusOpen}\n                   onCancel={() => this.setState({statusOpen: false})}\n                   footer={null}\n                   width={1024}\n            >\n                <Alert title={<pre>{this.state.status}</pre>}></Alert>\n\n            </Modal>\n\n            <Modal title='作业调度记录'\n                   open={this.state.executeRecordOpen}\n                   onCancel={() => this.setState({executeRecordOpen: false})}\n                   footer={null}\n                   width={1024}\n                   destroyOnHidden\n            >\n                <ProTable columns={[{\n                    title: '开始时间',\n                    dataIndex: 'beginTime',\n                },\n                    {\n                        title: '结束时间',\n                        dataIndex: 'endTime',\n                    },\n                    {\n                        title: '耗时',\n                        dataIndex: 'jobRunTimeLabel',\n\n                    },\n                    {\n                        title: '是否成功',\n                        dataIndex: 'success',\n                        width: 200,\n                        render: v => {\n                            if (v != null) {\n                                return v ? '成功' : '异常'\n                            }\n                        }\n                    },\n                    {\n                        title: '返回结果',\n                        dataIndex: 'result',\n                        width: 300\n                    },\n\n                    {\n                        title: '操作',\n                        dataIndex: 'option',\n                        render: (_, record) => {\n                            const url = SysUtils.contextPath('/admin/sys/log/' + record.id);\n                            return <a href={url} target='_blank'>日志</a>;\n                        },\n                    }\n                ]} request={params => {\n                    params.jobId = this.state.formValues.id\n                    return HttpUtils.get('admin/job/execute-record', params);\n                }}></ProTable>\n\n            </Modal>\n        </Page>\n    }\n\n    onValuesChange = (changed, values) => {\n        if (changed.jobClass) {\n            this.loadJobParamFields(values.jobClass)\n            const option = this.state.jobClassOptions.find(o => o.value === changed.jobClass)\n            if (option) {\n                const {label} = option;\n                if (StringUtils.contains(label, \" \")) { // 取中文名部门设置为name\n                    this.formRef.current.setFieldValue(\"name\", label.split(\" \")[1])\n                }\n            }\n        }\n\n        if (changed.jobData) {\n            this.loadJobParamFields(values.jobClass, values.jobData)\n        }\n\n    };\n}\n\n\n\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/system/job/index.jsx"
     },
@@ -2188,7 +2176,7 @@
       "parentId": "@@/global-layout",
       "file": "userCenter/index.jsx",
       "absPath": "/userCenter",
-      "__content": "import React from \"react\";\nimport {Avatar, Card, Col, Row, Tabs} from \"antd\";\nimport ChangePassword from \"./ChangePassword\";\nimport {HttpUtils, Page} from \"../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        info: {}\n    }\n\n    componentDidMount() {\n        HttpUtils.get('admin/userCenter/info').then(rs => {\n            this.setState({info: rs})\n        })\n    }\n\n    render() {\n        const {info} = this.state;\n        return <Page backgroundGray>\n            <Row gutter={[16, 16]}>\n                <Col md={6} sm={24}>\n                    <Card title='个人信息'>\n\n                        <div className='flex-center' style={{marginBottom: 32}}>\n                            <Avatar size={128} title='点击修改头像'/>\n                        </div>\n\n\n                        <table className='tmgg-table'>\n                            <tbody>\n                            <tr>\n                                <td>用户名称</td>\n                                <td align='right'>{info.name}</td>\n                            </tr>\n                            <tr>\n                                <td>账号</td>\n                                <td align='right'>{info.account}</td>\n                            </tr>\n                            <tr>\n                                <td>手机号码</td>\n                                <td>{info.phone}</td>\n                            </tr>\n                            <tr>\n                                <td>用户邮箱</td>\n                                <td>{info.email}</td>\n                            </tr>\n                            <tr>\n                                <td>所属部门</td>\n                                <td>{info.unit} {info.dept}</td>\n                            </tr>\n                            <tr>\n                                <td>所属角色</td>\n                                <td>{info.roles}</td>\n                            </tr>\n                            <tr>\n                                <td>创建日期</td>\n                                <td>{info.createTime}</td>\n                            </tr>\n                            </tbody>\n                        </table>\n                    </Card>\n                </Col>\n                <Col md={18} sm={24}>\n                    <Card title='个人设置'>\n                        <Tabs\n                            items={[\n                                {\n                                    label: '修改密码', key: 'pwd', children: <div>\n                                        <ChangePassword/>\n                                    </div>\n                                },\n                                {\n                                    label: '消息订阅', key: 'topic', children: <div>\n                                        当账号管理邮箱后，系统消息会发送邮件给您\n                                    </div>\n                                }\n                            ]}\n                            tabPosition='left'\n                        >\n                        </Tabs>\n                    </Card>\n                </Col>\n            </Row>\n\n\n        </Page>\n\n    }\n}\n",
+      "__content": "import React from \"react\";\nimport {Avatar, Card, Col, Row, Tabs} from \"antd\";\nimport ChangePassword from \"./ChangePassword\";\nimport {HttpUtils, Page} from \"../../framework\";\n\nexport default class extends React.Component {\n\n    state = {\n        info: {}\n    }\n\n    componentDidMount() {\n        HttpUtils.get('admin/userCenter/info').then(rs => {\n            this.setState({info: rs})\n        })\n    }\n\n    render() {\n        const {info} = this.state;\n        return <Page backgroundGray>\n            <Row gutter={[16, 16]}>\n                <Col md={6} sm={24}>\n                    <Card title='个人信息'>\n\n                        <div className='flex-center' style={{marginBottom: 32}}>\n                            <Avatar size={128} title='点击修改头像'/>\n                        </div>\n\n\n                        <table className='tmgg-table'>\n                            <tbody>\n                            <tr>\n                                <td>用户名称</td>\n                                <td align='right'>{info.name}</td>\n                            </tr>\n                            <tr>\n                                <td>账号</td>\n                                <td align='right'>{info.account}</td>\n                            </tr>\n                            <tr>\n                                <td>手机号码</td>\n                                <td>{info.phone}</td>\n                            </tr>\n                            <tr>\n                                <td>用户邮箱</td>\n                                <td>{info.email}</td>\n                            </tr>\n                            <tr>\n                                <td>所属部门</td>\n                                <td>{info.unit} {info.dept}</td>\n                            </tr>\n                            <tr>\n                                <td>所属角色</td>\n                                <td>{info.roles}</td>\n                            </tr>\n                            <tr>\n                                <td>创建日期</td>\n                                <td>{info.createTime}</td>\n                            </tr>\n                            </tbody>\n                        </table>\n                    </Card>\n                </Col>\n                <Col md={18} sm={24}>\n                    <Card title='个人设置'>\n                        <Tabs\n                            items={[\n                                {\n                                    label: '修改密码', key: 'pwd', children: <div>\n                                        <ChangePassword/>\n                                    </div>\n                                },\n                                {\n                                    label: '消息订阅', key: 'topic', children: <div>\n                                        当账号管理邮箱后，系统消息会发送邮件给您\n                                    </div>\n                                }\n                            ]}\n                            tabPlacement='left'\n                        >\n                        </Tabs>\n                    </Card>\n                </Col>\n            </Row>\n\n\n        </Page>\n\n    }\n}\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/userCenter/index.jsx"
     },
@@ -2218,7 +2206,7 @@
       "parentId": "@@/global-layout",
       "file": "login.jsx",
       "absPath": "/login",
-      "__content": "import React from 'react';\nimport {Button, Form, Input, message, Space} from 'antd';\nimport {LockOutlined, SafetyCertificateOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';\nimport {JSEncrypt} from \"jsencrypt\";\nimport {history} from 'umi';\nimport {EventBusUtils, HttpUtils, PageUtils, MessageUtils, SysUtils} from \"../framework/utils\";\n\nimport \"./login.less\"\n\nfunction getRedirect() {\n    let redirect = PageUtils.currentParams()['redirect'];\n    if (redirect) {\n        redirect = decodeURIComponent(redirect)\n    } else {\n        redirect = '/'\n    }\n    return redirect;\n}\n\nfunction postLogin(values) {\n    return new Promise((resolve, reject) => {\n        HttpUtils.post('/admin/auth/login', values).then(rs => {\n            EventBusUtils.emit('loginSuccess')\n            history.push(getRedirect())\n            resolve(rs)\n        }).catch(e => {\n            reject(e)\n        })\n    })\n}\n\nexport default class extends React.Component {\n\n    state = {\n        logging: false,\n        siteInfo: {},\n        random: Math.random()\n    }\n\n    async componentDidMount() {\n        const siteInfo = SysUtils.getSiteInfo()\n        if (siteInfo && siteInfo.rsaPublicKey) {\n            this.setState({siteInfo})\n            return\n        }\n        // localStorage 中无站点信息，从服务端重新加载\n        try {\n            const rs = await HttpUtils.get('/admin/public/site-info')\n            SysUtils.setSiteInfo(rs)\n            this.setState({siteInfo: rs})\n        } catch (e) {\n            message.error('加载站点信息失败，请刷新页面重试')\n        }\n    }\n\n    submit = values => {\n        this.setState({logging: true})\n\n        const pubkey = this.state.siteInfo.rsaPublicKey;\n        if (!pubkey) {\n            message.error(\"未获取密钥，请刷新浏览器再试\")\n            this.setState({logging: false})\n            return\n        }\n        const crypt = new JSEncrypt();\n        crypt.setPublicKey(pubkey);\n        values.password = crypt.encrypt(values.password)\n\n        postLogin(values).finally(() => {\n            this.setState({logging: false})\n        })\n    }\n\n    render() {\n        const {siteInfo} = this.state\n\n        const pageStyle = {\n            backgroundImage: `url(\"${SysUtils.contextPath('/admin/public/login_bg.jpg')}\")`\n        }\n        if (siteInfo.loginBackground) {\n            const url = SysUtils.contextPath('/admin/sysFile/preview/' + siteInfo.loginBackground);\n            pageStyle.backgroundImage = 'url(\"' + url + '\")'\n        }\n\n        return (\n            <section className='login-page' style={pageStyle}>\n                <div className=\"login-content\">\n                    <h1>{siteInfo.title}</h1>\n                    {this.getForm(siteInfo)}\n                    {this.renderFormBottom()}\n                </div>\n            </section>\n        );\n    }\n\n    getForm = siteInfo => {\n        const form = (\n            <Form\n                name=\"normal_login\"\n                className=\"login-form\"\n                initialValues={{remember: true}}\n                onFinish={this.submit}\n                requiredMark={false}\n                colon={false}\n            >\n                <Form.Item name=\"username\" rules={[{required: true, message: '请输入用户名!'}]}>\n                    <Input size='large' prefix={<UserOutlined/>} placeholder=\"用户名\" autoComplete=\"off\"/>\n                </Form.Item>\n                <Form.Item name=\"password\" rules={[{required: true, message: '请输入密码!'}]}>\n                    <Input autoComplete=\"off\" prefix={<LockOutlined/>} type=\"password\" placeholder=\"密码\"\n                           size='large'\n                    />\n                </Form.Item>\n\n                {siteInfo.captcha && (\n                    <Form.Item name='captchaCode' rules={[{required: true}]}>\n                        <Space style={{alignItems: 'center'}}>\n                            <Input size='large' placeholder='验证码' prefix={<SafetyCertificateOutlined/>}/>\n                            <img height={36} width={100}\n                                 src={SysUtils.contextPath(\"/admin/auth/captcha-image?_random=\" + this.state.random)}\n                                 onClick={() => this.setState({random: Math.random()})}/>\n                        </Space>\n                    </Form.Item>\n                )}\n\n                <Form.Item style={{marginTop: 10}}>\n                    <Button loading={this.state.logging} type=\"primary\" htmlType=\"submit\"\n                            block size='large'>\n                        登录\n                    </Button>\n                </Form.Item>\n            </Form>\n        );\n\n        if (this.props.formRender) {\n            return this.props.formRender(form);\n        }\n        return form;\n    };\n\n    renderFormBottom() {\n        const siteInfo = this.state.siteInfo;\n        if (siteInfo.loginBoxBottomTip) {\n            return (\n                <div style={{color: 'white', marginTop: 50, fontSize: '14px', textAlign: 'center'}}>\n                    <WarningOutlined/> {siteInfo.loginBoxBottomTip}\n                </div>\n            )\n        }\n    }\n}\n",
+      "__content": "import React from 'react';\nimport {Button, Form, Input, message, Space} from 'antd';\nimport {LockOutlined, SafetyCertificateOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';\nimport {JSEncrypt} from \"jsencrypt\";\nimport {history} from 'umi';\nimport {EventBusUtils, HttpUtils, PageUtils, MessageUtils, SysUtils} from \"../framework/utils\";\n\nimport \"./login.less\"\n\nfunction getRedirect() {\n    let redirect = PageUtils.currentParams()['redirect'];\n    if (redirect) {\n        redirect = decodeURIComponent(redirect)\n    } else {\n        redirect = '/'\n    }\n    return redirect;\n}\n\nfunction postLogin(values) {\n    return new Promise((resolve, reject) => {\n        HttpUtils.post('/admin/auth/login', values).then(rs => {\n            EventBusUtils.emit('loginSuccess')\n            history.push(getRedirect())\n            resolve(rs)\n        }).catch(e => {\n            console.error('[Login] 登录失败:', e);\n            reject(e)\n        })\n    })\n}\n\nexport default class extends React.Component {\n\n    state = {\n        logging: false,\n        siteInfo: {},\n        random: Math.random()\n    }\n\n    async componentDidMount() {\n        const siteInfo = SysUtils.getSiteInfo()\n        if (siteInfo && siteInfo.rsaPublicKey) {\n            this.setState({siteInfo})\n            return\n        }\n        // localStorage 中无站点信息，从服务端重新加载\n        try {\n            const rs = await HttpUtils.get('/admin/public/site-info')\n            SysUtils.setSiteInfo(rs)\n            this.setState({siteInfo: rs})\n        } catch (e) {\n            console.error('[Login] 加载站点信息失败:', e);\n            message.error('加载站点信息失败，请刷新页面重试')\n        }\n    }\n\n    submit = values => {\n        this.setState({logging: true})\n\n        const pubkey = this.state.siteInfo.rsaPublicKey;\n        if (!pubkey) {\n            message.error(\"未获取密钥，请刷新浏览器再试\")\n            this.setState({logging: false})\n            return\n        }\n        const crypt = new JSEncrypt();\n        crypt.setPublicKey(pubkey);\n        values.password = crypt.encrypt(values.password)\n\n        postLogin(values).finally(() => {\n            this.setState({logging: false})\n        })\n    }\n\n    render() {\n        const {siteInfo} = this.state\n\n        const pageStyle = {\n            backgroundImage: `url(\"${SysUtils.contextPath('/admin/public/login_bg.jpg')}\")`\n        }\n        if (siteInfo.loginBackground) {\n            const url = SysUtils.contextPath('/admin/sysFile/preview/' + siteInfo.loginBackground);\n            pageStyle.backgroundImage = 'url(\"' + url + '\")'\n        }\n\n        return (\n            <section className='login-page' style={pageStyle}>\n                <div className=\"login-content\">\n                    <h1>{siteInfo.title}</h1>\n                    {this.getForm(siteInfo)}\n                    {this.renderFormBottom()}\n                </div>\n            </section>\n        );\n    }\n\n    getForm = siteInfo => {\n        const form = (\n            <Form\n                name=\"normal_login\"\n                className=\"login-form\"\n                initialValues={{remember: true}}\n                onFinish={this.submit}\n                requiredMark={false}\n                colon={false}\n            >\n                <Form.Item name=\"username\" rules={[{required: true, message: '请输入用户名!'}]}>\n                    <Input size='large' prefix={<UserOutlined/>} placeholder=\"用户名\" autoComplete=\"off\"/>\n                </Form.Item>\n                <Form.Item name=\"password\" rules={[{required: true, message: '请输入密码!'}]}>\n                    <Input autoComplete=\"off\" prefix={<LockOutlined/>} type=\"password\" placeholder=\"密码\"\n                           size='large'\n                    />\n                </Form.Item>\n\n                {siteInfo.captcha && (\n                    <Form.Item name='captchaCode' rules={[{required: true}]}>\n                        <Space style={{alignItems: 'center'}}>\n                            <Input size='large' placeholder='验证码' prefix={<SafetyCertificateOutlined/>}/>\n                            <img height={36} width={100}\n                                 src={SysUtils.contextPath(\"/admin/auth/captcha-image?_random=\" + this.state.random)}\n                                 onClick={() => this.setState({random: Math.random()})}/>\n                        </Space>\n                    </Form.Item>\n                )}\n\n                <Form.Item style={{marginTop: 10}}>\n                    <Button loading={this.state.logging} type=\"primary\" htmlType=\"submit\"\n                            block size='large'>\n                        登录\n                    </Button>\n                </Form.Item>\n            </Form>\n        );\n\n        if (this.props.formRender) {\n            return this.props.formRender(form);\n        }\n        return form;\n    };\n\n    renderFormBottom() {\n        const siteInfo = this.state.siteInfo;\n        if (siteInfo.loginBoxBottomTip) {\n            return (\n                <div style={{color: 'white', marginTop: 50, fontSize: '14px', textAlign: 'center'}}>\n                    <WarningOutlined/> {siteInfo.loginBoxBottomTip}\n                </div>\n            )\n        }\n    }\n}\n",
       "__isJSFile": true,
       "__absFile": "/home/runner/work/open-admin/open-admin/web/src/pages/login.jsx"
     },