@jiangood/open-admin 2.0.1 → 2.2.5

package/src/layouts/index.jsx

@@ -1,185 +1,118 @@
-import React from "react";
-import {ConfigProvider} from "antd";
+import {useState, useEffect} from "react";
+import {App, ConfigProvider} from "antd";
 import zhCN from 'antd/locale/zh_CN';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
-import {Outlet, withRouter} from "umi";
+import {Outlet, useLocation} from "umi";
 
 import AdminLayout from "./admin"
-import {
-    ArrayUtils,
-    HttpUtils,
-    MessageHolder,
-    PageLoading,
-    PageUtils, StringUtils,
-    SysUtils,
-    ThemeUtils,
-} from "../framework";
-import {Logger} from "../framework/utils/Logger";
+import {HttpUtils, PageLoading, PageUtils, SysUtils, ThemeUtils} from "../framework";
 
 import '../style/global.less'
 import './index.less'
 
 dayjs.locale('zh-cn');
 
-// 不需要登录的页面
-const SIMPLE_URLS = ['/login', '/test']
-
-function checkIsSimplePage(pathname) {
-    if(pathname === '/' || pathname === '/index'){
-        return false;
-    }
-    // 测试页面
-    if(pathname.startsWith("/test/")){
-        return true
-    }
-    return ArrayUtils.contains(SIMPLE_URLS, pathname) ;
+const configProps = {
+    input: {autoComplete: 'off'},
+    form: {validateMessages: {required: '必填项'}, colon: false},
+    button: {autoInsertSpace: false},
+    locale: zhCN,
+    theme: {
+        token: {
+            colorPrimary: ThemeUtils.getColor("primary-color"),
+            colorSuccess: ThemeUtils.getColor("success-color"),
+            colorWarning: ThemeUtils.getColor("warning-color"),
+            colorError: ThemeUtils.getColor("error-color"),
+            borderRadius: 4,
+        },
+        components: {
+            Menu: {
+                darkItemBg: ThemeUtils.getColor("primary-color"),
+                darkPopupBg: ThemeUtils.getColor("primary-color"),
+                darkItemSelectedBg: ThemeUtils.getColor("primary-color-click"),
+                darkItemHoverBg: ThemeUtils.getColor("primary-color-hover"),
+                darkSubMenuItemBg: ThemeUtils.getColor("primary-color"),
+            },
+            Layout: {
+                siderBg: ThemeUtils.getColor("primary-color"),
+                triggerBg: ThemeUtils.getColor("primary-color-click"),
+                headerBg: 'white',
+                triggerHeight: 32,
+            },
+        },
+    },
+};
+
+function AppWrapper({children}) {
+    return <ConfigProvider {...configProps}><App>{children}</App></ConfigProvider>;
 }
 
-function checkIsPurePage(pathname){
-    if(pathname.startsWith("/test/")){
-        return true
-    }
-    return false
-}
-
-class _Layouts extends React.Component {
-
-    log = Logger.getLogger('Layouts')
-
-    state = {
-        messageHolderInit:false,
-        siteInfoLoading: true,
-        loginInfoFinish: false
-    }
-
-    onMessageHolderFinish = () => {
-        this.loadSiteInfo()
-        this.setState({messageHolderInit:true});
-    }
-
+const PUBLIC_PAGES = (() => {
+    const raw = typeof OPEN_ADMIN_PUBLIC_PAGES !== 'undefined' && OPEN_ADMIN_PUBLIC_PAGES;
+    return raw ? raw.split(',').map(s => s.trim()) : ['/login', '/test'];
+})();
 
-    loadSiteInfo = () => {
-        HttpUtils.get("/admin/public/site-info").then(rs => {
-            SysUtils.setSiteInfo(rs)
-            this.setState({siteInfoLoading: false})
-            this.loadLoginInfo()
-        })
-    };
+function isPublicPage(pathname, search) {
+    if (pathname === '/' || pathname === '/index') return false;
 
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        const pre = prevProps.location.pathname
-        const cur = this.props.location.pathname
-        if (pre !== cur) {
-            this.loadLoginInfo()
+    for (const pattern of PUBLIC_PAGES) {
+        if (pattern.endsWith('/**')) {
+            if (pathname.startsWith(pattern.slice(0, -3))) return true;
+        } else if (pathname === pattern) {
+            return true;
         }
     }
 
+    if (new URLSearchParams(search).has('_noLayout')) return true;
+    return false;
+}
 
+export function Layouts() {
+    const {pathname, search} = useLocation();
+    const [siteInfoLoaded, setSiteInfoLoaded] = useState(false);
+    const [loginChecked, setLoginChecked] = useState(false);
 
-    loadLoginInfo = () => {
-        const {pathname} = this.props.location;
-        if (checkIsPurePage(pathname) || checkIsSimplePage(pathname) || this.state.loginInfoFinish) {
-            return;
-        }
-
-        HttpUtils.get('/admin/public/check-login')
-            .then(rs => {
-                const {needUpdatePwd, dictInfo, loginInfo} = rs
-                SysUtils.setDictInfo(dictInfo)
-                SysUtils.setLoginInfo(loginInfo)
-                if (!needUpdatePwd) {
-                    this.setState({loginInfoFinish: true});
-                    return;
-                }
-
-                if (needUpdatePwd) {
-                    PageUtils.open('/userCenter/ChangePassword', '修改密码')
-                    return;
-                }
-            })
-            .catch(async () => {
-                PageUtils.redirectToLogin()
-            })
-    }
-
-    render() {
-        return <ConfigProvider
-            input={{autoComplete: 'off'}}
-            form={{
-                validateMessages: {
-                    required: '必填项'
-                }, colon: false
-            }}
-            button={{
-                autoInsertSpace: false
-            }}
-            locale={zhCN}
-            theme={{
-                token: {
-                    colorPrimary: ThemeUtils.getColor("primary-color"),
-                    colorSuccess: ThemeUtils.getColor("success-color"),
-                    colorWarning: ThemeUtils.getColor("warning-color"),
-                    colorError: ThemeUtils.getColor("error-color"),
-                    borderRadius: 4,
-                },
-                components: {
-                    Menu: {
-                        darkItemBg: ThemeUtils.getColor("primary-color"),
-                        darkPopupBg: ThemeUtils.getColor("primary-color"),
-                        darkItemSelectedBg: ThemeUtils.getColor("primary-color-click"),
-                        darkItemHoverBg: ThemeUtils.getColor("primary-color-hover"),
-                        darkSubMenuItemBg: ThemeUtils.getColor("primary-color")
-                    },
-                    Layout: {
-                        siderBg: ThemeUtils.getColor("primary-color"),
-                        triggerBg: ThemeUtils.getColor("primary-color-click"),
-                        headerBg: 'white',
-                        triggerHeight: 32
-                    }
-                }
-            }}>
-
-            <MessageHolder onFinish={this.onMessageHolderFinish} />
-            {this.renderContent()}
-        </ConfigProvider>
-    }
-
-
-    renderContent = () => {
-        const {pathname} = this.props.location;
-
-        if(checkIsPurePage(pathname)){
-            return <Outlet/>
-        }
-
-        if(!this.state.messageHolderInit) {
-            this.log.info('加载message holder...')
-            return <PageLoading message='加载消息组件...'/>
-        }
-
-        const {params = {}} = this.props.location;
-        if (checkIsSimplePage(pathname) || params.hasOwnProperty('_noLayout')) {
-            return <Outlet/>
-        }
-
-
-
-        if (this.state.siteInfoLoading) {
-            return <PageLoading message='加载站点信息...'/>
-        }
-        
-
+    const ready = siteInfoLoaded && loginChecked;
+    const isPublic = isPublicPage(pathname, search);
 
-        if (!this.state.loginInfoFinish) {
-            return <PageLoading message='加载登录信息...'/>
+    useEffect(() => {
+        if (isPublic) {
+            setSiteInfoLoaded(false);
+            setLoginChecked(false);
+            return;
         }
-
-        return <AdminLayout path={this.state.path} logo={this.props.logo}/>
-    };
+        if (ready) return;
+
+        Promise.all([
+            HttpUtils.get("/admin/public/site-info").then(data => {
+                SysUtils.setSiteInfo(data);
+                setSiteInfoLoaded(true);
+            }),
+            HttpUtils.get('/admin/public/check-login').then(data => {
+                SysUtils.setDictInfo(data.dictInfo);
+                SysUtils.setLoginInfo(data.loginInfo);
+                setLoginChecked(true);
+            }),
+        ]).catch(() => {
+            console.error('[Layout] 初始化应用失败');
+            PageUtils.redirectToLogin();
+        });
+    }, [pathname]);
+
+    if (isPublic) return <AppWrapper><Outlet/></AppWrapper>;
+
+    return (
+        <AppWrapper>
+            {ready ? <AdminLayout/> : (
+                <PageLoading messages={[
+                    !siteInfoLoaded && '加载站点信息...',
+                    !loginChecked && '检查登录中...',
+                ].filter(Boolean)}/>
+            )}
+        </AppWrapper>
+    );
 }
 
-
-export const Layouts = withRouter(_Layouts);
-export default Layouts
-export * from './PageRender'
+export default Layouts;
+export * from './PageRender'

package/src/pages/404.jsx

@@ -1,13 +1,15 @@
 import React from "react";
 import {Result} from "antd";
+import {Page} from "../framework";
 
 export default class extends React.Component {
 
     render() {
-        return <Result
-            status={404}
-            title='页面不存在'
-        />
-
+        return <Page>
+            <Result
+                status={404}
+                title='页面不存在'
+            />
+        </Page>
     }
 }

package/src/pages/about.jsx

@@ -1,12 +1,12 @@
 import React from "react";
+import {Page} from "../framework";
 
 export default class extends React.Component {
 
 
     render() {
-        return <>
+        return <Page>
             <h1>关于</h1>
-        </>
-
+        </Page>
     }
 }

package/src/pages/index.jsx

@@ -1,10 +1,9 @@
 import React from "react";
 import {Card} from "antd";
-
+import {Page} from "../framework";
 
 export default function () {
-
-    return <Card>
-        欢迎使用本系统
-    </Card>
+    return <Page>
+        <Card>欢迎使用本系统</Card>
+    </Page>
 }

package/src/pages/login.jsx

@@ -24,6 +24,7 @@ function postLogin(values) {
             history.push(getRedirect())
             resolve(rs)
         }).catch(e => {
+            console.error('[Login] 登录失败:', e);
             reject(e)
         })
     })
@@ -38,14 +39,20 @@ export default class extends React.Component {
     }
 
     async componentDidMount() {
-        if (localStorage.length === 0) {
-            MessageUtils.alert('站点数据缺失，刷新当前页面...')
-            window.location.reload()
+        const siteInfo = SysUtils.getSiteInfo()
+        if (siteInfo && siteInfo.rsaPublicKey) {
+            this.setState({siteInfo})
             return
         }
-
-        const siteInfo = SysUtils.getSiteInfo()
-        this.setState({siteInfo})
+        // localStorage 中无站点信息，从服务端重新加载
+        try {
+            const rs = await HttpUtils.get('/admin/public/site-info')
+            SysUtils.setSiteInfo(rs)
+            this.setState({siteInfo: rs})
+        } catch (e) {
+            console.error('[Login] 加载站点信息失败:', e);
+            message.error('加载站点信息失败，请刷新页面重试')
+        }
     }
 
     submit = values => {
@@ -69,9 +76,11 @@ export default class extends React.Component {
     render() {
         const {siteInfo} = this.state
 
-        const pageStyle = {}
+        const pageStyle = {
+            backgroundImage: `url("${SysUtils.contextPath('/admin/public/login_bg.jpg')}")`
+        }
         if (siteInfo.loginBackground) {
-            const url = 'admin/sysFile/preview/' + siteInfo.loginBackground;
+            const url = SysUtils.contextPath('/admin/sysFile/preview/' + siteInfo.loginBackground);
             pageStyle.backgroundImage = 'url("' + url + '")'
         }
 
@@ -110,7 +119,7 @@ export default class extends React.Component {
                         <Space style={{alignItems: 'center'}}>
                             <Input size='large' placeholder='验证码' prefix={<SafetyCertificateOutlined/>}/>
                             <img height={36} width={100}
-                                 src={"/admin/auth/captcha-image?_random=" + this.state.random}
+                                 src={SysUtils.contextPath("/admin/auth/captcha-image?_random=" + this.state.random)}
                                  onClick={() => this.setState({random: Math.random()})}/>
                         </Space>
                     </Form.Item>

package/src/pages/login.less

@@ -1,6 +1,5 @@
 .login-page {
   background-size: cover;
-  background-image: url("/admin/public/login_bg.jpg");
   background-repeat: no-repeat;
   background-position: bottom;
 

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

@@ -33,7 +33,9 @@ export default class extends React.Component {
     }
 
     onFinish = values => {
-        HttpUtils.post('admin/dict/save', values).then(rs => {
+        const isNew = !values.id;
+        const url = isNew ? 'admin/dict/create' : 'admin/dict/update';
+        HttpUtils.post(url, values).then(rs => {
             this.setState({formOpen: false})
             this.tableRef.current.reload()
         })
@@ -90,15 +92,11 @@ export default class extends React.Component {
             title: '操作',
             dataIndex: 'option',
             render: (_, record) => {
-                if(!record.id){ // 非数据库定义的不让修改
-                    return
-                }
-
                 return (
                     <ButtonList>
-                        <Button size='small' perm='sysDict:save'
+                        <Button size='small' perm='sys-dict:update'
                                 onClick={() => this.handleEdit(record)}> 编辑 </Button>
-                        <Popconfirm perm='sysDict:delete' title='是否确定删除字典项'
+                        <Popconfirm perm='sys-dict:delete' title='是否确定删除字典项'
                                     onConfirm={() => this.handleDelete(record)}>
                             <Button size='small'>删除</Button>
                         </Popconfirm>
@@ -109,13 +107,13 @@ export default class extends React.Component {
     ]
 
     render() {
-        return <Page padding>
+        return <Page>
             <ProTable
                 rowKey='uid'
                 actionRef={this.tableRef}
                 toolBarRender={() => {
                     return <ButtonList>
-                        <Button perm='sysDict:save' type='primary' onClick={this.handleAdd} >
+                        <Button perm='sys-dict:create' type='primary' onClick={this.handleAdd} >
                             <PlusOutlined/> 新增
                         </Button>
                     </ButtonList>
@@ -126,14 +124,13 @@ export default class extends React.Component {
                 }}
                 columns={this.columns}
                 showToolbarSearch={true}
-                scrollY={500}
             />
             <Modal
                 title='编辑数据字典项'
                 open={this.state.formOpen}
                 onOk={() => this.formRef.current.submit()}
                 onCancel={() => this.setState({formOpen: false})}
-                destroyOnClose
+                destroyOnHidden
             >
 
                 <Form ref={this.formRef} labelCol={{flex: '100px'}}

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

@@ -2,7 +2,7 @@ import React from 'react'
 import {Button, Form, Input, Modal, Popconfirm} from 'antd'
 import {CloudUploadOutlined} from "@ant-design/icons";
 
-import {ButtonList, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpUtils, ProTable} from "../../../framework";
+import {ButtonList, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpUtils, Page, ProTable, SysUtils} from "../../../framework";
 
 export default class extends React.Component {
 
@@ -59,7 +59,7 @@ export default class extends React.Component {
             title: '预览',
             dataIndex: 'id',
             render(id, record) {
-                const nodes = [<a href={'/admin/sysFile/preview/' + record.id} target='_blank'>预览</a>]
+                const nodes = [<a href={SysUtils.contextPath('/admin/sysFile/preview/' + record.id)} target='_blank'>预览</a>]
 
 
                 if (record.imageUrls?.length > 0) {
@@ -79,7 +79,7 @@ export default class extends React.Component {
             dataIndex: 'option',
             render: (_, record) => (
                 <ButtonList>
-                    <Popconfirm perm='sysFile:delete' title='是否确定删除文件信息'
+                    <Popconfirm perm='sys-file:delete' title='是否确定删除文件信息'
                                 onConfirm={() => this.handleDelete(record)}>
                         <a>删除</a>
                     </Popconfirm>
@@ -89,7 +89,7 @@ export default class extends React.Component {
     ]
 
     render() {
-        return <>
+        return <Page>
             <ProTable
                 actionRef={this.tableRef}
                 toolBarRender={() => {
@@ -127,7 +127,7 @@ export default class extends React.Component {
                        this.tableRef.current.reload()
                    }}
                    footer={null}
-                   destroyOnClose
+                   destroyOnHidden
             >
                 <Form ref={this.formRef}
                       initialValues={this.state.formValues}
@@ -140,7 +140,7 @@ export default class extends React.Component {
                 </Form>
             </Modal>
 
-        </>
+        </Page>
     }
 }
 

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

@@ -16,7 +16,7 @@ import {
 } from 'antd'
 import {PlusOutlined} from "@ant-design/icons";
 
-import {ButtonList, HttpUtils, Page, ProTable, StringUtils, ValueType} from "../../../framework";
+import {ButtonList, HttpUtils, Page, ProTable, StringUtils, SysUtils, ValueType} from "../../../framework";
 
 
 const cronOptions = [
@@ -66,6 +66,8 @@ export default class extends React.Component {
     componentDidMount() {
         HttpUtils.get('admin/job/job-class-options').then(rs => {
             this.setState({jobClassOptions: rs})
+        }).catch(e => {
+            console.error('[Job] 加载作业类选项失败:', e);
         })
     }
 
@@ -81,13 +83,19 @@ export default class extends React.Component {
     loadJobParamFields(className, jobData) {
         HttpUtils.post("admin/job/get-job-param-fields", jobData || {}, {className}).then(rs => {
             this.setState({paramList: rs})
+        }).catch(e => {
+            console.error('[Job] 加载作业参数字段失败:', e);
         })
     }
 
     onFinish = (values) => {
-        HttpUtils.post('admin/job/save', values).then(rs => {
+        const isNew = !values.id;
+        const url = isNew ? 'admin/job/create' : 'admin/job/update';
+        HttpUtils.post(url, values).then(rs => {
             this.setState({formOpen: false})
             this.tableRef.current.reload();
+        }).catch(e => {
+            console.error('[Job] 保存作业失败:', e);
         })
     }
 
@@ -95,12 +103,17 @@ export default class extends React.Component {
         const hide = message.loading("删除作业中...")
         HttpUtils.post('admin/job/delete', {id: row.id}).then(rs => {
             this.tableRef.current.reload();
-        }).catch(hide)
+        }).catch(e => {
+            console.error('[Job] 删除作业失败:', e);
+            hide();
+        })
     }
 
     handleTriggerJob = row => {
         HttpUtils.get('admin/job/trigger-job', {id: row.id}).then(rs => {
             this.tableRef.current.reload();
+        }).catch(e => {
+            console.error('[Job] 触发作业失败:', e);
         })
     }
 
@@ -149,9 +162,9 @@ export default class extends React.Component {
                 return (
                     <Space>
                         <Button size='small' onClick={() => this.showExecuteRecord(record)}>执行记录</Button>
-                        <Button size='small' onClick={() => this.handleTriggerJob(record)}>执行一次</Button>
-                        <Button size='small' onClick={() => this.handleEdit(record)}> 编辑 </Button>
-                        <Popconfirm title='是否确定删除?' onConfirm={() => this.handleDelete(record)}>
+                        <Button size='small' perm='job:trigger' onClick={() => this.handleTriggerJob(record)}>执行一次</Button>
+                        <Button size='small' perm='job:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>
+                        <Popconfirm perm='job:delete' title='是否确定删除?' onConfirm={() => this.handleDelete(record)}>
                             <Button size='small'>删除</Button>
                         </Popconfirm>
                     </Space>
@@ -165,6 +178,8 @@ export default class extends React.Component {
         this.setState({statusOpen: true})
         HttpUtils.get('admin/job/status').then(rs => {
             this.setState({status: rs})
+        }).catch(e => {
+            console.error('[Job] 加载状态失败:', e);
         })
     };
 
@@ -174,7 +189,7 @@ export default class extends React.Component {
 
 
     render() {
-        return <Page padding>
+        return <Page>
             <ProTable
                 actionRef={this.tableRef}
                 toolBarRender={() => {
@@ -195,7 +210,7 @@ export default class extends React.Component {
 
             <Modal title='作业调度'
                    open={this.state.formOpen}
-                   destroyOnClose
+                   destroyOnHidden
                    width={800}
                    onOk={() => this.formRef.current.submit()}
                    onCancel={() => this.setState({formOpen: false})}
@@ -245,7 +260,7 @@ export default class extends React.Component {
                    footer={null}
                    width={1024}
             >
-                <Alert message={<pre>{this.state.status}</pre>}></Alert>
+                <Alert title={<pre>{this.state.status}</pre>}></Alert>
 
             </Modal>
 
@@ -254,7 +269,7 @@ export default class extends React.Component {
                    onCancel={() => this.setState({executeRecordOpen: false})}
                    footer={null}
                    width={1024}
-                   destroyOnClose
+                   destroyOnHidden
             >
                 <ProTable columns={[{
                     title: '开始时间',
@@ -289,7 +304,7 @@ export default class extends React.Component {
                         title: '操作',
                         dataIndex: 'option',
                         render: (_, record) => {
-                            const url = '/admin/sys/log/' + record.id;
+                            const url = SysUtils.contextPath('/admin/sys/log/' + record.id);
                             return <a href={url} target='_blank'>日志</a>;
                         },
                     }

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

@@ -1,6 +1,6 @@
-import React, {Fragment} from 'react';
+import React from 'react';
 import {Form, Input, Tag} from "antd";
-import {ViewText, FieldDateRange, HttpUtils, ProTable} from "../../../framework";
+import {ViewText, FieldDateRange, HttpUtils, Page, ProTable} from "../../../framework";
 
 export default class extends React.Component {
 
@@ -54,7 +54,7 @@ export default class extends React.Component {
 
 
     render() {
-        return <>
+        return <Page>
             <ProTable
                 request={(params) => HttpUtils.get('admin/sysLog/page', params)}
                 columns={this.columns}
@@ -66,8 +66,7 @@ export default class extends React.Component {
                     <FieldDateRange/>
                 </Form.Item>
             </ProTable>
-
-        </>
+        </Page>
     }