diff --git a/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/baseInfo.js b/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/baseInfo.js new file mode 100644 index 00000000..f8a45616 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/baseInfo.js @@ -0,0 +1,29 @@ +/* + * Author: 黎永顺 + * name: 人员信息报送-基础信息 + * Description: + * Date: 2023/8/14 + */ +import React, { Component } from "react"; +import { WeaLocaleProvider } from "ecCom"; +import { getQueryString } from "../../../util/url"; + +const { getLabel } = WeaLocaleProvider; + +class BaseInfo extends Component { + render() { + return ( +
+
{getLabel(537996, "个税扣缴义务人")}：{getQueryString("taxName")}
+
+
+ {getLabel(111, "报送失败")}:  0 + {getLabel(111, "未报送")}:  0 +
+
+
+ ); + } +} + +export default BaseInfo; diff --git a/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/employeeDeclareDetailSchemaEditDialog.js b/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/employeeDeclareDetailSchemaEditDialog.js new file mode 100644 index 00000000..55f278e7 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/employeedeclareDetail/components/employeeDeclareDetailSchemaEditDialog.js @@ -0,0 +1,35 @@ +/* + * Author: 黎永顺 + * name: 报送信息-编辑、新增弹框 + * Description: + * Date: 2023/8/14 + */ +import React, { Component } from "react"; +import { WeaLocaleProvider, WeaSlideModal } from "ecCom"; +import { Button, Col, Row } from "antd"; + +const { getLabel } = WeaLocaleProvider; + +class EmployeeDeclareDetailSchemaEditDialog extends Component { + render() { + return ( + + + + {getLabel(111, "本月新增数据")} + + + )} + content={(
Content
)} + /> + ); + } +} + +export default EmployeeDeclareDetailSchemaEditDialog; diff --git a/pc4mobx/hrmSalary/pages/employeedeclareDetail/constants.js b/pc4mobx/hrmSalary/pages/employeedeclareDetail/constants.js index 0d821b12..ab5a82c6 100644 --- a/pc4mobx/hrmSalary/pages/employeedeclareDetail/constants.js +++ b/pc4mobx/hrmSalary/pages/employeedeclareDetail/constants.js @@ -25,3 +25,163 @@ export const submitStatus = [ lanId: 111 } ]; + +export const advanceConditions = [ + { + items: [ + { + colSpan: 1, + conditionType: "INPUT", + domkey: ["keyword"], + fieldcol: 18, + label: "姓名或工号", + lanId: 111, + labelcol: 6, + value: "" + }, + { + browserConditionParam: { + completeParams: {}, + conditionDataParams: {}, + dataParams: {}, + destDataParams: {}, + hasAddBtn: false, + hasAdvanceSerach: true, + idSeparator: ",", + isAutoComplete: 1, + isDetail: 0, + isMultCheckbox: false, + isSingle: false, + linkUrl: "", + pageSize: 10, + quickSearchName: "", + replaceDatas: [], + title: "", + type: "57" + }, + colSpan: 1, + conditionType: "BROWSER", + domkey: ["departmentIds"], + fieldcol: 18, + label: "部门", + lanId: 27511, + labelcol: 6 + }, + { + browserConditionParam: { + completeParams: {}, + conditionDataParams: {}, + dataParams: {}, + destDataParams: {}, + hasAddBtn: false, + hasAdvanceSerach: true, + idSeparator: ",", + isAutoComplete: 1, + isDetail: 0, + isMultCheckbox: false, + isSingle: false, + linkUrl: "", + pageSize: 10, + quickSearchName: "", + replaceDatas: [], + title: "", + type: "278" + }, + colSpan: 1, + conditionType: "BROWSER", + domkey: ["positionIds"], + fieldcol: 18, + label: "岗位", + lanId: 6086, + labelcol: 6 + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["employmentStatus"], + fieldcol: 18, + label: "人员状态", + lanId: 382300, + labelcol: 6, + value: "", + options: [] + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["employmentType"], + fieldcol: 18, + label: "任职受雇从业类型", + lanId: 111, + labelcol: 6, + value: "", + options: [] + }, + { + colSpan: 1, + conditionType: "RANGEPICKER", + domkey: ["fromEmploymentDate", "endEmploymentDate"], + fieldcol: 18, + label: "任职受雇日期", + lanId: 111, + labelcol: 6, + value: "" + }, + { + colSpan: 1, + conditionType: "RANGEPICKER", + domkey: ["fromDismissDate", "endDismissDate"], + fieldcol: 18, + label: "离职日期", + lanId: 111, + labelcol: 6, + value: "" + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["disability"], + fieldcol: 18, + label: "是否残疾", + lanId: 111, + labelcol: 6, + value: "", + options: [] + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["lonelyOld"], + fieldcol: 18, + label: "是否孤老", + lanId: 111, + labelcol: 6, + value: "", + options: [] + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["martyrDependents"], + fieldcol: 18, + label: "是否是烈属", + lanId: 111, + labelcol: 6, + value: "", + options: [] + }, + { + colSpan: 1, + conditionType: "SELECT", + domkey: ["deductExpenses"], + fieldcol: 18, + label: "是否扣除减除费用", + lanId: 111, + labelcol: 6, + value: "", + options: [] + } + ], + defaultshow: true + } +]; diff --git a/pc4mobx/hrmSalary/pages/employeedeclareDetail/index.js b/pc4mobx/hrmSalary/pages/employeedeclareDetail/index.js index a6565b04..10474d27 100644 --- a/pc4mobx/hrmSalary/pages/employeedeclareDetail/index.js +++ b/pc4mobx/hrmSalary/pages/employeedeclareDetail/index.js @@ -6,30 +6,59 @@ */ import React, { Component } from "react"; import { WeaDatePicker, WeaLocaleProvider, WeaSelect, WeaTab, WeaTop } from "ecCom"; -import { submitStatus } from "./constants"; -import { Button, Dropdown, Menu } from "antd"; +import { Button, Dropdown, Menu, Spin } from "antd"; +import BaseInfo from "./components/baseInfo"; +import { advanceConditions, submitStatus } from "./constants"; +import { getSearchs } from "../../util"; import { inject, observer } from "mobx-react"; +import { toJS } from "mobx"; import "./index.less"; const { getLabel } = WeaLocaleProvider; -@inject("taxAgentStore") +@inject("taxAgentStore", "employeeDeclareStore") @observer class Index extends Component { constructor(props) { super(props); this.state = { - selectedKey: "0" + selectedKey: "0", + showSearchAd: false, + declareStatus: "ALL", + taxCycle: new Date() }; } componentDidMount() { + const { employeeDeclareStore: { advanceForm } } = this.props; document.title = getLabel(544289, "人员信息报送"); + advanceForm.initFormFields(advanceConditions); + window.addEventListener("message", this.handleReceive, false); } + componentWillUnmount() { + window.removeEventListener("message", this.handleReceive, false); + } + + handleReceive = ({ data }) => { + const { type, payload: { id, params } = {} } = data; + if (type === "init") { + this.postMessageToChild({}); + } else if (type === "turn") { + if (id === "PAGEINFO") { + const { pageNum: current, size: pageSize } = params; + this.setState({ pageInfo: { ...pageInfo, current, pageSize } }); + } + } + }; + postMessageToChild = (payload) => { + const childFrameObj = document.getElementById("atdTable"); + childFrameObj && childFrameObj.contentWindow.postMessage(JSON.stringify({}), "*"); + }; + render() { - const { selectedKey } = this.state; - const { taxAgentStore: { showOperateBtn } } = this.props; + const { selectedKey, showSearchAd, declareStatus, taxCycle } = this.state; + const { taxAgentStore: { showOperateBtn }, employeeDeclareStore: { advanceForm: form } } = this.props; const menu = ( {getLabel(32136, "批量删除")} @@ -42,7 +71,8 @@ class Index extends Component { , , , - , + console.log(val)}/>, + } + type="primary">{getLabel(1421, "新增")}, ({ ...it, showname: getLabel(it.lanId, it.showname) }))}/> - ]} + value={declareStatus} + style={{ width: 150 }} + options={_.map(submitStatus, it => ({ ...it, showname: getLabel(it.lanId, it.showname) }))} + onChange={declareStatus => this.setState({ declareStatus })} + /> + ]} searchsBaseValue={form.getFormParams().keyword} + onSearchChange={(v) => form.updateFields({ keyword: v })} onChange={key => this.setState({ selectedKey: key })} + onAdReset={() => form.resetForm()} /> +
+ +