From 85b39baa287a13c5e7241266960cd0c0a130b9d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Mon, 13 Nov 2023 16:42:47 +0800
Subject: [PATCH] =?UTF-8?q?custom/=E4=B8=8A=E6=B5=B7=E6=B8=AF=E6=B9=BE-?=
 =?UTF-8?q?=E5=B7=A5=E8=B5=84=E5=8D=95=E6=9F=A5=E7=9C=8B=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A2=86=E5=AF=BC=E6=9F=A5=E8=AF=A2=E4=B8=8B=E5=B1=9E=E7=9A=84?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc4mobx/hrmSalary/index.js                    |  4 +-
 .../components/payrollTable/index.js          | 25 ++++++++
 .../hrmSalary/pages/mySalaryBenefits/index.js | 57 +++++++++++++++++++
 3 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 pc4mobx/hrmSalary/pages/mySalaryBenefits/components/payrollTable/index.js
 create mode 100644 pc4mobx/hrmSalary/pages/mySalaryBenefits/index.js

diff --git a/pc4mobx/hrmSalary/index.js b/pc4mobx/hrmSalary/index.js
index af5bbfb0..8e13a182 100644
--- a/pc4mobx/hrmSalary/index.js
+++ b/pc4mobx/hrmSalary/index.js
@@ -1,7 +1,8 @@
 import React from "react";
 import Route from "react-router/lib/Route";
 import { WeaLocaleProvider } from "ecCom";
-import MySalary from "./pages/mySalary";
+// import MySalary from "./pages/mySalary";
+import MySalary from "./pages/mySalaryBenefits";
 import Programme from "./pages/socialSecurityBenefits/programme";
 import Archives from "./pages/socialSecurityBenefits/archives";
 import StandingBook from "./pages/socialSecurityBenefits/standingBook";
@@ -103,6 +104,7 @@ const Routes = (
     onEnter={getLocaleLabel}
     component={Home}>
     <Route key="mySalary" path="mySalary" component={MySalary}/>
+    {/*<Route key="mySalary" path="mySalary" component={MySalary}/>*/}
     <Route key="mySalaryView" path="mySalary/:salaryInfoId" component={MySalaryView}/>
     <Route
       key="socialSecurityBenefits"
diff --git a/pc4mobx/hrmSalary/pages/mySalaryBenefits/components/payrollTable/index.js b/pc4mobx/hrmSalary/pages/mySalaryBenefits/components/payrollTable/index.js
new file mode 100644
index 00000000..f13d2587
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/mySalaryBenefits/components/payrollTable/index.js
@@ -0,0 +1,25 @@
+/*
+ * Author: 黎永顺
+ * name: 工资单
+ * Description:
+ * Date: 2023/11/13
+ */
+import React, { Component } from "react";
+import { WeaLeftRightLayout, WeaLocaleProvider } from "ecCom";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class Index extends Component {
+  render() {
+    return (
+      <WeaLeftRightLayout
+        isNew={true} leftWidth={200}
+        leftCom={<div>左侧内容 宽度200</div>}
+      >
+        <div>右侧内容</div>
+      </WeaLeftRightLayout>
+    );
+  }
+}
+
+export default Index;
diff --git a/pc4mobx/hrmSalary/pages/mySalaryBenefits/index.js b/pc4mobx/hrmSalary/pages/mySalaryBenefits/index.js
new file mode 100644
index 00000000..dadc5372
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/mySalaryBenefits/index.js
@@ -0,0 +1,57 @@
+/*
+ * Author: 黎永顺
+ * name: 我的薪资福利
+ * Description:
+ * Date: 2023/11/13
+ */
+import React, { Component } from "react";
+import { WeaLocaleProvider, WeaReqTop } from "ecCom";
+import Payroll from "./components/payrollTable";
+import moment from "moment";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      selectedKey: "1", salaryYearMonth: [moment().startOf("year").format("YYYY-MM"), moment().format("YYYY-MM")]
+    };
+  }
+
+  renderChilidren = () => {
+    const { selectedKey } = this.state;
+    let Dom = null;
+    switch (selectedKey) {
+      case "1":
+        Dom = <Payroll/>;
+        break;
+      case "2":
+        Dom = null;
+        break;
+      default:
+        break;
+    }
+    return Dom;
+  };
+
+  render() {
+    const { selectedKey } = this.state;
+    const tabs = [
+      { key: "1", title: getLabel(111, "工资单") },
+      { key: "2", title: getLabel(543150, "调薪记录") }
+    ];
+    return (
+      <WeaReqTop
+        title={getLabel(537998, "我的薪资福利")} icon={<i className="icon-coms-fa"/>}
+        iconBgcolor="#F14A2D" tabDatas={tabs} className="xc_tj_fx_wrapper"
+        buttons={[]} buttonSpace={10} selectedKey={selectedKey}
+        onChange={selectedKey => this.setState({ selectedKey })}
+      >
+        {this.renderChilidren()}
+      </WeaReqTop>
+    );
+  }
+}
+
+export default Index;