| 71 | }); |
| 72 | }; |
| 73 | render() { |
| 74 | return ( |
| 75 | <Provider store={store}> |
| 76 | <Layout> |
| 77 | <Sider breakpoint="lg" collapsedWidth="0"> |
| 78 | <div className="logo" /> |
| 79 | <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}> |
| 80 | {this.state.menus.map((item) => { |
| 81 | return ( |
| 82 | <Menu.Item |
| 83 | onClick={this.toggle.bind(this, item.key)} |
| 84 | key={item.key} |
| 85 | > |
| 86 | <Icon type={item.type} /> |
| 87 | <span className={item.className}>{item.text}</span> |
| 88 | </Menu.Item> |
| 89 | ); |
| 90 | })} |
| 91 | </Menu> |
| 92 | </Sider> |
| 93 | <Layout> |
| 94 | <Content style={{ margin: '16px' }}> |
| 95 | <div style={{ padding: 24, background: '#fff', minHeight: 1600 }}> |
| 96 | {(() => { |
| 97 | switch (this.state.selectedKeys) { |
| 98 | case '1': |
| 99 | return <ViewPanel />; |
| 100 | case '2': |
| 101 | return <ModelPanel />; |
| 102 | case '3': |
| 103 | return <PastePanel /> |
| 104 | case '4': |
| 105 | return <DebugPanel /> |
| 106 | } |
| 107 | })()} |
| 108 | </div> |
| 109 | </Content> |
| 110 | </Layout> |
| 111 | {this.state.visible && <ReloadTipModel />} |
| 112 | </Layout> |
| 113 | </Provider> |
| 114 | ); |
| 115 | } |
| 116 | // 监听表格页的刷新操作 |
| 117 | watchSheetPageReload() { |
| 118 | tool.listen((message) => { |