diff --git a/web/config/router.config.js b/web/config/router.config.js
index ffd299d1..ea8bc503 100644
--- a/web/config/router.config.js
+++ b/web/config/router.config.js
@@ -23,8 +23,8 @@ export default [
path: '/platform',
name: 'platform',
icon: 'dashboard',
- component: './Dashboard/Analysis',
routes: [
+ // { path: '/', redirect: '/platform/gateway' },
{
path: '/platform/gateway',
name: 'gateway',
@@ -72,41 +72,54 @@ export default [
},{
path: '/data/indices',
name: 'index',
- // component: './DataManagement/Indices',
- // routes: [
- // {
- // path: '/data/indices',
- // redirect: '/data/indices/summary',
- // },
- // {
- // path: '/data/indices/summary',
- // component: './DataManagement/IndexSummary',
- // },
- // {
- // path: '/data/indices/doc',
- // component: './DataManagement/Document',
- // },
- // {
- // path: '/data/indices/template',
- // component: './DataManagement/IndexTemplate',
- // },
- // {
- // path: '/data/indices/ilm',
- // component: './DataManagement/IndexLifeCycle',
- // },
- // ]
+ component: './DataManagement/Indices',
+ routes: [
+ {
+ path: '/data/indices',
+ redirect: '/data/indices/summary',
+ },
+ {
+ path: '/data/indices/summary',
+ component: './DataManagement/IndexSummary',
+ },
+ {
+ path: '/data/indices/doc',
+ component: './DataManagement/Document',
+ },
+ {
+ path: '/data/indices/template',
+ component: './DataManagement/IndexTemplate',
+ },
+ {
+ path: '/data/indices/ilm',
+ component: './DataManagement/IndexLifeCycle',
+ },
+ ]
}, {
- path: '/list/table-list',
+ path: '/data/backup',
name: 'snapshot',
- component: './List/TableList',
+ component: './DataManagement/Backup',
+ routes: [
+ {
+ path: '/data/backup',
+ redirect: '/data/backup/bakandrestore',
+ },
+ {
+ path: '/data/backup/bakandrestore',
+ component: './DataManagement/backup/BakAndRestore',
+ },{
+ path: '/data/backup/bakcycle',
+ component: './DataManagement/backup/BakCycle',
+ }
+ ]
}, {
- path: '/list/table-list',
+ path: '/data/rebuild',
name: 'rebuild',
- component: './List/TableList',
+ component: './DataManagement/Rebuild',
}, {
- path: '/list/table-list',
+ path: '/data/import',
name: 'export',
- component: './List/TableList',
+ component: './DataManagement/Import',
},
]
},
diff --git a/web/src/pages/DataManagement/Backup.js b/web/src/pages/DataManagement/Backup.js
new file mode 100644
index 00000000..30f7a9e2
--- /dev/null
+++ b/web/src/pages/DataManagement/Backup.js
@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import router from 'umi/router';
+import { connect } from 'dva';
+import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+
+@connect()
+class Backup extends Component {
+ handleTabChange = key => {
+ const { match } = this.props;
+ switch (key) {
+ case 'bakandrestore':
+ router.push(`${match.url}/bakandrestore`);
+ break;
+ case 'bakcycle':
+ router.push(`${match.url}/bakcycle`);
+ break;
+ default:
+ break;
+ }
+ }
+ render() {
+ const tabList = [
+ {
+ key: 'bakandrestore',
+ tab: '索引备份与还原',
+ },
+ {
+ key: 'bakcycle',
+ tab: '备份周期管理',
+ }
+ ];
+
+ const { match, children, location } = this.props;
+
+ return (
+
+ {children}
+
+ );
+ }
+}
+
+export default Backup;
diff --git a/web/src/pages/DataManagement/Document.js b/web/src/pages/DataManagement/Document.js
new file mode 100644
index 00000000..2ea4a252
--- /dev/null
+++ b/web/src/pages/DataManagement/Document.js
@@ -0,0 +1,376 @@
+import React, { PureComponent, Fragment } from 'react';
+import { connect } from 'dva';
+import {
+ Row,
+ Col,
+ Card,
+ Form,
+ Input,
+ Button,
+ Modal,
+ message,
+ Divider,
+} from 'antd';
+import StandardTable from '@/components/StandardTable';
+import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+
+import styles from '../List/TableList.less';
+
+const FormItem = Form.Item;
+const { TextArea } = Input;
+
+const CreateForm = Form.create()(props => {
+ const { modalVisible, form, handleAdd, handleModalVisible } = props;
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleAdd(fieldsValue);
+ });
+ };
+ return (
+ handleModalVisible()}
+ >
+
+ {form.getFieldDecorator('index', {
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('settings', {
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+const UpdateForm = Form.create()(props => {
+ const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
+
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleUpdate(fieldsValue);
+ });
+ };
+
+ return (
+ handleUpdateModalVisible()}
+ >
+
+ {form.getFieldDecorator('index', {
+ initialValue: values.index,
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('settings', {
+ initialValue: values.processors,
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+/* eslint react/no-multi-comp:0 */
+@connect(({ pipeline, loading }) => ({
+ pipeline,
+ loading: loading.models.pipeline,
+}))
+@Form.create()
+class Document extends PureComponent {
+ state = {
+ modalVisible: false,
+ updateModalVisible: false,
+ expandForm: false,
+ selectedRows: [],
+ formValues: {},
+ updateFormValues: {},
+ };
+ datasource = `[{"health":"green","status":"open","index":"blogs_fixed","uuid":"Q6zngGf9QVaWqpV0lF-0nw","pri":"1","rep":"1","docs.count":"1594","docs.deleted":"594","store.size":"17.9mb","pri.store.size":"8.9mb"},{"health":"red","status":"open","index":"elastic_qa","uuid":"_qkVlQ5LRoOKffV-nFj8Uw","pri":"1","rep":"1","docs.count":null,"docs.deleted":null,"store.size":null,"pri.store.size":null},{"health":"green","status":"open","index":".kibana-event-log-7.9.0-000001","uuid":"fgTtyl62Tc6F1ddJfPwqHA","pri":"1","rep":"1","docs.count":"20","docs.deleted":"0","store.size":"25kb","pri.store.size":"12.5kb"},{"health":"green","status":"open","index":"blogs","uuid":"Mb2n4wnNQSKqSToI_QO0Yg","pri":"1","rep":"1","docs.count":"1594","docs.deleted":"0","store.size":"11mb","pri.store.size":"5.5mb"},{"health":"green","status":"open","index":".kibana-event-log-7.9.0-000002","uuid":"8GpbwnDXR2KJUsw6srLnWw","pri":"1","rep":"1","docs.count":"9","docs.deleted":"0","store.size":"96.9kb","pri.store.size":"48.4kb"},{"health":"green","status":"open","index":".apm-agent-configuration","uuid":"vIaV9k2VS-W48oUOe2xNWA","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":"logs_server1","uuid":"u56jv2AyR2KOkruOfxIAnA","pri":"1","rep":"1","docs.count":"5386","docs.deleted":"0","store.size":"5.1mb","pri.store.size":"2.5mb"},{"health":"green","status":"open","index":".kibana_1","uuid":"dBCrfVblRPGVlYAIlP_Duw","pri":"1","rep":"1","docs.count":"3187","docs.deleted":"50","store.size":"24.8mb","pri.store.size":"12.4mb"},{"health":"green","status":"open","index":".tasks","uuid":"3RafayGeSNiqglO2BHof9Q","pri":"1","rep":"1","docs.count":"3","docs.deleted":"0","store.size":"39.9kb","pri.store.size":"19.9kb"},{"health":"green","status":"open","index":"filebeat-7.9.0-elastic_qa","uuid":"tktSYU14S3CrsrJb0ybpSQ","pri":"1","rep":"1","docs.count":"3009880","docs.deleted":"0","store.size":"1.6gb","pri.store.size":"850.1mb"},{"health":"green","status":"open","index":"analysis_test","uuid":"6ZHEAW1ST_qfg7mo4Bva4w","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":".apm-custom-link","uuid":"Y4N2TeVERrGacEGwY-NPAQ","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":"kibana_sample_data_ecommerce","uuid":"4FIWJKhGSr6bE72R0xEQyA","pri":"1","rep":"1","docs.count":"4675","docs.deleted":"0","store.size":"9.2mb","pri.store.size":"4.6mb"},{"health":"green","status":"open","index":".kibana_task_manager_1","uuid":"9afyndU_Q26oqOiEIoqRJw","pri":"1","rep":"1","docs.count":"6","docs.deleted":"2","store.size":"378.8kb","pri.store.size":"12.5kb"},{"health":"green","status":"open","index":".async-search","uuid":"2VbJgnN7SsqC-DWN64yXUQ","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"3.9kb","pri.store.size":"3.7kb"}]`;
+
+ columns = [
+ {
+ title: '索引名称',
+ dataIndex: 'index',
+ },
+ {
+ title: '文档数',
+ dataIndex: 'docs.count',
+ },
+ {
+ title: '主分片数',
+ dataIndex: 'pri'
+ },
+ {
+ title: '从分片数',
+ dataIndex: 'rep'
+ },
+ {
+ title: '存储大小',
+ dataIndex: 'store.size'
+ },
+ {
+ title: '操作',
+ render: (text, record) => (
+
+ this.handleUpdateModalVisible(true, record)}>设置
+
+ {
+ this.state.selectedRows.push(record);
+ this.handleDeleteClick();
+ }}>删除
+
+ {
+ this.state.selectedRows.push(record);
+ this.handleDeleteClick();
+ }}>新增文档
+
+ ),
+ },
+ ];
+
+ componentDidMount() {
+ const { dispatch } = this.props;
+ // dispatch({
+ // type: 'pipeline/fetch',
+ // });
+ }
+
+ handleStandardTableChange = (pagination, filtersArg, sorter) => {
+ const { dispatch } = this.props;
+ const { formValues } = this.state;
+
+ const filters = Object.keys(filtersArg).reduce((obj, key) => {
+ const newObj = { ...obj };
+ newObj[key] = getValue(filtersArg[key]);
+ return newObj;
+ }, {});
+
+ const params = {
+ currentPage: pagination.current,
+ pageSize: pagination.pageSize,
+ ...formValues,
+ ...filters,
+ };
+ if (sorter.field) {
+ params.sorter = `${sorter.field}_${sorter.order}`;
+ }
+
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: params,
+ });
+ };
+
+ handleFormReset = () => {
+ const { form, dispatch } = this.props;
+ form.resetFields();
+ this.setState({
+ formValues: {},
+ });
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: {},
+ });
+ };
+
+ handleDeleteClick = e => {
+ const { dispatch } = this.props;
+ const { selectedRows } = this.state;
+
+ if (!selectedRows) return;
+ dispatch({
+ type: 'pipeline/delete',
+ payload: {
+ key: selectedRows.map(row => row.name),
+ },
+ callback: () => {
+ this.setState({
+ selectedRows: [],
+ });
+ },
+ });
+ };
+
+ handleSelectRows = rows => {
+ this.setState({
+ selectedRows: rows,
+ });
+ };
+
+ handleSearch = e => {
+ e.preventDefault();
+
+ const { dispatch, form } = this.props;
+
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+
+ const values = {
+ ...fieldsValue,
+ updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
+ };
+
+ this.setState({
+ formValues: values,
+ });
+
+ dispatch({
+ type: 'rule/fetch',
+ payload: values,
+ });
+ });
+ };
+
+ handleModalVisible = flag => {
+ this.setState({
+ modalVisible: !!flag,
+ });
+ };
+
+ handleUpdateModalVisible = (flag, record) => {
+ this.setState({
+ updateModalVisible: !!flag,
+ updateFormValues: record || {},
+ });
+ };
+
+ handleAdd = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/add',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('添加成功');
+ this.handleModalVisible();
+ };
+
+ handleUpdate = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/update',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('修改成功');
+ this.handleUpdateModalVisible();
+ };
+
+ renderSimpleForm() {
+ const {
+ form: { getFieldDecorator },
+ } = this.props;
+ return (
+
+ );
+ }
+
+ renderForm() {
+ return this.renderSimpleForm();
+ }
+
+ render() {
+ const data = {
+ list: JSON.parse(this.datasource),
+ pagination: {
+ pageSize: 5,
+ },
+ };
+ const { selectedRows, modalVisible, updateModalVisible, updateFormValues } = this.state;
+ const parentMethods = {
+ handleAdd: this.handleAdd,
+ handleModalVisible: this.handleModalVisible,
+ };
+ const updateMethods = {
+ handleUpdateModalVisible: this.handleUpdateModalVisible,
+ handleUpdate: this.handleUpdate,
+ };
+ return (
+
+
+
+
{this.renderForm()}
+
+
+ {selectedRows.length > 0 && (
+
+
+
+ )}
+
+
+
+
+
+ ),
+ tab2: (
+
+
+
+
+ 点击或拖拽文件至该区域上传
+
+ 支持多文件上传
+
+
+ )
+ };
+
+ return (
+
+
+ {contentList[operationkey]}
+
+
+ );
+ }
+}
+
+export default Import;
diff --git a/web/src/pages/DataManagement/IndexLifeCycle.js b/web/src/pages/DataManagement/IndexLifeCycle.js
new file mode 100644
index 00000000..ea6a2738
--- /dev/null
+++ b/web/src/pages/DataManagement/IndexLifeCycle.js
@@ -0,0 +1,373 @@
+import React, { PureComponent, Fragment } from 'react';
+import { connect } from 'dva';
+import {
+ Row,
+ Col,
+ Card,
+ Form,
+ Input,
+ Button,
+ Modal,
+ message,
+ Divider,
+} from 'antd';
+import StandardTable from '@/components/StandardTable';
+
+import styles from '../List/TableList.less';
+
+const FormItem = Form.Item;
+const { TextArea } = Input;
+
+const CreateForm = Form.create()(props => {
+ const { modalVisible, form, handleAdd, handleModalVisible } = props;
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleAdd(fieldsValue);
+ });
+ };
+ return (
+ handleModalVisible()}
+ >
+
+ {form.getFieldDecorator('name', {
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('settings', {
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+const UpdateForm = Form.create()(props => {
+ const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
+
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleUpdate(fieldsValue);
+ });
+ };
+
+ return (
+ handleUpdateModalVisible()}
+ >
+
+ {form.getFieldDecorator('name', {
+ initialValue: values.name,
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('policy', {
+ initialValue: values.policy,
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+/* eslint react/no-multi-comp:0 */
+@connect(({ pipeline, loading }) => ({
+ pipeline,
+ loading: loading.models.pipeline,
+}))
+@Form.create()
+class IndexLifeCycle extends PureComponent {
+ state = {
+ modalVisible: false,
+ updateModalVisible: false,
+ expandForm: false,
+ selectedRows: [],
+ formValues: {},
+ updateFormValues: {},
+ };
+ datasource = `{"ilm-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.550Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"watch-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.460Z","policy":{"phases":{"delete":{"min_age":"7d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"kibana-event-log-policy":{"version":1,"modified_date":"2020-08-28T13:43:28.035Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"metrics":{"version":1,"modified_date":"2020-08-28T13:19:39.367Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"ml-size-based-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.166Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb"}}}}}},"filebeat":{"version":1,"modified_date":"2020-08-29T10:49:38.774Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"logs":{"version":1,"modified_date":"2020-08-28T13:19:39.289Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"slm-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.637Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}}}`;
+ parseData = ()=>{
+ let ds = JSON.parse(this.datasource);
+ var values = [];
+ for(let key in ds){
+ values.push({
+ name: key,
+ ...ds[key],
+ policy: JSON.stringify(ds[key].policy),
+ });
+ }
+ return values;
+ }
+ columns = [
+ {
+ title: '策略名称',
+ dataIndex: 'name',
+ },
+ {
+ title: '修改日期',
+ dataIndex: 'modified_date',
+ },
+ {
+ title: '版本',
+ dataIndex: 'version'
+ },
+ {
+ title: '操作',
+ render: (text, record) => (
+
+ this.handleUpdateModalVisible(true, record)}>设置
+
+ {
+ this.state.selectedRows.push(record);
+ this.handleDeleteClick();
+ }}>删除
+
+ ),
+ },
+ ];
+
+ componentDidMount() {
+ const { dispatch } = this.props;
+ // dispatch({
+ // type: 'pipeline/fetch',
+ // });
+ }
+
+ handleStandardTableChange = (pagination, filtersArg, sorter) => {
+ const { dispatch } = this.props;
+ const { formValues } = this.state;
+
+ const filters = Object.keys(filtersArg).reduce((obj, key) => {
+ const newObj = { ...obj };
+ newObj[key] = getValue(filtersArg[key]);
+ return newObj;
+ }, {});
+
+ const params = {
+ currentPage: pagination.current,
+ pageSize: pagination.pageSize,
+ ...formValues,
+ ...filters,
+ };
+ if (sorter.field) {
+ params.sorter = `${sorter.field}_${sorter.order}`;
+ }
+
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: params,
+ });
+ };
+
+ handleFormReset = () => {
+ const { form, dispatch } = this.props;
+ form.resetFields();
+ this.setState({
+ formValues: {},
+ });
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: {},
+ });
+ };
+
+ handleDeleteClick = e => {
+ const { dispatch } = this.props;
+ const { selectedRows } = this.state;
+
+ if (!selectedRows) return;
+ dispatch({
+ type: 'pipeline/delete',
+ payload: {
+ key: selectedRows.map(row => row.name),
+ },
+ callback: () => {
+ this.setState({
+ selectedRows: [],
+ });
+ },
+ });
+ };
+
+ handleSelectRows = rows => {
+ this.setState({
+ selectedRows: rows,
+ });
+ };
+
+ handleSearch = e => {
+ e.preventDefault();
+
+ const { dispatch, form } = this.props;
+
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+
+ const values = {
+ ...fieldsValue,
+ updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
+ };
+
+ this.setState({
+ formValues: values,
+ });
+
+ dispatch({
+ type: 'rule/fetch',
+ payload: values,
+ });
+ });
+ };
+
+ handleModalVisible = flag => {
+ this.setState({
+ modalVisible: !!flag,
+ });
+ };
+
+ handleUpdateModalVisible = (flag, record) => {
+ this.setState({
+ updateModalVisible: !!flag,
+ updateFormValues: record || {},
+ });
+ };
+
+ handleAdd = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/add',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('添加成功');
+ this.handleModalVisible();
+ };
+
+ handleUpdate = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/update',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('修改成功');
+ this.handleUpdateModalVisible();
+ };
+
+ renderSimpleForm() {
+ const {
+ form: { getFieldDecorator },
+ } = this.props;
+ return (
+
+ );
+ }
+
+ renderForm() {
+ return this.renderSimpleForm();
+ }
+
+ render() {
+ const data = {
+ list: this.parseData(),
+ pagination: {
+ pageSize: 5,
+ },
+ };
+ const { selectedRows, modalVisible, updateModalVisible, updateFormValues } = this.state;
+ const parentMethods = {
+ handleAdd: this.handleAdd,
+ handleModalVisible: this.handleModalVisible,
+ };
+ const updateMethods = {
+ handleUpdateModalVisible: this.handleUpdateModalVisible,
+ handleUpdate: this.handleUpdate,
+ };
+ return (
+
+
+
+
{this.renderForm()}
+
+
+ {selectedRows.length > 0 && (
+
+
+
+ )}
+
+
+
+
+
+
+ 健康状态
+
+
+
+ 分片数
+
+
+
+
{this.renderForm()}
+
+
+ {selectedRows.length > 0 && (
+
+
+
+ )}
+
+
+
+
+ {getFieldDecorator('source_index', {
+ initialValue: this.state.configData.source_index,
+ rules: [{ required: true, message: '请选择要重建的索引' }],
+ })(
+ ,
+ )}
+
+
+ {getFieldDecorator('creterial', {
+ initialValue: this.state.configData.creterial,
+ rules: [
+ {required: true, },
+ ],
+ })(
+
+ )}
+
+
+ {this.renderFooter(currentStep)}
+
+
+ )
+ break;
+ case 1:
+ stepDom = (
+
+
+ {getFieldDecorator('target_index', {
+ initialValue: this.state.configData.target_index,
+ rules: [{ required: true, message: '请输入目标索引名称' }],
+ })(
+
+ )}
+
+
+ {getFieldDecorator('target_setting', {
+ initialValue: this.state.configData.target_setting,
+ rules: [
+ {required: true, },
+ ],
+ })(
+
+ )}
+
+
+ {this.renderFooter(currentStep)}
+
+
+ )
+ break;
+ case 2:
+ stepDom = (
+
+
+
+
+
+ {this.renderFooter(currentStep)}
+
+
+ {this.snapshotTable()}
+
+ ),
+ tab2: (
+
+ {this.repoTable()}
+
+ Some contents...
+ Some contents...
+ Some contents...
+
+
+
+ Zhou Maomao
+ 1810000000
+
+
+
+
+
+ );
+ }
+}
+
+export default BakAndRestore;
diff --git a/web/src/pages/DataManagement/backup/BakAndRestore.less b/web/src/pages/DataManagement/backup/BakAndRestore.less
new file mode 100644
index 00000000..a1c68de0
--- /dev/null
+++ b/web/src/pages/DataManagement/backup/BakAndRestore.less
@@ -0,0 +1,12 @@
+
+.tabsCard {
+ :global {
+ .ant-card-head {
+ padding: 0 16px;
+ }
+ }
+}
+.btnRestore{
+ position:absolute;
+ bottom: 20px;
+}
diff --git a/web/src/pages/DataManagement/backup/BakCycle.js b/web/src/pages/DataManagement/backup/BakCycle.js
new file mode 100644
index 00000000..921f8f3b
--- /dev/null
+++ b/web/src/pages/DataManagement/backup/BakCycle.js
@@ -0,0 +1,386 @@
+import React, { PureComponent, Fragment } from 'react';
+import { connect } from 'dva';
+import {
+ Row,
+ Col,
+ Card,
+ Form,
+ Input,
+ Button,
+ Modal,
+ message,
+ Divider,
+ Drawer,
+} from 'antd';
+import StandardTable from '@/components/StandardTable';
+
+import styles from '../../List/TableList.less';
+
+const FormItem = Form.Item;
+const { TextArea } = Input;
+
+const CreateForm = Form.create()(props => {
+ const { modalVisible, form, handleAdd, handleModalVisible } = props;
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleAdd(fieldsValue);
+ });
+ };
+ return (
+ handleModalVisible()}
+ >
+
+ {form.getFieldDecorator('name', {
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('settings', {
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+const UpdateForm = Form.create()(props => {
+ const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
+
+ const okHandle = () => {
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+ form.resetFields();
+ handleUpdate(fieldsValue);
+ });
+ };
+
+ return (
+ handleUpdateModalVisible()}
+ >
+
+ {form.getFieldDecorator('name', {
+ initialValue: values.name,
+ rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
+ })()}
+
+
+ {form.getFieldDecorator('policy', {
+ initialValue: values.policy,
+ rules: [{ required: true }],
+ })()}
+
+
+ );
+});
+
+/* eslint react/no-multi-comp:0 */
+@connect(({ pipeline, loading }) => ({
+ pipeline,
+ loading: loading.models.pipeline,
+}))
+@Form.create()
+class BakCycle extends PureComponent {
+ state = {
+ modalVisible: false,
+ updateModalVisible: false,
+ expandForm: false,
+ selectedRows: [],
+ formValues: {},
+ updateFormValues: {},
+ drawerVisible: false,
+ };
+ datasource = `{"ilm-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.550Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"watch-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.460Z","policy":{"phases":{"delete":{"min_age":"7d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"kibana-event-log-policy":{"version":1,"modified_date":"2020-08-28T13:43:28.035Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}},"metrics":{"version":1,"modified_date":"2020-08-28T13:19:39.367Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"ml-size-based-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.166Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb"}}}}}},"filebeat":{"version":1,"modified_date":"2020-08-29T10:49:38.774Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"logs":{"version":1,"modified_date":"2020-08-28T13:19:39.289Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}}}}},"slm-history-ilm-policy":{"version":1,"modified_date":"2020-08-28T13:19:39.637Z","policy":{"phases":{"hot":{"min_age":"0ms","actions":{"rollover":{"max_size":"50gb","max_age":"30d"}}},"delete":{"min_age":"90d","actions":{"delete":{"delete_searchable_snapshot":true}}}}}}}`;
+ parseData = ()=>{
+ let ds = JSON.parse(this.datasource);
+ var values = [];
+ for(let key in ds){
+ values.push({
+ name: key,
+ ...ds[key],
+ policy: JSON.stringify(ds[key].policy),
+ });
+ }
+ return values;
+ }
+ columns = [
+ {
+ title: '策略名称',
+ dataIndex: 'name',
+ },
+ {
+ title: '修改日期',
+ dataIndex: 'modified_date',
+ },
+ {
+ title: '版本',
+ dataIndex: 'version'
+ },
+ {
+ title: '操作',
+ render: (text, record) => (
+
+ this.handleUpdateModalVisible(true, record)}>设置
+
+ {
+ this.state.selectedRows.push(record);
+ this.handleDeleteClick();
+ }}>删除
+
+ ),
+ },
+ ];
+
+ componentDidMount() {
+ const { dispatch } = this.props;
+ // dispatch({
+ // type: 'pipeline/fetch',
+ // });
+ }
+
+ handleStandardTableChange = (pagination, filtersArg, sorter) => {
+ const { dispatch } = this.props;
+ const { formValues } = this.state;
+
+ const filters = Object.keys(filtersArg).reduce((obj, key) => {
+ const newObj = { ...obj };
+ newObj[key] = getValue(filtersArg[key]);
+ return newObj;
+ }, {});
+
+ const params = {
+ currentPage: pagination.current,
+ pageSize: pagination.pageSize,
+ ...formValues,
+ ...filters,
+ };
+ if (sorter.field) {
+ params.sorter = `${sorter.field}_${sorter.order}`;
+ }
+
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: params,
+ });
+ };
+
+ handleFormReset = () => {
+ const { form, dispatch } = this.props;
+ form.resetFields();
+ this.setState({
+ formValues: {},
+ });
+ dispatch({
+ type: 'pipeline/fetch',
+ payload: {},
+ });
+ };
+
+ handleDeleteClick = e => {
+ const { dispatch } = this.props;
+ const { selectedRows } = this.state;
+
+ if (!selectedRows) return;
+ dispatch({
+ type: 'pipeline/delete',
+ payload: {
+ key: selectedRows.map(row => row.name),
+ },
+ callback: () => {
+ this.setState({
+ selectedRows: [],
+ });
+ },
+ });
+ };
+
+ handleSelectRows = rows => {
+ this.setState({
+ selectedRows: rows,
+ });
+ };
+
+ handleSearch = e => {
+ e.preventDefault();
+
+ const { dispatch, form } = this.props;
+
+ form.validateFields((err, fieldsValue) => {
+ if (err) return;
+
+ const values = {
+ ...fieldsValue,
+ updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
+ };
+
+ this.setState({
+ formValues: values,
+ });
+
+ dispatch({
+ type: 'rule/fetch',
+ payload: values,
+ });
+ });
+ };
+
+ handleModalVisible = flag => {
+ this.setState({
+ modalVisible: !!flag,
+ });
+ };
+
+ handleUpdateModalVisible = (flag, record) => {
+ this.setState({
+ updateModalVisible: !!flag,
+ updateFormValues: record || {},
+ });
+ };
+
+ handleAdd = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/add',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('添加成功');
+ this.handleModalVisible();
+ };
+
+ handleUpdate = fields => {
+ const { dispatch } = this.props;
+ dispatch({
+ type: 'pipeline/update',
+ payload: {
+ name: fields.name,
+ desc: fields.desc,
+ processors: fields.processors,
+ },
+ });
+
+ message.success('修改成功');
+ this.handleUpdateModalVisible();
+ };
+
+ renderSimpleForm() {
+ const {
+ form: { getFieldDecorator },
+ } = this.props;
+ return (
+
+ );
+ }
+
+ renderForm() {
+ return this.renderSimpleForm();
+ }
+
+ render() {
+ const data = {
+ list: this.parseData(),
+ pagination: {
+ pageSize: 5,
+ },
+ };
+ const { selectedRows, modalVisible, updateModalVisible, updateFormValues } = this.state;
+ const parentMethods = {
+ handleAdd: this.handleAdd,
+ handleModalVisible: this.handleModalVisible,
+ };
+ const updateMethods = {
+ handleUpdateModalVisible: this.handleUpdateModalVisible,
+ handleUpdate: this.handleUpdate,
+ };
+ return (
+
+
+
+
{this.renderForm()}
+
+
+ {selectedRows.length > 0 && (
+
+
+
+ )}
+
+
+
Some contents...
+ Some contents...
+ Some contents...
+
+
+ );
+ }
+}
+
+export default BakCycle;
diff --git a/web/src/pages/DataManagement/indices.js b/web/src/pages/DataManagement/indices.js
new file mode 100644
index 00000000..c3538595
--- /dev/null
+++ b/web/src/pages/DataManagement/indices.js
@@ -0,0 +1,61 @@
+import React, { Component } from 'react';
+import router from 'umi/router';
+import { connect } from 'dva';
+import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+
+@connect()
+class Indices extends Component {
+ handleTabChange = key => {
+ const { match } = this.props;
+ switch (key) {
+ case 'summary':
+ router.push(`${match.url}/summary`);
+ break;
+ case 'doc':
+ router.push(`${match.url}/doc`);
+ break;
+ case 'template':
+ router.push(`${match.url}/template`);
+ break;
+ case 'ilm':
+ router.push(`${match.url}/ilm`);
+ break;
+ default:
+ break;
+ }
+ }
+ render() {
+ const tabList = [
+ {
+ key: 'summary',
+ tab: '索引概览',
+ },
+ {
+ key: 'doc',
+ tab: '索引文档管理',
+ },
+ {
+ key: 'template',
+ tab: '索引模板管理',
+ },
+ {
+ key: 'ilm',
+ tab: '索引生命周期管理',
+ }
+ ];
+
+ const { match, children, location } = this.props;
+
+ return (
+
+ {children}
+
+ );
+ }
+}
+
+export default Indices;