Kaynağa Gözat

图表展开折叠样式微调

zhuth 7 yıl önce
ebeveyn
işleme
9ca522bbce

+ 2 - 3
src/components/chartDesigner/content.jsx

@@ -64,7 +64,6 @@ class ChartDesignerContent extends React.Component {
             chartView = (<EchartsView />);
         }
 
-        console.log(autoRefresh);
         return (
             <Layout className='chartdesigner'>
                 <Sider className={`sider-left${this.state.collapsed ? ' sider-left-collapsed' : ''}`}>
@@ -81,7 +80,7 @@ class ChartDesignerContent extends React.Component {
                             <OtherConfigForm formItemLayout={formItemLayout}/>
                         </TabPane>
                     </Tabs>
-                    <Footer className='sider-footer' style={{display: this.state.collapsed? 'none':'block'}}>
+                    {!this.state.collapsed && <Footer className='sider-footer'>
                         <div className='fresh-bar'>
                             <Switch defaultChecked checkedChildren='自动刷新' unCheckedChildren='手动刷新' onChange={(checked) => {
                                 // 自动刷新后立即请求一次数据
@@ -96,7 +95,7 @@ class ChartDesignerContent extends React.Component {
                             <Button style={{ display: autoRefresh ? 'none' : 'block' }} size='small' onClick={() => { dispatch({ type: 'chartDesigner/fetchChartData'}) }}
                             >立即刷新</Button>
                         </div>
-                    </Footer> 
+                        </Footer> }
                 </Sider>
                 <Content style={{ overflow: 'hidden' }}>
                     <Layout>

+ 1 - 0
src/components/chartDesigner/layout.less

@@ -1,5 +1,6 @@
 .chartdesigner-layout {
     height: 100%;
+    overflow: hidden;
     .ant-layout-header {
         background: none;
         padding: 0 10px;