账单月份：
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/index.less b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/index.less
index 0cf8e6be..4170ae45 100644
--- a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/index.less
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/index.less
@@ -24,7 +24,7 @@
padding: 8px 20px;
justify-content: flex-end;
- i,button {
+ i, button {
cursor: pointer;
margin-right: 10px;
}
@@ -37,4 +37,56 @@
margin-right: 0px;
}
}
-}
\ No newline at end of file
+}
+
+//退差
+.regressionWrapper {
+ .tdEllipsis {
+ display: inline-block;
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .optWrapper {
+ display: flex;
+ align-items: center;
+
+ i {
+ cursor: pointer;
+ }
+ }
+
+ .wea-new-top-wapper .wea-new-top {
+ background: #FFF;
+
+ .wea-new-top-title {
+ font-size: 12px;
+
+ & > span:first-child {
+ display: none;
+ }
+ }
+ }
+
+ .wea-new-top {
+ .ant-btn {
+ border-radius: 0;
+ padding: 0;
+ background: transparent;
+ border: none;
+ font-size: 18px;
+ line-height: 18px;
+ }
+
+ .ant-btn.ant-btn-primary[disabled] {
+ color: #d8d8d8;
+ background: transparent;
+ }
+
+ .ant-btn.ant-btn-primary {
+ color: #2db7f5;
+ }
+ }
+}
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regAddEmployee.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regAddEmployee.js
new file mode 100644
index 00000000..81e19839
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regAddEmployee.js
@@ -0,0 +1,227 @@
+/*
+ * Author: 黎永顺
+ * name: 添加退差人员弹框
+ * Description:
+ * Date: 2022/11/22
+ */
+import React, { Component } from "react";
+import { WeaDatePicker, WeaDialog, WeaFormItem, WeaSearchGroup, WeaSelect } from "ecCom";
+import { Button, Modal } from "antd";
+import { Select } from "../../../ruleConfig";
+import * as API from "../../../../apis/standingBook";
+
+class RegAddEmployee extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ baseInfo: {
+ billMonth: "",
+ items: "",
+ itemsAll: ""
+ },
+ returnPersonInfo: {
+ employee: "",
+ employeeOptions: []
+ },
+ selectPersonInfo: {
+ employee: "",
+ employeeOptions: []
+ }
+ };
+ }
+
+ componentDidMount() {
+ this.getEmployeeListByTaxAgent();
+ }
+
+ getEmployeeListByTaxAgent = () => {
+ const { returnPersonInfo, selectPersonInfo } = this.state;
+ const payload = {
+ pageNum: 1,
+ pageSize: 10000,
+ name: null
+ };
+ API.getEmployeeListByTaxAgent(payload).then(({ status, data }) => {
+ if (status) {
+ const { list } = data;
+ this.setState({
+ returnPersonInfo: {
+ ...returnPersonInfo,
+ employeeOptions: _.map(list || [], it => ({ key: String(it.employeeId), showname: it.username }))
+ },
+ selectPersonInfo: {
+ ...selectPersonInfo,
+ employeeOptions: _.map(list || [], it => ({ key: String(it.employeeId), showname: it.username }))
+ }
+ });
+ }
+ });
+ };
+ handleReset = () => {
+ this.setState({
+ baseInfo: {
+ billMonth: "",
+ items: "",
+ itemsAll: ""
+ },
+ returnPersonInfo: {
+ ...this.state.returnPersonInfo,
+ employee: ""
+ },
+ selectPersonInfo: {
+ ...this.state.selectPersonInfo,
+ employee: ""
+ }
+ });
+ };
+ handleSave = () => {
+ const { baseInfo, returnPersonInfo, selectPersonInfo } = this.state;
+ const { onSave } = this.props;
+ const payload = {
+ recessionMonthList: baseInfo.billMonth.split(","),
+ projects: baseInfo.itemsAll ? ["0"] : baseInfo.items.split(","),
+ includes: returnPersonInfo.employee.split(","),
+ excludes: selectPersonInfo.employee.split(",")
+ };
+ if (_.isEmpty(baseInfo.billMonth) || _.isEmpty(baseInfo.items) || _.isEmpty(returnPersonInfo.employee)) {
+ Modal.warning({
+ title: "信息确认",
+ content: "必要信息不完整，红色*为必填项！"
+ });
+ return;
+ }
+ onSave(payload);
+ };
+
+ render() {
+ const { baseInfo, returnPersonInfo, selectPersonInfo } = this.state;
+ const buttons = [
+
,
+
+ ];
+ const baseItems = [
+ {
+ com: Picker({
+ label: "退差月份",
+ value: baseInfo.billMonth,
+ onChange: (billMonth) => {
+ this.setState({ baseInfo: { ...baseInfo, billMonth } });
+ }
+ })
+ },
+ {
+ com: SelectWithAll({
+ label: "退差项目",
+ options: [
+ { key: "1", showname: "社保" },
+ { key: "2", showname: "公积金" },
+ { key: "3", showname: "企业年金及其他福利" }
+ ],
+ detailtype: 2,
+ valueAll: baseInfo.itemsAll,
+ value: baseInfo.items,
+ onChangeAll: ({ selected }) => {
+ if (selected) {
+ this.setState({ baseInfo: { ...baseInfo, itemsAll: selected, items: "1,2,3" } });
+ } else {
+ this.setState({ baseInfo: { ...baseInfo, itemsAll: selected, items: "" } });
+ }
+ },
+ onChange: ({ selected }) => {
+ const bool1 = selected.split(",").includes("1");
+ const bool2 = selected.split(",").includes("2");
+ const bool3 = selected.split(",").includes("3");
+ if (bool1 && bool2 && bool3) {
+ this.setState({ baseInfo: { ...baseInfo, itemsAll: "0", items: selected } });
+ } else {
+ this.setState({ baseInfo: { ...baseInfo, itemsAll: "", items: selected } });
+ }
+ }
+ })
+ }
+ ];
+ const returnPersonItems = [
+ {
+ com: Select({
+ multiple: true,
+ label: "对象",
+ viewAttr: 3,
+ showSearch: true,
+ options: returnPersonInfo.employeeOptions,
+ value: returnPersonInfo.employee,
+ onChange: ({ selected }) => {
+ this.setState({ returnPersonInfo: { ...returnPersonInfo, employee: selected } });
+ }
+ })
+ }
+ ];
+ const selectPersonItems = [
+ {
+ com: Select({
+ multiple: true,
+ label: "选择人员",
+ viewAttr: 2,
+ showSearch: true,
+ options: selectPersonInfo.employeeOptions,
+ value: selectPersonInfo.employee,
+ onChange: ({ selected }) => {
+ this.setState({ selectPersonInfo: { ...selectPersonInfo, employee: selected } });
+ }
+ })
+ }
+ ];
+ return (
+
+
+
+
+
+ );
+ }
+}
+
+export default RegAddEmployee;
+
+
+export const Picker = payload => {
+ const { label, onChange, value, viewAttr = 3, format = "YYYY-MM" } = payload;
+ return (
+
+
+
+ );
+};
+export const SelectWithAll = payload => {
+ const { label, onChange, value, valueAll, onChangeAll, options = [], viewAttr = 3, detailtype = 1 } = payload;
+ return (
+
+
+ onChangeAll({ selected, showName })}
+ style={{ width: "inherit" }}
+ />
+ onChange({ type: label, selected, showName })}
+ style={{ width: "inherit" }}
+ />
+
+
+ );
+};
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regEditDetial.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regEditDetial.js
new file mode 100644
index 00000000..0e8dcb21
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regEditDetial.js
@@ -0,0 +1,53 @@
+/*
+ * Author: 黎永顺
+ * name:退差编辑页面
+ * Description:
+ * Date: 2022/11/23
+ */
+import React, { Component } from "react";
+import { WeaSlideModal } from "ecCom";
+import * as API from "../../../../apis/standingBook";
+import SlideModalTitle from "../../../../components/slideModalTitle";
+
+class RegEditDetial extends Component {
+
+ componentWillReceiveProps(nextProps, nextContext) {
+ if (nextProps.editId !== this.props.editId && nextProps.editId) {
+ this.getPaymentById(nextProps.editId);
+ }
+ }
+
+ getPaymentById = (id) => {
+ const payload = { id };
+ API.getPaymentById(payload).then(res => {
+ console.log(res);
+ });
+ };
+
+ render() {
+ const { visible, title, onCancel } = this.props;
+ return (
+
+ }
+ content={
123
}
+ onClose={onCancel}
+ showMask={true}
+ />
+ );
+ }
+}
+
+export default RegEditDetial;
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regList.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regList.js
new file mode 100644
index 00000000..99486ef8
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regList.js
@@ -0,0 +1,153 @@
+/*
+ * Author: 黎永顺
+ * name: 退差列表
+ * Description:
+ * Date: 2022/11/23
+ */
+import React, { Component } from "react";
+import { WeaTable } from "ecCom";
+import { getQueryString } from "../../../../util/url";
+import * as API from "../../../../apis/standingBook";
+import "./index.less";
+
+class RegList extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ columns: [],
+ dataSource: [],
+ selectedRowKeys: [],
+ loading: {
+ query: false
+ },
+ pageInfo: {
+ current: 1,
+ pageSize: 10,
+ total: 0
+ }
+ };
+ }
+
+ componentDidMount() {
+ this.recessionList();
+ }
+
+ componentWillReceiveProps(nextProps, nextContext) {
+ if (nextProps.visible !== this.props.visible) {
+ this.recessionList();
+ }
+ }
+
+ recessionList = (userName = "") => {
+ const { loading, pageInfo } = this.state;
+ const billMonth = getQueryString("billMonth");
+ const creator = Number(getQueryString("creator"));
+ const paymentStatus = getQueryString("paymentOrganization");
+ const payload = {
+ billMonth, paymentStatus,
+ creator, userName,
+ ...pageInfo
+ };
+ this.setState({ loading: { ...loading, query: true } });
+ API.recessionList(payload).then(({ status, data }) => {
+ this.setState({ loading: { ...loading, query: false } });
+ if (status) {
+ const { pageInfo: list } = data;
+ const { columns, list: dataSource, pageNum: current, pageSize, total } = list;
+ this.setState({
+ pageInfo: { ...pageInfo, current, pageSize, total },
+ dataSource,
+ columns: _.map(_.filter(columns, it => it.dataIndex !== "id"), items => {
+ if (items.dataIndex === "employeeId") {
+ return {
+ ...items,
+ width: 110,
+ title: "姓名",
+ fixed: "left",
+ render: (text, r) => {
+ const { userName } = r;
+ return (
+
{userName}
+ );
+ }
+ };
+ }
+ return {
+ ...items,
+ title:
,
+ width: 120,
+ render: (text) => {
+ return
{text};
+ }
+ };
+ })
+ });
+ }
+ }).catch(() => {
+ this.setState({ loading: { ...loading, query: false } });
+ });
+ };
+ handleChangeRow = (selectedRowKeys) => {
+ const { onChangeRowkey } = this.props;
+ this.setState({ selectedRowKeys });
+ onChangeRowkey(selectedRowKeys);
+ };
+
+ render() {
+ const { loading, pageInfo, selectedRowKeys, dataSource, columns } = this.state;
+ const { onEdit } = this.props;
+ const pagination = {
+ ...pageInfo,
+ showTotal: total => `共 ${total} 条`,
+ showQuickJumper: true,
+ showSizeChanger: true,
+ pageSizeOptions: ["10", "20", "50", "100"],
+ onShowSizeChange: (current, pageSize) => {
+ this.setState({ pageInfo: { ...pageInfo, current, pageSize } }, () => {
+ this.recessionList();
+ });
+ },
+ onChange: (current) => {
+ this.setState({ pageInfo: { ...pageInfo, current } }, () => {
+ this.recessionList();
+ });
+ }
+ };
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: this.handleChangeRow
+ };
+ return (
+
{
+ return (
+
+ );
+ }
+ }
+ ]}
+ dataSource={dataSource}
+ loading={loading.query}
+ pagination={pagination}
+ rowSelection={rowSelection}
+ scroll={{ x: 900 }}
+ />
+ );
+ }
+}
+
+export default RegList;
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regTop.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regTop.js
new file mode 100644
index 00000000..96107ed0
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBookDetail/components/regTop.js
@@ -0,0 +1,72 @@
+import React, { Component } from "react";
+import { Button } from "antd";
+import { WeaHelpfulTip, WeaInputSearch, WeaTop } from "ecCom";
+import { getQueryString } from "../../../../util/url";
+
+class RegTop extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ name: ""
+ };
+ }
+
+ renderTopBtns = () => {
+ const { name } = this.state;
+ const { onChange, selectKey } = this.props;
+ const type = getQueryString("type");
+ let dom = [
+
+ 提示：
+ 个人合计=社保个人合计+公积金个人合计+其他福利个人合计
+ 单位合计=社保单位合计+公积金单位合计+其他福利单位合计
+ 社保合计=社保个人合计+社保单位合计
+ 公积金合计=公积金个人合计+公积金单位合计
+ 其他福利合计=其他福利个人合计+其他福利单位合计
+ 合计=社保合计+公积金合计+其他福利合计
+
+ }
+ placement="bottomRight"
+ width={250}
+ />,
+