diff --git a/src/pages/install/widget/FinishPanel.tsx b/src/pages/install/widget/FinishPanel.tsx index 805bfb9..766c222 100644 --- a/src/pages/install/widget/FinishPanel.tsx +++ b/src/pages/install/widget/FinishPanel.tsx @@ -31,6 +31,19 @@ export default class FinishPanel extends TankComponent { that.updateUI(); } + finish() { + + let that = this + let install: Install = this.props.install + + install.httpFinish(function () { + + + window.location.href = "/" + + }) + + } render() { @@ -43,7 +56,7 @@ export default class FinishPanel extends TankComponent { title="安装信息配置完毕!" subTitle="点击下方按钮来完成安装过程并进入首页。" extra={[ - ]} diff --git a/src/pages/install/widget/SetAdminPanel.tsx b/src/pages/install/widget/SetAdminPanel.tsx index fa12f51..7b0b186 100644 --- a/src/pages/install/widget/SetAdminPanel.tsx +++ b/src/pages/install/widget/SetAdminPanel.tsx @@ -56,12 +56,12 @@ export default class SetAdminPanel extends TankComponent { let that = this let install: Install = this.props.install - if (install.tableCreated()) { + if (install.adminConfigured) { this.props.onNextStep() } else { - MessageBoxUtil.error("请首先完成建表") + MessageBoxUtil.error("请首先完成管理员设置") } } @@ -89,7 +89,7 @@ export default class SetAdminPanel extends TankComponent { that.phase = Phase.VERIFY that.updateUI() }} onSelectCreate={() => { - that.phase = Phase.VERIFY + that.phase = Phase.CREATE that.updateUI() }} onPreStep={this.goToPrevious.bind(this)} onNextStep={this.goToNext.bind(this)} /> @@ -98,7 +98,6 @@ export default class SetAdminPanel extends TankComponent { {phase === Phase.VERIFY && ( { - that.phase = Phase.SELECTING that.props.onNextStep() @@ -110,7 +109,15 @@ export default class SetAdminPanel extends TankComponent { )} {phase === Phase.CREATE && ( - + { + + that.props.onNextStep() + + }} onPreStep={() => { + that.phase = Phase.SELECTING + that.updateUI() + + }}/> )} diff --git a/src/pages/install/widget/inner/PhaseCreatePanel.tsx b/src/pages/install/widget/inner/PhaseCreatePanel.tsx index 210eda3..76924f7 100644 --- a/src/pages/install/widget/inner/PhaseCreatePanel.tsx +++ b/src/pages/install/widget/inner/PhaseCreatePanel.tsx @@ -2,10 +2,17 @@ import React from 'react'; import './PhaseCreatePanel.less'; import TankComponent from "../../../../common/component/TankComponent"; import Install from "../../../../common/model/install/Install"; +import MessageBoxUtil from "../../../../common/util/MessageBoxUtil"; +import {Button, Form, Input} from "antd"; +import {ArrowLeftOutlined, SendOutlined} from "@ant-design/icons/lib"; interface IProps { install: Install + + onSuccess: () => void + onPreStep: () => void + } interface IState { @@ -27,14 +34,110 @@ export default class PhaseCreatePanel extends TankComponent { } + onFinish(values: any) { + console.log('Success:', values); + + let that = this; + let install: Install = this.props.install + + install.adminUsername = values["adminUsername"] + install.adminPassword = values["adminPassword"] + install.adminRepassword = values["adminRepassword"] + + install.httpCreateAdmin(function () { + MessageBoxUtil.success("管理员创建成功!") + that.props.onSuccess() + }) + }; + + onFinishFailed(errorInfo: any) { + console.log('Failed:', errorInfo); + }; render() { let that = this; + let install: Install = this.props.install + + const layout = { + labelCol: {span: 6}, + wrapperCol: {span: 18}, + }; + return ( -
- Phase 1 +
+ +
+

创建新管理员账户

+
+ +
{ + that.updateUI() + }} + > + + + + + + + + + + ({ + validator(rule, value) { + if (!value || getFieldValue('adminPassword') === value) { + return Promise.resolve(); + } + return Promise.reject('两次输入密码不匹配!'); + }, + }), + ]} + > + + + +
+ + + + + +
+
+
); } diff --git a/src/pages/install/widget/inner/PhaseVerifyPanel.tsx b/src/pages/install/widget/inner/PhaseVerifyPanel.tsx index 22dc422..586a326 100644 --- a/src/pages/install/widget/inner/PhaseVerifyPanel.tsx +++ b/src/pages/install/widget/inner/PhaseVerifyPanel.tsx @@ -71,6 +71,10 @@ export default class PhaseVerifyPanel extends TankComponent { return (
+
+

验证管理员账户

+
+
{ -