-
基本信息
-
-
-
-
- 薪资所属月: {
+ this.handleDeleteItem(record);
+ }}>
+ 删除
+
+ );
+ }
+ });
+ return columns;
+ };
+
+ // 获取人员列表,添加key
+ getUserListDataSource = () => {
+ const { calculateStore: { acctemployeeListDataSource } } = this.props;
+ return acctemployeeListDataSource.map(item => {
+ item = { ...item };
+ item.key = item.id;
+ return item;
+ });
+ };
+
+ // 删除人员
+ handleDeleteItem = record => {
+ const {
+ calculateStore: {
+ deleteAcctemployee,
+ reducedemployeeList,
+ acctemployeeList
+ }
+ } = this.props;
+ Modal.confirm({
+ title: "信息确认",
+ content: "确认删除",
+ onOk: () => {
+ deleteAcctemployee(this.id, [record.id]).then(() => {
+ reducedemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ current: this.current
+ });
+ acctemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ current: this.current
+ });
+ });
+ },
+ onCancel: () => {}
+ });
+ };
+
+ // 刷新薪资核算人员的个税扣缴义务人
+ handleRefresh = () => {
+ const {
+ calculateStore: { refreshTaxAgent, reducedemployeeList, acctemployeeList }
+ } = this.props;
+ refreshTaxAgent(this.id).then(() => {
+ reducedemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ current: 1
+ });
+ acctemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ current: 1
+ });
+ this.current = 1;
+ });
+ };
+
+ onSelectChange = selectedRowKeys => {
+ this.setState({ selectedRowKeys, userListSearchValue: "" });
+ };
+
+ // 核算人员范围分页
+ handleUserListPageChange(value) {
+ const { calculateStore: { acctemployeeList } } = this.props;
+ this.current = value;
+ acctemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ ...this.pageInfo
+ });
+ }
+
+ handleShowSizeChange(pageInfo) {
+ const { calculateStore: { acctemployeeList } } = this.props;
+ acctemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ ...pageInfo
+ });
+ }
+
+ // 环比减少人员分页
+ handleReducedemployeeListPageChange(value) {
+ const { calculateStore: { reducedemployeeList } } = this.props;
+ reducedemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ current: value
+ });
+ this.current = value;
+ }
+
+ handleReduceShowSizeChange(pageInfo) {
+ const { calculateStore: { reducedemployeeList } } = this.props;
+ reducedemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: this.state.userListSearchValue,
+ ...pageInfo
+ });
+ }
+ // 搜索
+ handleUserListSearch(value) {
+ const {
+ calculateStore: { acctemployeeList, reducedemployeeList }
+ } = this.props;
+ this.pageInfo.current = 1;
+ if (this.state.selectedKey == 0) {
+ acctemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: value,
+ ...this.pageInfo
+ });
+ this.current = 1;
+ } else {
+ reducedemployeeList({
+ salaryAcctRecordId: this.id,
+ employeeName: value,
+ ...this.pageInfo
+ });
+ this.current = 1;
+ }
+ }
+
+ render() {
+ const { selectedRowKeys } = this.state;
+ const { calculateStore } = this.props;
+ const {
+ calculateBaseForm,
+ acctemployeeListDataSource,
+ acctemployeeListColumns,
+ reducedemployeeListDataSource,
+ reducedemployeeListColumns,
+ baseSalarySobCycle,
+ acctemployeeListPageInfo,
+ loading,
+ reducedemployeeListPageInfo
+ } = calculateStore;
+
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: this.onSelectChange
+ };
+
+ return (
+
+
基本信息
+
+
+
+
+
+ 薪资所属月:
-
- {calculateBaseForm.formDTO && calculateBaseForm.formDTO.salaryMonth}
-
-
-
-
- 核算账套:
-
- {calculateBaseForm.formDTO && calculateBaseForm.formDTO.salarySobName}
-
-
-
+ placement="topLeft"
+ />
+
+
+ {calculateBaseForm.formDTO &&
+ calculateBaseForm.formDTO.salaryMonth}
+
+
+
+
+
+ 核算账套:
+
+ {calculateBaseForm.formDTO &&
+ calculateBaseForm.formDTO.salarySobName}
+
+
+
+
-
- 备注:
- {calculateBaseForm.formDTO && calculateBaseForm.formDTO.description}
-
-
-
-
-
- {this.setState({selectedKey: "0"})}}>核算人员范围
-
- {' '}|{' '}
- {this.setState({selectedKey: "1"})}}>环比上月减少人员
-
-
-
- {
- this.state.selectedKey == "0" &&
- {this.handleBatchDelete()}}/>
-
- this.handleUserBrowserChange(ids)
- }
- >
-
-
- {this.handleExport()}} />
- {this.handleRefresh()}}/>
-
- }
-
{
- this.setState({userListSearchValue: value})
- }} onSearch={(value) => {this.handleUserListSearch(value)}}/>
-
-
-
-
-
-
- {
- this.state.selectedKey == 0 &&
- {
- this.pageInfo.current = value
- this.handleUserListPageChange(value)
- }}
- onShowSizeChange={(current, pageSize) => {
- this.pageInfo = {current, pageSize}
- this.handleShowSizeChange(this.pageInfo)
- }}
- />
- }
- {
- this.state.selectedKey == 1 &&
- {
- this.reducePageInfo.current = value
- this.handleReducedemployeeListPageChange(value)
- }}
- onShowSizeChange={(current, pageSize) => {
- this.pageInfo = {current, pageSize}
- this.handleReduceShowSizeChange(this.pageInfo)
- }}
- />
- }
-
-
+
+
+
+ 备注:
+
+ {calculateBaseForm.formDTO &&
+ calculateBaseForm.formDTO.description}
+
+
+
+
+
+
+
+
+ {
+ this.setState({ selectedKey: "0" });
+ }}>
+ 核算人员范围
+
+
+ {" "}|{" "}
+ {
+ this.setState({ selectedKey: "1" });
+ }}>
+ 环比上月减少人员
+
+
- )
- }
-}
\ No newline at end of file
+
+ {this.state.selectedKey == "0" &&
+
+ {
+ this.handleBatchDelete();
+ }}
+ title="批量删除"
+ />
+
+ this.handleUserBrowserChange(ids)}>
+
+
+ {
+ this.handleExport();
+ }}
+ style={{ fontSize: 20, position: "relative", top: "2px" }}
+ title="导出"
+ />
+ {
+ this.handleRefresh();
+ }}
+ style={{ fontSize: 20, position: "relative", top: "2px" }}
+ title="刷新"
+ />
+
}
+
{
+ this.setState({ userListSearchValue: value });
+ }}
+ onSearch={value => {
+ this.handleUserListSearch(value);
+ }}
+ />
+
+
+
+
+ {this.state.selectedKey == 0 &&
+ {
+ this.pageInfo.current = value;
+ this.handleUserListPageChange(value);
+ }}
+ onShowSizeChange={(current, pageSize) => {
+ this.pageInfo = { current, pageSize };
+ this.handleShowSizeChange(this.pageInfo);
+ }}
+ />}
+ {this.state.selectedKey == 1 &&
+ {
+ this.reducePageInfo.current = value;
+ this.handleReducedemployeeListPageChange(value);
+ }}
+ onShowSizeChange={(current, pageSize) => {
+ this.pageInfo = { current, pageSize };
+ this.handleReduceShowSizeChange(this.pageInfo);
+ }}
+ />}
+
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
index 4bb32205..2253f5d8 100644
--- a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
+++ b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
@@ -438,15 +438,16 @@ export default class Attendance extends React.Component {
}
return newColumn;
});
- newColumns.push({
- title: "操作",
- dataIndex: "operate",
- render: (text, record) => {
- return (
-
{this.onItemEdit(record)}}>查看明细
- )
- }
- })
+ // 与e10保持一致,先去掉字段管理页面的操作列
+ // newColumns.push({
+ // title: "操作",
+ // dataIndex: "operate",
+ // render: (text, record) => {
+ // return (
+ //
{this.onItemEdit(record)}}>查看明细
+ // )
+ // }
+ // })
return newColumns;
}
diff --git a/pc4mobx/hrmSalary/pages/ledger/index.js b/pc4mobx/hrmSalary/pages/ledger/index.js
index 07440ca6..44d5dd88 100644
--- a/pc4mobx/hrmSalary/pages/ledger/index.js
+++ b/pc4mobx/hrmSalary/pages/ledger/index.js
@@ -305,7 +305,7 @@ export default class Ledger extends React.Component {
"基础设置",
"关联人员",
"薪资项目",
- "调薪记薪规则",
+ "调薪计薪规则",
// "校验规则",
];
diff --git a/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js b/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js
index 1f9bb180..f0a22f50 100644
--- a/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js
+++ b/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js
@@ -1,166 +1,204 @@
-import React from 'react'
-import { Button, Icon, Table } from 'antd'
-import { WeaInputSearch, WeaHelpfulTip, WeaSelect } from 'ecCom'
-import { slideStep3Columns, dataSource} from './columns'
-import "./index.less"
-import AddCategoryModal from './step3/AddCategoryModal'
-import { inject, observer } from 'mobx-react';
-import { toJS } from 'mobx';
-import CanMoveItem from './step3/canMoveItem'
-import UserInfoSelected from './step3/UserInfoSelect'
-import PreviewSalaryModal from './step3/previewSalaryModal'
+import React from "react";
+import { Button, Icon, Table } from "antd";
+import { WeaInputSearch, WeaHelpfulTip, WeaSelect } from "ecCom";
+import { slideStep3Columns, dataSource } from "./columns";
+import "./index.less";
+import AddCategoryModal from "./step3/AddCategoryModal";
+import { inject, observer } from "mobx-react";
+import { toJS } from "mobx";
+import CanMoveItem from "./step3/canMoveItem";
+import UserInfoSelected from "./step3/UserInfoSelect";
+import PreviewSalaryModal from "./step3/previewSalaryModal";
-
-@inject('ledgerStore')
+@inject("ledgerStore")
@observer
export default class SalaryItemForm extends React.Component {
- constructor(props) {
- super(props)
- this.state = {
- addCategoryVisible: false,
- previewVisible: false
- }
- const { ledgerStore: { empFieldList }} = this.props;
- empFieldList();
- }
+ constructor(props) {
+ super(props);
+ this.state = {
+ addCategoryVisible: false,
+ previewVisible: false
+ };
+ const { ledgerStore: { empFieldList } } = this.props;
+ empFieldList();
+ }
- componentWillMount() {
- const {ledgerStore: {getLedgerItemForm}} = this.props;
- getLedgerItemForm();
- }
+ componentWillMount() {
+ const { ledgerStore: { getLedgerItemForm } } = this.props;
+ getLedgerItemForm();
+ }
- handleAddCategorySave(name) {
- const {ledgerStore: {addItemGroup}} = this.props;
- addItemGroup(name);
- }
+ handleAddCategorySave(name) {
+ const { ledgerStore: { addItemGroup } } = this.props;
+ addItemGroup(name);
+ }
- handleCanMoveItemChange(dataSource, item) {
- const {ledgerStore: {itemGroups, setItemGroups}} = this.props;
- let groups = [...itemGroups]
- groups.map(i => {
- if(i.title == item.title) {
- item.items = dataSource
- }
- })
- setItemGroups(groups)
- }
+ handleCanMoveItemChange(dataSource, item) {
+ const { ledgerStore: { itemGroups, setItemGroups } } = this.props;
+ let groups = [...itemGroups];
+ groups.map(i => {
+ if (i.title == item.title) {
+ item.items = dataSource;
+ }
+ });
+ setItemGroups(groups);
+ }
- // 薪资项目
- handleItemDataSourceChange(dataSource, item) {
- const { ledgerStore: {itemGroups, setItemGroups} } = this.props;
- let newItemGroups = [...itemGroups]
- newItemGroups.map(group => {
- if(group.id == item.id) {
- group.items = dataSource
- }
- })
- setItemGroups(newItemGroups)
- }
+ // 薪资项目
+ handleItemDataSourceChange(dataSource, item) {
+ const { ledgerStore: { itemGroups, setItemGroups } } = this.props;
+ let newItemGroups = [...itemGroups];
+ newItemGroups.map(group => {
+ if (group.id == item.id) {
+ group.items = dataSource;
+ }
+ });
+ setItemGroups(newItemGroups);
+ }
- // 预览点击事件
- handlePreview() {
- this.setState({previewVisible: true})
- }
+ // 预览点击事件
+ handlePreview() {
+ this.setState({ previewVisible: true });
+ }
- // 修改薪资分类标题回调
- handleItemTitleChange(item, value) {
- const { ledgerStore: {itemGroups, setItemGroups} } = this.props;
- let newItemGroups = [...itemGroups]
- newItemGroups.map(group => {
- if(group.id == item.id) {
- group.name = value
- }
- })
- setItemGroups(newItemGroups)
- }
+ // 修改薪资分类标题回调
+ handleItemTitleChange(item, value) {
+ const { ledgerStore: { itemGroups, setItemGroups } } = this.props;
+ let newItemGroups = [...itemGroups];
+ newItemGroups.map(group => {
+ if (group.id == item.id) {
+ group.name = value;
+ }
+ });
+ setItemGroups(newItemGroups);
+ }
- // 删除分类回调
- handleGroupDelete(item) {
- const { ledgerStore: {itemGroups, setItemGroups} } = this.props;
- let newItemGroups = [...itemGroups]
- newItemGroups = newItemGroups.filter(group => group.id !== item.id)
- setItemGroups(newItemGroups)
- }
+ // 删除分类回调
+ handleGroupDelete(item) {
+ const { ledgerStore: { itemGroups, setItemGroups } } = this.props;
+ let newItemGroups = [...itemGroups];
+ newItemGroups = newItemGroups.filter(group => group.id !== item.id);
+ setItemGroups(newItemGroups);
+ }
- // 修改列表数据顺序
- handleItemDataSourceChange(dataSource, item) {
- const { ledgerStore: {itemGroups, setItemGroups} } = this.props;
- dataSource.map((data, index) => {
- data.sortedIndex = index
- })
- let itemResultGroups = itemGroups ? [...itemGroups] : []
- itemResultGroups.map(groupItem => {
- if(groupItem.id == item.id) {
- groupItem.items = dataSource
- }
- })
- setItemGroups(itemResultGroups)
- }
+ // 修改列表数据顺序
+ handleItemDataSourceChange(dataSource, item) {
+ const { ledgerStore: { itemGroups, setItemGroups } } = this.props;
+ dataSource.map((data, index) => {
+ data.sortedIndex = index;
+ });
+ let itemResultGroups = itemGroups ? [...itemGroups] : [];
+ itemResultGroups.map(groupItem => {
+ if (groupItem.id == item.id) {
+ groupItem.items = dataSource;
+ }
+ });
+ setItemGroups(itemResultGroups);
+ }
- render() {
- const {ledgerStore: {itemGroups, salaryItems, empBrowserList, setAddCategoryVisible, addCategoryVisible, baseInfoRequest}} = this.props;
- const { canEdit="true" } = baseInfoRequest;
- const { previewVisible } = this.state;
-
+ render() {
+ const {
+ ledgerStore: {
+ itemGroups,
+ salaryItems,
+ empBrowserList,
+ setAddCategoryVisible,
+ addCategoryVisible,
+ baseInfoRequest
+ }
+ } = this.props;
+ const { canEdit = "true" } = baseInfoRequest;
+ const { previewVisible } = this.state;
- return (
-
-
-
-
-
-
- {/*
+ return (
+
+
+
+
+
+
+ {/*
*/}
-
+
-
- {
- itemGroups && itemGroups.map(item => {
- if(item.items) {
- return (
-
{this.handleItemDataSourceChange(dataSource, item)}}
- title={item.name} onGroupDelete={() => {this.handleGroupDelete(item)}} onTitleChange={(value) => {this.handleItemTitleChange(item, value)}} onChange={(dataSource) => {this.handleCanMoveItemChange(dataSource, item)}}/>
- )
- }
- return ""
- }
- )
- }
- {
- addCategoryVisible &&
- {this.handleAddCategorySave(value)}} visible={addCategoryVisible} onCancel={() => {
- setAddCategoryVisible(false)
- }} />
- }
-
- {
- previewVisible &&
- {this.setState({previewVisible: false})}}
- />
- }
+
+
+
+ 员工信息{" "}
+
+
+
+
- )
- }
-}
\ No newline at end of file
+
+
+
+
+ {itemGroups &&
+ itemGroups.map(item => {
+ if (item.items) {
+ return (
+ {
+ this.handleItemDataSourceChange(dataSource, item);
+ }}
+ title={item.name}
+ onGroupDelete={() => {
+ this.handleGroupDelete(item);
+ }}
+ onTitleChange={value => {
+ this.handleItemTitleChange(item, value);
+ }}
+ onChange={dataSource => {
+ this.handleCanMoveItemChange(dataSource, item);
+ }}
+ />
+ );
+ }
+ return "";
+ })}
+ {addCategoryVisible &&
+ {
+ this.handleAddCategorySave(value);
+ }}
+ visible={addCategoryVisible}
+ onCancel={() => {
+ setAddCategoryVisible(false);
+ }}
+ />}
+
+ {previewVisible &&
+ {
+ this.setState({ previewVisible: false });
+ }}
+ />}
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/ledger/slideBaseForm.js b/pc4mobx/hrmSalary/pages/ledger/slideBaseForm.js
index 08e21341..b09577d2 100644
--- a/pc4mobx/hrmSalary/pages/ledger/slideBaseForm.js
+++ b/pc4mobx/hrmSalary/pages/ledger/slideBaseForm.js
@@ -11,7 +11,7 @@ import {
getCurrentYearMonth,
getCurrentMonth,
getSubtractMonthYearMonth,
- getAddMonthYearMonth,
+ getAddMonthYearMonth
} from "../../util/date";
@inject("ledgerStore", "taxAgentStore")
@@ -21,18 +21,14 @@ export default class SlideBaseForm extends React.Component {
super(props);
this.state = {
name: "",
- taxableItems: 1,
+ taxableItems: 1
};
}
componentWillMount() {
const { edit } = this.props;
- const {
- ledgerStore: { initBaseInfoRequest },
- } = this.props;
+ const { ledgerStore: { initBaseInfoRequest } } = this.props;
if (edit) {
- const {
- ledgerStore: { getLedgerBasicForm },
- } = this.props;
+ const { ledgerStore: { getLedgerBasicForm } } = this.props;
getLedgerBasicForm();
} else {
initBaseInfoRequest();
@@ -40,11 +36,9 @@ export default class SlideBaseForm extends React.Component {
}
handleChange(params) {
- const {
- ledgerStore: { baseInfoRequest, setBaseInfoRequest },
- } = this.props;
+ const { ledgerStore: { baseInfoRequest, setBaseInfoRequest } } = this.props;
let request = { ...baseInfoRequest };
- Object.keys(params).map((key) => {
+ Object.keys(params).map(key => {
request[key] = params[key];
});
setBaseInfoRequest(request);
@@ -85,7 +79,7 @@ export default class SlideBaseForm extends React.Component {
attendCycleType,
attendCycleFromDay,
socialSecurityCycleType,
- description,
+ description
} = baseInfoRequest;
return (
@@ -102,7 +96,7 @@ export default class SlideBaseForm extends React.Component {
disabled={canEdit !== "true"}
style={{ width: "190px" }}
value={name}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ name: value });
}}
/>
@@ -115,12 +109,12 @@ export default class SlideBaseForm extends React.Component {
{
+ onChange={v => {
this.handleChange({ taxAgentId: v });
}}
/>
@@ -138,12 +132,12 @@ export default class SlideBaseForm extends React.Component {
{
key: "1",
selected: true,
- showname: "正常工资薪金所得",
- },
+ showname: "正常工资薪金所得"
+ }
]}
style={{ width: "190px" }}
value={taxableItems}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ taxableItems: value });
}}
/>
@@ -160,7 +154,7 @@ export default class SlideBaseForm extends React.Component {
options={cycleTypeOption}
style={{ width: "90px" }}
value={salaryCycleType}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ salaryCycleType: value });
}}
/>
@@ -169,7 +163,7 @@ export default class SlideBaseForm extends React.Component {
options={daysOptions}
style={{ width: "90px", marginLeft: "10px" }}
value={salaryCycleFromDay}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ salaryCycleFromDay: value });
}}
/>
@@ -187,7 +181,7 @@ export default class SlideBaseForm extends React.Component {
options={cycleTypeOption}
style={{ width: "90px" }}
value={taxCycleType}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ taxCycleType: value });
}}
/>
@@ -204,7 +198,7 @@ export default class SlideBaseForm extends React.Component {
options={cycleTypeOption}
style={{ width: "90px" }}
value={attendCycleType}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ attendCycleType: value });
}}
/>
@@ -213,7 +207,7 @@ export default class SlideBaseForm extends React.Component {
options={daysOptions}
style={{ width: "90px", marginLeft: "10px" }}
value={attendCycleFromDay}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ attendCycleFromDay: value });
}}
/>
@@ -231,7 +225,7 @@ export default class SlideBaseForm extends React.Component {
options={cycleTypeOption}
style={{ width: "90px" }}
value={socialSecurityCycleType}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ socialSecurityCycleType: value });
}}
/>
@@ -258,7 +252,7 @@ export default class SlideBaseForm extends React.Component {
disabled={canEdit !== "true"}
style={{ width: "190px" }}
value={description}
- onChange={(value) => {
+ onChange={value => {
this.handleChange({ description: value });
}}
/>
diff --git a/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js b/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js
index 0f07ed77..1d2e9ece 100644
--- a/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js
+++ b/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js
@@ -1,113 +1,186 @@
-import React from 'react';
-import { inject, observer } from 'mobx-react';
-import { Icon, Table, message, Modal } from 'antd';
-import { WeaInputSearch } from "ecCom"
-import { slideStep2Columns, dataSource } from './columns'
-import AddUserModal from './addUserModal'
+import React from "react";
+import { inject, observer } from "mobx-react";
+import { Icon, Table, message, Modal } from "antd";
+import { WeaInputSearch } from "ecCom";
+import { slideStep2Columns, dataSource } from "./columns";
+import AddUserModal from "./addUserModal";
-@inject('ledgerStore')
+@inject("ledgerStore")
@observer
export default class SlideRefereUser extends React.Component {
- constructor(props) {
- super(props)
- this.state = {
- addUserModalVisible: false,
- selectedRowKeys: [],
- searchValue: ""
- }
+ constructor(props) {
+ super(props);
+ this.state = {
+ addUserModalVisible: false,
+ selectedRowKeys: [],
+ searchValue: ""
+ };
+ }
+
+ handleTabClick(tab) {
+ const {
+ ledgerStore: {
+ setIncludeType,
+ getLedgerPersonRangeInclude,
+ salarySobId,
+ getLedgerPersonRangeExclude
+ }
+ } = this.props;
+ setIncludeType(tab);
+ if (tab == 1) {
+ getLedgerPersonRangeInclude({ salarySobId: salarySobId });
+ } else {
+ getLedgerPersonRangeExclude({ salarySobId: salarySobId });
}
+ }
- handleTabClick(tab) {
- const { ledgerStore: {setIncludeType, getLedgerPersonRangeInclude, salarySobId, getLedgerPersonRangeExclude}} = this.props;
- setIncludeType(tab)
- if(tab == 1) {
- getLedgerPersonRangeInclude({salarySobId: salarySobId})
- } else {
- getLedgerPersonRangeExclude({salarySobId: salarySobId})
- }
+ componentWillMount() {
+ const { edit } = this.props;
+ const {
+ ledgerStore: {
+ getLedgerPersonRangeInclude,
+ salarySobId,
+ getLedgerBasicForm
+ }
+ } = this.props;
+ getLedgerPersonRangeInclude({ salarySobId: salarySobId });
+ if (edit) getLedgerBasicForm();
+ }
+
+ onSelectChange = selectedRowKeys => {
+ this.setState({ selectedRowKeys });
+ };
+
+ handleTabDelete = () => {
+ const { ledgerStore: { deleteLedgerPersonRange } } = this.props;
+ if (this.state.selectedRowKeys.length == 0) {
+ message.warning("未选择条目");
+ return;
}
+ Modal.confirm({
+ title: "信息确认",
+ content: "确认删除",
+ onOk: () => {
+ deleteLedgerPersonRange(this.state.selectedRowKeys);
+ },
+ onCancel: () => {}
+ });
+ };
- componentWillMount() {
- const { ledgerStore: {getLedgerPersonRangeInclude, salarySobId}} = this.props;
- getLedgerPersonRangeInclude({salarySobId: salarySobId})
+ handleSearch = value => {
+ const {
+ ledgerStore: {
+ includeType,
+ salarySobId,
+ getLedgerPersonRangeInclude,
+ getLedgerPersonRangeExclude
+ }
+ } = this.props;
+ if (includeType == 1) {
+ getLedgerPersonRangeInclude({
+ salarySobId: salarySobId,
+ targetName: value
+ });
+ } else {
+ getLedgerPersonRangeExclude({
+ salarySobId: salarySobId,
+ targetName: value
+ });
}
+ };
- onSelectChange = selectedRowKeys => {
- this.setState({ selectedRowKeys });
- }
+ render() {
+ const {
+ ledgerStore: {
+ includeType,
+ userTableStore,
+ addUserModalVisible,
+ setAddUserModalVisible,
+ baseInfoRequest
+ }
+ } = this.props;
+ const { canEdit = "true" } = baseInfoRequest;
+ let { columns, list } = userTableStore;
+ const { selectedRowKeys } = this.state;
+ columns = columns || [];
+ list = list || [];
+ list.map(item => (item.key = item.id));
- handleTabDelete = () => {
- const {ledgerStore: {deleteLedgerPersonRange}} = this.props;
- if(this.state.selectedRowKeys.length == 0) {
- message.warning("未选择条目")
- return
- }
- Modal.confirm({
- title: '信息确认',
- content: '确认删除',
- onOk:() => {
- deleteLedgerPersonRange(this.state.selectedRowKeys)
- },
- onCancel: () => {
- },
- });
-
- }
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: this.onSelectChange
+ };
- handleSearch = (value) => {
- const { ledgerStore: {includeType, salarySobId, getLedgerPersonRangeInclude, getLedgerPersonRangeExclude}} = this.props;
- if(includeType == 1) {
- getLedgerPersonRangeInclude({salarySobId: salarySobId, targetName: value})
- } else {
- getLedgerPersonRangeExclude({salarySobId: salarySobId, targetName: value})
- }
- }
+ return (
+
+
+
+ {
+ this.handleTabClick(1);
+ }}>
+ 关联人员范围
+ {" "}
+ {" "} | {" "}{" "}
+ {
+ this.handleTabClick(0);
+ }}>
+ 从范围中排除
+
+
+
{
+ this.setState({ searchValue: value });
+ }}
+ onSearch={value => {
+ this.handleSearch(value);
+ }}
+ />
+ {canEdit === "true" &&
+
+ {
+ this.handleTabDelete();
+ }}
+ />
+ {
+ setAddUserModalVisible(true);
+ }}
+ />
+
}
+
+
+
`共 ${total} 条`,
+ current: userTableStore.pageNum
+ }}
+ />
+
- render() {
- const { ledgerStore: {includeType, userTableStore, addUserModalVisible, setAddUserModalVisible, baseInfoRequest}} = this.props;
- const { canEdit="true" } = baseInfoRequest;
- let { columns, list} = userTableStore
- const { selectedRowKeys } = this.state
- columns = columns || []
- list = list || []
-
- list.map(item => item.key = item.id)
-
- const rowSelection = {
- selectedRowKeys,
- onChange: this.onSelectChange,
- };
-
- return (
-
-
-
{this.handleTabClick(1)}}>关联人员范围 {' '} | {' '} {this.handleTabClick(0)}}>从范围中排除
-
{this.setState({searchValue: value})}} onSearch={(value) => {this.handleSearch(value)}}/>
- {
- canEdit === 'true' &&
-
- {this.handleTabDelete()}}/>
- {setAddUserModalVisible(true)}}/>
-
- }
-
-
-
`共 ${total} 条`,
- current: userTableStore.pageNum
- }}/>
-
-
- {
- addUserModalVisible && {setAddUserModalVisible(false)}}
- />
- }
-
-
- )
- }
-}
\ No newline at end of file
+ {addUserModalVisible &&
+ {
+ setAddUserModalVisible(false);
+ }}
+ />}
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/ledger/step3/canMoveItem.js b/pc4mobx/hrmSalary/pages/ledger/step3/canMoveItem.js
index 39a45e56..d5666ea8 100644
--- a/pc4mobx/hrmSalary/pages/ledger/step3/canMoveItem.js
+++ b/pc4mobx/hrmSalary/pages/ledger/step3/canMoveItem.js
@@ -1,216 +1,259 @@
-import React,{ Fragment } from 'react'
-import { Icon, Table, message, Modal } from 'antd'
-import { WeaTable } from 'ecCom'
-import { slideStep3Columns } from '../columns'
-import AddSalaryItemModal from './AddSalaryItemModal'
-import { inject, observer } from 'mobx-react';
-import FormalFormModal from '../../salaryItem/formalFormModal'
-import AddCategoryModal from '../step3/AddCategoryModal'
-import { toJS } from 'mobx';
+import React, { Fragment } from "react";
+import { Icon, Table, message, Modal } from "antd";
+import { WeaTable } from "ecCom";
+import { slideStep3Columns } from "../columns";
+import AddSalaryItemModal from "./AddSalaryItemModal";
+import { inject, observer } from "mobx-react";
+import FormalFormModal from "../../salaryItem/formalFormModal";
+import AddCategoryModal from "../step3/AddCategoryModal";
+import { toJS } from "mobx";
-@inject('ledgerStore')
+@inject("ledgerStore")
@observer
export default class CanMoveItem extends React.Component {
- constructor(props) {
- super(props)
- let columns = slideStep3Columns
- .map(item => {
- item = {...item}
- if(item.key == "formulaContent") {
- item.render = (text, record) => {
- if(record.canEdit) {
- return (
- {
- this.handleFormulaClick(record.formulaId, record)
- }}>{text}
- )
- } else {
- return (
- {text}
- )
- }
- }
- }
- return item;
- })
- this.state = {
- addItemVisible: false,
- showContent: true,
- selectedRowKeys: [],
- columns,
- formalModalVisible: false,
- addCategoryVisible: false
- }
-
- this.formulaId = ""
- this.record = {}
- this.title = ""
- }
-
- // 编辑公式
- handleFormulaClick(formulaId, record) {
- this.formulaId = formulaId
- this.record = record
- this.setState({
- formalModalVisible: true
- })
- }
-
-
- handleTiggleContent() {
- this.setState({showContent: !this.state.showContent})
- }
-
- onSelectChange = selectedRowKeys => {
- this.setState({ selectedRowKeys });
+ constructor(props) {
+ super(props);
+ let columns = slideStep3Columns.map(item => {
+ item = { ...item };
+ if (item.key == "formulaContent") {
+ item.render = (text, record) => {
+ if (record.canEdit) {
+ return (
+
+ {
+ this.handleFormulaClick(record.formulaId, record);
+ }}>
+ {text}
+
+
+ );
+ } else {
+ return (
+
+ {text}
+
+ );
+ }
+ };
+ }
+ return item;
+ });
+ this.state = {
+ addItemVisible: false,
+ showContent: true,
+ selectedRowKeys: [],
+ columns,
+ formalModalVisible: false,
+ addCategoryVisible: false
};
- // 删除
- handleDelete = () => {
- const { selectedRowKeys } = this.state;
- if(selectedRowKeys.length == 0) {
- message.warning("为选择任何条目")
- return
- }
- Modal.confirm({
- title: '信息确认',
- content: '确认删除',
- onOk:() => {
- const {dataSource} = this.props;
- let result = [...dataSource]
- this.props.onChange(result.filter(item => selectedRowKeys.indexOf(item.key) < 0))
- },
- onCancel: () => {
+ this.formulaId = "";
+ this.record = {};
+ this.title = "";
+ }
- },
- });
+ // 编辑公式
+ handleFormulaClick(formulaId, record) {
+ this.formulaId = formulaId;
+ this.record = record;
+ this.setState({
+ formalModalVisible: true
+ });
+ }
+
+ handleTiggleContent() {
+ this.setState({ showContent: !this.state.showContent });
+ }
+
+ onSelectChange = selectedRowKeys => {
+ this.setState({ selectedRowKeys });
+ };
+
+ // 删除
+ handleDelete = () => {
+ const { selectedRowKeys } = this.state;
+ if (selectedRowKeys.length == 0) {
+ message.warning("为选择任何条目");
+ return;
}
+ Modal.confirm({
+ title: "信息确认",
+ content: "确认删除",
+ onOk: () => {
+ const { dataSource } = this.props;
+ let result = [...dataSource];
+ this.props.onChange(
+ result.filter(item => selectedRowKeys.indexOf(item.key) < 0)
+ );
+ },
+ onCancel: () => {}
+ });
+ };
- // 保存
- handleSaveFormal(data) {
- let record = {...this.record}
- record.formulaId = data.id
- let dataSource = [...this.props.dataSource]
- dataSource.map(item => {
- if(item.id == record.id) {
- item.formulaId = data.id
- item.formulaContent = data.formula
- }
- })
- this.props.onDataSourceChange(dataSource)
- }
+ // 保存
+ handleSaveFormal(data) {
+ let record = { ...this.record };
+ record.formulaId = data.id;
+ let dataSource = [...this.props.dataSource];
+ dataSource.map(item => {
+ if (item.id == record.id) {
+ item.formulaId = data.id;
+ item.formulaContent = data.formula;
+ }
+ });
+ this.props.onDataSourceChange(dataSource);
+ }
- // 编辑分类名称
- handleUpdateCategorySave(name) {
- this.props.onTitleChange && this.props.onTitleChange(name)
- this.setState({
- addCategoryVisible: false
- })
- }
+ // 编辑分类名称
+ handleUpdateCategorySave(name) {
+ this.props.onTitleChange && this.props.onTitleChange(name);
+ this.setState({
+ addCategoryVisible: false
+ });
+ }
- // 修改分类名称,弹出修改弹出
- handleEditGroupIconClick(title) {
- this.title = title
- this.setState({addCategoryVisible : true})
- }
+ // 修改分类名称,弹出修改弹出
+ handleEditGroupIconClick(title) {
+ this.title = title;
+ this.setState({ addCategoryVisible: true });
+ }
- // 删除分类回调
- handleDeleteGroupIconClick() {
- Modal.confirm({
- title: '信息确认',
- content: '确认删除',
- onOk:() => {
- this.props.onGroupDelete && this.props.onGroupDelete()
- },
- onCancel: () => {
- },
- });
- }
+ // 删除分类回调
+ handleDeleteGroupIconClick() {
+ Modal.confirm({
+ title: "信息确认",
+ content: "确认删除",
+ onOk: () => {
+ this.props.onGroupDelete && this.props.onGroupDelete();
+ },
+ onCancel: () => {}
+ });
+ }
- render() {
- const {disabled, ledgerStore: {setAddItemVisible, addItemVisible}} = this.props;
- const { selectedRowKeys, formalModalVisible, addCategoryVisible } = this.state;
- const rowSelection = {
- selectedRowKeys,
- onChange: this.onSelectChange,
- getCheckboxProps: (record) => ({
- disabled: !record.canDelete,
- }),
- };
+ render() {
+ const {
+ disabled,
+ ledgerStore: { setAddItemVisible, addItemVisible }
+ } = this.props;
+ const {
+ selectedRowKeys,
+ formalModalVisible,
+ addCategoryVisible
+ } = this.state;
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: this.onSelectChange,
+ getCheckboxProps: record => ({
+ disabled: !record.canDelete
+ })
+ };
- return (
-
-
- {this.props.title}
- {
- this.props.title !== "未分类" &&
- {
- !disabled &&
-
- {this.handleEditGroupIconClick(this.props.title)}}/>
- {this.handleDeleteGroupIconClick()}}/>
-
- }
-
- }
-
-
-
- {
- !disabled &&
-
- {this.handleDelete()}}/>
- { this.setState({addItemVisible: true}) }}/>
-
- }
- {this.handleTiggleContent()}}/>
-
-
- {
- this.state.showContent &&
({
- index,
- moveRow: record,
- })}
- pagination={false}
- onDrop={(datas) => this.props.onDataSourceChange(datas)}
- draggable={true}
-
+ return (
+
+
+
+ {this.props.title}
+ {this.props.title !== "未分类" &&
+
+ {!disabled &&
+
+ {
+ this.handleEditGroupIconClick(this.props.title);
+ }}
/>
- }
- {
- this.state.addItemVisible && { this.setState({addItemVisible: false})}}
+ {
+ this.handleDeleteGroupIconClick();
+ }}
/>
- }
+ }
+ }
+
+
+ {!disabled &&
+
+ {
+ this.handleDelete();
+ }}
+ />
+ {
+ this.setState({ addItemVisible: true });
+ }}
+ />
+ }
+ {
+ this.handleTiggleContent();
+ }}
+ />
+
+
+ {this.state.showContent &&
+
({
+ index,
+ moveRow: record
+ })}
+ pagination={false}
+ onDrop={datas => this.props.onDataSourceChange(datas)}
+ draggable={true}
+ />}
+ {this.state.addItemVisible &&
+ {
+ this.setState({ addItemVisible: false });
+ }}
+ />}
- {
- formalModalVisible &&
- {
- this.handleSaveFormal(data)
- }}
- onCancel={() => this.setState({
- formalModalVisible: false
- })}
- />
- }
-
- {/* 编辑分类名称 */}
- {
- addCategoryVisible &&
- {this.handleUpdateCategorySave(value)}} visible={addCategoryVisible} onCancel={() => {
- this.setState({addCategoryVisible: false})
- }} />
- }
-
- )
- }
-}
\ No newline at end of file
+ {formalModalVisible &&
+ {
+ this.handleSaveFormal(data);
+ }}
+ onCancel={() =>
+ this.setState({
+ formalModalVisible: false
+ })}
+ />}
+
+ {/* 编辑分类名称 */}
+ {addCategoryVisible &&
+ {
+ this.handleUpdateCategorySave(value);
+ }}
+ visible={addCategoryVisible}
+ onCancel={() => {
+ this.setState({ addCategoryVisible: false });
+ }}
+ />}
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/salaryFile/index.js b/pc4mobx/hrmSalary/pages/salaryFile/index.js
index 360941b0..5c5644cc 100644
--- a/pc4mobx/hrmSalary/pages/salaryFile/index.js
+++ b/pc4mobx/hrmSalary/pages/salaryFile/index.js
@@ -319,7 +319,7 @@ export default class SalaryFile extends React.Component {
onCancel() {},
});
} else {
- this.setState({ importType: e.key, isInit: false, modalVisiable: true, step: 0 });
+ this.setState({ importType: e.key, isInit: true, modalVisiable: true, step: 0 });
}
};
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/defaultSlideForm.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/defaultSlideForm.js
index 86bbacb4..3f0ea667 100644
--- a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/defaultSlideForm.js
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/defaultSlideForm.js
@@ -1,234 +1,267 @@
-import React from 'react'
-import { WeaSelect, WeaInput } from 'ecCom'
-import { Table, Row, Col, Switch } from 'antd'
-import { insertUpdateColumns } from './columns'
-import { inject, observer } from 'mobx-react';
-import SmallTab from '../../../components/smallTab'
-import "./index.less"
-import RequiredLabelTip from '../../../components/requiredLabelTip';
+import React from "react";
+import { WeaSelect, WeaInput } from "ecCom";
+import { Table, Row, Col, Switch } from "antd";
+import { insertUpdateColumns } from "./columns";
+import { inject, observer } from "mobx-react";
+import SmallTab from "../../../components/smallTab";
+import "./index.less";
+import RequiredLabelTip from "../../../components/requiredLabelTip";
-@inject('programmeStore')
+@inject("programmeStore")
@observer
export default class DefaultSlideForm extends React.Component {
- constructor(props) {
- super(props)
- this.state = {
- value: "SCHEME_TOWN",
- selectItem: "个人",
- dataSource: {}
- }
- insertUpdateColumns.map(item => {
- if(item.dataIndex == "isPayment") {
- item.render = (text, record) => {
- return ( {
- this.updateDataSource(record, e, "isPayment")
- }}/>)
- }
- } else if(item.dataIndex == "validNum") {
- let options = [
- {
- key: "0",
- selected: false,
- showname: "0"
- },
- {
- key: "1",
- selected: false,
- showname: "1"
- },
- {
- key: "2",
- selected: true,
- showname: "2"
- }
- ]
- item.render = (text, record) => {
- return (
- {
- this.updateDataSource(record, v, "validNum")
- }}
- />
- )
- }
- } else if(item.dataIndex == "rententionRule") {
- let options = [
- {
- key: "1",
- selected: false,
- showname: "原始数据"
- },
- {
- key: "2",
- selected: false,
- showname: "四舍五入"
- },
- {
- key: "3",
- selected: false,
- showname: "向上舍入"
- },
- {
- key: "4",
- selected: false,
- showname: "向下舍入"
- },
- ]
- item.render = (text, record) => {
- return (
- {
- this.updateDataSource(record, v, "rententionRule")
- }}
- />
- )
- }
- } else if(item.dataIndex == "paymentProportion") {
- item.render = (text, record) => {
- return (
- {
- this.updateDataSource(record, v, "paymentProportion")
- }}/>
- )
- }
- } else if(item.dataIndex == "fixedCost") {
- item.render = (text, record) => {
- return (
- {
- this.updateDataSource(record, v, "fixedCost")
- }} />
- )
- }
- }
- })
-
+ constructor(props) {
+ super(props);
+ this.state = {
+ value: "SCHEME_TOWN",
+ selectItem: "个人",
+ dataSource: {}
+ };
+ insertUpdateColumns.map(item => {
+ if (item.dataIndex == "isPayment") {
+ item.render = (text, record) => {
+ return (
+ {
+ this.updateDataSource(record, e, "isPayment");
+ }}
+ />
+ );
+ };
+ } else if (item.dataIndex == "validNum") {
+ let options = [
+ {
+ key: "0",
+ selected: false,
+ showname: "0"
+ },
+ {
+ key: "1",
+ selected: false,
+ showname: "1"
+ },
+ {
+ key: "2",
+ selected: true,
+ showname: "2"
+ }
+ ];
+ item.render = (text, record) => {
+ return (
+ {
+ this.updateDataSource(record, v, "validNum");
+ }}
+ />
+ );
+ };
+ } else if (item.dataIndex == "rententionRule") {
+ let options = [
+ {
+ key: "1",
+ selected: false,
+ showname: "原始数据"
+ },
+ {
+ key: "2",
+ selected: false,
+ showname: "四舍五入"
+ },
+ {
+ key: "3",
+ selected: false,
+ showname: "向上舍入"
+ },
+ {
+ key: "4",
+ selected: false,
+ showname: "向下舍入"
+ }
+ ];
+ item.render = (text, record) => {
+ return (
+ {
+ this.updateDataSource(record, v, "rententionRule");
+ }}
+ />
+ );
+ };
+ } else if (item.dataIndex == "paymentProportion") {
+ item.render = (text, record) => {
+ return (
+ {
+ this.updateDataSource(record, v, "paymentProportion");
+ }}
+ />
+ );
+ };
+ } else if (item.dataIndex == "fixedCost") {
+ item.render = (text, record) => {
+ return (
+ {
+ this.updateDataSource(record, v, "fixedCost");
+ }}
+ />
+ );
+ };
+ }
+ });
+ }
+
+ updateDataSource(record, e, key) {
+ const {
+ programmeStore: {
+ defaultCompanyDataSource,
+ defaultPersonDataSource,
+ setDefaultPersonDataSource,
+ setDefaultCompanyDataSource
+ }
+ } = this.props;
+ let result = { ...record };
+ result[key] = e;
+ if (this.state.selectItem == "个人") {
+ let dataSource = [...defaultPersonDataSource];
+ dataSource = dataSource.map(item => {
+ if (item.id == result.id) return result;
+ else return item;
+ });
+ setDefaultPersonDataSource(dataSource);
+ } else {
+ let dataSource = [...defaultCompanyDataSource];
+ dataSource = dataSource.map(item => {
+ if (item.id == result.id) return result;
+ else return item;
+ });
+ setDefaultCompanyDataSource(dataSource);
}
+ }
- updateDataSource(record, e, key) {
- const { programmeStore: {defaultCompanyDataSource, defaultPersonDataSource, setDefaultPersonDataSource, setDefaultCompanyDataSource}} = this.props;
- let result = {...record}
- result[key] = e
- if(this.state.selectItem == "个人") {
- let dataSource = [...defaultPersonDataSource];
- dataSource = dataSource.map(item => {
- if(item.id == result.id)
- return result;
- else
- return item;
- })
- setDefaultPersonDataSource(dataSource)
- } else {
- let dataSource = [...defaultCompanyDataSource];
- dataSource = dataSource.map(item => {
- if(item.id == result.id)
- return result;
- else
- return item;
- })
- setDefaultCompanyDataSource(dataSource)
- }
- }
+ componentWillMount() {
+ const { programmeStore } = this.props;
+ const { getForm, selectedKey, defaultPersonDataSource } = programmeStore;
+ }
- componentWillMount() {
- const { programmeStore } = this.props;
- const { getForm, selectedKey, defaultPersonDataSource } = programmeStore
- }
+ render() {
+ const { programmeStore } = this.props;
+ const {
+ defaultPersonDataSource,
+ defaultCompanyDataSource,
+ selectedKey
+ } = programmeStore;
+ const { dataSource } = this.state;
+ const options = [
+ {
+ key: "SCHEME_TOWN",
+ selected: true,
+ showname: "城镇"
+ },
+ {
+ key: "SCHEME_VILLAGE",
+ selected: false,
+ showname: "农村"
+ }
+ ];
- render() {
- const { programmeStore } = this.props;
- const { defaultPersonDataSource, defaultCompanyDataSource, selectedKey } = programmeStore
- const { dataSource } = this.state;
- const options = [
- {
- key: "SCHEME_TOWN",
- selected: true,
- showname: "城镇"
- },
- {
- key: "SCHEME_VILLAGE",
- selected: false,
- showname: "农村"
- }
- ]
+ const handleSmallTabChange = item => {
+ // let paymentArea = item == "paymentArea" ? "1": "2"
+ // let requestParams = {...this.props.requestParams}
+ // requestParams.paymentArea = paymentArea
+ this.setState({
+ selectItem: item.value
+ });
+ // this.props.onChange(requestParams)
+ };
- const handleSmallTabChange = (item) => {
- // let paymentArea = item == "paymentArea" ? "1": "2"
- // let requestParams = {...this.props.requestParams}
- // requestParams.paymentArea = paymentArea
- this.setState({
- selectItem: item.value,
- })
- // this.props.onChange(requestParams)
- }
+ return (
+
+
+
+
+ 缴纳类型
+
+
+ {
+ let requestParams = { ...this.props.requestParams };
+ requestParams.paymentType = v;
+ this.props.onChange(requestParams);
+ }}
+ />
+
+
- return (
-
-
-
-
- 缴纳类型
-
-
- {
- let requestParams = {...this.props.requestParams}
- requestParams.paymentType = v
- this.props.onChange(requestParams)
- }}
- />
-
-
+
+
+ 方案名称
+
+
+ {
+ let requestParams = { ...this.props.requestParams };
+ requestParams.schemeName = value;
+ this.props.onChange(requestParams);
+ }}
+ />
+
+
-
-
-
- 方案名称
-
-
- {
- let requestParams = {...this.props.requestParams}
- requestParams.schemeName = value
- this.props.onChange(requestParams)
- }}/>
-
-
+
+ 备注
+
+ {
+ let requestParams = { ...this.props.requestParams };
+ requestParams.remarks = value;
+ this.props.onChange(requestParams);
+ }}
+ />
+
+
+
-
-
- 备注
-
-
- {
- let requestParams = {...this.props.requestParams}
- requestParams.remarks = value
- this.props.onChange(requestParams)
- }}/>
-
-
-
+
+
+ {
+ handleSmallTabChange(item);
+ }}
+ />
+
-
-
- {handleSmallTabChange(item)}} />
-
-
-
- {
- this.state.selectItem == "个人" ?
-
- :
-
- }
-
-
-
- )
- }
-}
\ No newline at end of file
+
+ {this.state.selectItem == "个人"
+ ?
+ :
}
+
+
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/index.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/index.js
index beacd85c..8b6c7935 100644
--- a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/index.js
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/programme/index.js
@@ -1,40 +1,59 @@
-import React from 'react';
-import { inject, observer } from 'mobx-react';
-import { toJS } from 'mobx';
+import React from "react";
+import { inject, observer } from "mobx-react";
+import { toJS } from "mobx";
-import { Button, Table, DatePicker, Row, Col, Switch, Modal, Dropdown, Menu } from 'antd';
+import {
+ Button,
+ Table,
+ DatePicker,
+ Row,
+ Col,
+ Switch,
+ Modal,
+ Dropdown,
+ Menu
+} from "antd";
-import { WeaTop, WeaTab, WeaRightMenu, WeaRangePicker, WeaInputSearch, WeaSlideModal, WeaSelect, WeaTable } from 'ecCom';
+import {
+ WeaTop,
+ WeaTab,
+ WeaRightMenu,
+ WeaRangePicker,
+ WeaInputSearch,
+ WeaSlideModal,
+ WeaSelect,
+ WeaTable
+} from "ecCom";
-import { WeaTableNew } from "comsMobx"
-import CustomTable from '../../../components/customTable'
+import { WeaTableNew } from "comsMobx";
+import CustomTable from "../../../components/customTable";
import "./index.less";
const WeaMobxTable = WeaTableNew.WeaTable;
-import { renderNoright, getSearchs } from '../../../util'; // 渲染form数据的方法:因为多个页面都会使用,所以抽的公共方法在util中
-import CustomTab from '../../../components/customTab';
-import ContentWrapper from '../../../components/contentWrapper';
-import SlideModalTitle from '../../../components/slideModalTitle';
-import TipLabel from '../../../components/TipLabel'
-import DefaultSlideForm from './defaultSlideForm'
-import CustomNewModal from './customNewModal'
-import { welfareTypeEnum, paymentScopeEnum } from './enum';
-import CustomPaginationTable from '../../../components/customPaginationTable'
-
+import { renderNoright, getSearchs } from "../../../util"; // 渲染form数据的方法:因为多个页面都会使用,所以抽的公共方法在util中
+import CustomTab from "../../../components/customTab";
+import ContentWrapper from "../../../components/contentWrapper";
+import SlideModalTitle from "../../../components/slideModalTitle";
+import TipLabel from "../../../components/TipLabel";
+import DefaultSlideForm from "./defaultSlideForm";
+import CustomNewModal from "./customNewModal";
+import { welfareTypeEnum, paymentScopeEnum } from "./enum";
+import CustomPaginationTable from "../../../components/customPaginationTable";
import {
socialSecurityColumns,
accumulationFundColumns,
otherBenefitsColumns,
- CustomBenefitsColumns, dataSource
-} from './columns';
+ CustomBenefitsColumns,
+ dataSource
+} from "./columns";
const { MonthPicker } = DatePicker;
-import TwoColContent from '../../../components/twoColContent';
-import CopySchemaModal from './copySchemaModal';
+import TwoColContent from "../../../components/twoColContent";
+import CopySchemaModal from "./copySchemaModal";
-@inject('programmeStore')
+@inject("programmeStore")
@observer
export default class Programme extends React.Component {
constructor(props) {
@@ -48,35 +67,48 @@ export default class Programme extends React.Component {
copyId: "",
customNewVisible: false,
customEdit: false
- }
+ };
- this.pageInfo = {current: 1, pageSize: 10}
+ this.pageInfo = { current: 1, pageSize: 10 };
}
componentWillMount() {
const { programmeStore } = this.props;
- const {doInit} = programmeStore;
+ const { doInit } = programmeStore;
doInit();
}
// 增加编辑功能,重写columns绑定事件
- getColumns = (columns) => {
- let newColumns = columns.filter(item => item.dataIndex !== "id" && item.dataIndex !== "paymentArea")
-
+ getColumns = columns => {
+ let newColumns = columns.filter(
+ item => item.dataIndex !== "id" && item.dataIndex !== "paymentArea"
+ );
+
newColumns = newColumns.map(column => {
let newColumn = column;
- newColumn.render = (text, record, index) => { //前端元素转义
- let valueSpan = record[newColumn.dataIndex + "span"] !== undefined ? record[newColumn.dataIndex + "span"] : record[newColumn.dataIndex];
- if(newColumn.dataIndex == "id") {
- newColumn.display = false
+ newColumn.render = (text, record, index) => {
+ //前端元素转义
+ let valueSpan =
+ record[newColumn.dataIndex + "span"] !== undefined
+ ? record[newColumn.dataIndex + "span"]
+ : record[newColumn.dataIndex];
+ if (newColumn.dataIndex == "id") {
+ newColumn.display = false;
}
- switch(newColumn.dataIndex) {
+ switch (newColumn.dataIndex) {
case "operate":
- return {this.onEdit(record)}}>编辑
+ return (
+ {
+ this.onEdit(record);
+ }}>
+ 编辑
+
+ );
default:
- return
+ return ;
}
- }
+ };
return newColumn;
});
@@ -84,138 +116,202 @@ export default class Programme extends React.Component {
title: "操作",
dataIndex: "operate",
render: (text, record) => {
- return {this.onEdit(record)}}>编辑
+ return (
+ {
+ this.onEdit(record);
+ }}>
+ 编辑
+
+ );
}
- })
- newColumns.push(
- {
- title : '',
- key: "moreOperate",
- dataIndex: "moreOperate",
- render: (text, record) => {
- return (
-
-
- {
- this.onCopy(record);
- }}>复制
-
- }>
-
-
-
- );
- }
- })
+ });
+ newColumns.push({
+ title: "",
+ key: "moreOperate",
+ dataIndex: "moreOperate",
+ render: (text, record) => {
+ return (
+
+
+ {
+ this.onCopy(record);
+ }}>
+ 复制
+
+
+
+ }>
+
+
+ );
+ }
+ });
return newColumns;
- }
+ };
handleCategoryStatusChange(record, value) {
- const {programmeStore: { updateCustomCategoryStatus }} = this.props;
+ const { programmeStore: { updateCustomCategoryStatus } } = this.props;
Modal.confirm({
- title: '信息确认',
- content: `确认要${value ? '启用' : '停用'}吗`,
- onOk:() => {
- updateCustomCategoryStatus(record.id, value)
- },
- onCancel: () => {
-
+ title: "信息确认",
+ content: `确认要${value ? "启用" : "停用"}吗`,
+ onOk: () => {
+ updateCustomCategoryStatus(record.id, value);
},
+ onCancel: () => {}
});
}
- getCustomColumns = (columns) => {
- let newColumns = '';
+ getCustomColumns = columns => {
+ let newColumns = "";
newColumns = columns.map(column => {
let newColumn = column;
- newColumn.render = (text, record, index) => { //前端元素转义
- let valueSpan = record[newColumn.dataIndex + "span"] !== undefined ? record[newColumn.dataIndex + "span"] : record[newColumn.dataIndex];
- switch(newColumn.dataIndex) {
+ newColumn.render = (text, record, index) => {
+ //前端元素转义
+ let valueSpan =
+ record[newColumn.dataIndex + "span"] !== undefined
+ ? record[newColumn.dataIndex + "span"]
+ : record[newColumn.dataIndex];
+ switch (newColumn.dataIndex) {
case "operate":
- return {this.onCustomEdit(record)}}>编辑
+ return (
+ {
+ this.onCustomEdit(record);
+ }}>
+ 编辑
+
+ );
case "is_use":
- return {this.handleCategoryStatusChange(record, value)}}/>
+ return (
+ {
+ this.handleCategoryStatusChange(record, value);
+ }}
+ />
+ );
default:
- return
+ return ;
}
- }
+ };
return newColumn;
});
return newColumns;
- }
+ };
onEdit(record) {
let id = record.id;
- const { programmeStore } = this.props
- const { getForm, selectedKey } = programmeStore
+ const { programmeStore } = this.props;
+ const { getForm, selectedKey } = programmeStore;
getForm({
welfareTypeEnum: selectedKey,
id
- })
- this.setState({slideVisiable: true, currentOperate: "update"})
+ });
+ this.setState({ slideVisiable: true, currentOperate: "update" });
}
onCopy(record) {
this.setState({
copyId: record.id,
copyModalVisible: true
- })
+ });
}
onCustomOperatesClick(record, index, operate, flag) {
- switch(operate.text.toString()){
- case '编辑': // 编辑
+ switch (operate.text.toString()) {
+ case "编辑": // 编辑
this.onCustomEdit(record);
break;
}
}
- onCustomEdit(record) {
- const { programmeStore: {getCustomForm, setCustomNewVisible, setCustomRequest}} = this.props;
- getCustomForm()
- setCustomNewVisible(true)
+ onCustomEdit(record) {
+ const {
+ programmeStore: { getCustomForm, setCustomNewVisible, setCustomRequest }
+ } = this.props;
+ getCustomForm();
+ setCustomNewVisible(true);
this.setState({
customEdit: true
- })
+ });
setCustomRequest({
- insuranceName: record['insurance_name'],
+ insuranceName: record["insurance_name"],
id: record.id,
isUse: record.is_use,
- paymentScope: record.payment_scope.split(",").map(item => paymentScopeEnum[item]),
+ paymentScope: record.payment_scope
+ .split(",")
+ .map(item => paymentScopeEnum[item]),
welfareType: welfareTypeEnum[record.welfare_type]
- })
+ });
}
- // 页面跳转
- handlePageChange(value) {
- const { programmeStore: {form, getTableDatas, selectedKey} } = this.props;
- this.pageInfo.current = value
- getTableDatas(selectedKey, this.pageInfo)
+ // 页面跳转
+ handlePageChange(value) {
+ const { programmeStore: { form, getTableDatas, selectedKey } } = this.props;
+ this.pageInfo.current = value;
+ getTableDatas(selectedKey, this.pageInfo);
}
render() {
const { programmeStore } = this.props;
- const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = programmeStore;
- const { selectedKey, setSelectedKey, getCustomCategoryList, customTableStore,
- customSelectkey, setCustomSelectkey, requestParams, setRequestParams, formCondition,
- setCustomNewVisible, customNewVisible, tableDataSource, tableColumns, tablePageInfo } = programmeStore;
- if (!hasRight && !loading) { // 无权限处理
+ const {
+ loading,
+ hasRight,
+ form,
+ condition,
+ tableStore,
+ showSearchAd,
+ getTableDatas,
+ doSearch,
+ setShowSearchAd
+ } = programmeStore;
+ const {
+ selectedKey,
+ setSelectedKey,
+ getCustomCategoryList,
+ customTableStore,
+ customSelectkey,
+ setCustomSelectkey,
+ requestParams,
+ setRequestParams,
+ formCondition,
+ setCustomNewVisible,
+ customNewVisible,
+ tableDataSource,
+ tableColumns,
+ tablePageInfo
+ } = programmeStore;
+ if (!hasRight && !loading) {
+ // 无权限处理
return renderNoright();
}
- const rightMenu = [// 右键菜单
+ const rightMenu = [
+ // 右键菜单
];
- const collectParams = { // 收藏功能配置
- favname: '社保福利方案',
+ const collectParams = {
+ // 收藏功能配置
+ favname: "社保福利方案",
favouritetype: 1,
objid: 0,
- link: 'wui/index.html#/ns_demo03/index',
- importantlevel: 1,
+ link: "wui/index.html#/ns_demo03/index",
+ importantlevel: 1
};
- const adBtn = [ // 高级搜索内部按钮
- ,
- ,
- ,
+ const adBtn = [
+ // 高级搜索内部按钮
+ ,
+ ,
+
];
const topTab = [
@@ -237,51 +333,66 @@ export default class Programme extends React.Component {
}
];
- const options = [
+ const options = [
{
showname: "全部",
key: ""
},
{
showname: "社保",
- key: "SOCIAL_SECURITY"
+ key: "SOCIAL_SECURITY"
},
{
showname: "公积金",
- key: "ACCUMULATION_FUND"
+ key: "ACCUMULATION_FUND"
},
{
showname: "企业年金及其他福利",
key: "OTHER"
}
- ]
+ ];
const handleNewClick = () => {
- const { programmeStore: {initSlideParms, getForm, selectedKey}} = this.props;
+ const {
+ programmeStore: { initSlideParms, getForm, selectedKey }
+ } = this.props;
initSlideParms();
- this.setState({ slideVisiable: true, currentOperate: "add" })
- getForm({welfareTypeEnum: selectedKey})
- }
+ this.setState({ slideVisiable: true, currentOperate: "add" });
+ getForm({ welfareTypeEnum: selectedKey });
+ };
const handleCustomNewClick = () => {
- const { programmeStore : { getCustomForm, getCumCustomForm, setCustomNewVisible, setCustomRequest }} = this.props;
- getCustomForm()
- setCustomRequest({})
- setCustomNewVisible(true)
- this.setState({customEdit: false})
-
- }
+ const {
+ programmeStore: {
+ getCustomForm,
+ getCumCustomForm,
+ setCustomNewVisible,
+ setCustomRequest
+ }
+ } = this.props;
+ getCustomForm();
+ setCustomRequest({});
+ setCustomNewVisible(true);
+ this.setState({ customEdit: false });
+ };
// const renderSearchOperationItem = () => {
// const { programmeStore: {setCustomSelectkey, getCustomCategoryList}} = this.props;
- // return
+ // return
// }
const handleOnSave = () => {
- const { programmeStore } = this.props
- const { currentOperate } = this.state
- const { selectedKey, defaultPersonDataSource, defaultCompanyDataSource, createScheme, requestParams, updateScheme } = programmeStore
- let { schemeName, remarks, paymentArea, paymentType } = requestParams
+ const { programmeStore } = this.props;
+ const { currentOperate } = this.state;
+ const {
+ selectedKey,
+ defaultPersonDataSource,
+ defaultCompanyDataSource,
+ createScheme,
+ requestParams,
+ updateScheme
+ } = programmeStore;
+ let { schemeName, remarks, paymentArea, paymentType } = requestParams;
let request = {
insuranceScheme: {
paymentType,
@@ -290,174 +401,195 @@ export default class Programme extends React.Component {
remarks,
paymentArea
},
- insuranceSchemeDetailList: [...defaultPersonDataSource, ...defaultCompanyDataSource]
+ insuranceSchemeDetailList: [
+ ...defaultPersonDataSource,
+ ...defaultCompanyDataSource
+ ]
+ };
+
+ if (currentOperate == "add") {
+ createScheme(request);
+ } else if (currentOperate == "update") {
+ request.insuranceScheme.id = requestParams.id;
+ updateScheme(request);
}
-
- if(currentOperate == "add") {
- createScheme(request)
- } else if(currentOperate == "update"){
- request.insuranceScheme.id = requestParams.id
- updateScheme(request)
- }
- this.setState({slideVisiable: false})
- }
+ this.setState({ slideVisiable: false });
+ };
const renderCustomRightContent = () => {
let tipList = [
"1、可以为社保、公积金、企业年金及其他福利新增自定义的福利项,如:残疾保险等",
"2、新增自定义福利默认启用,社保福利方案中的自定义福利项均未开启缴纳,当前页面的自定义福利项才可以停用;停用后再新增方案时没有该福利项",
"3、自定义福利若要缴纳,需要在方案里填写缴纳相关数据"
- ]
- return ()
- }
+ ];
+ return ;
+ };
const handleCopyModalSave = () => {
- const { programmeStore: {copyScheme}} = this.props;
+ const { programmeStore: { copyScheme } } = this.props;
const { copyId, copyModalValue } = this.state;
- copyScheme({id:copyId, schemeName: copyModalValue})
- this.setState({copyModalVisible : false})
- }
+ copyScheme({ id: copyId, schemeName: copyModalValue });
+ this.setState({ copyModalVisible: false });
+ };
const handleSlideClose = () => {
- this.setState({ slideVisiable: false })
- const { programmeStore: {initSlideParms} } = this.props;
- initSlideParms()
- }
+ this.setState({ slideVisiable: false });
+ const { programmeStore: { initSlideParms } } = this.props;
+ initSlideParms();
+ };
return (
+ collectParams={collectParams}>
+ {/* 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能 */}
} // 左侧图标
- iconBgcolor='#F14A2D' // 左侧图标背景色
+ icon={} // 左侧图标
+ iconBgcolor="#F14A2D" // 左侧图标背景色
showDropIcon={true} // 是否显示下拉按钮
dropMenuDatas={rightMenu} // 下拉菜单(和页面的右键菜单相同)
- dropMenuProps={{ collectParams }} // 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能
- >
-
+ {/* 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能 */}
+
-
-
- {
- selectedKey == "custom" && {
+ if (selectedKey == "custom") {
+ handleCustomNewClick();
+ } else {
+ handleNewClick();
+ }
+ }}>
+ 新建
+
+
+ {selectedKey == "custom" &&
+ {
- setCustomSelectkey(v)
- getCustomCategoryList(v)
- console.log("v:", v)
+ style={{ width: "150px" }}
+ onChange={v => {
+ setCustomSelectkey(v);
+ getCustomCategoryList(v);
+ console.log("v:", v);
}}
- />
- }
+ />}
}
- onChange={(v) => {
- setSelectedKey(v)
- if(v == "custom") { // 自定义福利
- getCustomCategoryList()
+ onChange={v => {
+ setSelectedKey(v);
+ if (v == "custom") {
+ // 自定义福利
+ getCustomCategoryList();
} else {
- getTableDatas(v)
+ getTableDatas(v);
}
}}
/>
- {
- selectedKey == "custom" ?
-
- }
- rightContent={
- renderCustomRightContent()
- }
- /> :
-
-
- {
- this.handlePageChange(value)
- }}
- onShowSizeChange={(current,pageSize) => {
- this.pageInfo = {current, pageSize}
- const { programmeStore: {form, getTableDatas, selectedKey} } = this.props;
- getTableDatas(selectedKey, this.pageInfo)
- }}
- />
-
- }
+ {selectedKey == "custom"
+ ?
+ }
+ rightContent={renderCustomRightContent()}
+ />
+ : {
+ this.handlePageChange(value);
+ }}
+ onShowSizeChange={(current, pageSize) => {
+ this.pageInfo = { current, pageSize };
+ const {
+ programmeStore: { form, getTableDatas, selectedKey }
+ } = this.props;
+ getTableDatas(selectedKey, this.pageInfo);
+ }}
+ />}
- {
- this.state.slideVisiable && {
- handleOnSave();
- }}
- />
- }
- content={( {
- console.log("requestParams:", requestParams);
- setRequestParams(requestParams)
- }}/>)}
- onClose={() => {handleSlideClose()}}
- showMask={true}
- closeMaskOnClick={() => {handleSlideClose()}}
- onAnimationEnd={() => console.log('onAnimationEnd')} />
- }
-
- {
- this.state.copyModalVisible && this.setState({copyModalValue: value})}
- onCancel={() => {this.setState({copyModalVisible: false})}}
- footer={
+ {this.state.slideVisiable &&
+ {
+ handleOnSave();
+ }}
+ />
}
- />
- }
+ content={
+ {
+ setRequestParams(requestParams);
+ }}
+ />
+ }
+ onClose={() => {
+ handleSlideClose();
+ }}
+ showMask={true}
+ closeMaskOnClick={() => {
+ handleSlideClose();
+ }}
+ onAnimationEnd={() => console.log("onAnimationEnd")}
+ />}
- {
- customNewVisible && {setCustomNewVisible(false)}}
- />
- }
+ {this.state.copyModalVisible &&
+ this.setState({ copyModalValue: value })}
+ onCancel={() => {
+ this.setState({ copyModalVisible: false });
+ }}
+ footer={
+
+ }
+ />}
+
+ {customNewVisible &&
+ {
+ setCustomNewVisible(false);
+ }}
+ />}
- )
+ );
}
}
diff --git a/pc4mobx/hrmSalary/stores/ledger.js b/pc4mobx/hrmSalary/stores/ledger.js
index eb05162d..38276392 100644
--- a/pc4mobx/hrmSalary/stores/ledger.js
+++ b/pc4mobx/hrmSalary/stores/ledger.js
@@ -19,12 +19,13 @@ export class LedgerStore {
@observable includeType = 1; // 0:排除、1:包含
@observable userTableStore = {};
@observable addUserModalVisible = false;
- @observable itemGroups = [
+ @observable
+ itemGroups = [
{
id: "default",
name: "未分类",
- items: [],
- },
+ items: []
+ }
];
@observable salaryItemTableStore = new TableStore();
@observable empBrowserList = [];
@@ -54,8 +55,8 @@ export class LedgerStore {
{
id: "default",
name: "未分类",
- items: [],
- },
+ items: []
+ }
];
this.empBrowserList = [];
this.empFields = [];
@@ -70,66 +71,61 @@ export class LedgerStore {
@observable pageObj = {}; //列表数据
@observable dataSource = []; //列表数据
- @action
- setColumns = (columns) => (this.columns = columns);
+ @action setColumns = columns => (this.columns = columns);
- @action
- setPageObj = (pageObj) => (this.pageObj = pageObj);
+ @action setPageObj = pageObj => (this.pageObj = pageObj);
- @action
- setDataSource = (dataSource) => (this.dataSource = dataSource);
+ @action setDataSource = dataSource => (this.dataSource = dataSource);
// 设置员工字段
- @action
- setEmpFields = (empFields) => (this.empFields = empFields);
+ @action setEmpFields = empFields => (this.empFields = empFields);
@action
- setUserSelectedList = (userSelectedList) =>
+ setUserSelectedList = userSelectedList =>
(this.userSelectedList = userSelectedList);
@action
- setBaseInfoRequest = (baseInfoRequest) =>
+ setBaseInfoRequest = baseInfoRequest =>
(this.baseInfoRequest = baseInfoRequest);
@action
- setSobItemRuleDataSource = (sobItemRuleDataSource) =>
+ setSobItemRuleDataSource = sobItemRuleDataSource =>
(this.sobItemRuleDataSource = sobItemRuleDataSource);
@action
- setAddCategoryVisible = (addCategoryVisible) =>
+ setAddCategoryVisible = addCategoryVisible =>
(this.addCategoryVisible = addCategoryVisible);
- @action
- setExcludeIds = (excludeIds) => (this.excludeIds = excludeIds);
+ @action setExcludeIds = excludeIds => (this.excludeIds = excludeIds);
@action
- addExcludeIds = (id) => {
+ addExcludeIds = id => {
let excludeIds = [...this.excludeIds];
excludeIds.push(id);
this.excludeIds = excludeIds;
};
@action
- addEmpFields = (fieldId) => {
+ addEmpFields = fieldId => {
let sortedIndex = 1;
if (this.empFields.length > 0) {
- let lastSortedIndex =
- this.empFields[this.empFields.length - 1].sortedIndex;
+ let lastSortedIndex = this.empFields[this.empFields.length - 1]
+ .sortedIndex;
sortedIndex = parseInt(lastSortedIndex) + 1;
}
let item = {
fieldId,
sortedIndex,
- canDelete: true,
+ canDelete: true
};
let result = [...this.empFields];
result.push(item);
this.empFields = result;
- this.userSelectedList = this.empFields.map((item) => {
+ this.userSelectedList = this.empFields.map(item => {
item = { ...item };
item.key = item.fieldId;
if (!item.showname || item.showname == "") {
- this.empBrowserList.map((bitem) => {
+ this.empBrowserList.map(bitem => {
if (bitem.key == item.fieldId) {
item.showname = bitem.showname;
}
@@ -140,25 +136,29 @@ export class LedgerStore {
};
@action
- setItemGroups = (itemGroups) => {
- itemGroups = itemGroups ? [...itemGroups] : []
- itemGroups && itemGroups.map(item => {
- if(item.items) {
- item.items && item.items.map(i => {i.key = i.id})
- }
- })
- this.itemGroups = itemGroups
+ setItemGroups = itemGroups => {
+ itemGroups = itemGroups ? [...itemGroups] : [];
+ itemGroups &&
+ itemGroups.map(item => {
+ if (item.items) {
+ item.items &&
+ item.items.map(i => {
+ i.key = i.id;
+ });
+ }
+ });
+ this.itemGroups = itemGroups;
};
@action
- addItemGroup = (name) => {
+ addItemGroup = name => {
if (!name || name == "" || name.trim() == "") {
message.warning("分类名称不能为空");
return;
}
let itemGroups = [...this.itemGroups];
let flag = false;
- itemGroups.map((item) => {
+ itemGroups.map(item => {
if (item.name == name) {
flag = true;
}
@@ -176,7 +176,7 @@ export class LedgerStore {
@action
addItemsToGroup = (title, list) => {
let itemGroups = [...this.itemGroups];
- itemGroups.map((item) => {
+ itemGroups.map(item => {
if (item.name == title) {
item.items = item.items ? item.items.concat(list) : list;
}
@@ -186,32 +186,29 @@ export class LedgerStore {
};
@action
- addCategoryList = (item) => {
+ addCategoryList = item => {
let list = [...this.categoryList];
list.push(item);
this.categoryList = list;
};
@action
- removeCategoryList = (item) => {
+ removeCategoryList = item => {
let list = [...this.categoryList];
- list.filter((i) => item.name != i.name);
+ list.filter(i => item.name != i.name);
this.categoryList = list;
};
@action
- setAddUserModalVisible = (addUserModalVisible) =>
+ setAddUserModalVisible = addUserModalVisible =>
(this.addUserModalVisible = addUserModalVisible);
@action
- setUserTableStore = (userTableStore) =>
- (this.userTableStore = userTableStore);
+ setUserTableStore = userTableStore => (this.userTableStore = userTableStore);
- @action
- setIncludeType = (includeType) => (this.includeType = includeType);
+ @action setIncludeType = includeType => (this.includeType = includeType);
- @action
- setSalarySobId = (salarySobId) => (this.salarySobId = salarySobId);
+ @action setSalarySobId = salarySobId => (this.salarySobId = salarySobId);
// 初始化操作
@action
@@ -222,13 +219,13 @@ export class LedgerStore {
this.setBaseInfoRequest({
name: "",
taxableItems: "1",
- salaryCycleType: "1",
+ salaryCycleType: "3",
salaryCycleFromDay: "1",
- taxCycleType: "1",
- attendCycleType: "1",
+ taxCycleType: "3",
+ attendCycleType: "3",
attendCycleFromDay: "1",
- socialSecurityCycleType: "1",
- description: "",
+ socialSecurityCycleType: "3",
+ description: ""
});
};
@@ -237,13 +234,13 @@ export class LedgerStore {
this.setBaseInfoRequest({
name: "",
taxableItems: "1",
- salaryCycleType: "1",
+ salaryCycleType: "3",
salaryCycleFromDay: "1",
- taxCycleType: "1",
- attendCycleType: "1",
+ taxCycleType: "3",
+ attendCycleType: "3",
attendCycleFromDay: "1",
- socialSecurityCycleType: "1",
- description: "",
+ socialSecurityCycleType: "3",
+ description: ""
});
};
@@ -251,7 +248,7 @@ export class LedgerStore {
@action
getCondition = () => {
API.getCondition().then(
- action((res) => {
+ action(res => {
if (res.api_status) {
// 接口请求成功/失败处理
this.condition = res.condition;
@@ -265,7 +262,7 @@ export class LedgerStore {
// 渲染table数据
@action
- getTableDatas = (params) => {
+ getTableDatas = params => {
this.loading = true;
API.getLedgerList(params).then(
action(({ status, data, errormsg }) => {
@@ -278,13 +275,13 @@ export class LedgerStore {
this.setPageObj({
total,
current,
- pageSize,
+ pageSize
});
} else {
this.setDataSource([]);
this.setPageObj({
...this.pageObj,
- total: 0,
+ total: 0
});
message.error(errormsg || "接口调用失败!");
}
@@ -292,19 +289,20 @@ export class LedgerStore {
);
};
- @action
- setShowSearchAd = (bool) => (this.showSearchAd = bool);
+ @action setShowSearchAd = bool => (this.showSearchAd = bool);
// 高级搜索 - 搜索
- @action doSearch = () => {
+ @action
+ doSearch = () => {
this.getTableDatas();
this.showSearchAd = false;
};
// 复制
- @action doCopy = (id, name) => {
+ @action
+ doCopy = (id, name) => {
return new Promise((resolve, reject) => {
- API.duplicateLedger({ id, name }).then((res) => {
+ API.duplicateLedger({ id, name }).then(res => {
if (res.status) {
message.success("复制成功");
this.getTableDatas({});
@@ -320,7 +318,7 @@ export class LedgerStore {
//启用/禁用薪资帐套
@action
changeLedgerStatus = (id, disable) => {
- API.changeLedgerStatus({ id, disable }).then((res) => {
+ API.changeLedgerStatus({ id, disable }).then(res => {
if (res.status) {
this.getTableDatas({});
message.success("修改成功");
@@ -376,12 +374,12 @@ export class LedgerStore {
//保存薪资帐套基本信息
@action
- saveLedgerBasic = (params) => {
+ saveLedgerBasic = params => {
if (!this.validateBaseFrom(params)) {
return;
}
return new Promise((resolve, reject) => {
- API.saveLedgerBasic(params).then((res) => {
+ API.saveLedgerBasic(params).then(res => {
if (res.status) {
this.salarySobId = res.data;
resolve();
@@ -397,8 +395,8 @@ export class LedgerStore {
//删除薪资帐套
@action
- deleteLedger = (params) => {
- API.deleteLedger(params).then((res) => {
+ deleteLedger = params => {
+ API.deleteLedger(params).then(res => {
if (res.status) {
message.success("删除成功");
this.getTableDatas({});
@@ -428,11 +426,11 @@ export class LedgerStore {
//保存薪资帐套人员范围
@action
- saveLedgerPersonRange = (params) => {
+ saveLedgerPersonRange = params => {
if (!this.validateLedgerPersonRange(params)) {
return;
}
- API.saveLedgerPersonRange(params).then((res) => {
+ API.saveLedgerPersonRange(params).then(res => {
if (res.status) {
if (this.includeType == 1) {
this.getLedgerPersonRangeInclude({ salarySobId: this.salarySobId });
@@ -448,8 +446,8 @@ export class LedgerStore {
};
//薪资帐套人员范围(包含)列表
- getLedgerPersonRangeInclude = (params) => {
- API.getLedgerPersonRangeInclude(params).then((res) => {
+ getLedgerPersonRangeInclude = params => {
+ API.getLedgerPersonRangeInclude(params).then(res => {
if (res.status) {
this.setUserTableStore(res.data);
} else {
@@ -459,8 +457,8 @@ export class LedgerStore {
};
//薪资帐套人员范围(排除)列表
- getLedgerPersonRangeExclude = (params) => {
- API.getLedgerPersonRangeExclude(params).then((res) => {
+ getLedgerPersonRangeExclude = params => {
+ API.getLedgerPersonRangeExclude(params).then(res => {
if (res.status) {
this.setUserTableStore(res.data);
} else {
@@ -470,8 +468,8 @@ export class LedgerStore {
};
//删除薪资帐套人员范围
- deleteLedgerPersonRange = (params) => {
- API.deleteLedgerPersonRange(params).then((res) => {
+ deleteLedgerPersonRange = params => {
+ API.deleteLedgerPersonRange(params).then(res => {
if (res.status) {
if (this.includeType == 1) {
this.getLedgerPersonRangeInclude({ salarySobId: this.salarySobId });
@@ -489,41 +487,41 @@ export class LedgerStore {
@action
listSalaryItem = (searchValue = "", current = 1) => {
let excludeIds = [];
- this.itemGroups && this.itemGroups.map((item) => {
- item.items && item.items.map((i) => {
- excludeIds.push(i.salaryItemId);
+ this.itemGroups &&
+ this.itemGroups.map(item => {
+ item.items &&
+ item.items.map(i => {
+ excludeIds.push(i.salaryItemId);
+ });
});
- });
this.loading = true;
- API.listSalaryItem({ name: searchValue, excludeIds, current }).then(
- (res) => {
- if (res.status) {
- if (res.data.list) {
- this.addSalaryItemDataSource = res.data.list.map((item) => {
- item = { ...item };
- item.key = item.id;
- return item;
- });
- } else {
- this.addSalaryItemDataSource = [];
- }
-
- this.addSalaryItemColumns = res.data.columns;
- this.addSalaryItemPageInfo = res.data;
- // this.salaryItemTableStore.getDatas(res.data.datas);
+ API.listSalaryItem({ name: searchValue, excludeIds, current }).then(res => {
+ if (res.status) {
+ if (res.data.list) {
+ this.addSalaryItemDataSource = res.data.list.map(item => {
+ item = { ...item };
+ item.key = item.id;
+ return item;
+ });
} else {
- message.error(res.errormsg || "获取数据失败");
+ this.addSalaryItemDataSource = [];
}
- this.loading = false;
+
+ this.addSalaryItemColumns = res.data.columns;
+ this.addSalaryItemPageInfo = res.data;
+ // this.salaryItemTableStore.getDatas(res.data.datas);
+ } else {
+ message.error(res.errormsg || "获取数据失败");
}
- );
+ this.loading = false;
+ });
};
@action
empFieldList = () => {
- API.empFieldList().then((res) => {
+ API.empFieldList().then(res => {
if (res.status) {
- this.empBrowserList = res.data.map((item) => {
+ this.empBrowserList = res.data.map(item => {
return { showname: item.name, key: item.id, selected: false };
});
} else {
@@ -536,27 +534,27 @@ export class LedgerStore {
saveLedgerItem = () => {
let itemGroups = [...this.itemGroups];
itemGroups = itemGroups
- .map((item) => {
+ .map(item => {
let result = { ...item };
if (result.items) {
result.items = result.items.map((i, index) => ({
salaryItemId: i.salaryItemId,
sortedIndex: index + 1,
- formulaId: i.formulaId,
+ formulaId: i.formulaId
}));
return result;
}
})
- .filter((item) => item);
+ .filter(item => item);
let params = {
salarySobId: this.salarySobId,
empFields: this.empFields,
- itemGroups: itemGroups.filter((item) => item.id != "default"),
- items: itemGroups.filter((item) => item.id == "default")[0].items,
+ itemGroups: itemGroups.filter(item => item.id != "default"),
+ items: itemGroups.filter(item => item.id == "default")[0].items
};
return new Promise((resolve, reject) => {
- API.saveLedgerItem(params).then((res) => {
+ API.saveLedgerItem(params).then(res => {
if (res.status) {
resolve();
message.success("保存成功");
@@ -574,17 +572,17 @@ export class LedgerStore {
let params = {
salarySobId: this.salarySobId,
excludeSalaryItemIds: this.sobItemRuleDataSource.map(
- (item) => item.salaryItemId
- ),
+ item => item.salaryItemId
+ )
};
return new Promise((resolve, reject) => {
- API.listSalarySobItem(params).then((res) => {
+ API.listSalarySobItem(params).then(res => {
if (res.status) {
- this.ruleOptionList = res.data.map((item) => {
+ this.ruleOptionList = res.data.map(item => {
return {
key: item.salaryItemId.toString(),
showname: item.salaryItemName,
- selected: false,
+ selected: false
};
});
resolve();
@@ -601,10 +599,10 @@ export class LedgerStore {
saveAdjustmentRule = () => {
let params = {
salarySobId: this.salarySobId,
- ruleParams: this.sobItemRuleDataSource,
+ ruleParams: this.sobItemRuleDataSource
};
return new Promise((resolve, reject) => {
- API.saveAdjustmentRule(params).then((res) => {
+ API.saveAdjustmentRule(params).then(res => {
if (res.status) {
resolve();
message.success("保存成功");
@@ -619,9 +617,9 @@ export class LedgerStore {
@action
listAdjustmentRule = () => {
let params = {
- salarySobId: this.salarySobId,
+ salarySobId: this.salarySobId
};
- API.listAdjustmentRule(params).then((res) => {
+ API.listAdjustmentRule(params).then(res => {
if (res.status) {
this.sobItemRuleDataSource = res.data;
}
@@ -630,9 +628,9 @@ export class LedgerStore {
// 保存薪资帐套校验规则
@action
- saveLedgerRule = (params) => {
+ saveLedgerRule = params => {
params.salarySobId = this.salarySobId;
- API.saveLedgerRule(params).then((res) => {
+ API.saveLedgerRule(params).then(res => {
if (res.status) {
this.getLedgerRuleList();
message.success("保存成功");
@@ -647,9 +645,9 @@ export class LedgerStore {
getLedgerRuleList = (name = "") => {
let params = {
salarySobId: this.salarySobId,
- name,
+ name
};
- API.getLedgerRuleList(params).then((res) => {
+ API.getLedgerRuleList(params).then(res => {
if (res.status) {
this.ledgerRuleList = res.data;
} else {
@@ -660,8 +658,8 @@ export class LedgerStore {
//删除薪资帐套校验规则
@action
- deleteLedgerRule = (ids) => {
- API.deleteLedgerRule(ids).then((res) => {
+ deleteLedgerRule = ids => {
+ API.deleteLedgerRule(ids).then(res => {
if (res.status) {
message.success("删除成功");
this.getLedgerRuleList();
@@ -674,11 +672,11 @@ export class LedgerStore {
// 获取基本信息
@action
getLedgerBasicForm = () => {
- API.getLedgerBasicForm(this.salarySobId).then((res) => {
+ API.getLedgerBasicForm({ id: this.salarySobId }).then(res => {
if (res.status) {
let basicForm = res.data.basicForm;
- Object.keys(basicForm).map((key) => {
- if (basicForm[key]) {
+ Object.keys(basicForm).map(key => {
+ if (basicForm[key] || typeof basicForm[key] === "boolean") {
basicForm[key] = basicForm[key].toString();
}
});
@@ -692,33 +690,32 @@ export class LedgerStore {
//薪资帐套薪资项目详情
@action
getLedgerItemForm = () => {
- API.getLedgerItemForm({ salarySobId: this.salarySobId }).then((res) => {
+ API.getLedgerItemForm({ salarySobId: this.salarySobId }).then(res => {
if (res.status) {
this.empFields = res.data.empFields;
let itemGroups = res.data.itemGroups;
let defaultItems = {
id: "default",
name: "未分类",
- items: res.data.items,
+ items: res.data.items
};
- itemGroups.unshift(defaultItems);
- this.setItemGroups(itemGroups)
- API.empFieldList().then((ires) => {
+ itemGroups.push(defaultItems);
+ this.setItemGroups(itemGroups);
+ API.empFieldList().then(ires => {
if (res.status) {
- this.empBrowserList = ires.data.map((item) => {
+ this.empBrowserList = ires.data.map(item => {
return { showname: item.name, key: item.id, selected: false };
});
- this.userSelectedList = this.empFields.map((item) => {
+ this.userSelectedList = this.empFields.map(item => {
item = { ...item };
item.key = item.fieldId;
- this.empBrowserList.map((bitem) => {
+ this.empBrowserList.map(bitem => {
if (bitem.key == item.fieldId) {
item.showname = bitem.showname;
}
});
return item;
});
- console.log("this.userSelectedList: ", toJS(this.userSelectedList));
} else {
message.error(res.errormsg || "获取失败");
}
diff --git a/pc4mobx/hrmSalary/stores/programme.js b/pc4mobx/hrmSalary/stores/programme.js
index 11754e24..eac6325e 100644
--- a/pc4mobx/hrmSalary/stores/programme.js
+++ b/pc4mobx/hrmSalary/stores/programme.js
@@ -138,6 +138,11 @@ export class ProgrammeStore {
API.getForm(params).then(res => {
if(res.status) {
let resultList = res.data.form.schemeDetailList;
+ resultList= _.map(resultList, it => ({
+ ...it,
+ rententionRule: it.rententionRule ? it.rententionRule : "2",
+ validNum: it.validNum ? it.validNum : "2"
+ }))
this.defaultPersonDataSource = resultList.filter(item => item.paymentScope == "个人")
this.defaultCompanyDataSource = resultList.filter(item => item.paymentScope == "公司")
let defaultRequest = {
diff --git a/pc4mobx/hrmSalary/stores/salaryItem.js b/pc4mobx/hrmSalary/stores/salaryItem.js
index 4fa2e24f..7370f582 100644
--- a/pc4mobx/hrmSalary/stores/salaryItem.js
+++ b/pc4mobx/hrmSalary/stores/salaryItem.js
@@ -149,7 +149,7 @@ export class SalaryItemStore {
//薪资项目-薪资项目详情
@action
getItemForm = (id) => {
- API.getItemForm(id).then(res => {
+ API.getItemForm({id}).then(res => {
if(res.status) {
let data = res.data;
Object.keys(data).map(key => {
From bbb41897005b77604a9bfe9a291d8091b4020528 Mon Sep 17 00:00:00 2001
From: liyongshun <971387674@qq.com>
Date: Fri, 17 Jun 2022 17:12:21 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E8=96=AA=E8=B5=84=E8=B4=A6=E5=A5=97?=
=?UTF-8?q?=E5=A4=8D=E5=88=B6=E6=B7=BB=E5=8A=A0=E4=B8=AA=E7=A8=8E=E6=89=A3?=
=?UTF-8?q?=E7=BC=B4=E4=B9=89=E5=8A=A1=E4=BA=BA=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../hrmSalary/pages/ledger/copyFormModal.js | 89 +++++++++++++------
pc4mobx/hrmSalary/pages/ledger/index.js | 5 +-
pc4mobx/hrmSalary/stores/ledger.js | 4 +-
3 files changed, 66 insertions(+), 32 deletions(-)
diff --git a/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js b/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js
index c74667e7..231feb79 100644
--- a/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js
+++ b/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js
@@ -1,30 +1,63 @@
-import React from 'react'
-import { Modal, Button, Row, Col } from 'antd'
-import { WeaInput } from 'ecCom'
+import React from "react";
+import { Modal, Button, Row, Col } from "antd";
+import { WeaInput, WeaSelect } from "ecCom";
export default class CopyFormModal extends React.Component {
- constructor(props) {
- super(props)
- this.state = {
- name: ""
- }
- }
- render() {
- return (
- this.props.onCancel()}
- footer={}
- >
-
- 账套名称
-
- {this.setState({name: value})}} />
-
-
-
- )
- }
-}
\ No newline at end of file
+ constructor(props) {
+ super(props);
+ this.state = {
+ name: "",
+ taxAgentId: ""
+ };
+ }
+ render() {
+ const { taxAgentStore } = this.props;
+ const { taxAgentOption } = taxAgentStore;
+ return (
+ this.props.onCancel()}
+ footer={
+
+ }>
+
+ 账套名称
+
+ {
+ this.setState({ name: value });
+ }}
+ />
+
+
+
+ 个税扣缴义务人
+
+ {
+ this.setState({ taxAgentId: value });
+ }}
+ />
+
+
+
+ );
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/ledger/index.js b/pc4mobx/hrmSalary/pages/ledger/index.js
index 44d5dd88..8d3e464f 100644
--- a/pc4mobx/hrmSalary/pages/ledger/index.js
+++ b/pc4mobx/hrmSalary/pages/ledger/index.js
@@ -200,7 +200,7 @@ export default class Ledger extends React.Component {
const {
ledgerStore: { doCopy },
} = this.props;
- doCopy(this.state.currentReocrd.id, value).then(() => {
+ doCopy({id:this.state.currentReocrd.id, ...value}).then(() => {
this.setState({ copyFormVisible: false });
});
};
@@ -214,7 +214,7 @@ export default class Ledger extends React.Component {
};
render() {
- const { ledgerStore } = this.props;
+ const { ledgerStore, taxAgentStore } = this.props;
const {
loading,
dataSource,
@@ -608,6 +608,7 @@ export default class Ledger extends React.Component {
{this.state.copyFormVisible && (
this.handleCopySave(value)}
onCancel={() => {
diff --git a/pc4mobx/hrmSalary/stores/ledger.js b/pc4mobx/hrmSalary/stores/ledger.js
index 38276392..cf9a0d38 100644
--- a/pc4mobx/hrmSalary/stores/ledger.js
+++ b/pc4mobx/hrmSalary/stores/ledger.js
@@ -300,9 +300,9 @@ export class LedgerStore {
// 复制
@action
- doCopy = (id, name) => {
+ doCopy = params => {
return new Promise((resolve, reject) => {
- API.duplicateLedger({ id, name }).then(res => {
+ API.duplicateLedger({ ...params }).then(res => {
if (res.status) {
message.success("复制成功");
this.getTableDatas({});