工资单模块开始

pc4mobx/hrmSalary/pages/salaryFile/index.js

@@ -23,6 +23,8 @@ import SalaryFileViewSlide from './saralyFileViewSlide'
 
 const { MonthPicker } = DatePicker;
 
+import "./index.less"
+
 @inject('salaryFileStore')
 @observer
 export default class SalaryFile extends React.Component {
@@ -39,7 +41,8 @@ export default class SalaryFile extends React.Component {
       modalVisiable: false,
       step: 0,
       recordSlideVisible: false,
-      selectedRowKeys: []
+      selectedRowKeys: [],
+      showSearchBar: false
     }
   }
 
@@ -136,6 +139,13 @@ export default class SalaryFile extends React.Component {
     this.setState({ selectedRowKeys });
   };
 
+  // 显示影响搜索面板
+  handleShowSearchBar = () => {
+    this.setState({
+      showSearchBar: !this.state.showSearchBar
+    })
+  }
+
   render() {
     const { salaryFileStore } = this.props;
     const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = salaryFileStore;
@@ -206,7 +216,7 @@ export default class SalaryFile extends React.Component {
 
     const renderRightOperation = () => {
         return (
-            <div style={{display: "inline-block"}}>
+            <div style={{display: "inline-block", position: 'relative'}} className="salaryFileTabWrapper">
                 <WeaHelpfulTip
                   style={{marginRight: '10px'}}
                   width={200}
@@ -223,6 +233,7 @@ export default class SalaryFile extends React.Component {
                 <Dropdown.Button style={{marginRight: "10px"}} overlay={menu2} onClick={() => {this.handleExportAll()}}>导出全部</Dropdown.Button>
                 <Button type="default" style={{marginRight: "10px"}} onClick={() => {this.setState({recordSlideVisible: true})}}>调薪记录</Button>
                 <WeaInputSearch />
+                <Button type="default" onClick={() =>{this.handleShowSearchBar()}}>高级搜索</Button>
             </div>
         )
     }

pc4mobx/hrmSalary/pages/salaryFile/index.less

@@ -36,4 +36,16 @@
         padding-left: 20px;
         padding-right: 20px;
     }
-}
+}
+
+
+.salaryFileTabWrapper {
+    .searchPanel {
+        position: absolute;
+        z-index: 100;
+        width: 100%;
+        height: 200px;
+        bottom: -10px;
+        left: 0px;
+    }
+}

pc4mobx/hrmSalary/pages/salaryFile/searchPanel.js

@@ -0,0 +1,31 @@
+import React from 'react'
+import { WeaSearchGroup } from 'ecCom'
+import { Row, Col } from 'antd'
+
+export default class SearchPanel extends React.Component {
+    render() {
+        return (
+            <div>
+                <WeaSearchGroup title={"常用条件"} items={[]} />
+                <div>
+                    <Row>
+                        <Col span={6}>
+                            姓名:
+                        </Col>
+                        <Col span={6}>
+                            
+                        </Col>
+                        
+                        <Col span={6}>
+
+                        </Col>
+                        
+                        <Col span={6}>
+
+                        </Col>
+                    </Row>
+                </div>
+            </div>
+        )
+    }
+}