薪资项目列表

pc4mobx/hrmSalary/pages/payroll/index.js

@@ -258,7 +258,6 @@ export default class Payroll extends React.Component {
           onClose={() => this.setState({editSlideVisible: false})}
           showMask={true}
           closeMaskOnClick={() => this.setState({editSlideVisible: false})} />
-
       }
       </div>
     )

pc4mobx/hrmSalary/pages/salaryItem/columns.js

@@ -16,13 +16,13 @@ export const columns = [
     },
     {
         title: "薪资档案引用",
-        dataIndex: 'title',
-        key: 'title',
+        dataIndex: 'refere',
+        key: 'refere',
     },
     {
         title: "默认使用",
-        dataIndex: 'title',
-        key: 'title',
+        dataIndex: 'refere',
+        key: 'refere',
     },
     {
         title: "进位规则",
@@ -46,13 +46,17 @@ export const columns = [
     },
     {
         title: "操作",
-        dataIndex: 'title',
-        key: 'title',
+        dataIndex: 'cz',
+        key: 'cz',
     }
 ]
 
 
-export const dataSource = [];
+export const dataSource = [
+    {
+        title: "测试"
+    }
+];
 
 
 

pc4mobx/hrmSalary/pages/salaryItem/index.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { inject, observer } from 'mobx-react';
 import { toJS } from 'mobx';
 
-import { Button, Table, DatePicker } from 'antd';
+import { Button, Table, DatePicker, Switch, Menu, Dropdown } from 'antd';
 
-import { WeaTop, WeaTab, WeaRightMenu, WeaRangePicker, WeaTable } from 'ecCom';
+import { WeaTop, WeaTab, WeaRightMenu, WeaRangePicker, WeaTable, WeaInputSearch } from 'ecCom';
 
 import { renderNoright, getSearchs } from '../../util'; // 渲染form数据的方法：因为多个页面都会使用，所以抽的公共方法在util中
 import CustomTab from '../../components/customTab';
@@ -23,6 +23,24 @@ export default class SalaryItem extends React.Component {
       value: "",
       selectedKey: "0"
     }
+    columns.map(item => {
+      if(item.dataIndex == "refere") {
+        item.render = () => {
+          return (
+            <Switch />
+          )
+        }
+      } else if(item.dataIndex == 'cz') {
+        item.render = () => {
+            return (<div>
+              <a style={{marginRight: "10px"}}>编辑</a>
+              <a style={{marginRight: "10px"}}>删除</a>
+              <a>操作日志</a>
+            </div>)
+        }
+          
+      }
+    })
   }
   render() {
     const { baseTableStore } = this.props;
@@ -54,10 +72,20 @@ export default class SalaryItem extends React.Component {
     ];
 
     const topTab = [
-      ];
+    ];
 
-    const renderSearchOperationItem = () => {
-      return <div></div>
+    const menu = (
+      <Menu>
+        <Menu.Item key="1">系统薪资项</Menu.Item>
+        <Menu.Item key="2">自定义薪资项</Menu.Item>
+      </Menu>
+    );
+
+    const renderRightOperation = () => {
+      return (<div style={{display: "inline-block"}}>
+        <Dropdown.Button overlay={menu} type="primary" style={{marginRight: "10px"}}>新增</Dropdown.Button>
+        <WeaInputSearch />
+      </div>)
      
     }
 
@@ -75,6 +103,11 @@ export default class SalaryItem extends React.Component {
             dropMenuDatas={rightMenu} // 下拉菜单（和页面的右键菜单相同）
             dropMenuProps={{ collectParams }} // 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能
           >
+            <CustomTab 
+                searchOperationItem={
+                  renderRightOperation()
+                }
+              />
             <WeaTable columns={columns} dataSource={dataSource}/>
           </WeaTop>
         </WeaRightMenu>