工资单1

pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollPartTable.js

@@ -6,17 +6,39 @@
  */
 import React, { Component } from "react";
 import { Button } from "antd";
-import { WeaDialog } from "ecCom";
+import { WeaButtonIcon, WeaDialog, WeaInputSearch } from "ecCom";
 
 // import PayrollPartModal from "./payrollPartModal";
-
 class PayrollPartTable extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      searchValue: "",
+      dialogVisible: false
+    };
+  }
+
   renderTitle = () => {
     const { title } = this.props;
+    const { searchValue } = this.state;
     return <div className="titleWrapper">
       <div>{title}</div>
       <div className="rightBtnlist">
-        <Button type="primary">{title.slice(-1, 2)}</Button>
+        <Button type="primary">{title.slice(-2)}</Button>
+        <WeaButtonIcon
+          buttonType="del"
+          type="primary"
+          disabled={false}
+        />
+        <WeaButtonIcon buttonType="add" type="primary"/>
+        <WeaInputSearch
+          style={{ width: 120 }}
+          value={searchValue}
+          onChange={searchValue => this.setState({ searchValue })}
+          placeholder="请输入方案名称"
+          onSearch={() => {
+          }}
+        />
       </div>
     </div>;
   };
@@ -30,11 +52,10 @@ class PayrollPartTable extends Component {
         onCancel={onCancel}
         title={this.renderTitle()}
         visible={visible}
-        style={{ width: 1500, height: 800 }}
+        style={{ width: 700 }}
         hasScroll
-        url="http://localhost:8999/spa/coms/index-demo.html#/coms?id=WeaDialog&_key=tzsm8d"
-        // url='http://localhost:8999/#/coms?id=WeaForm&_key=ejvf84'
       >
+
         {/*<PayrollPartModal/>*/}
       </WeaDialog>
     );