From 80f61812194697afdaaed9a5953ee9f3fea9d7b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Tue, 22 Nov 2022 10:54:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E7=A8=8E=E6=89=A3=E7=BC=B4=E4=B9=89?=
 =?UTF-8?q?=E5=8A=A1=E4=BA=BA=E9=A1=B5=E9=9D=A2=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc4mobx/hrmSalary/index.js                    |  3 +-
 .../pages/salary/components/comHint.js        | 42 +++++++++++++++++++
 .../pages/salary/components/index.less        | 24 +++++++++++
 pc4mobx/hrmSalary/pages/salary/index.less     |  7 ++++
 pc4mobx/hrmSalary/pages/salary/taxAgent.js    | 25 +++++++++++
 5 files changed, 100 insertions(+), 1 deletion(-)
 create mode 100644 pc4mobx/hrmSalary/pages/salary/components/comHint.js
 create mode 100644 pc4mobx/hrmSalary/pages/salary/components/index.less
 create mode 100644 pc4mobx/hrmSalary/pages/salary/index.less
 create mode 100644 pc4mobx/hrmSalary/pages/salary/taxAgent.js

diff --git a/pc4mobx/hrmSalary/index.js b/pc4mobx/hrmSalary/index.js
index 626b9ca2..fdfd4990 100644
--- a/pc4mobx/hrmSalary/index.js
+++ b/pc4mobx/hrmSalary/index.js
@@ -21,7 +21,8 @@ import PayrollGrant from "./pages/payroll/payrollGrant";
 import PayrollDetail from "./pages/payroll/payrollDetail";
 import Declare from "./pages/declare";
 import TaxRate from "./pages/taxRate";
-import TaxAgent from "./pages/taxAgent";
+// import TaxAgent from "./pages/taxAgent";
+import TaxAgent from "./pages/salary/taxAgent";
 import CalculateDetail from "./pages/calculateDetail";
 import PlaceOnFileDetail from "./pages/calculateDetail/placeOnFileDetail";
 import CompareDetail from "./pages/calculateDetail/compareDetail";
diff --git a/pc4mobx/hrmSalary/pages/salary/components/comHint.js b/pc4mobx/hrmSalary/pages/salary/components/comHint.js
new file mode 100644
index 00000000..da3f5fb0
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/salary/components/comHint.js
@@ -0,0 +1,42 @@
+/*
+ * Author: 黎永顺
+ * name: 个税扣缴义务人小提示组件
+ * Description:
+ * Date: 2022/11/22
+ */
+import React, { Component } from "react";
+import "./index.less";
+
+class ComHint extends Component {
+  /*
+   * Author: 黎永顺
+   * Description: 提示语注释
+   * Params: isChief=总管理员
+   * Date: 2022/11/22
+   */
+  renderTips = () => {
+    const { isChief = true } = this.props;
+    if (isChief) {
+      return [
+        <p>1、个税扣缴义务人与档案中的个税扣缴义务人匹配，修改个税扣缴义务人名称，薪资档案的个税扣缴义务人数据同步更新；</p>,
+        <p>2、删除个税扣缴义务人需先确认档案里无人员使用该个税扣缴义务人，否则不予删除；</p>,
+        <p>3、开启分权，需维护个税扣缴义务人的管理员；当前总管理员默认有管理员的权限；</p>
+      ];
+    } else {
+      return [];
+    }
+  };
+
+  render() {
+    return (
+      <div className="comHint">
+        <div className="hintHeader">小提示</div>
+        <div className="hintTips">
+          {this.renderTips()}
+        </div>
+      </div>
+    );
+  }
+}
+
+export default ComHint;
diff --git a/pc4mobx/hrmSalary/pages/salary/components/index.less b/pc4mobx/hrmSalary/pages/salary/components/index.less
new file mode 100644
index 00000000..ec181e16
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/salary/components/index.less
@@ -0,0 +1,24 @@
+.comHint {
+  width: 100%;
+  margin: 16px 0;
+  border: 1px solid #e5e5e5;
+
+  .hintHeader {
+    background: #f6f6f6;
+    height: 40px;
+    border-bottom: 1px solid #e5e5e5;
+    padding-left: 16px;
+    line-height: 40px;
+  }
+
+  .hintTips {
+    width: 100%;
+    color: #999;
+    line-height: 20px;
+    padding: 0 16px;
+    display: inline-block;
+    p{
+      margin: 1rem 0;
+    }
+  }
+}
diff --git a/pc4mobx/hrmSalary/pages/salary/index.less b/pc4mobx/hrmSalary/pages/salary/index.less
new file mode 100644
index 00000000..b9c1951d
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/salary/index.less
@@ -0,0 +1,7 @@
+.salaryAgentWrapper{
+  .comContent{
+    .wea-search-group{
+      padding: 0;
+    }
+  }
+}
diff --git a/pc4mobx/hrmSalary/pages/salary/taxAgent.js b/pc4mobx/hrmSalary/pages/salary/taxAgent.js
new file mode 100644
index 00000000..eaa8fc0c
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/salary/taxAgent.js
@@ -0,0 +1,25 @@
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaSearchGroup, WeaTop } from "ecCom";
+import ComHint from "./components/comHint";
+import "./index.less";
+
+@inject("taxAgentStore")
+@observer
+class TaxAgent extends Component {
+  render() {
+    return (
+      <div className="salaryAgentWrapper">
+        <WeaTop title="个税扣缴义务人" icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D">
+          <div className="comContent">
+            <WeaSearchGroup title="基础信息" showGroup></WeaSearchGroup>
+            <WeaSearchGroup title="个税扣缴义务人" showGroup></WeaSearchGroup>
+          </div>
+          <ComHint />
+        </WeaTop>
+      </div>
+    );
+  }
+}
+
+export default TaxAgent;