From f73afa5651dd8430c905478ceeb0c2208825df2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Wed, 7 Jun 2023 09:30:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81-=E5=B7=A5=E8=B5=84=E5=8D=95?=
 =?UTF-8?q?=E5=8F=91=E6=94=BE=E6=B7=BB=E5=8A=A0=E5=8F=91=E6=94=BE=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/payroll/stepForm/baseInformForm.js  | 157 ++++++++++--------
 .../pages/payroll/stepForm/index.less         |  12 ++
 2 files changed, 98 insertions(+), 71 deletions(-)

diff --git a/pc4mobx/hrmSalary/pages/payroll/stepForm/baseInformForm.js b/pc4mobx/hrmSalary/pages/payroll/stepForm/baseInformForm.js
index 7abd4990..84521793 100644
--- a/pc4mobx/hrmSalary/pages/payroll/stepForm/baseInformForm.js
+++ b/pc4mobx/hrmSalary/pages/payroll/stepForm/baseInformForm.js
@@ -1,9 +1,11 @@
 import React from "react";
-import { WeaFormItem, WeaInput, WeaSearchGroup, WeaSelect } from "ecCom";
+import { WeaCheckbox, WeaFormItem, WeaInput, WeaLocaleProvider, WeaSearchGroup, WeaSelect } from "ecCom";
 import { inject, observer } from "mobx-react";
 import { getReplenishRuleSetOptions } from "../../../apis/payroll";
 import { toJS } from "mobx";
+import "./index.less";
 
+const getLabel = WeaLocaleProvider.getLabel;
 @inject("payrollStore")
 @observer
 export default class BaseInformForm extends React.Component {
@@ -70,86 +72,99 @@ export default class BaseInformForm extends React.Component {
 
   render() {
     const { request, options, replenishRuleOptions } = this.state;
-    const { salarySob, name, description, replenishName, replenishRule, reissueRule } = request;
+    const { salarySob, name, description, replenishName, replenishRule, reissueRule, msgStatus, emailStatus } = request;
 
     return (
-      <WeaSearchGroup title="基础信息" items={[]} needTigger showGroup col={1}>
-        <WeaFormItem
-          label="薪资账套"
-          labelCol={{ span: 6 }}
-          wrapperCol={{ span: 18 }}
-        >
-          {
-            this.state.inited &&
-            <WeaSelect
-              viewAttr={3}
-              options={options}
-              value={salarySob ? salarySob : ""}
-              style={{ width: 200 }}
-              onChange={value => this.hanldeChange({ salarySob: value })}/>
-          }
-        </WeaFormItem>
-        <WeaFormItem
-          label="工资单模板名称"
-          labelCol={{ span: 6 }}
-          wrapperCol={{ span: 18 }}
-        >
-          <WeaInput
-            value={name}
-            viewAttr={3}
-            onChange={value => this.hanldeChange({ name: value })}
-          />
-        </WeaFormItem>
-        <WeaFormItem
-          label="补发工资单模板名称"
-          labelCol={{ span: 6 }}
-          wrapperCol={{ span: 18 }}
-        >
-          <WeaInput
-            value={replenishName}
-            viewAttr={3}
-            onChange={value => this.hanldeChange({ replenishName: value })}
-          />
-        </WeaFormItem>
-        <WeaFormItem
-          label="补发工资单名单生成规则"
-          labelCol={{ span: 6 }}
-          wrapperCol={{ span: 18 }}
-        >
-          <WeaSelect
-            options={[{ key: "0", showname: "全部" }, { key: "1", showname: "按规则" }]}
-            value={reissueRule}
-            detailtype={3}
-            viewAttr={3}
-            onChange={value => this.hanldeChange({ reissueRule: value })}
-          />
-        </WeaFormItem>
-        {
-          reissueRule !== "0" &&
+      <React.Fragment>
+        <WeaSearchGroup title="基础信息" items={[]} needTigger showGroup col={1} className="payrollBaseInfoWrapper">
           <WeaFormItem
-            label="规则设置"
+            label="薪资账套"
+            labelCol={{ span: 6 }}
+            wrapperCol={{ span: 18 }}
+          >
+            {
+              this.state.inited &&
+              <WeaSelect
+                viewAttr={3}
+                options={options}
+                value={salarySob ? salarySob : ""}
+                style={{ width: 200 }}
+                onChange={value => this.hanldeChange({ salarySob: value })}/>
+            }
+          </WeaFormItem>
+          <WeaFormItem
+            label="工资单模板名称"
+            labelCol={{ span: 6 }}
+            wrapperCol={{ span: 18 }}
+          >
+            <WeaInput
+              value={name}
+              viewAttr={3}
+              onChange={value => this.hanldeChange({ name: value })}
+            />
+          </WeaFormItem>
+          <WeaFormItem
+            label="补发工资单模板名称"
+            labelCol={{ span: 6 }}
+            wrapperCol={{ span: 18 }}
+          >
+            <WeaInput
+              value={replenishName}
+              viewAttr={3}
+              onChange={value => this.hanldeChange({ replenishName: value })}
+            />
+          </WeaFormItem>
+          <WeaFormItem
+            label="补发工资单名单生成规则"
             labelCol={{ span: 6 }}
             wrapperCol={{ span: 18 }}
           >
             <WeaSelect
-              options={replenishRuleOptions}
-              value={replenishRule}
+              options={[{ key: "0", showname: "全部" }, { key: "1", showname: "按规则" }]}
+              value={reissueRule}
+              detailtype={3}
               viewAttr={3}
-              onChange={value => this.hanldeChange({ replenishRule: value })}
+              onChange={value => this.hanldeChange({ reissueRule: value })}
             />
           </WeaFormItem>
-        }
-        <WeaFormItem
-          label="备注"
-          labelCol={{ span: 6 }}
-          wrapperCol={{ span: 18 }}
-        >
-          <WeaInput
-            value={description}
-            onChange={value => this.hanldeChange({ description: value })}
-          />
-        </WeaFormItem>
-      </WeaSearchGroup>
+          {
+            reissueRule !== "0" &&
+            <WeaFormItem
+              label="规则设置"
+              labelCol={{ span: 6 }}
+              wrapperCol={{ span: 18 }}
+            >
+              <WeaSelect
+                options={replenishRuleOptions}
+                value={replenishRule}
+                viewAttr={3}
+                onChange={value => this.hanldeChange({ replenishRule: value })}
+              />
+            </WeaFormItem>
+          }
+          <WeaFormItem
+            label="备注"
+            labelCol={{ span: 6 }}
+            wrapperCol={{ span: 18 }}
+          >
+            <WeaInput
+              value={description}
+              onChange={value => this.hanldeChange({ description: value })}
+            />
+          </WeaFormItem>
+        </WeaSearchGroup>
+        <WeaSearchGroup title={getLabel(111, "发送设置")} items={[]} needTigger showGroup col={1}
+                        className="payrollBaseInfoWrapper">
+          <WeaFormItem label={getLabel(111, "系统消息")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
+            <WeaCheckbox value={msgStatus ? "1" : "0"} display="switch"
+                         onChange={value => this.hanldeChange({ msgStatus: value === "1" })}/>
+          </WeaFormItem>
+          <WeaFormItem label={getLabel(111, "邮件")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
+            <WeaCheckbox value={emailStatus ? "1" : "0"} display="switch"
+                         onChange={value => this.hanldeChange({ emailStatus: value === "1" })}/>
+          </WeaFormItem>
+        </WeaSearchGroup>
+      </React.Fragment>
     );
   }
 }
diff --git a/pc4mobx/hrmSalary/pages/payroll/stepForm/index.less b/pc4mobx/hrmSalary/pages/payroll/stepForm/index.less
index 64b3892d..4bfbe9d0 100644
--- a/pc4mobx/hrmSalary/pages/payroll/stepForm/index.less
+++ b/pc4mobx/hrmSalary/pages/payroll/stepForm/index.less
@@ -223,3 +223,15 @@
     padding: 16px;
   }
 }
+
+.payrollBaseInfoWrapper {
+  .wea-form-cell-wrapper {
+    border: 1px solid #e5e5e5;
+    border-bottom: none;
+
+    .wea-form-item {
+      padding: 5px 16px;
+      border-bottom: 1px solid #e5e5e5;
+    }
+  }
+}