fix layout

src/components/app/App.jsx

@@ -190,12 +190,12 @@ class App extends Component {
                                                 position: 'fixed'
                                             }}
                                         >
-                                            <SubMenu key="trial-case"
-                                                     title={<span><Icon type="appstore" theme="twoTone"/><span>Trial Case</span></span>}>
-                                                <Menu.Item key="wechat"><Link
-                                                    to="/wechat-service/trial-case/wechat case">wechat
-                                                    case</Link></Menu.Item>
-                                            </SubMenu>
+                                            {/*<SubMenu key="trial-case"*/}
+                                                     {/*title={<span><Icon type="appstore" theme="twoTone"/><span>Trial Case</span></span>}>*/}
+                                                {/*<Menu.Item key="wechat"><Link*/}
+                                                    {/*to="/wechat-service/trial-case/wechat case">wechat*/}
+                                                    {/*case</Link></Menu.Item>*/}
+                                            {/*</SubMenu>*/}
 
                                             <SubMenu key="my-create"
                                                      title={<span><Icon type="user"
@@ -240,12 +240,12 @@ class App extends Component {
                                                     case</Link></Menu.Item>
                                             </SubMenu>
 
-                                            <SubMenu key="my-create"
-                                                     title={<span><Icon type="user"
-                                                                        theme="outlined"/><span>My Create</span></span>}>
-                                                <Menu.Item key="my quant"><Link to="/quant-service/">my
-                                                    quant</Link></Menu.Item>
-                                            </SubMenu>
+                                            {/*<SubMenu key="my-create"*/}
+                                                     {/*title={<span><Icon type="user"*/}
+                                                                        {/*theme="outlined"/><span>My Create</span></span>}>*/}
+                                                {/*<Menu.Item key="my quant"><Link to="/quant-service/">my*/}
+                                                    {/*quant</Link></Menu.Item>*/}
+                                            {/*</SubMenu>*/}
                                         </Menu>
                                     </Sider>
                                 );

src/components/common/caseMetabase/CaseMetabase.jsx

@@ -6,7 +6,7 @@ class CaseMetabase extends Component {
     render() {
         return (
             <div>
-                Case Metabase
+                Only members to use this website.
             </div>
         )
     }

src/components/quantService/QuantService.jsx

@@ -4,7 +4,7 @@ import {Layout, Menu} from 'antd';
 
 import QuantConfig from "./quantConfig/QuantConfig";
 import Deploy from "../common/deploy/Deploy";
-import QuantManage from "./quantManage/QuantManage";
+import QuantResult from "./quantResult/QuantResult";
 
 const { Content } = Layout;
 
@@ -35,7 +35,7 @@ class QuantService extends Component {
                 >
                     <Menu.Item key="quant-config">config settings</Menu.Item>
                     <Menu.Item key="quant-deploy">deploy settings</Menu.Item>
-                    <Menu.Item key="quant-manage">manage</Menu.Item>
+                    <Menu.Item key="quant-result">result</Menu.Item>
                 </Menu>
 
                 <Layout style={{ padding: '24px', zIndex: '0'}}>
@@ -46,8 +46,8 @@ class QuantService extends Component {
                                     return <QuantConfig />;
                                 case 'quant-deploy':
                                     return <Deploy />;
-                                case 'quant-manage':
-                                    return <QuantManage />;
+                                case 'quant-result':
+                                    return <QuantResult />;
                                 default:
                                     return <QuantConfig />
                             }

src/components/quantService/quantManage/QuantManage.jsx → src/components/quantService/quantResult/QuantResult.jsx

@@ -1,14 +1,14 @@
 import React, {Component} from 'react';
 
-class QuantManage extends Component {
+class QuantResult extends Component {
 
     render() {
         return (
             <div>
-                Quant Manage
+                Quant Result
             </div>
         )
     }
 }
 
-export default QuantManage;
+export default QuantResult;

src/components/trialCase/TrialCase.jsx

@@ -43,10 +43,10 @@ class TrialCase extends Component {
                     selectedKeys={[this.state.menuLevel2]}
                 >
                     <Menu.Item key="schema">schema</Menu.Item>
-                    <Menu.Item key="application">application</Menu.Item>
                     <Menu.Item key="deploy">deploy</Menu.Item>
-                    <Menu.Item key="graphql">graphql</Menu.Item>
                     <Menu.Item key="graphiql">graphql IDE</Menu.Item>
+                    <Menu.Item key="templeate">templeate</Menu.Item>
+                    <Menu.Item key="preview">preview</Menu.Item>
                     <Menu.Item key="metabase">metabase</Menu.Item>
                 </Menu>
 
@@ -58,18 +58,18 @@ class TrialCase extends Component {
                                 switch (this.state.menuLevel2) {
                                     case 'schema':
                                         return <Schema trialcase={true} userID={this.state.userID} schemaName={schemaName} schemaID={schemaID} history={this.props.history} location={this.props.location}/>;
-                                    case 'application':
-                                        return <Application location={this.props.location}/>;
                                     case 'deploy':
                                         return <Deploy userID={this.state.userID} schemaID={schemaID} schemaName={schemaName}/>;
-                                    case 'graphql':
-                                        return <GenerateJs schemaID={schemaID} schemaName={schemaName}/>;
                                     case 'graphiql':
                                         return <Graphql/>;
+                                    case 'templeate':
+                                        return <GenerateJs schemaID={schemaID} schemaName={schemaName}/>;
+                                    case 'preview':
+                                        return <Application location={this.props.location}/>;
                                     case 'metabase':
                                         return <CaseMetabase/>;
                                     default:
-                                        return <Graphql/>
+                                        return <Graphql/>;
                                 }
                             })()
                         }

src/components/userCreate/UserCreate.jsx

@@ -58,8 +58,8 @@ class UserCreate extends Component {
                 >
                     <Menu.Item key="schema">schema</Menu.Item>
                     <Menu.Item key="deploy">deploy</Menu.Item>
-                    <Menu.Item key="graphql">graphql</Menu.Item>
                     <Menu.Item key="graphiql">graphql IDE</Menu.Item>
+                    <Menu.Item key="template">template</Menu.Item>
                     <Menu.Item key="metabase">metabase</Menu.Item>
                 </Menu>
 
@@ -73,14 +73,14 @@ class UserCreate extends Component {
                                         return <Schema userID={this.state.userID} schemaName={schemaName} schemaID={schemaID} history={this.props.history} location={this.props.location}/>;
                                     case 'deploy':
                                         return <Deploy userID={this.state.userID} schemaID={schemaID} schemaName={schemaName}/>;
-                                    case 'graphql':
-                                        return <GenerateJs/>;
                                     case 'graphiql':
                                         return <Graphql/>;
+                                    case 'template':
+                                        return <GenerateJs/>;
                                     case 'metabase':
                                         return <CaseMetabase/>;
                                     default:
-                                        return <Graphql/>
+                                        return <Graphql/>;
                                 }
                             })()
                         }

src/components/wechatService/WechatService.jsx

@@ -4,7 +4,7 @@ import {Layout, Menu} from 'antd';
 
 import WechatConfig from "./wechatConfig/WechatConfig";
 import Deploy from "../common/deploy/Deploy";
-import WechatManage from "./wechatManage/WechatManage";
+import WechatResult from './wechatResult/WechatResult';
 
 const { Content } = Layout;
 
@@ -35,7 +35,7 @@ class WechatService extends Component {
                 >
                     <Menu.Item key="wechat-config">config settings</Menu.Item>
                     <Menu.Item key="wechat-deploy">deploy settings</Menu.Item>
-                    <Menu.Item key="wechat-manage">manage</Menu.Item>
+                    <Menu.Item key="wechat-result">result</Menu.Item>
                 </Menu>
 
                 <Layout style={{ padding: '24px', zIndex: '0'}}>
@@ -46,8 +46,8 @@ class WechatService extends Component {
                                     return <WechatConfig />;
                                 case 'wechat-deploy':
                                     return <Deploy />;
-                                case 'wechat-manage':
-                                    return <WechatManage />;
+                                case 'wechat-result':
+                                    return <WechatResult />;
                                 default:
                                     return <WechatConfig />
                             }

src/components/wechatService/wechatManage/WechatManage.jsx → src/components/wechatService/wechatResult/WechatResult.jsx

@@ -1,14 +1,14 @@
 import React, {Component} from 'react';
 
-class WechatManage extends Component {
+class WechatResult extends Component {
 
     render() {
         return (
             <div>
-                Wechat Manage
+                Wechat result
             </div>
         )
     }
 }
 
-export default WechatManage;
+export default WechatResult;