@jiangood/springboot-admin-starter 0.0.1

package/src/pages/job/status.jsx

@@ -0,0 +1,84 @@
+import React from "react";
+import {Alert, Table} from "antd";
+import {HttpUtil, Page} from "../../framework";
+import * as echarts from 'echarts';
+
+export default class extends React.Component {
+
+    state = {
+        dataSource: [],
+        summary: null
+    }
+
+    componentDidMount() {
+        HttpUtil.get('admin/jobStatus/info').then(rs => {
+            this.setState({dataSource: rs.list, summary: rs.summary})
+        })
+
+        HttpUtil.get("admin/jobStatus/statsTotal").then(list => {
+
+            const dates = list.map(item => item.date);
+            const success = list.map(item => item.success);
+            const error = list.map(item => item.error)
+
+
+            var myChart = echarts.init(document.getElementById('main'));
+            myChart.setOption({
+                title: {
+                    text: '作业执行趋势图'
+                },
+                tooltip: {},
+                xAxis: {
+                    data: dates
+                },
+                yAxis: {},
+                series: [
+                    {
+                        name: '成功',
+                        type: 'bar',
+                        data: success,
+                        itemStyle: {
+                            color: 'green'
+                        }
+                    },
+                    {
+                        name: '失败',
+                        type: 'bar',
+                        data: error,
+                        itemStyle: {
+                            color: 'red'
+                        }
+                    }
+                ]
+            });
+        })
+
+
+    }
+
+    render() {
+        return <Page padding>
+
+
+            <Alert message={<pre>{this.state.summary}</pre>} style={{marginBottom: 12}}></Alert>
+            <div id='main' style={{height: 300}}></div>
+
+
+            <Table
+                title={() => <div>正在执行的Job</div>}
+                bordered
+                rowKey='id'
+                pagination={false}
+                dataSource={this.state.dataSource}
+                columns={[
+                    {title: '实例ID', dataIndex: 'id'},
+                    {title: 'JobKey', dataIndex: 'jobKey'},
+                    {title: 'TriggerKey', dataIndex: 'triggerKey'},
+                    {title: '执行类', dataIndex: 'className'},
+                    {title: '触发时间', dataIndex: 'fireTime'},
+                    {title: '下次触发', dataIndex: 'nextFireTime'},
+
+                ]}></Table>
+        </Page>
+    }
+}

package/src/pages/login.jsx

@@ -0,0 +1,144 @@
+import React from 'react';
+import {Button, Form, Input, message, Space} from 'antd';
+import {LockOutlined, SafetyCertificateOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';
+import "./login.less"
+import {history} from 'umi';
+import {HttpUtil, MsgBox, PageUtil, SysUtil} from "../framework";
+import {JSEncrypt} from "jsencrypt";
+
+
+export default class login extends React.Component {
+
+
+    state = {
+        logging: false,
+
+        siteInfo: {},
+        random:Math.random()
+    }
+    redirect ='/';
+
+    async componentDidMount() {
+        console.log('渲染登录页面')
+        const redirect = PageUtil.currentParams()['redirect']
+        if(redirect){
+            console.log('重定向参数',redirect)
+           this.redirect = decodeURIComponent(redirect)
+        }
+
+
+        {
+            // 内部系统登录
+            let token = PageUtil.currentParams().token
+            if (token) {
+                token = window.location.search
+                this.submit({token})
+            }
+        }
+
+        if (localStorage.length === 0) {
+            MsgBox.toast('站点数据缺失，刷新当前页面...')
+            window.location.reload()
+            return
+        }
+
+        const siteInfo = SysUtil.getSiteInfo()
+        this.setState({siteInfo})
+    }
+
+
+    submit = values => {
+        this.setState({logging: true})
+
+        const pubkey = this.state.siteInfo.rsaPublicKey;
+        if(!pubkey){
+            message.error("未获取密钥，请刷新浏览器再试")
+            return
+        }
+        // 对密码加密
+        const crypt = new JSEncrypt();
+        crypt.setPublicKey(pubkey);
+        values.password = crypt.encrypt(values.password)
+
+
+        HttpUtil.postForm('admin/auth/login', values).then(rs => {
+            console.log('登录结果', rs)
+            history.push(this.redirect)
+        }).catch(e=>{
+            console.log('登录错误', e)
+        })
+            .finally(() => {
+            this.setState({logging: false})
+        })
+    }
+
+
+    render() {
+        const {siteInfo} = this.state
+
+        const pageStyle = {}
+        if(siteInfo.loginBackground){
+            let url = SysUtil.wrapServerUrl('admin/sysFile/preview/' + siteInfo.loginBackground);
+            pageStyle.backgroundImage = 'url("'+url+'")'
+        }
+
+        return (
+            <section className='login-page' style={pageStyle}>
+                <div className="login-content">
+                    <h1>{siteInfo.title}</h1>
+                    <Form
+                        name="normal_login"
+                        className="login-form"
+                        initialValues={{remember: true}}
+                        onFinish={this.submit}
+                        requiredMark={false}
+                        colon={false}
+                    >
+
+                        <Form.Item name="username" rules={[{required: true, message: '请输入用户名!'}]}>
+                            <Input size='large' prefix={<UserOutlined/>} placeholder="用户名" autoComplete="off"/>
+                        </Form.Item>
+                        <Form.Item name="password" rules={[{required: true, message: '请输入密码!'}]}>
+                            <Input autoComplete="off" prefix={<LockOutlined/>} type="password" placeholder="密码"
+                                   size='large'
+                            />
+                        </Form.Item>
+
+
+                        {siteInfo.captcha && <Form.Item name='captchaCode' rules={[{required: true}]}>
+                            <Space style={{alignItems: 'center'}}>
+                                <Input size='large' placeholder='验证码' prefix={<SafetyCertificateOutlined/>}/>
+                                <img height={36} width={100}
+                                     src={SysUtil.wrapServerUrl( "admin/auth/captchaImage?_random=" + this.state.random)} onClick={() => {
+                                    this.setState({random: Math.random()})
+                                }}></img>
+                            </Space>
+                        </Form.Item>}
+
+
+                        <Form.Item style={{marginTop: 10}}>
+                            <Button loading={this.state.logging} type="primary" htmlType="submit"
+                                    block size='large'>
+                                登录
+                            </Button>
+                        </Form.Item>
+                    </Form>
+
+                    {this.renderFormBottom()}
+
+                </div>
+            </section>
+        );
+    }
+
+
+    renderFormBottom() {
+        let siteInfo = this.state.siteInfo;
+        if (siteInfo.loginBoxBottomTip) {
+            return <div style={{color: 'white', marginTop: 50, fontSize: '14px', textAlign: 'center'}}>
+                <WarningOutlined/> {siteInfo.loginBoxBottomTip}
+            </div>
+        }
+    }
+
+}

package/src/pages/login.less

@@ -0,0 +1,53 @@
+.login-page {
+  background-size: cover;
+  background-image: url("../asserts/login_bg.jpg");
+  background-repeat: no-repeat;
+  background-position: bottom;
+
+  width: 100vw;
+  height: 100vh;
+
+
+  .login-content {
+    padding: 40px;
+    background: #15184b44;
+    width: 350px;
+    position: fixed;
+    right: 15%;
+    top: 20%;
+
+    .ant-form-item-label > label{
+      color: white !important;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .login-page {
+    padding-top: 30%;
+
+    .login-content {
+      width: calc(100% - 100px);
+      padding: 24px;
+      position: static;
+      margin: 0 auto;
+    }
+  }
+}
+
+
+.login-form {
+  max-width: 300px;
+  margin: 0 auto;
+}
+
+
+
+
+.login-page h1 {
+  margin-bottom: 50px;
+  text-align: center;
+  color: white !important;
+  font-size: x-large;
+}
+

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

@@ -0,0 +1,136 @@
+import {Button, Card, Form, Modal, Table} from 'antd'
+import React from 'react'
+
+import {ButtonList, HttpUtil, ValueType} from '../../../framework'
+
+
+export default class extends React.Component {
+
+    state = {
+        data: [],
+        formValues: {},
+        formOpen: false
+    }
+
+    formRef = React.createRef()
+    tableRef = React.createRef()
+
+    columns = [
+        {
+            title: '参数名称',
+            dataIndex: 'name',
+            width: 300,
+
+        },
+        {
+            title: '编码',
+            dataIndex: 'code',
+        },
+
+
+        {
+            title: '值',
+            dataIndex: 'value',
+            render(v, record) {
+                if (v != null) {
+                    return ValueType.renderView(record.valueType, {value: v})
+                }
+            }
+        },
+
+
+        {
+            title: '说明',
+            dataIndex: 'description',
+        },
+        {
+            title: '更新时间',
+            dataIndex: 'updateTime',
+        },
+
+        {
+            title: '操作',
+            dataIndex: 'option',
+            fixed: 'right',
+            render: (_, record) => (
+                <ButtonList>
+                    <Button size='small' perm='sysConfig:save' onClick={() => this.handleEdit(record)}> 修改 </Button>
+                </ButtonList>
+            ),
+        },
+    ]
+
+    componentDidMount() {
+        this.loadData();
+    }
+
+    loadData() {
+        HttpUtil.get('admin/sysConfig/page').then(rs => {
+            this.setState({data: rs})
+        })
+    }
+
+    handleEdit = record => {
+        this.setState({formOpen: true, formValues: record})
+    }
+
+
+    onFinish = values => {
+        HttpUtil.post('admin/sysConfig/save', values).then(rs => {
+            this.setState({formOpen: false})
+            this.loadData()
+        })
+    }
+
+
+    render() {
+        return <>
+            <Card loading={this.state.data.length === 0}>
+                <Table
+                    dataSource={this.state.data}
+                    actionRef={this.tableRef}
+                    pagination={false}
+                    expandable={
+                        {
+                            defaultExpandAllRows: true
+                        }
+                    }
+                    columns={this.columns}
+                    rowKey='id'
+                    bordered
+                    size='small'
+                />
+            </Card>
+
+
+            <Modal title={'编辑系统参数'}
+                   open={this.state.formOpen}
+                   onOk={() => this.formRef.current.submit()}
+                   onCancel={() => this.setState({formOpen: false})}
+                   destroyOnHidden
+                   maskClosable={false}
+                   width={400}
+            >
+
+                <Form ref={this.formRef}
+                      initialValues={this.state.formValues}
+                      onFinish={this.onFinish}
+                      layout='vertical'
+                >
+
+                    <Form.Item name='id' noStyle/>
+
+                    <Form.Item name='value' label={this.state.formValues.label}>
+                        {ValueType.renderField(this.state.formValues.valueType)}
+                    </Form.Item>
+
+                </Form>
+            </Modal>
+        </>
+
+
+    }
+}
+
+
+

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

@@ -0,0 +1,73 @@
+import React from 'react'
+import {HttpUtil, ProTable} from "../../../framework";
+
+
+
+export default class extends React.Component {
+
+    state = {
+        formValues: {},
+        formOpen: false,
+        selectedRowKeys: []
+    }
+
+    formRef = React.createRef()
+    tableRef = React.createRef()
+
+    columns = [
+
+
+
+        {
+            title: '编码',
+            dataIndex: 'code',
+
+
+        },
+        {
+            title: '文本',
+            dataIndex: 'text',
+        },
+
+
+
+    ]
+
+
+
+    render() {
+        return <>
+            <ProTable
+                actionRef={this.tableRef}
+
+                request={(params) => HttpUtil.pageData('admin/sysDict/page', params)}
+                columns={this.columns}
+                rowKey='id'
+
+                rowSelection={{
+                    type: 'radio',
+                    selectedRowKeys: this.state.selectedRowKeys,
+                    onChange: (selectedRowKeys, selectedRows) => {
+                        this.setState({selectedRowKeys: selectedRowKeys})
+                        this.props.onChange(selectedRowKeys[0])
+                    }
+                }}
+                onRow={(record) => ({
+                    onClick: () => {
+                        this.setState({selectedRowKeys: [record.id]})
+                        this.props.onChange(record.id)
+                    }
+                })}
+            />
+
+
+
+
+        </>
+
+
+    }
+}
+
+
+

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

@@ -0,0 +1,177 @@
+import {PlusOutlined} from '@ant-design/icons'
+import {Button, Col, Form, Input, InputNumber, Modal, Popconfirm, Row, Tag} from 'antd'
+import React from 'react'
+
+import {ButtonList, FieldRadioBoolean, HttpUtil, ProTable} from '../../../framework'
+
+
+export default class extends React.Component {
+
+    state = {
+        formValues: {},
+        formOpen: false
+    }
+
+    formRef = React.createRef()
+    tableRef = React.createRef()
+
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        if (prevProps.sysDictId !== this.props.sysDictId) {
+            this.tableRef.current.reload()
+        }
+    }
+
+    columns = [
+        {
+            title: '文本',
+            dataIndex: 'text',
+        },
+        {
+            title: '编码',
+            dataIndex: 'code',
+        },
+
+        {
+            title: '启用',
+            dataIndex: 'enabled',
+            render(v) {
+                return v ? '是' : '否'
+            }
+
+        },
+        {
+            title: '显示颜色',
+            dataIndex: 'color',
+            render(v) {
+                return <Tag color={v}>COLOR</Tag>
+            }
+        },
+        {
+            title: '系统内置',
+            dataIndex: 'builtin',
+            render(v) {
+                return v ? '是' : '否'
+            }
+
+        },
+        {
+            title: '序号',
+            dataIndex: 'seq',
+        },
+        {
+            title: '操作',
+            dataIndex: 'option',
+            render: (_, record) => {
+
+                return (
+                    <ButtonList>
+                        <Button size='small' perm='sysDict:save'
+                                onClick={() => this.handleEdit(record)}> 编辑 </Button>
+                        <Popconfirm perm='sysDict:delete' title='是否确定删除字典项'
+                                    onConfirm={() => this.handleDelete(record)}>
+                            <Button size='small'>删除</Button>
+                        </Popconfirm>
+                    </ButtonList>
+                );
+            },
+        },
+    ]
+
+    handleAdd = () => {
+        this.setState({formOpen: true, formValues: {}})
+    }
+
+    handleEdit = record => {
+        this.setState({formOpen: true, formValues: record})
+    }
+
+
+    onFinish = values => {
+        values.sysDict = {id: this.props.sysDictId}
+        HttpUtil.post('admin/sysDictItem/save', values).then(rs => {
+            this.setState({formOpen: false})
+            this.tableRef.current.reload()
+        })
+    }
+
+
+    handleDelete = row => {
+        HttpUtil.get('admin/sysDictItem/delete', row).then(rs => {
+            this.tableRef.current.reload()
+        })
+    }
+
+    render() {
+        return <>
+            <ProTable
+                headerTitle='字典项列表'
+                actionRef={this.tableRef}
+                toolBarRender={() => {
+                    return <ButtonList>
+                        <Button perm='sysDictItem:save' type='primary' onClick={this.handleAdd}>
+                            <PlusOutlined/> 新增
+                        </Button>
+                    </ButtonList>
+                }}
+                request={(params) => {
+                    params.sysDictId = this.props.sysDictId
+                    return HttpUtil.pageData('admin/sysDictItem/page', params);
+                }}
+                columns={this.columns}
+                rowKey='id'
+                search={false}
+            />
+
+            <Modal
+                title='编辑数据字典项'
+                open={this.state.formOpen}
+                onOk={() => this.formRef.current.submit()}
+                onCancel={() => this.setState({formOpen: false})}
+                destroyOnHidden
+            >
+
+                <Form ref={this.formRef} labelCol={{flex: '100px'}}
+                      initialValues={this.state.formValues}
+                      onFinish={this.onFinish}>
+                    <Form.Item name='id' noStyle></Form.Item>
+
+                    <Row>
+                        <Col span={12}>
+                            <Form.Item label='编码' name='code' rules={[{required: true}]}>
+                                <Input/>
+                            </Form.Item>
+                        </Col>
+                        <Col span={12}>
+                            <Form.Item label='文本' name='text' rules={[{required: true}]}>
+                                <Input/>
+                            </Form.Item>
+                        </Col>
+                    </Row>
+
+                    <Row>
+                        <Col span={12}>
+                            <Form.Item label='颜色' name='color' rules={[{required: true}]}>
+                                <Input/>
+                            </Form.Item>
+                        </Col>
+                        <Col span={12}>
+                            <Form.Item label='序号' name='seq' rules={[{required: true}]}>
+                                <InputNumber/>
+                            </Form.Item>
+                        </Col>
+                    </Row>
+
+                    <Form.Item label='启用' name='enabled' rules={[{required: true}]}>
+                        <FieldRadioBoolean/>
+                    </Form.Item>
+
+                </Form>
+            </Modal>
+        </>
+
+
+    }
+}
+
+
+

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

@@ -0,0 +1,25 @@
+import React from "react";
+import Dict from "./Dict";
+import DictItem from "./DictItem";
+import {Splitter} from "antd";
+
+export default class extends React.Component {
+
+    state = {
+        selectedKey: null
+    }
+
+
+    render() {
+        return <Splitter>
+            <Splitter.Panel defaultSize={600} style={{paddingRight:16}}>
+                <Dict onChange={selectedKey => this.setState({selectedKey})}/>
+            </Splitter.Panel>
+            <Splitter.Panel style={{paddingLeft:16}}>
+                <DictItem sysDictId={this.state.selectedKey}/>
+            </Splitter.Panel>
+        </Splitter>
+
+
+    }
+}