mirror of https://github.com/openspug/spug
76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) OpenSpug Organization. https://github.com/openspug/spug
|
|
* Copyright (c) <spug.dev@gmail.com>
|
|
* Released under the AGPL-3.0 License.
|
|
*/
|
|
import React from 'react';
|
|
import { Menu } from 'antd';
|
|
import { AuthDiv, Breadcrumb } from 'components';
|
|
import BasicSetting from './BasicSetting';
|
|
import AlarmSetting from './AlarmSetting';
|
|
import LDAPSetting from './LDAPSetting';
|
|
import OpenService from './OpenService';
|
|
import KeySetting from './KeySetting';
|
|
import SecuritySetting from './SecuritySetting';
|
|
import PushSetting from './PushSetting';
|
|
import About from './About';
|
|
import styles from './index.module.css';
|
|
import store from './store';
|
|
|
|
|
|
class Index extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
selectedKeys: ['basic']
|
|
}
|
|
}
|
|
|
|
componentDidMount() {
|
|
store.fetchSettings()
|
|
}
|
|
|
|
render() {
|
|
const {selectedKeys} = this.state;
|
|
return (
|
|
<AuthDiv auth="system.setting.view">
|
|
<Breadcrumb>
|
|
<Breadcrumb.Item>首页</Breadcrumb.Item>
|
|
<Breadcrumb.Item>系统管理</Breadcrumb.Item>
|
|
<Breadcrumb.Item>系统设置</Breadcrumb.Item>
|
|
</Breadcrumb>
|
|
<div className={styles.container}>
|
|
<div className={styles.left}>
|
|
<Menu
|
|
mode="inline"
|
|
selectedKeys={selectedKeys}
|
|
style={{border: 'none'}}
|
|
onSelect={({selectedKeys}) => this.setState({selectedKeys})}>
|
|
<Menu.Item key="basic">基本设置</Menu.Item>
|
|
<Menu.Item key="security">安全设置</Menu.Item>
|
|
<Menu.Item key="ldap">LDAP设置</Menu.Item>
|
|
<Menu.Item key="key">密钥设置</Menu.Item>
|
|
<Menu.Item key="push">推送服务设置</Menu.Item>
|
|
<Menu.Item key="alarm">报警服务设置</Menu.Item>
|
|
<Menu.Item key="service">开放服务设置</Menu.Item>
|
|
<Menu.Item key="about">关于</Menu.Item>
|
|
</Menu>
|
|
</div>
|
|
<div className={styles.right}>
|
|
{selectedKeys[0] === 'basic' && <BasicSetting/>}
|
|
{selectedKeys[0] === 'security' && <SecuritySetting/>}
|
|
{selectedKeys[0] === 'ldap' && <LDAPSetting/>}
|
|
{selectedKeys[0] === 'alarm' && <AlarmSetting/>}
|
|
{selectedKeys[0] === 'push' && <PushSetting/>}
|
|
{selectedKeys[0] === 'service' && <OpenService/>}
|
|
{selectedKeys[0] === 'key' && <KeySetting/>}
|
|
{selectedKeys[0] === 'about' && <About/>}
|
|
</div>
|
|
</div>
|
|
</AuthDiv>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Index
|