From 8e399f979a1a677d6bc43335393d47e28d12e576 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Thu, 20 Jul 2023 18:26:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81-=E5=B7=A5=E8=B5=84=E5=8D=95?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E6=B7=BB=E5=8A=A0=E5=8F=91=E6=94=BE=E8=96=AA?=
 =?UTF-8?q?=E8=B5=84=E9=A1=B9=E7=9B=AE=E5=90=8D=E7=A7=B0=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc4mobx/hrmSalary/pages/payroll/index.js      | 27 +++++++++++++++---
 .../payroll/stepForm/salaryItemSettings.js    | 28 +++++++++++--------
 pc4mobx/hrmSalary/stores/payroll.js           |  3 ++
 3 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/pc4mobx/hrmSalary/pages/payroll/index.js b/pc4mobx/hrmSalary/pages/payroll/index.js
index f5ae1050..9054c866 100644
--- a/pc4mobx/hrmSalary/pages/payroll/index.js
+++ b/pc4mobx/hrmSalary/pages/payroll/index.js
@@ -64,7 +64,12 @@ export default class Payroll extends React.Component {
 
   getReplenishForm = (isEdit = false, params = {}) => {
     const { payrollStore } = this.props;
-    const { templateBaseData, salaryTemplateShowSet, setReplenishSalaryTemplateSalaryItemSet, setSalaryBillItemNameSet } = payrollStore;
+    const {
+      templateBaseData,
+      salaryTemplateShowSet,
+      setReplenishSalaryTemplateSalaryItemSet,
+      setSalaryBillItemNameSet
+    } = payrollStore;
     if (!salaryTemplateShowSet.theme && !isEdit) {
       Modal.warning({
         title: "信息确认",
@@ -77,12 +82,12 @@ export default class Payroll extends React.Component {
         if (!isEdit) {
           this.setState({ currentStep: this.state.currentStep + 1 }, () => {
             setReplenishSalaryTemplateSalaryItemSet(data.replenishSalaryTemplateSalaryItemSet);
-            setSalaryBillItemNameSet(data.salaryBillItemNameSet)
+            setSalaryBillItemNameSet(data.salaryBillItemNameSet);
             window.localStorage.setItem("salary-showset", JSON.stringify(salaryTemplateShowSet));
           });
         } else {
           setReplenishSalaryTemplateSalaryItemSet(data.replenishSalaryTemplateSalaryItemSet);
-          setSalaryBillItemNameSet(data.salaryBillItemNameSet)
+          setSalaryBillItemNameSet(data.salaryBillItemNameSet);
           window.localStorage.setItem("salary-showset", JSON.stringify(salaryTemplateShowSet));
         }
       }
@@ -263,7 +268,9 @@ export default class Payroll extends React.Component {
       setTemplateTableSelectedRowKeys,
       deletePayroll,
       templateBaseData,
-      setTemplateTablePageInfo
+      setTemplateTablePageInfo,
+      setSalaryBillItemNameSetting,
+      salaryBillItemNameSetting
     } = payrollStore;
     const { currentStep, selectedTab, templateSearchValue, templateSelect, startDate, endDate } = this.state;
     if (!hasRight && !loading) { // 无权限处理
@@ -467,10 +474,16 @@ export default class Payroll extends React.Component {
             customOperate={
               currentStep === 0 ? [
                 <Button type="primary" onClick={() => {
+                  setSalaryBillItemNameSetting(_.map(salaryBillItemNameSetting, it => {
+                    return { ...it, salaryTemplateId: "", itemShowNameSetting: [] };
+                  }));
                   nextStep();
                 }}>下一步</Button>
               ] : currentStep === 1 ? [
                 <Button type="default" onClick={() => {
+                  setSalaryBillItemNameSetting(_.map(salaryBillItemNameSetting, it => {
+                    return { ...it, salaryTemplateId: "", itemShowNameSetting: [] };
+                  }));
                   prevStep();
                 }}>上一步</Button>,
                 <Button type="primary" onClick={() => this.getReplenishForm()}>下一步</Button>,
@@ -479,6 +492,9 @@ export default class Payroll extends React.Component {
                 }}>预览</Button>
               ] : currentStep === 2 ? [
                   <Button type="default" onClick={() => {
+                    setSalaryBillItemNameSetting(_.map(salaryBillItemNameSetting, it => {
+                      return { ...it, salaryTemplateId: "", itemShowNameSetting: [] };
+                    }));
                     prevStep();
                   }}>上一步</Button>,
                   <Button type="primary" onClick={this.handleSave}>保存</Button>
@@ -541,6 +557,9 @@ export default class Payroll extends React.Component {
                 }
                 subItemChange={(selectedTab) => {
                   this.setState({ selectedTab: Number(selectedTab) }, () => {
+                    setSalaryBillItemNameSetting(_.map(salaryBillItemNameSetting, it => {
+                      return { ...it, salaryTemplateId: "", itemShowNameSetting: [] };
+                    }));
                     if (this.state.selectedTab === 2) this.getReplenishForm(true, { id: this.state.templateCurrentId });
                   });
                 }}
diff --git a/pc4mobx/hrmSalary/pages/payroll/stepForm/salaryItemSettings.js b/pc4mobx/hrmSalary/pages/payroll/stepForm/salaryItemSettings.js
index 720241b6..1b70707f 100644
--- a/pc4mobx/hrmSalary/pages/payroll/stepForm/salaryItemSettings.js
+++ b/pc4mobx/hrmSalary/pages/payroll/stepForm/salaryItemSettings.js
@@ -242,7 +242,7 @@ class SalaryItemSettings extends Component {
           })
         };
       })
-    });
+    }, () => document.getElementById("salaryItemInput") && document.getElementById("salaryItemInput").focus());
   };
   handleChangeSalaryItemShowName = (item, field, name) => {
     const { groupId } = item, { salaryItemId } = field, { dataList, itemShowNamesetting } = this.state;
@@ -253,7 +253,7 @@ class SalaryItemSettings extends Component {
             ...item,
             items: _.map(item.items, child => {
               if (child.salaryItemId === salaryItemId) {
-                return { ...child, name };
+                return { ...child, salaryItemShowName: name, name };
               }
               return { ...child };
             })
@@ -306,23 +306,29 @@ class SalaryItemSettings extends Component {
                         return <div className="salaryItemList">
                           <div className="salaryItem"
                                title={
-                                 (item.groupId !== "111111111111111111" && (!_.isEmpty(salaryBillItemNameObj) || (filed.name !== filed.originName))) ?
-                                   `${salaryBillItemNameObj.salaryItemShowName || filed.name}(${filed.originName})` :
-                                   filed.name
+                                 (item.groupId !== "111111111111111111" && (!_.isEmpty(salaryBillItemNameObj) || (filed.salaryItemShowName !== filed.originName))) ?
+                                   `${filed.salaryItemShowName}(${filed.originName})` :
+                                   filed.salaryItemShowName
                                }
                           >
                             {
                               filed.viewAttr === 2 ?
-                                <WeaInput value={filed.name}
-                                          onBlur={() => this.handleEditSalaryItemName(item, filed, 1)}
-                                          onChange={(val) => this.handleChangeSalaryItemShowName(item, filed, val)}
+                                <WeaInput
+                                  value={
+                                    item.groupId !== "111111111111111111" ?
+                                      filed.salaryItemShowName :
+                                      filed.name
+                                  }
+                                  id="salaryItemInput"
+                                  onBlur={() => this.handleEditSalaryItemName(item, filed, 1)}
+                                  onChange={(val) => this.handleChangeSalaryItemShowName(item, filed, val)}
                                 /> :
                                 <div className="salaryItemName"
                                      onClick={() => this.handleEditSalaryItemName(item, filed, 2)}>
                                   {
-                                    (item.groupId !== "111111111111111111" && (!_.isEmpty(salaryBillItemNameObj) || (filed.name !== filed.originName))) ?
-                                      `${salaryBillItemNameObj.salaryItemShowName || filed.name}(${filed.originName})` :
-                                      filed.name
+                                    (item.groupId !== "111111111111111111" && (!_.isEmpty(salaryBillItemNameObj) || (filed.salaryItemShowName !== filed.originName))) ?
+                                      `${filed.salaryItemShowName}(${filed.originName})` :
+                                      filed.salaryItemShowName
                                   }
                                 </div>
                             }
diff --git a/pc4mobx/hrmSalary/stores/payroll.js b/pc4mobx/hrmSalary/stores/payroll.js
index 4411b5fb..6c2e7d34 100644
--- a/pc4mobx/hrmSalary/stores/payroll.js
+++ b/pc4mobx/hrmSalary/stores/payroll.js
@@ -293,6 +293,9 @@ export class payrollStore {
         if (res.status) {
           message.success("保存成功");
           this.getPayrollTemplateList();
+          this.setSalaryBillItemNameSetting(_.map(this.salaryBillItemNameSetting, it => {
+            return { ...it, salaryTemplateId: "", itemShowNameSetting: [] };
+          }));
           resolve();
         } else {
           message.error(res.errormsg || "保存失败");