Merge branch 'dev' of gitee.com:jmlcl/trunk into dev

pc4mobx/organization/apis/common.js

@@ -0,0 +1,25 @@
+import {
+	WeaTools
+} from 'ecCom'
+
+/**
+ * 获取权限
+ * @param  {[type]} moduleName [模块名]
+ * @param  {Object} params     [description]
+ * @return {[type]}            [description]
+ */
+export const authorized = (moduleName, params = {}, apiMethod = 'getHasRight') => WeaTools.callApi(`/api/hrm/${moduleName}/${apiMethod}`, 'POST', params);
+
+/**
+ * 应用分权
+ */
+export const detachable = (params = {}) => WeaTools.callApi('/api/hrm/common/getDetachable', 'GET', params);
+export const getDetachableAll = (params = {}) => WeaTools.callApi('/api/hrm/common/getDetachableAll', 'GET', params);
+
+export const checkAuthAndDetach = (moduleName, params = {}, apiMethod = 'getHasRight') => Promise.all([authorized(moduleName, params = {}, apiMethod || 'getHasRight'), detachable()])
+
+export const exportExcel = (params = {}) => WeaTools.callApi('/api/ec/dev/table/export', 'POST', params)
+
+export const isEnableMultiLang = (params = {}) => WeaTools.callApi('/api/hrm/common/isEnableMultiLang', 'GET', params)
+
+export const getPinYin = (params = {}) => WeaTools.callApi('/api/workflow/formSetting/fieldSet/getPinYin', 'POST', params)

pc4mobx/organization/apis/job.js

@@ -0,0 +1,91 @@
+
+import {
+    WeaTools
+} from 'ecCom'
+
+export const getSearchList = (params) => {
+    //return WeaTools.callApi('/api/bs/hrmorganization/comp/listComp', 'POST', params);
+    return fetch('/api/bs/hrmorganization/comp/listComp', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(params)
+    })
+}
+
+export const getDeptListByPid = (params) => {
+    return fetch('/api/bs/hrmorganization/dept/getDeptListByPid', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(params)
+    })
+}
+
+
+export const deleteTableData = (params) => {
+    return fetch('/api/bs/hrmorganization/comp/deleteByIds', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getAdvanceSearchCondition = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/comp/getSearchCondition', 'GET', params);
+}
+
+export const add = (params) => {
+    return fetch('/api/bs/hrmorganization/comp/saveBaseComp', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const editResource = (params) => {
+    // return fetch('/api/bs/hrmorganization/comp/updateComp', {
+    //     method: 'POST',
+    //     mode: 'cors',
+    //     headers: {
+    //         'Content-Type': 'application/json'
+    //     }, 
+    //     body: JSON.stringify(params)
+    // })
+    return WeaTools.callApi('/api/bs/hrmorganization/comp/updateComp', 'POST', params);
+}
+
+export const updateForbiddenTag = (params) => {
+    return fetch('/api/bs/hrmorganization/comp/updateForbiddenTagById', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getCompanyForm = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/comp/getCompSaveForm', 'GET', params);
+}
+
+
+export const getCompanyExtendForm = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/comp/getCompBaseForm', 'GET', params);
+}
+
+
+export const getHasRight = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/comp/getHasRight', 'GET', params);
+}

pc4mobx/organization/apis/staff.js

@@ -0,0 +1,53 @@
+
+import {
+    WeaTools
+} from 'ecCom'
+
+export const getSearchList = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staff/getTable', 'GET', params);
+}
+
+export const deleteTableData = (params) => {
+    return fetch('/api/bs/hrmorganization/staff/deleteByIds', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getAdvanceSearchCondition = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staff/getSearchCondition', 'GET', params);
+}
+
+export const add = (params) => {
+    return fetch('/api/bs/hrmorganization/staff/saveStaff', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const edit = (params) => {
+    return fetch('/api/bs/hrmorganization/staff/updateStaff', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getForm = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staff/getForm', 'GET', params);
+}
+
+export const getHasRight = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staff/getHasRight', 'GET', params);
+}

pc4mobx/organization/apis/staffscheme.js

@@ -0,0 +1,64 @@
+
+import {
+    WeaTools
+} from 'ecCom'
+
+export const getSearchList = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staffplan/getTable', 'GET', params);
+}
+
+export const deleteTableData = (params) => {
+    return fetch('/api/bs/hrmorganization/staffplan/deleteByIds', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getAdvanceSearchCondition = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staffplan/getSearchCondition', 'GET', params);
+}
+
+export const add = (params) => {
+    return fetch('/api/bs/hrmorganization/staffplan/saveStaffPlan', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const edit = (params) => {
+    return fetch('/api/bs/hrmorganization/staffplan/updateStaffPlan', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const updateForbiddenTag = (params) => {
+    return fetch('/api/bs/hrmorganization/staffplan/updateForbiddenTagById', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    })
+}
+
+export const getSchemeForm = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staffplan/getForm', 'GET', params);
+}
+
+export const getHasRight = (params) => {
+    return WeaTools.callApi('/api/bs/hrmorganization/staffplan/getHasRight', 'GET', params);
+}

pc4mobx/organization/components/Home.js

@@ -0,0 +1,78 @@
+import {
+    WeaPopoverHrm,
+    WeaLocaleProvider
+} from 'ecCom';
+import {
+    WeaLogView
+} from 'comsMobx';
+import {
+    isEnableMultiLang
+} from '../apis/common';
+const WeaLogViewComp = WeaLogView.Component;
+const {
+    LogStore
+} = WeaLogView;
+
+class Home extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            key: new Date().getTime(),
+            visible: false,
+            logStore: new LogStore(),
+            logType: '4',
+            logSmallType: ''
+        }
+        window.setLogViewProps = this.setLogViewProps;
+    }
+
+    componentDidMount(){
+        isEnableMultiLang().then(data => {
+            window.inputType = {
+                inputType: 'NORMAL'
+            }
+            if (data.status === '1') {
+                if (data.isEnableMultiLang) {
+                    window.inputType = {
+                        inputType: 'MULTILANG',
+                        isBase64: true
+                    }
+                }
+            }
+        }, error => {
+            window.inputType = {
+                inputType: 'NORMAL'
+            }
+        });
+    }
+
+    setLogViewProps = (props) => {
+        this.setState({
+            key: new Date().getTime(),
+            targetId: '',
+            visible: true,
+            logType: '4',
+			logStore: new LogStore(),
+            ...props
+        });
+    }
+    onCancel = () => {
+        this.setState({
+            visible: false
+        })
+    }
+    render() {
+        //const isSingle = window.location.pathname.indexOf('/spa/hrm/engine') > -1;
+        return (
+            <div style={{height:"100%"}}>
+                <WeaPopoverHrm ecId={`${this && this.props && this.props.ecId || ''}_WeaPopoverHrm@jp3tsb`} />
+                <WeaLogViewComp ecId={`${this && this.props && this.props.ecId || ''}_WeaLogViewComp@mc1954`} {...this.state} onCancel={this.onCancel}/>
+                <WeaLocaleProvider ecId={`${this && this.props && this.props.ecId || ''}_WeaLocaleProvider@3on3aj`}>
+                {this.props.children}
+                </WeaLocaleProvider>
+            </div>
+        )
+    }
+}
+
+export default Home

pc4mobx/organization/components/NewTableDialog.js

@@ -43,6 +43,19 @@ export default class NewTableDialog extends React.Component {
             width,
         } = this.state;
 
+        const pagination = {
+            total: dataSource.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            onShowSizeChange(current, pageSize) {
+            },
+            onChange(current) {
+            },
+            showTotal(total) {
+                return `共 ${total} 条`
+            }
+        };
+
         const buttons = [
             //(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@jd6baw`} type="primary" onClick={() => save()} disabled={loading}>{i18n.button.save()}</Button>),
             (<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@e4f4n1`} />)
@@ -60,13 +73,18 @@ export default class NewTableDialog extends React.Component {
                 buttons={buttons}
                 style={{ width: width, height: height }}
             >
-                <WeaTable rowKey={record => record.id}
-                    dataSource={dataSource} childrenColumnName="children"
-                    columns={columns}
-                    indentSize={15}
-                    loading={loading}
-                    defaultExpandedRowKeys={[1, 2]}
-                />
+                {
+                    loading ? <div className='hrm-loading-center-small'>
+                        <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4ygl4a`} spinning={loading}></Spin>
+                    </div> : <WeaTable rowKey={record => record.id}
+                        dataSource={dataSource} childrenColumnName="children"
+                        columns={columns}
+                        loading={loading}
+                        pagination={pagination}
+                        indentSize={15}
+                    />
+                }
+
             </WeaDialog>
         )
     }

pc4mobx/organization/components/NewWeaTable.js

@@ -0,0 +1,69 @@
+import {
+    WeaNewScroll,
+    WeaSearchGroup,
+    WeaMoreButton,
+    WeaTable
+} from 'ecCom'
+
+import {
+    Spin,
+    Button,
+    Pagination
+} from 'antd'
+
+import {
+    WeaSwitch
+} from 'comsMobx'
+
+import {
+    i18n
+} from '../public/i18n';
+
+import '../style/common.less';
+
+
+export default class NewWeaTable extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+
+
+    render() {
+        const {
+            dataSource,
+            columns,
+            rowSelection,
+            loading,
+            indentSize
+        } = this.props
+
+        const pagination = {
+            total: dataSource.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            onShowSizeChange(current, pageSize) {
+            },
+            onChange(current) {
+            },
+            showTotal(total){
+                return `共 ${total} 条`
+            }
+        };
+
+
+        return (
+            loading ? <div className='hrm-new-weatable-spin'>
+                <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4ygl4a`} spinning={loading}></Spin>
+            </div> :
+                <WeaTable rowKey={record => record.id}
+                    dataSource={dataSource} childrenColumnName="children"
+                    columns={columns}
+                    rowSelection={rowSelection}
+                    pagination={pagination}
+                    loading={loading}
+                    indentSize={indentSize}
+                />
+        )
+    }
+}

pc4mobx/organization/components/company/CompanyExtend.js

@@ -1,3 +1,10 @@
+/**
+ * @Author: 程亮
+ * @Date: 2022-05-18 14:52:39
+ * @LastEditTime: 2022-05-26 17:11:02
+ * @Description: 
+ * @FilePath: /trunk/src4js/pc4mobx/organization/components/company/CompanyExtend.js
+ */
 import { Button, Modal, message, Row, Col, Spin } from 'antd';
 import isEmpty from 'lodash/isEmpty'
 import cloneDeep from 'lodash/cloneDeep'
@@ -231,7 +238,7 @@ export default class CompanyExtend extends React.Component {
     //   )
     // }
 
-    // try {
+   try {
       return (
         <div className='hrm-my-cardInfo' style={{ height: '100%', position: 'relative' }}>
           <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
@@ -271,11 +278,11 @@ export default class CompanyExtend extends React.Component {
 
         </div>
       )
-    // } catch (e) {
-    //   return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
-    //     <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
-    //   </WeaAlertPage>
-    // }
+    } catch (e) {
+      return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
+        <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
+      </WeaAlertPage>
+    }
   }
 }
 

pc4mobx/organization/components/company/company.js

@@ -1,7 +1,7 @@
 /**
  * @Author: 程亮
  * @Date: 2022-05-18 16:23:32
- * @LastEditTime: 2022-05-23 16:55:22
+ * @LastEditTime: 2022-05-26 09:12:59
  * @Description: 
  * @FilePath: /trunk/src4js/pc4mobx/organization/components/company/company.js
  */
@@ -39,6 +39,7 @@ import '../../style/common.less';
 
 import NewTableDialog from '../NewTableDialog';
 import NewAndEditDialog from '../NewAndEditDialog';
+import NewWeaTable from '../NewWeaTable';
 import { renderLoading } from '../../util'; // 从util文件引入公共的方法
 
 
@@ -133,8 +134,8 @@ export default class Company extends React.Component {
 
         company.setNeDialogTitle(i18n.label.companyName());
         company.setVisible(true);
+        company.setDialogLoadingStatus(true);
         company.getDeptTable(id);
-        company.setDialogLoadingStatus(false);
     }
 
     batchDelete() {
@@ -285,7 +286,7 @@ export default class Company extends React.Component {
         } = company;
 
         const btn = [
-            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { company.getTableInfo(); company.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { company.setCurrent(1); company.setPageSize(10);company.getTableInfo(); company.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
             (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} onClick={() => form.reset()}>{i18n.button.reset()}</Button>),
             (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => company.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
         ];
@@ -359,10 +360,9 @@ export default class Company extends React.Component {
         const {
             isPanelShow, companyName, conditionNum, visible, condition, form,
             tableStore, dataSource, columns, loading, date, nEdialogTitle, dialogLoading,
-            form1, isEdit, newVisible, deptDataSource, deptColumns, selectedRowKeys, total
+            form1, isEdit, newVisible, deptDataSource, deptColumns, selectedRowKeys, total,current,pageSize,init
         } = company;
 
-
         const rowSelection = {
             onChange(selectedRowKeys, selectedRows) {
                 company.setSelectedRowKeys(selectedRowKeys);
@@ -370,16 +370,18 @@ export default class Company extends React.Component {
         };
 
         const pagination = {
+            current:current,
+            pageSize:pageSize,
             total: total,
             showSizeChanger: true,
             showQuickJumper: true,
             onShowSizeChange(current, pageSize) {
-                //   company.setCurrent(current);
-                //   company.setPageSize(pageSize);
             },
             onChange(current) {
-                //company.setCurrent(current);
             },
+            showTotal(total){
+                return `共 ${total} 条`
+            }
         };
 
 
@@ -409,14 +411,19 @@ export default class Company extends React.Component {
                             advanceHeight={Math.ceil(conditionNum / 2) * 52 + 20}
                             hasMask={false}
                             buttonsAd={this.getTabBtn()}
-                            onSearch={() => company.getTableInfo()}
+                            onSearch={() => {
+                                company.setCurrent(1);
+                                company.setPageSize(10);
+                                company.getTableInfo()
+                            }}
                             onSearchChange={val => this.onSearchChange(val)}
                         />
                         {
-                            loading ? <div className='hrm-loading-center-small'>
-                                <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4ygl4a`} spinning={loading}></Spin>
+                            init ? <div className='hrm-new-weatable-spin'>
+                                <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4ygl4a`} spinning={init}></Spin>
                             </div> :
-                                <WeaTable rowKey={record => record.id}
+                                <WeaTable rowKey={record => record.id} ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@pgmg3x`}
+                                    loading={loading}
                                     dataSource={dataSource} childrenColumnName="children"
                                     columns={this.reRenderColumns(columns)}
                                     rowSelection={rowSelection}
@@ -428,6 +435,14 @@ export default class Company extends React.Component {
                                     }}
                                     indentSize={15}
                                 />
+                            // <NewWeaTable ecId={`${this && this.props && this.props.ecId || ''}_NewWeaTable@q4rrwm`}
+                            //     dataSource={dataSource}
+                            //     columns={this.reRenderColumns(columns)}
+                            //     rowSelection={rowSelection}
+                            //     pagination={pagination}
+                            //     loading={loading}
+                            //     indentSize={15}
+                            // />  
                         }
 
                     </WeaTop>

pc4mobx/organization/components/job/Job.js

@@ -0,0 +1,531 @@
+/**
+ * @Author: 程亮
+ * @Date: 2022-05-26 14:05:59
+ * @LastEditTime: 2022-05-26 16:42:44
+ * @Description: 
+ * @FilePath: /trunk/src4js/pc4mobx/organization/components/job/job.js
+ */
+import React from 'react'
+import * as mobx from 'mobx'
+import {
+    inject,
+    observer,
+} from 'mobx-react'
+import {
+    WeaTop,
+    WeaTab,
+    WeaFormItem,
+    WeaRightMenu,
+    WeaTable,
+    WeaLeftRightLayout,
+} from 'ecCom'
+import {
+    Row,
+    Col,
+    Spin,
+    Modal,
+    Button,
+    message,
+    Switch
+} from 'antd'
+import {
+    WeaSwitch,
+    WeaTableNew
+} from 'comsMobx'
+import {
+    i18n
+} from '../../public/i18n';
+
+import '../../style/common.less';
+
+import NewTableDialog from '../NewTableDialog';
+import NewAndEditDialog from '../NewAndEditDialog';
+import NewWeaTable from '../NewWeaTable';
+import { renderLoading } from '../../util'; // 从util文件引入公共的方法
+
+
+
+const toJS = mobx.toJS;
+const confirm = Modal.confirm;
+//const WeaTable = WeaTableNew.WeaTable
+
+
+@inject('job')
+@observer
+export default class Job extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    componentWillMount() {
+    }
+
+    componentDidMount() {
+        this.init();
+    }
+
+    componentWillReceiveProps(nextProps) {
+        const {
+            job
+        } = this.props;
+
+        if (this.props.location.key !== nextProps.location.key) {
+            this.init();
+        }
+    }
+
+    init() {
+        const {
+            job
+        } = this.props;
+        job.getTableInfo();
+        job.getHasRight();
+    }
+
+    getTopMenuBtns() {
+        const {
+            job
+        } = this.props;
+        const {
+            topMenu,
+            selectedRowKeys
+        } = job;
+
+        let btns = [];
+        topMenu.map((item, i) => {
+            if (item.menuFun !== 'batchDelete') {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)}>{item.menuName}</Button>);
+            } else {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)} disabled={selectedRowKeys.length > 0 ? false : true} >{item.menuName}</Button>);
+            }
+
+        });
+
+        return btns;
+    }
+
+    handleClick(item) {
+        const {
+            job
+        } = this.props;
+        const {
+            isPanelShow
+        } = job;
+
+        isPanelShow && job.setPanelStatus(false);
+        this[item.menuFun] && this[item.menuFun]();
+    }
+
+    new() {
+        const {
+            job
+        } = this.props;
+
+        job.setNeDialogTitle(i18n.label.jobName());
+        job.setNewVisible(true);
+        job.getCompanyForm();
+
+    }
+
+    //联查部门
+    select(id) {
+        const {
+            job
+        } = this.props;
+
+        job.setNeDialogTitle(i18n.label.jobName());
+        job.setVisible(true);
+        job.setDialogLoadingStatus(true);
+        job.getDeptTable(id);
+    }
+
+    batchDelete() {
+        const {
+            job
+        } = this.props;
+        const {
+            selectedRowKeys
+        } = job;
+        let keys = toJS(selectedRowKeys).toString();
+        job.setIds(keys);
+        this.showConfirm('batchDel');
+    }
+    showConfirm(v) {
+        let _this = this;
+        confirm({
+            title: i18n.confirm.defaultTitle(),
+            content: (v == 'del') ? i18n.confirm.delete() : i18n.confirm.batchDeleteConfirm(),
+            okText: i18n.button.ok(),
+            cancelText: i18n.button.cancel(),
+            onOk() {
+                _this.onOk();
+            },
+            onCancel() {
+                return false;
+            },
+        });
+    }
+    onOk() {
+        const {
+            job
+        } = this.props;
+        job.delete();
+    }
+
+
+    getDropMenuDatas() {
+        const {
+            job
+        } = this.props;
+        const {
+            rightMenu
+        } = job;
+
+        let menus = [];
+        toJS(rightMenu).map((item, index) => {
+            let obj = {
+                key: item.menuFun,
+                icon: <i className={`${item.menuIcon}`} />,
+                content: item.menuName,
+            }
+            if (item.menuFun == 'collection' || item.menuFun == 'help' || item.menuFun == 'pageAddress') {
+                obj.disabled = true;
+            }
+            menus.push(obj);
+        })
+        return menus;
+    }
+
+    handleMenuClick(key) {
+        const {
+            job
+        } = this.props;
+        const {
+            isPanelShow
+        } = job;
+
+        isPanelShow && job.setPanelStatus(false);
+        this[key] && this[key]();
+    }
+
+
+
+    onSearchChange(val) {
+        const {
+            job
+        } = this.props;
+        const {
+            form
+        } = job;
+
+        job.setCompanyName(val);
+        !this.isEmptyObject(form.getFormParams()) && job.updateFields(val);
+    }
+
+
+    reRenderColumns(columns) {
+        const {
+            job
+        } = this.props;
+        let _this = this;
+        columns.forEach((c, index) => {
+            if (c.dataIndex == 'forbiddenTag') {
+                c.render = function (text, record) {
+                    return <Switch defaultChecked={record.forbiddenTag == "0" ? true : false} onChange={checked => _this.updateForbiddenTag(checked, record.id)} />
+                }
+            };
+            if (c.dataIndex == 'compName') {
+                c.render = function (text, record) {
+                    return <a onClick={() => {
+                        window.open(`/spa/organization/static/index.html#/main/organization/companyExtend/${record.id}`, "_blank")
+                    }}>{text}</a>
+                }
+            }
+            if (c.dataIndex == 'operate') {
+                c.render = function (text, record) {
+                    return <span>
+                        <a onClick={() => { _this.doDel(record.id) }}>删除</a>
+                        <span className="ant-divider"></span>
+                        <a onClick={() => { _this.select(record.id) }}>联查部门</a>
+                    </span>
+                }
+            }
+
+        })
+        return columns;
+    }
+
+    updateForbiddenTag(checked, id) {
+        const {
+            job
+        } = this.props;
+        job.updateForbiddenTag(checked, id);
+    }
+
+    doDel(id) {
+        const {
+            job
+        } = this.props;
+        job.setIds(id);
+        this.showConfirm('del');
+    }
+
+
+    handleSave() {
+        const {
+            job
+        } = this.props;
+        job.save();
+    }
+
+    getTabBtn() {
+        const {
+            job
+        } = this.props;
+        const {
+            form
+        } = job;
+
+        const btn = [
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { job.setCurrent(1); job.setPageSize(10); job.getTableInfo(); job.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} onClick={() => form.reset()}>{i18n.button.reset()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => job.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
+        ];
+
+        return btn;
+    }
+
+    getPanelComponents() {
+        const {
+            job
+        } = this.props;
+        const {
+            searchCondition,
+            form,
+            searchConditionLoading
+        } = job;
+
+        let arr = [];
+        let formParams = form.getFormParams();
+        const {
+            isFormInit
+        } = form;
+
+        isFormInit && searchCondition.map(c => {
+            c.items.map((field, index) => {
+                arr.push(<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@4cc308@${index}`} span={(index % 2 == 0) ? 10 : 11} offset={1}>
+                    <div style={{ marginTop: 20 }}>
+                        <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@u6ex85@${index}`}
+                            label={`${field.label}`}
+                            labelCol={{ span: `${field.labelcol}` }}
+                            wrapperCol={{ span: `${field.fieldcol}` }}>
+                            {<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@p7d3td@${index}`} fieldConfig={field} form={form} formParams={formParams} />}
+                        </WeaFormItem>
+                    </div>
+                </Col>)
+            })
+        })
+
+        if (searchConditionLoading) {
+            return (
+                <div className='hrm-loading-center-small' style={{ top: '25%' }}>
+                    <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@lbktzb`} spinning={searchConditionLoading}></Spin>
+                </div>
+            )
+        } else {
+            return <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ppeb6z`} onKeyDown={(e) => {
+                if (e.keyCode == 13 && e.target.tagName === "INPUT") {
+                    job.getTableInfo();
+                    job.setPanelStatus(false)
+                }
+            }}>{arr}</Row>
+        }
+
+    }
+
+    //非空判断
+    isEmptyObject(obj) {
+        for (let key in obj) {
+            return false;
+        }
+        return true;
+    }
+
+    //左侧树
+    getTree = () => {
+        // const {
+        //   hrmAddressBook
+        // } = this.props;
+        // const {
+        //   companysId,
+        //   hrmAddressBookPlus: plusStore
+        // } = hrmAddressBook, {
+        //   leftTabDatas,
+        //   leftTab,
+        //   ORGTREE,
+        // } = plusStore;
+    
+        // Object.assign(ORGTREE,{
+        //   expandAllChildrenOnSearch:true
+        // });
+    
+        // let tree;
+        // if (leftTab.selectedKey === '0') {
+        //   tree = (
+        //     <WeaOrgTree ecId={`${this && this.props && this.props.ecId || ''}_WeaOrgTree@dhi1ro`}
+        //       ref='WeaOrgTree' 
+        //       loading
+        //       needSearch
+        //       noCache={true}
+        //       needDropMenu={true}
+        //       onSelect={this.selectVirtual}
+        //       isLoadSubDepartment={true}
+        //       topPrefix={'hrmSearch'}
+        //       companysId={companysId}
+        //       inputLeftDom = {`<b>${i18n.label.organization()}</b`}
+        //       treeNodeClick={this.treeNodeClick}
+        //       expandAllChildrenOnSearch={true}
+        //   />
+        //   )
+        // } else {
+        //   tree = <OrgTree ecId={`${this && this.props && this.props.ecId || ''}_OrgTree@xphsyb`} ORGTREE={ORGTREE}/>;
+        // }
+        // const leftCom = (
+        //   <div style={{height:'100%'}} className='leftCom'>
+        //     <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@80rg76`} {...leftTabDatas} {...leftTab}/>
+        //     <div className='orgTree'>
+        //       {
+        //         tree
+        //       }
+        //     </div>
+        //   </div>
+        // )
+        return <div></div>;
+      }
+
+
+
+    render() {
+
+        const {
+            job
+        } = this.props;
+        const {
+            isPanelShow, jobName, conditionNum, visible, condition, form,
+            tableStore, dataSource, columns, loading, date, nEdialogTitle, dialogLoading,
+            form1, isEdit, newVisible, deptDataSource, deptColumns, selectedRowKeys, total, current, pageSize, init,
+            defaultShowLeft
+        } = job;
+
+        const rowSelection = {
+            onChange(selectedRowKeys, selectedRows) {
+                job.setSelectedRowKeys(selectedRowKeys);
+            },
+        };
+
+        const pagination = {
+            current: current,
+            pageSize: pageSize,
+            total: total,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            onShowSizeChange(current, pageSize) {
+            },
+            onChange(current) {
+            },
+            showTotal(total) {
+                return `共 ${total} 条`
+            }
+        };
+
+
+        return (
+            <div ref='page' style={{ height: '100%' }}>
+                <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
+                    datas={this.getDropMenuDatas()}
+                    onClick={key => this.handleMenuClick(key)}
+                >
+                    <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
+                        title={i18n.label.jobName()}
+                        icon={<i className='icon-coms-hrm' />}
+                        iconBgcolor='#217346'
+                        loading={true}
+                        buttons={this.getTopMenuBtns()}
+                        showDropIcon={true}
+                        dropMenuDatas={this.getDropMenuDatas()}
+                        onDropMenuClick={(e) => this.handleMenuClick(e)}
+                    >
+                        <WeaLeftRightLayout ecId={`${this && this.props && this.props.ecId || ''}_WeaLeftRightLayout@7muhhb`} isNew={true} showLeft={defaultShowLeft} leftCom={this.getTree()}>
+                            <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
+                                searchType={['base', 'advanced']}
+                                showSearchAd={isPanelShow}
+                                searchsBaseValue={this.isEmptyObject(form.getFormParams()) ? jobName : form.getFormParams().jobName}
+                                setShowSearchAd={bool => job.setPanelStatus(bool)}
+                                hideSearchAd={() => job.setPanelStatus(false)}
+                                searchsAd={isPanelShow ? this.getPanelComponents() : <div></div>}
+                                advanceHeight={Math.ceil(conditionNum / 2) * 52 + 20}
+                                hasMask={false}
+                                buttonsAd={this.getTabBtn()}
+                                onSearch={() => {
+                                    job.setCurrent(1);
+                                    job.setPageSize(10);
+                                    job.getTableInfo()
+                                }}
+                                onSearchChange={val => this.onSearchChange(val)}
+                            />
+                            {
+                                init ? <div className='hrm-new-weatable-spin'>
+                                    <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4ygl4a`} spinning={init}></Spin>
+                                </div> :
+                                    <WeaTable rowKey={record => record.id} ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@pgmg3x`}
+                                        loading={loading}
+                                        dataSource={dataSource} childrenColumnName="children"
+                                        columns={this.reRenderColumns(columns)}
+                                        rowSelection={rowSelection}
+                                        pagination={pagination}
+                                        onChange={(pagination, filters, sorter) => {
+                                            job.setCurrent(pagination.current);
+                                            job.setPageSize(pagination.pageSize);
+                                            job.getTableInfo();
+                                        }}
+                                        indentSize={15}
+                                    />
+                                // <NewWeaTable ecId={`${this && this.props && this.props.ecId || ''}_NewWeaTable@q4rrwm`}
+                                //     dataSource={dataSource}
+                                //     columns={this.reRenderColumns(columns)}
+                                //     rowSelection={rowSelection}
+                                //     pagination={pagination}
+                                //     loading={loading}
+                                //     indentSize={15}
+                                // />  
+                            }
+                        </WeaLeftRightLayout>
+                    </WeaTop>
+                </WeaRightMenu>
+                <NewTableDialog ecId={`${this && this.props && this.props.ecId || ''}_NewTableDialog@q4rrwm`}
+                    title={nEdialogTitle}
+                    visible={visible}
+                    loading={dialogLoading}
+                    height={400}
+                    dataSource={deptDataSource} //联查部门数据
+                    columns={deptColumns}
+                    onCancel={() => job.setVisible(false)}
+                />
+                <NewAndEditDialog ecId={`${this && this.props && this.props.ecId || ''}_NewAndEditDialog@q4rrwm`}
+                    title={nEdialogTitle}
+                    visible={newVisible}
+                    condition={toJS(condition)}
+                    form={form1}
+                    isFormInit={form1.isFormInit}
+                    loading={dialogLoading}
+                    isEdit={isEdit}
+                    height={300}
+                    conditionLen={4}
+                    save={() => this.handleSave()}
+                    onCancel={() => job.setNewVisible(false)}
+                    enable={false} //是否开启字段联动
+                />
+            </div>
+        )
+    }
+}

pc4mobx/organization/components/office/officeManage.js

@@ -58,7 +58,7 @@ export default class OfficeManage extends Component {
 
   handleMenuClick = (key) => {
     const { officeManageStore } = this.props;
-    const { isPanelShow } = officeManageStore;
+    const { isPanelShow,tableStore} = officeManageStore;
     isPanelShow && officeManageStore.setPanelStatus(false);
     switch (key) {
       case "new":
@@ -66,6 +66,10 @@ export default class OfficeManage extends Component {
         officeManageStore.setVisible(true);
         officeManageStore.setNeDialogTitle(i18n.label.newOfficeName());
         break;
+      case "custom":
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+        break;
       default:
         break;
     }
@@ -239,6 +243,17 @@ export default class OfficeManage extends Component {
     officeManageStore.setNeDialogTitle(i18n.label.editOfficeName());
   };
 
+  custom = () => {
+    debugger
+    const {
+      officeManageStore
+    } = this.props, {
+        tableStore,
+    } = officeManageStore;
+
+    
+}
+
   getPanelComponents = () => {
     const { officeManageStore } = this.props;
     const { searchCondition, form2, searchConditionLoading } =

pc4mobx/organization/components/postionrank/JobGrade.js

@@ -116,6 +116,19 @@ export default class JobGrade extends React.Component {
         jobGrade.getForm();
     }
 
+    
+    custom = () => {
+        const {
+            jobGrade
+        } = this.props, {
+            tableStore,
+        } = jobGrade;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+    }
+
+
     batchDelete() {
         const {
             jobGrade

pc4mobx/organization/components/postionrank/JobLevel.js

@@ -245,7 +245,17 @@ export default class JobLevel extends React.Component {
         } = operate;
         (index == '0') && this.doEdit(record.randomFieldId);
         (index == '1') && this.doDel(record.randomFieldId);
+    }
 
+    custom = () => {
+        const {
+            jobLevel
+        } = this.props, {
+            tableStore,
+        } = jobLevel;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
     }
 
     doEdit(id) {

pc4mobx/organization/components/postionrank/RankScheme.js

@@ -202,6 +202,17 @@ export default class RankScheme extends React.Component {
         return btn;
     }
 
+    custom = () => {
+        const {
+            rankScheme
+        } = this.props, {
+            tableStore,
+        } = rankScheme;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+    }
+
     onSearchChange(val) {
         const {
             rankScheme

pc4mobx/organization/components/sequence/Sequence.js

@@ -232,6 +232,17 @@ export default class Sequence extends React.Component {
         })
     }
 
+    custom = () => {
+        const {
+            sequence
+        } = this.props, {
+            tableStore,
+        } = sequence;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+    }
+
     updateForbiddenTag(checked,id) {
         const {
             sequence

pc4mobx/organization/components/staff/Staff.js

@@ -0,0 +1,414 @@
+import React from 'react'
+import * as mobx from 'mobx'
+import {
+    inject,
+    observer
+} from 'mobx-react'
+import {
+    WeaTop,
+    WeaTab,
+    WeaFormItem,
+    WeaRightMenu,
+} from 'ecCom'
+import {
+    Row,
+    Col,
+    Spin,
+    Modal,
+    Button,
+    message,
+    Switch
+} from 'antd'
+import {
+    WeaSwitch,
+    WeaTableNew
+} from 'comsMobx'
+import {
+    i18n
+} from '../../public/i18n';
+
+import '../../style/common.less';
+
+import NewAndEditDialog from '../NewAndEditDialog';
+
+
+
+const toJS = mobx.toJS;
+const confirm = Modal.confirm;
+const WeaTable = WeaTableNew.WeaTable;
+
+
+@inject('staff')
+@observer
+export default class Staff extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    componentWillMount() {
+    }
+
+    componentDidMount() {
+        this.init();
+    }
+
+    componentWillReceiveProps(nextProps) {
+        const {
+            staff
+        } = this.props;
+
+        if (this.props.location.key !== nextProps.location.key) {
+            this.init();
+        }
+    }
+
+    init() {
+        const {
+            staff
+        } = this.props;
+        staff.getTableInfo();
+        staff.getHasRight();
+    }
+
+    getTopMenuBtns() {
+        const {
+            staff
+        } = this.props;
+        const {
+            topMenu,
+            tableStore
+        } = staff;
+
+        let btns = [];
+        topMenu.map((item, i) => {
+            if (item.menuFun !== 'batchDelete') {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)}>{item.menuName}</Button>);
+            } else {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)} disabled={tableStore.selectedRowKeys.length > 0 ? false : true} >{item.menuName}</Button>);
+            }
+
+        });
+
+        return btns;
+    }
+
+    handleClick(item) {
+        const {
+            staff
+        } = this.props;
+        const {
+            isPanelShow
+        } = staff;
+
+        isPanelShow && staff.setPanelStatus(false);
+        this[item.menuFun] && this[item.menuFun]();
+    }
+
+    new() {
+        const {
+            staff
+        } = this.props;
+
+        staff.setNeDialogTitle(i18n.label.newStaff());
+        staff.setIsNew(true);
+        staff.setVisible(true);
+        staff.getForm();
+    }
+
+    batchDelete() {
+        const {
+            staff
+        } = this.props;
+        const {
+            tableStore
+        } = staff;
+
+        let keys = toJS(tableStore.selectedRowKeys).toString();
+        staff.setIds(keys);
+        this.showConfirm('batchDel');
+    }
+    showConfirm(v) {
+        let _this = this;
+        confirm({
+            title: i18n.confirm.defaultTitle(),
+            content: (v == 'del') ? i18n.confirm.delete() : i18n.confirm.batchDeleteConfirm(),
+            okText: i18n.button.ok(),
+            cancelText: i18n.button.cancel(),
+            onOk() {
+                _this.onOk();
+            },
+            onCancel() {
+                return false;
+            },
+        });
+    }
+    onOk() {
+        const {
+            staff
+        } = this.props;
+        staff.delete();
+    }
+
+
+    getDropMenuDatas() {
+        const {
+            staff
+        } = this.props;
+        const {
+            rightMenu
+        } = staff;
+
+        let menus = [];
+        toJS(rightMenu).map((item, index) => {
+            let obj = {
+                key: item.menuFun,
+                icon: <i className={`${item.menuIcon}`} />,
+                content: item.menuName,
+            }
+            if (item.menuFun == 'collection' || item.menuFun == 'help' || item.menuFun == 'pageAddress') {
+                obj.disabled = true;
+            }
+            menus.push(obj);
+        })
+        return menus;
+    }
+
+    handleMenuClick(key) {
+        const {
+            staff
+        } = this.props;
+        const {
+            isPanelShow
+        } = staff;
+
+        isPanelShow && staff.setPanelStatus(false);
+        this[key] && this[key]();
+    }
+
+    getTabBtn() {
+        const {
+            staff
+        } = this.props;
+        const {
+            form2
+        } = staff;
+
+        const btn = [
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { staff.getTableInfo(); staff.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} onClick={() => form2.reset()}>{i18n.button.reset()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => staff.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
+        ];
+
+        return btn;
+    }
+
+    onSearchChange(val) {
+        const {
+            staff
+        } = this.props;
+        const {
+            form2
+        } = staff;
+
+        staff.setSchemeName(val);
+        !this.isEmptyObject(form2.getFormParams()) && staff.updateFields(val);
+    }
+
+    reRenderColumns(columns) {
+        let _this = this;
+        columns.forEach((c, index) => {
+            // if (c.dataIndex == 'forbidden_tag') {
+            //     c.render = function(text, record) {
+            //         return <Switch defaultChecked={record.forbidden_tag == "0" ? true : false} onChange={checked => _this.updateForbiddenTag(checked,record.id)} />
+            //     }
+            // };
+        })
+    }
+
+    updateForbiddenTag(checked,id) {
+        const {
+            staff
+        } = this.props;
+        staff.updateForbiddenTag(checked,id);
+    }
+
+    onOperatesClick(record, rowIndex, operate) {
+        const {
+            index
+        } = operate;
+        (index == '0') && this.doEdit(record.randomFieldId);
+        (index == '1') && this.doDel(record.randomFieldId);
+
+    }
+
+    doEdit(id) {
+        const {
+            staff
+        } = this.props;
+        
+        staff.setNeDialogTitle(i18n.label.editStaff());
+        staff.setSchemeId(id);
+        staff.setIsNew(false);
+        staff.setVisible(true);
+        staff.getForm();
+    }
+
+
+    custom = () => {
+        const {
+            staff
+        } = this.props, {
+            tableStore,
+        } = staff;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+    }
+
+
+    doDel(id) {
+        const {
+            staff
+        } = this.props;
+        staff.setIds(id);
+        this.showConfirm('del');
+    }
+
+
+    handleSave() {
+        const {
+            staff
+        } = this.props;
+        const {
+            isNew
+        } = staff;
+
+        isNew && staff.save();
+        !isNew && staff.edit();
+    }
+
+    getPanelComponents() {
+        const {
+            staff
+        } = this.props;
+        const {
+            searchCondition,
+            form2,
+            searchConditionLoading
+        } = staff;
+
+        let arr = [];
+        let formParams = form2.getFormParams();
+        const {
+            isFormInit
+        } = form2;
+
+        isFormInit && searchCondition.map(c => {
+            c.items.map((field, index) => {
+                arr.push(<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@4cc308@${index}`} span={(index%2 == 0) ? 10 : 11} offset={1}>
+                              <div style={{marginTop: 20}}>
+                                  <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@u6ex85@${index}`}
+                                      label={`${field.label}`}
+                                      labelCol={{span: `${field.labelcol}`}}
+                                      wrapperCol={{span: `${field.fieldcol}`}}>
+                                          {<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@p7d3td@${index}`} fieldConfig={field} form={form2} formParams={formParams} />}
+                                  </WeaFormItem>
+                              </div>
+                  	     </Col>)
+            })
+        })
+
+        if (searchConditionLoading) {
+            return (
+                <div className='hrm-loading-center-small' style={{top:'25%'}}>
+                    <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@lbktzb`} spinning={searchConditionLoading}></Spin>
+                </div>
+            )
+        } else {
+            return <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ppeb6z`} onKeyDown={(e) => {
+                if ( e.keyCode == 13 && e.target.tagName === "INPUT") {
+                    staff.getTableInfo(); 
+                    staff.setPanelStatus(false)
+                }
+            }}>{arr}</Row>
+        }
+
+    }
+
+    //非空判断
+    isEmptyObject(obj) {
+        for (let key in obj) {
+            return false;
+        }
+        return true;
+    }
+
+
+
+
+    render() {
+
+        const {
+            staff
+        } = this.props;
+        const {
+            isPanelShow, form2, staffName, conditionNum, tableStore,nEdialogTitle,visible,condition,
+            form,dialogLoading,isEdit,date
+        } = staff;
+
+        return (
+            <div ref='page' style={{ height: '100%' }}>
+                <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
+                    datas={this.getDropMenuDatas()}
+                    onClick={key => this.handleMenuClick(key)}
+                >
+                    <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
+                        title={i18n.label.staffName()}
+                        icon={<i className='icon-coms-hrm' />}
+                        iconBgcolor='#217346'
+                        loading={true}
+                        buttons={this.getTopMenuBtns()}
+                        showDropIcon={true}
+                        dropMenuDatas={this.getDropMenuDatas()}
+                        onDropMenuClick={(e) => this.handleMenuClick(e)}
+                    >
+                        <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
+                            searchType={['base', 'advanced']}
+                            showSearchAd={isPanelShow}
+                            searchsBaseValue={this.isEmptyObject(form2.getFormParams()) ? staffName : form2.getFormParams().staffName}
+                            setShowSearchAd={bool => staff.setPanelStatus(bool)}
+                            hideSearchAd={() => staff.setPanelStatus(false)}
+                            searchsAd= {isPanelShow ? this.getPanelComponents() : <div></div>}
+                            advanceHeight={Math.ceil(conditionNum / 2) * 52 + 20}
+                            hasMask={false}
+                            buttonsAd={this.getTabBtn()}
+                            onSearch={() => staff.getTableInfo()}
+                            onSearchChange={val => this.onSearchChange(val)}
+                        />
+                        <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@pgmg3x`}
+                            comsWeaTableStore={tableStore}
+                            hasOrder={true}
+                            needScroll={true}
+                            getColumns={c => this.reRenderColumns(c)}
+                            onOperatesClick={(record, index, operate) => this.onOperatesClick(record, index, operate)}
+                        />
+                    </WeaTop>
+                </WeaRightMenu>
+                <NewAndEditDialog ecId={`${this && this.props && this.props.ecId || ''}_NewAndEditDialog@q4rrwm`} 
+                    title={nEdialogTitle}
+                    visible={visible}
+                    condition={toJS(condition)}
+                    form={form}
+                    isFormInit={form.isFormInit}
+                    loading={dialogLoading}
+                    isEdit={isEdit}
+                    height={250}
+                    conditionLen={3}
+                    save={() => this.handleSave()}
+                    onCancel={() => staff.setVisible(false)}
+                    enable={false} //是否开启字段联动
+                />
+            </div>
+        )
+    }
+}

pc4mobx/organization/components/staff/StaffScheme.js

@@ -0,0 +1,422 @@
+import React from 'react'
+import * as mobx from 'mobx'
+import {
+    inject,
+    observer
+} from 'mobx-react'
+import {
+    WeaTop,
+    WeaTab,
+    WeaFormItem,
+    WeaRightMenu,
+} from 'ecCom'
+import {
+    Row,
+    Col,
+    Spin,
+    Modal,
+    Button,
+    message,
+    Switch
+} from 'antd'
+import {
+    WeaSwitch,
+    WeaTableNew
+} from 'comsMobx'
+import {
+    i18n
+} from '../../public/i18n';
+
+import '../../style/common.less';
+
+import NewAndEditDialog from '../NewAndEditDialog';
+
+
+
+const toJS = mobx.toJS;
+const confirm = Modal.confirm;
+const WeaTable = WeaTableNew.WeaTable;
+
+
+@inject('staffScheme')
+@observer
+export default class StaffScheme extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    componentWillMount() {
+    }
+
+    componentDidMount() {
+        this.init();
+    }
+
+    componentWillReceiveProps(nextProps) {
+        const {
+            staffScheme
+        } = this.props;
+
+        if (this.props.location.key !== nextProps.location.key) {
+            this.init();
+        }
+    }
+
+    init() {
+        const {
+            staffScheme
+        } = this.props;
+        staffScheme.getTableInfo();
+        staffScheme.getHasRight();
+    }
+
+    getTopMenuBtns() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            topMenu,
+            tableStore
+        } = staffScheme;
+
+        let btns = [];
+        topMenu.map((item, i) => {
+            if (item.menuFun !== 'batchDelete') {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)}>{item.menuName}</Button>);
+            } else {
+                btns.push(<Button type='primary' onClick={() => this.handleClick(item)} disabled={tableStore.selectedRowKeys.length > 0 ? false : true} >{item.menuName}</Button>);
+            }
+
+        });
+
+        return btns;
+    }
+
+    handleClick(item) {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            isPanelShow
+        } = staffScheme;
+
+        isPanelShow && staffScheme.setPanelStatus(false);
+        this[item.menuFun] && this[item.menuFun]();
+    }
+
+    new() {
+        const {
+            staffScheme
+        } = this.props;
+
+        staffScheme.setNeDialogTitle(i18n.label.newStaffScheme());
+        staffScheme.setIsNew(true);
+        staffScheme.setVisible(true);
+        staffScheme.getForm();
+    }
+
+    batchDelete() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            tableStore
+        } = staffScheme;
+
+        let keys = toJS(tableStore.selectedRowKeys).toString();
+        staffScheme.setIds(keys);
+        this.showConfirm('batchDel');
+    }
+    showConfirm(v) {
+        let _this = this;
+        confirm({
+            title: i18n.confirm.defaultTitle(),
+            content: (v == 'del') ? i18n.confirm.delete() : i18n.confirm.batchDeleteConfirm(),
+            okText: i18n.button.ok(),
+            cancelText: i18n.button.cancel(),
+            onOk() {
+                _this.onOk();
+            },
+            onCancel() {
+                return false;
+            },
+        });
+    }
+    onOk() {
+        const {
+            staffScheme
+        } = this.props;
+        staffScheme.delete();
+    }
+
+
+    getDropMenuDatas() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            rightMenu
+        } = staffScheme;
+
+        let menus = [];
+        toJS(rightMenu).map((item, index) => {
+            let obj = {
+                key: item.menuFun,
+                icon: <i className={`${item.menuIcon}`} />,
+                content: item.menuName,
+            }
+            if (item.menuFun == 'collection' || item.menuFun == 'help' || item.menuFun == 'pageAddress') {
+                obj.disabled = true;
+            }
+            menus.push(obj);
+        })
+        return menus;
+    }
+
+    handleMenuClick(key) {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            isPanelShow
+        } = staffScheme;
+
+        isPanelShow && staffScheme.setPanelStatus(false);
+        this[key] && this[key]();
+    }
+
+    getTabBtn() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            form2
+        } = staffScheme;
+
+        const btn = [
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { staffScheme.getTableInfo(); staffScheme.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} onClick={() => form2.reset()}>{i18n.button.reset()}</Button>),
+            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => staffScheme.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
+        ];
+
+        return btn;
+    }
+
+    onSearchChange(val) {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            form2
+        } = staffScheme;
+
+        staffScheme.setSchemeName(val);
+        !this.isEmptyObject(form2.getFormParams()) && staffScheme.updateFields(val);
+    }
+
+    reRenderColumns(columns) {
+        let _this = this;
+        columns.forEach((c, index) => {
+            if (c.dataIndex == 'forbidden_tag') {
+                c.render = function(text, record) {
+                    return <Switch defaultChecked={record.forbidden_tag == "0" ? true : false} onChange={checked => _this.updateForbiddenTag(checked,record.id)} />
+                }
+            };
+        })
+    }
+
+    updateForbiddenTag(checked,id) {
+        const {
+            staffScheme
+        } = this.props;
+        staffScheme.updateForbiddenTag(checked,id);
+    }
+
+    onOperatesClick(record, rowIndex, operate) {
+        const {
+            index
+        } = operate;
+        (index == '0') && this.doEdit(record.randomFieldId);
+        (index == '1') && this.doDel(record.randomFieldId);
+
+    }
+
+    doEdit(id) {
+        const {
+            staffScheme
+        } = this.props;
+        
+        staffScheme.setNeDialogTitle(i18n.label.ediStaffScheme());
+        staffScheme.setSchemeId(id);
+        staffScheme.setIsNew(false);
+        staffScheme.setVisible(true);
+        staffScheme.getForm();
+    }
+
+    log = () => {
+        window.setLogViewProps({
+            logSmallType: '3010',
+        });
+    }
+
+    
+    custom = () => {
+        const {
+            staffScheme
+        } = this.props, {
+            tableStore,
+        } = staffScheme;
+
+        tableStore.setColSetVisible(true);
+        tableStore.tableColSet(true);
+    }
+
+    
+
+
+    doDel(id) {
+        const {
+            staffScheme
+        } = this.props;
+        staffScheme.setIds(id);
+        this.showConfirm('del');
+    }
+
+
+    handleSave() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            isNew
+        } = staffScheme;
+
+        isNew && staffScheme.save();
+        !isNew && staffScheme.edit();
+    }
+
+    getPanelComponents() {
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            searchCondition,
+            form2,
+            searchConditionLoading
+        } = staffScheme;
+
+        let arr = [];
+        let formParams = form2.getFormParams();
+        const {
+            isFormInit
+        } = form2;
+
+        isFormInit && searchCondition.map(c => {
+            c.items.map((field, index) => {
+                arr.push(<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@4cc308@${index}`} span={(index%2 == 0) ? 10 : 11} offset={1}>
+                              <div style={{marginTop: 20}}>
+                                  <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@u6ex85@${index}`}
+                                      label={`${field.label}`}
+                                      labelCol={{span: `${field.labelcol}`}}
+                                      wrapperCol={{span: `${field.fieldcol}`}}>
+                                          {<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@p7d3td@${index}`} fieldConfig={field} form={form2} formParams={formParams} />}
+                                  </WeaFormItem>
+                              </div>
+                  	     </Col>)
+            })
+        })
+
+        if (searchConditionLoading) {
+            return (
+                <div className='hrm-loading-center-small' style={{top:'25%'}}>
+                    <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@lbktzb`} spinning={searchConditionLoading}></Spin>
+                </div>
+            )
+        } else {
+            return <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ppeb6z`} onKeyDown={(e) => {
+                if ( e.keyCode == 13 && e.target.tagName === "INPUT") {
+                    staffScheme.getTableInfo(); 
+                    staffScheme.setPanelStatus(false)
+                }
+            }}>{arr}</Row>
+        }
+
+    }
+
+    //非空判断
+    isEmptyObject(obj) {
+        for (let key in obj) {
+            return false;
+        }
+        return true;
+    }
+
+
+
+
+    render() {
+
+        const {
+            staffScheme
+        } = this.props;
+        const {
+            isPanelShow, form2, schemeName, conditionNum, tableStore,nEdialogTitle,visible,condition,
+            form,dialogLoading,isEdit,date
+        } = staffScheme;
+
+        return (
+            <div ref='page' style={{ height: '100%' }}>
+                <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
+                    datas={this.getDropMenuDatas()}
+                    onClick={key => this.handleMenuClick(key)}
+                >
+                    <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
+                        title={i18n.label.staffSchemeName()}
+                        icon={<i className='icon-coms-hrm' />}
+                        iconBgcolor='#217346'
+                        loading={true}
+                        buttons={this.getTopMenuBtns()}
+                        showDropIcon={true}
+                        dropMenuDatas={this.getDropMenuDatas()}
+                        onDropMenuClick={(e) => this.handleMenuClick(e)}
+                    >
+                        <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
+                            searchType={['base', 'advanced']}
+                            showSearchAd={isPanelShow}
+                            searchsBaseValue={this.isEmptyObject(form2.getFormParams()) ? schemeName : form2.getFormParams().schemeName}
+                            setShowSearchAd={bool => staffScheme.setPanelStatus(bool)}
+                            hideSearchAd={() => staffScheme.setPanelStatus(false)}
+                            searchsAd= {isPanelShow ? this.getPanelComponents() : <div></div>}
+                            advanceHeight={Math.ceil(conditionNum / 2) * 52 + 20}
+                            hasMask={false}
+                            buttonsAd={this.getTabBtn()}
+                            onSearch={() => staffScheme.getTableInfo()}
+                            onSearchChange={val => this.onSearchChange(val)}
+                        />
+                        <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@pgmg3x`}
+                            comsWeaTableStore={tableStore}
+                            hasOrder={true}
+                            needScroll={true}
+                            getColumns={c => this.reRenderColumns(c)}
+                            onOperatesClick={(record, index, operate) => this.onOperatesClick(record, index, operate)}
+                        />
+                    </WeaTop>
+                </WeaRightMenu>
+                <NewAndEditDialog ecId={`${this && this.props && this.props.ecId || ''}_NewAndEditDialog@q4rrwm`} 
+                    title={nEdialogTitle}
+                    visible={visible}
+                    condition={toJS(condition)}
+                    form={form}
+                    isFormInit={form.isFormInit}
+                    loading={dialogLoading}
+                    isEdit={isEdit}
+                    height={250}
+                    conditionLen={3}
+                    save={() => this.handleSave()}
+                    onCancel={() => staffScheme.setVisible(false)}
+                    enable={false} //是否开启字段联动
+                />
+            </div>
+        )
+    }
+}

pc4mobx/organization/index.js

@@ -2,11 +2,12 @@
  * Author: 黎永顺
  * Description:
  * Date: 2022-05-23 17:44:32
- * LastEditTime: 2022-05-23 17:46:13
+ * LastEditTime: 2022-05-30 09:29:18
  */
 import React from "react";
 import Route from "react-router/lib/Route";
 import { WeaLocaleProvider } from "ecCom";
+import Home from "./components/Home";
 import SimpleOrg from "./components/tree/index";
 import StandardOrg from "./components/tree/standard_org";
 import RankScheme from "./components/postionrank/RankScheme";
@@ -19,6 +20,10 @@ import CompanyExtend from "./components/company/CompanyExtend";
 import BranchNumSetting from "./components/branchNumSetting";
 import Company from "./components/company/company";
 import DepartmentManage from "./components/deptment";
+import StaffScheme from "./components/staff/StaffScheme";
+import Staff from "./components/staff/Staff";
+import Job from "./components/job/job";
+
 import stores from "./stores";
 import "./style/index";
 
@@ -33,7 +38,7 @@ getLocaleLabel = function (nextState, replace, callback) {
   callback();
 };
 
-const Home = (props) => props.children;
+//const Home = (props) => props.children;
 
 const Routes = (
   <Route
@@ -61,10 +66,70 @@ const Routes = (
       path="departmentManage"
       component={DepartmentManage}
     />
+
+    <Route key="staffscheme" path="staffscheme" component={StaffScheme} />
+    <Route key="staff" path="staff" component={Staff} />
+    <Route key="job" path="job" component={Job} />
   </Route>
 );
 
+const OutSignAppSettingProvider = (props) => (
+  <Provider
+    ecId={`${(this && this.props && this.props.ecId) || ""}_Provider@tqobex`}
+    outSignAppSetting={stores.outSignAppSetting}>
+    <OutSignAppSetting
+      ecId={`${
+        (this && this.props && this.props.ecId) || ""
+      }_OutSignAppSetting@cli4xv`}
+      {...props}
+    />
+  </Provider>
+);
+
+class NetworkStrategy extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      reRender: false,
+    };
+  }
+
+  componentDidMount() {
+    // 多语言加载之后，已经 mount 的组件，需要重新 render 一次，刷新多语言配置。
+    // getLocaleLabelByCode('hrm').then(() => this.setState({
+    //     reRender: true
+    // }));
+  }
+
+  render = () => (
+    <Provider
+      ecId={`${(this && this.props && this.props.ecId) || ""}_Provider@is207z`}
+      {...stores}>
+      <Home
+        ecId={`${(this && this.props && this.props.ecId) || ""}_Home@6rat5p`}>
+        <SecuritySetting
+          ecId={`${
+            (this && this.props && this.props.ecId) || ""
+          }_SecuritySetting@d7jz8e`}
+          single="1"
+          type="network"
+          {...this.props}
+        />
+      </Home>
+    </Provider>
+  );
+}
+
 module.exports = {
   Route: Routes,
   store: stores,
+  com: {
+    OutSignAppSettingProvider: OutSignAppSettingProvider,
+    NetworkStrategy,
+  },
 };
+
+// module.exports = {
+//   Route: Routes,
+//   store: stores,
+// };

pc4mobx/organization/public/i18n.js

@@ -132,6 +132,16 @@ export const i18n = {
 		companyName: () => getLabel(385937, '分部'),
 		departName: () => getLabel(386246, '部门管理'),
 
+		staffSchemeName: () => getLabel(385936, '编制方案'),
+		newStaffScheme: () => getLabel(386246, '新建编制方案'),
+		ediStaffScheme: () => getLabel(386247, '编辑编制方案'),
+		staffName: () => getLabel(385936, '编制上报'),
+		newStaff: () => getLabel(386246, '新建编制'),
+		editStaff: () => getLabel(386247, '编辑编制'),
+		jobName: () => getLabel(385936, '岗位'),
+		newJob: () => getLabel(386246, '新建岗位'),
+		editJob: () => getLabel(386247, '编辑岗位'),
+		
 		
 
 		authorizationGroup: () => getLabel(492, '权限组'),

pc4mobx/organization/stores/company.js

@@ -51,7 +51,8 @@ export class CompanyStore {
   @observable companyId = '';
   @observable selectedRowKeys = '';
   @observable date = '';
-  @observable total = 0;
+  @observable init = true; //是否首次加载
+  @observable total = '';
   @observable current = 1;
   @observable pageSize = 10;
 
@@ -69,7 +70,7 @@ export class CompanyStore {
       params = {
         ...params,
         ...this.form.getFormParams(),
-        compName: this.companyName,
+        compName: this.companyName
       };
     } else {
       params = {
@@ -81,10 +82,11 @@ export class CompanyStore {
       return response.json()
     }).then(res => {
       if (res.code === 200) {
-        res.data.pageInfo.list && this.setDataSource(res.data.pageInfo.list);
-        res.data.pageInfo.columns && this.setColumns(res.data.pageInfo.columns);
-        res.data.pageInfo.total && this.setTotal(res.data.pageInfo.total )
-        this.setLoading(false);
+          res.data.pageInfo.columns && this.setColumns(res.data.pageInfo.columns);
+          this.setTotal(res.data.pageInfo.total);
+          res.data.pageInfo.list && this.setDataSource(res.data.pageInfo.list);
+          this.setLoading(false);
+          this.setInit(false);
       } else {
         message.warning(res.msg);
       }
@@ -103,14 +105,13 @@ export class CompanyStore {
     let params = {
       parentComp:id
     }
-    this.setLoading(true);
     Api.getDeptListByPid(params).then(response => {
       return response.json()
     }).then(res => {
       if (res.code === 200) {
         res.data.list && this.setDeptDataSource(res.data.list);
         res.data.columns && this.setDeptColumns(res.data.columns);
-        this.setLoading(false);
+        this.setDialogLoadingStatus(false);
       } else {
         message.warning(res.msg);
       }
@@ -361,4 +362,8 @@ save() {
     this.pageSize = pageSize;
   }
 
+  setInit(bool) {
+    this.init = bool;
+  }
+
 }

pc4mobx/organization/stores/companyextend.js

@@ -123,7 +123,8 @@ export class CompanyExtendStore {
     this.setLoading(true);
     let params = {
       viewAttr: this.isEditor ? 2 : 1,
-      id: this.id
+      id: this.id,
+      viewCondition:this.selectedKey
     }
     Api.getCompanyExtendForm(params).then((res) => {
       if (res.code === 200) {
@@ -215,6 +216,7 @@ export class CompanyExtendStore {
 
   changeData(key) {
     this.setSelectedKey(key);
+    this.getData();
   }
 
   setId(id) {

pc4mobx/organization/stores/index.js

@@ -8,6 +8,9 @@ import { SequenceStore } from "./sequence";
 import { GroupStore } from "./group";
 import {CompanyExtendStore} from "./companyextend";
 import {CompanyStore} from "./company"
+import {StaffSchemeStore} from "./staffscheme";
+import {StaffStore} from "./staff";
+import {JobStore} from "./job"
 
 module.exports = {
   simpleOrgStore: new SimpleOrgStore(),
@@ -19,5 +22,8 @@ module.exports = {
   sequence: new SequenceStore(),
   group: new GroupStore(),
   companyExtend: new CompanyExtendStore(),
-  company: new CompanyStore()
+  company: new CompanyStore(),
+  staffScheme: new StaffSchemeStore(),
+  staff: new StaffStore(),
+  job: new JobStore()
 };

pc4mobx/organization/stores/job.js

@@ -0,0 +1,371 @@
+import {
+    observable,
+    action
+  } from 'mobx';
+  import * as mobx from 'mobx';
+  import * as Api from '../apis/job'; // 引入API接口文件
+  import {
+    WeaForm
+  } from 'comsMobx';
+  import {
+    WeaTableNew
+  } from 'comsMobx';
+  import {
+    Modal,
+    message,
+  } from 'antd'
+  import {
+    i18n
+  } from '../public/i18n';
+  
+  const toJS = mobx.toJS;
+  const {
+    TableStore
+  } = WeaTableNew;
+  
+  
+  export class JobStore {
+    @observable topMenu = []
+    @observable rightMenu = [];
+    @observable dataSource = [];
+    @observable columns = [];
+    @observable deptDataSource = [];
+    @observable deptColumns = [];
+    @observable tableStore = new TableStore();
+    @observable loading = true;
+    @observable dialogLoading = true;
+    @observable isEdit = true;
+    @observable nEdialogTitle = '';
+    @observable searchCondition = [];
+    @observable condition = [];
+    @observable isPanelShow = false; //高级搜索面板
+    @observable form = new WeaForm();
+    @observable form1 = new WeaForm(); //新增主表表单
+    @observable jobName = '';
+    @observable conditionNum = 8;
+    @observable ids = ''; //选择行id
+    @observable id = ''; //页面跳转参数id
+    @observable searchConditionLoading = true;
+    @observable visible = false;
+    @observable newVisible = false; //新增弹窗
+    @observable jobId = '';
+    @observable selectedRowKeys = '';
+    @observable date = '';
+    @observable init = true; //是否首次加载
+    @observable total = '';
+    @observable current = 1;
+    @observable pageSize = 10;
+
+    @observable defaultShowLeft = true
+  
+  
+  
+  
+    @action
+    getTableInfo() {
+      this.setLoading(true);
+      let params = {
+          current:this.current,
+          pageSize:this.pageSize
+      }
+      if (this.isEmptyObject(this.form.getFormParams())) {
+        params = {
+          ...params,
+          ...this.form.getFormParams(),
+          compName: this.jobName
+        };
+      } else {
+        params = {
+          ...params,
+          ...this.form.getFormParams(),
+        };
+      }
+      Api.getSearchList(params).then(response => {
+        return response.json()
+      }).then(res => {
+        if (res.code === 200) {
+            res.data.pageInfo.columns && this.setColumns(res.data.pageInfo.columns);
+            this.setTotal(res.data.pageInfo.total);
+            res.data.pageInfo.list && this.setDataSource(res.data.pageInfo.list);
+            this.setLoading(false);
+            this.setInit(false);
+        } else {
+          message.warning(res.msg);
+        }
+      }).catch(error => {
+        message.warning(error.msg);
+      })
+  
+  
+  
+  
+  
+    }
+  
+    @action("联查部门")
+    getDeptTable(id) {
+      let params = {
+        parentComp:id
+      }
+      Api.getDeptListByPid(params).then(response => {
+        return response.json()
+      }).then(res => {
+        if (res.code === 200) {
+          res.data.list && this.setDeptDataSource(res.data.list);
+          res.data.columns && this.setDeptColumns(res.data.columns);
+          this.setDialogLoadingStatus(false);
+        } else {
+          message.warning(res.msg);
+        }
+      }).catch(error => {
+        message.warning(error.msg);
+      })
+    }
+  
+    //删除
+    delete() {
+      let params = {
+        ids: this.ids
+      };
+      Api.deleteTableData(params).then(response => {
+          return response.json()
+      }).then(data => {
+          if (data.code === 200) {
+              message.success(i18n.message.deleteSuccess());
+              this.getTableInfo();
+          } else {
+              message.warning(data.msg);
+          }
+      }).catch(error => {
+          message.warning(error.msg);
+      })
+    }
+  
+    updateForbiddenTag(checked, id) {
+      let params = {
+        forbiddenTag: checked,
+        id: id
+      }
+      Api.updateForbiddenTag(params).then(response => {
+          return response.json()
+      }).then(data => {
+          if (data.code === 200) {
+              message.success(data.msg);
+          } else {
+              message.warning(data.msg);
+          }
+      }).catch(error => {
+          message.warning(error.msg);
+      })
+    }
+  
+    getSearchCondition() {
+      this.setScLoadingStatus(true);
+      Api.getAdvanceSearchCondition().then(res => {
+          if (res.code === 200) {
+              this.setScLoadingStatus(false);
+              res.data.conditions && this.setSearchCondition(res.data.conditions);
+              res.data.conditions && this.form.initFormFields(res.data.conditions);
+          } else {
+              message.warning(res.msg);
+          }
+      }, error => {
+          message.warning(error.msg);
+      })
+    }
+  
+  
+    getCompanyForm() {
+      let params = {};
+      this.setDialogLoadingStatus(true);
+      Api.getCompanyForm(params).then(res => {
+          if (res.code === 200) {
+              this.setDialogLoadingStatus(false);
+              res.data.condition && this.setCondition(res.data.condition);
+              res.data.condition && this.form1.initFormFields(res.data.condition);
+          } else {
+              message.warning(res.msg);
+          }
+      }, error => {
+          message.warning(error.msg);
+      })
+  
+  }
+  
+  save() {
+    let params = {
+        ...this.form1.getFormParams()
+    };
+    this.form1.validateForm().then(f => {
+        if (f.isValid) {
+            Api.add(params).then(response => {
+                return response.json()
+            }).then(data => {
+                if (data.code === 200) {
+                    message.success(data.msg);
+                    this.getTableInfo();
+                    this.setNewVisible(false);
+                } else {
+                    message.warning(data.msg);
+                }
+            }).catch(error => {
+                message.warning(error.msg);
+            })
+        } else {
+            f.showErrors();
+            this.setDate(new Date());
+        }
+    });
+  }
+  
+  
+    @action
+    getHasRight() {
+      Api.getHasRight().then(res => {
+          if (res.code === 200) {
+              res.data.rightMenu && this.setRightMenu(res.data.rightMenu);
+              res.data.topMenu && this.setTopMenu(res.data.topMenu);
+          } else {
+              message.warning(res.msg);
+          }
+      }, error => {
+          message.warning(error.msg);
+      })
+    }
+  
+    updateFields(val) {
+      this.form.updateFields({
+        compName: {
+          value: val
+        }
+      });
+    }
+  
+    setSearchCondition(condition) {
+      this.searchCondition = condition;
+    }
+  
+    setScLoadingStatus(bool) {
+      this.searchConditionLoading = bool;
+    }
+  
+    setPanelStatus(bool) {
+      this.isPanelShow = bool;
+      bool && this.getSearchCondition();
+      if (!bool) {
+        this.scLoadingReset();
+      }
+    }
+  
+    setJobName(val) {
+      this.jobName = val;
+    }
+  
+    isEmptyObject(obj) {
+      for (let key in obj) {
+        return false;
+      }
+      return true;
+    }
+  
+    setIds(ids) {
+      this.ids = ids;
+    }
+  
+    setId(id) {
+      this.id =id;
+    }
+  
+    scLoadingReset() {
+      this.searchConditionLoading = true;
+    }
+  
+  
+    formReset() {
+      this.form1 = new WeaForm();
+    }
+  
+  
+    setVisible(bool) {
+      this.visible = bool;
+    }
+  
+    setDialogLoadingStatus(bool) {
+      this.dialogLoading = bool;
+  }
+  
+  
+    setSearchCondition(searchCondition) {
+      this.searchCondition = searchCondition;
+    }
+  
+    setJobId(jobId) {
+      this.jobId = jobId;
+    }
+  
+    setDate(date) {
+      this.date = date;
+    }
+  
+    setTopMenu(topMenu) {
+      this.topMenu = topMenu;
+    }
+  
+    setRightMenu(rightMenu) {
+      this.rightMenu = rightMenu;
+    }
+  
+    setDataSource(dataSource) {
+      this.dataSource = dataSource;
+    }
+  
+    setDeptDataSource(deptDataSource) {
+      this.deptDataSource = deptDataSource;
+    }
+  
+    setColumns(columns) {
+      this.columns = columns
+    }
+  
+    setDeptColumns(deptColumns) {
+      this.deptColumns = deptColumns
+    }
+  
+    setSelectedRowKeys(selectedRowKeys) {
+      this.selectedRowKeys = selectedRowKeys;
+    }
+  
+    setLoading(bool) {
+      this.loading = bool;
+    }
+  
+    setNeDialogTitle(title) {
+      this.nEdialogTitle = title
+    }
+  
+    setCondition(condition) {
+      this.condition = condition;
+    }
+  
+    setNewVisible(bool) {
+      this.formReset();
+      this.newVisible = bool;
+    }
+  
+    setTotal(total) {
+      this.total = total;
+    }
+  
+    setCurrent(current) {
+      this.current = current;
+    }
+    
+    setPageSize(pageSize) {
+      this.pageSize = pageSize;
+    }
+  
+    setInit(bool) {
+      this.init = bool;
+    }
+  
+  }

pc4mobx/organization/stores/joblevel.js

@@ -53,6 +53,8 @@ export class JobLevelStore {
     @action
     getTableInfo() {
         let params;
+        //获取tab信息
+        this.getTabInfo();
         this.tableStore = new TableStore();
         if (this.isEmptyObject(this.form2.getFormParams())) {
             params = {
@@ -75,9 +77,7 @@ export class JobLevelStore {
         }, error => {
             message.warning(error.msg);
         })
-        //获取tab信息
-        this.getTabInfo();
-
+        
     }
 
     //删除

pc4mobx/organization/stores/staff.js

@@ -0,0 +1,290 @@
+import {
+    observable,
+    action
+} from 'mobx';
+import * as mobx from 'mobx';
+import * as Api from '../apis/staff'; // 引入API接口文件
+import {
+    WeaForm
+} from 'comsMobx';
+import {
+    WeaTableNew
+} from 'comsMobx';
+import {    
+    Modal,
+    message,
+} from 'antd'
+import {
+    i18n
+} from '../public/i18n';
+
+const toJS = mobx.toJS;
+const {
+    TableStore
+} = WeaTableNew;
+
+export class StaffStore {
+    @observable tableStore = new TableStore();
+    @observable topMenu = []
+    @observable rightMenu = [];
+    @observable condition = [];
+    @observable searchCondition = [];
+    @observable isEdit = true;
+    @observable isNew = true;
+    @observable isPanelShow = false; //高级搜索面板
+    @observable form2 = new WeaForm();
+    @observable form = new WeaForm();
+    @observable form1 = new WeaForm();
+    @observable staffName = '';
+    @observable conditionNum = 10;
+    @observable ids = ''; //选择行id
+    @observable searchConditionLoading = true;
+    @observable nEdialogTitle = '';
+    @observable visible = false;
+    @observable dialogLoading = true;
+    @observable staffId = '';
+    @observable date = '';
+
+
+
+
+
+    @action
+    getTableInfo() {
+        let params;
+        this.tableStore = new TableStore();
+        if (this.isEmptyObject(this.form2.getFormParams())) {
+            params = {
+                ...this.form2.getFormParams(),
+                staffName: this.staffName
+            };
+        } else {
+            params = {
+                ...this.form2.getFormParams()
+            };
+        }
+        Api.getSearchList(params).then(res => {
+            if (res.code === 200) {
+                res.data.datas && this.tableStore.getDatas(res.data.datas, 1);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+
+    }
+
+    //删除
+    delete() {
+        let params = {
+            ids: this.ids
+        };
+        Api.deleteTableData(params).then(response => {
+            return response.json()
+        }).then(data => {
+            if (data.code === 200) {
+                message.success(i18n.message.deleteSuccess());
+                this.getTableInfo();
+            } else {
+                message.warning(data.msg);
+            }
+        })
+            .catch(error => {
+                message.warning(error.msg);
+            })
+    }
+
+    save() {
+        let params = {
+            ...this.form.getFormParams()
+        };
+        this.form.validateForm().then(f => {
+            if (f.isValid) {
+                Api.add(params).then(response => {
+                    return response.json()
+                }).then(data => {
+                    if (data.code === 200) {
+                        message.success(data.msg);
+                        this.getTableInfo();
+                        this.setVisible(false);
+                    } else {
+                        message.warning(data.msg);
+                    }
+                }).catch(error => {
+                    message.warning(error.msg);
+                })
+            } else {
+                f.showErrors();
+                this.setDate(new Date());
+            }
+        });
+    }
+
+    edit() {
+        let params = { ...this.form.getFormParams(), id: this.staffId };
+        this.form.validateForm().then(f => {
+            if (f.isValid) {
+                Api.edit(params).then(response => {
+                    return response.json()
+                }).then(data => {
+                    if (data.code === 200) {
+                        message.success(data.msg);
+                        this.getTableInfo();
+                        this.setVisible(false);
+                    } else {
+                        message.warning(data.msg);
+                    }
+                }).catch(error => {
+                    message.warning(error.msg);
+                })
+            } else {
+                f.showErrors();
+                this.setDate(new Date());
+            }
+        });
+    }
+
+
+    getForm() {
+        let params = this.isNew ? {} : {
+            id: this.staffId
+        }
+        this.setDialogLoadingStatus(true);
+
+        Api.getForm(params).then(res => {
+            if (res.code === 200) {
+                this.setDialogLoadingStatus(false);
+                res.data.condition && this.setCondition(res.data.condition);
+                res.data.condition && this.form.initFormFields(res.data.condition);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+
+    }
+
+    getSearchCondition() {
+        this.setScLoadingStatus(false);
+        Api.getAdvanceSearchCondition().then(res => {
+            if (res.code === 200) {
+                this.setScLoadingStatus(false);
+                res.data.conditions && this.setSearchCondition(res.data.conditions);
+                res.data.conditions && this.form2.initFormFields(res.data.conditions);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+    }
+
+
+    @action
+    getHasRight() {
+        Api.getHasRight().then(res => {
+            if (res.code === 200) {
+                res.data.rightMenu && this.setRightMenu(res.data.rightMenu);
+                res.data.topMenu && this.setTopMenu(res.data.topMenu);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+    }
+
+    updateFields(val) {
+        this.form2.updateFields({
+            staffName: {
+                value: val
+            }
+        });
+    }
+
+    setSearchCondition(condition) {
+        this.searchCondition = condition;
+    }
+
+    setScLoadingStatus(bool) {
+        this.searchConditionLoading = bool;
+    }
+
+    setPanelStatus(bool) {
+        this.isPanelShow = bool;
+        bool && this.getSearchCondition();
+        if (!bool) {
+            this.scLoadingReset();
+        }
+    }
+
+    setStaffName(staffName) {
+        this.staffName = staffName;
+    }
+
+    isEmptyObject(obj) {
+        for (let key in obj) {
+            return false;
+        }
+        return true;
+    }
+
+    setIds(ids) {
+        this.ids = ids;
+    }
+
+    scLoadingReset() {
+        this.searchConditionLoading = true;
+    }
+
+
+    formReset() {
+        this.form = new WeaForm();
+    }
+
+    dialogLoadingReset() {
+        this.dialogLoading = true;
+    }
+
+    setVisible(bool) {
+        this.visible = bool;
+        this.formReset();
+        !bool && this.dialogLoadingReset();
+    }
+
+    setDialogLoadingStatus(bool) {
+        this.dialogLoading = bool;
+    }
+
+    setNeDialogTitle(title) {
+        this.nEdialogTitle = title;
+    }
+
+    setIsNew(bool) {
+        this.isNew = bool;
+    }
+
+    setCondition(condition) {
+        this.condition = condition;
+    }
+
+    setStaffId(staffId) {
+        this.staffId = staffId;
+    }
+
+    @action
+    setDate(date) {
+        this.date = date;
+    }
+
+    setTopMenu(topMenu) {
+        this.topMenu = topMenu;
+    }
+
+    setRightMenu(rightMenu) {
+        this.rightMenu = rightMenu;
+    }
+
+}

pc4mobx/organization/stores/staffscheme.js

@@ -0,0 +1,308 @@
+import {
+    observable,
+    action
+} from 'mobx';
+import * as mobx from 'mobx';
+import * as Api from '../apis/staffscheme'; // 引入API接口文件
+import {
+    WeaForm
+} from 'comsMobx';
+import {
+    WeaTableNew
+} from 'comsMobx';
+import {
+    Modal,
+    message,
+} from 'antd'
+import {
+    i18n
+} from '../public/i18n';
+
+const toJS = mobx.toJS;
+const {
+    TableStore
+} = WeaTableNew;
+
+export class StaffSchemeStore {
+    @observable tableStore = new TableStore();
+    @observable topMenu = []
+    @observable rightMenu = [];
+    @observable condition = [];
+    @observable searchCondition = [];
+    @observable isEdit = true;
+    @observable isNew = true;
+    @observable isPanelShow = false; //高级搜索面板
+    @observable form2 = new WeaForm();
+    @observable form = new WeaForm();
+    @observable form1 = new WeaForm();
+    @observable schemeName = '';
+    @observable conditionNum = 8;
+    @observable ids = ''; //选择行id
+    @observable searchConditionLoading = true;
+    @observable nEdialogTitle = '';
+    @observable visible = false;
+    @observable dialogLoading = true;
+    @observable schemeId = '';
+    @observable date = '';
+
+
+
+
+
+    @action
+    getTableInfo() {
+        let params;
+        this.tableStore = new TableStore();
+        if (this.isEmptyObject(this.form2.getFormParams())) {
+            params = {
+                ...this.form2.getFormParams(),
+                schemeName: this.schemeName
+            };
+        } else {
+            params = {
+                ...this.form2.getFormParams()
+            };
+        }
+        Api.getSearchList(params).then(res => {
+            if (res.code === 200) {
+                res.data.datas && this.tableStore.getDatas(res.data.datas, 1);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+
+    }
+
+    //删除
+    delete() {
+        let params = {
+            ids: this.ids
+        };
+        Api.deleteTableData(params).then(response => {
+            return response.json()
+        }).then(data => {
+            if (data.code === 200) {
+                message.success(i18n.message.deleteSuccess());
+                this.getTableInfo();
+            } else {
+                message.warning(data.msg);
+            }
+        })
+            .catch(error => {
+                message.warning(error.msg);
+            })
+    }
+
+    save() {
+        let params = {
+            ...this.form.getFormParams()
+        };
+        this.form.validateForm().then(f => {
+            if (f.isValid) {
+                Api.add(params).then(response => {
+                    return response.json()
+                }).then(data => {
+                    if (data.code === 200) {
+                        message.success(data.msg);
+                        this.getTableInfo();
+                        this.setVisible(false);
+                    } else {
+                        message.warning(data.msg);
+                    }
+                }).catch(error => {
+                    message.warning(error.msg);
+                })
+            } else {
+                f.showErrors();
+                this.setDate(new Date());
+            }
+        });
+    }
+
+    edit() {
+        let params = { ...this.form.getFormParams(), id: this.schemeId };
+        this.form.validateForm().then(f => {
+            if (f.isValid) {
+                Api.edit(params).then(response => {
+                    return response.json()
+                }).then(data => {
+                    if (data.code === 200) {
+                        message.success(data.msg);
+                        this.getTableInfo();
+                        this.setVisible(false);
+                    } else {
+                        message.warning(data.msg);
+                    }
+                }).catch(error => {
+                    message.warning(error.msg);
+                })
+            } else {
+                f.showErrors();
+                this.setDate(new Date());
+            }
+        });
+    }
+
+    updateForbiddenTag(checked, id) {
+        let params = {
+            forbiddenTag: checked,
+            id: id
+        }
+        Api.updateForbiddenTag(params).then(response => {
+            return response.json()
+        }).then(data => {
+            if (data.code === 200) {
+                message.success(data.msg);
+            } else {
+                message.warning(data.msg);
+            }
+        }).catch(error => {
+            message.warning(error.msg);
+        })
+
+    }
+
+    getForm() {
+        let params = this.isNew ? {} : {
+            id: this.schemeId
+        }
+        this.setDialogLoadingStatus(true);
+
+        Api.getSchemeForm(params).then(res => {
+            if (res.code === 200) {
+                this.setDialogLoadingStatus(false);
+                res.data.condition && this.setCondition(res.data.condition);
+                res.data.condition && this.form.initFormFields(res.data.condition);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+
+    }
+
+    getSearchCondition() {
+        this.setScLoadingStatus(false);
+        Api.getAdvanceSearchCondition().then(res => {
+            if (res.code === 200) {
+                this.setScLoadingStatus(false);
+                res.data.conditions && this.setSearchCondition(res.data.conditions);
+                res.data.conditions && this.form2.initFormFields(res.data.conditions);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+    }
+
+
+    @action
+    getHasRight() {
+        Api.getHasRight().then(res => {
+            if (res.code === 200) {
+                res.data.rightMenu && this.setRightMenu(res.data.rightMenu);
+                res.data.topMenu && this.setTopMenu(res.data.topMenu);
+            } else {
+                message.warning(res.msg);
+            }
+        }, error => {
+            message.warning(error.msg);
+        })
+    }
+
+    updateFields(val) {
+        this.form2.updateFields({
+            schemeName: {
+                value: val
+            }
+        });
+    }
+
+    setSearchCondition(condition) {
+        this.searchCondition = condition;
+    }
+
+    setScLoadingStatus(bool) {
+        this.searchConditionLoading = bool;
+    }
+
+    setPanelStatus(bool) {
+        this.isPanelShow = bool;
+        bool && this.getSearchCondition();
+        if (!bool) {
+            this.scLoadingReset();
+        }
+    }
+
+    setSchemeName(val) {
+        this.schemeName = val;
+    }
+
+    isEmptyObject(obj) {
+        for (let key in obj) {
+            return false;
+        }
+        return true;
+    }
+
+    setIds(ids) {
+        this.ids = ids;
+    }
+
+    scLoadingReset() {
+        this.searchConditionLoading = true;
+    }
+
+
+    formReset() {
+        this.form = new WeaForm();
+    }
+
+    dialogLoadingReset() {
+        this.dialogLoading = true;
+    }
+
+    setVisible(bool) {
+        this.visible = bool;
+        this.formReset();
+        !bool && this.dialogLoadingReset();
+    }
+
+    setDialogLoadingStatus(bool) {
+        this.dialogLoading = bool;
+    }
+
+    setNeDialogTitle(title) {
+        this.nEdialogTitle = title;
+    }
+
+    setIsNew(bool) {
+        this.isNew = bool;
+    }
+
+    setCondition(condition) {
+        this.condition = condition;
+    }
+
+    setSchemeId(schemeId) {
+        this.schemeId = schemeId;
+    }
+
+    @action
+    setDate(date) {
+        this.date = date;
+    }
+
+    setTopMenu(topMenu) {
+        this.topMenu = topMenu;
+    }
+
+    setRightMenu(rightMenu) {
+        this.rightMenu = rightMenu;
+    }
+
+}

pc4mobx/organization/style/common.less

@@ -18,7 +18,16 @@
       width: 400px !important;
       line-height: 30px;
     }
-  }
+  } 
+}
+
+.hrm-new-weatable-spin {
+  text-align: center;
+  margin-top: 10px;
+}
+
+.wea-left-right-layout-right {
+  overflow: scroll !important;
 }
 
 
@@ -47,4 +56,6 @@
           padding-left: 25%;
       }
   }
+
+
 }