From 1fc70a9978fa5989c9fa6a674378ccf1d943f3e6 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, 6 Mar 2023 17:13:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=87=87=E9=9B=86-=E8=80=83?=
 =?UTF-8?q?=E5=8B=A4=E5=BC=95=E7=94=A8=E9=A1=B5=E9=9D=A2=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../selectItemsModal/selectItemsWrapper.js    | 13 ++--
 .../components/attendanceDataComp.js          | 78 ++++++++++++++++++-
 2 files changed, 82 insertions(+), 9 deletions(-)

diff --git a/pc4mobx/hrmSalary/components/selectItemsModal/selectItemsWrapper.js b/pc4mobx/hrmSalary/components/selectItemsModal/selectItemsWrapper.js
index e4d99a5e..7a3ed519 100644
--- a/pc4mobx/hrmSalary/components/selectItemsModal/selectItemsWrapper.js
+++ b/pc4mobx/hrmSalary/components/selectItemsModal/selectItemsWrapper.js
@@ -9,15 +9,16 @@ import { WeaCheckbox, WeaSearchGroup } from "ecCom";
 
 class SelectItemsWrapper extends Component {
   renderTitle = (item) => {
-    const { groupName } = item;
+    const { onSelectGroupAll } = this.props;
+    const { groupName, groupId } = item;
     return <div className="setGroupWrapper">
-      <WeaCheckbox content={groupName}/>
+      <WeaCheckbox content={groupName} onChange={(val) => onSelectGroupAll(groupId, val)}/>
       <span className="checkedtitle">已选择0个字段</span>
     </div>;
   };
 
   render() {
-    const { dataSource } = this.props;
+    const { dataSource, onSelectItem } = this.props;
     return (
       <React.Fragment>
         {
@@ -31,13 +32,11 @@ class SelectItemsWrapper extends Component {
                     <ul className="itemContUl">
                       {
                         _.map(items, child => {
-                          const { name, checked } = child;
+                          const { name, checked, id } = child;
                           return <li title={name}>
                             <WeaCheckbox
                               content={name} value={checked ? "1" : "0"}
-                              onChange={(value) => {
-                                console.log(value);
-                              }}
+                              onChange={(val) => onSelectItem(id, val)}
                             />
                           </li>;
                         })
diff --git a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataComp.js b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataComp.js
index e70e6acd..0a7b6c4d 100644
--- a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataComp.js
+++ b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataComp.js
@@ -229,6 +229,14 @@ class AttendanceDataComp extends Component {
   handleSearchItemSet = (val) => {
     const { fieldSetPayload, fieldSetList } = this.state;
     this.setState({
+      fieldSetList: _.map(_.cloneDeep(fieldSetList), item => {
+        return {
+          ...item,
+          items: _.filter(item.items || [], child => {
+            return child.name.indexOf(val) !== -1;
+          })
+        };
+      }),
       fieldSetPayload: {
         ...fieldSetPayload,
         data: _.map(_.cloneDeep(fieldSetList), item => {
@@ -251,7 +259,7 @@ class AttendanceDataComp extends Component {
           data: _.map(_.cloneDeep(fieldSetList), item => {
             return {
               ...item,
-              items: _.map(item.items || [], child => !!child.checked)
+              items: _.filter(item.items || [], child => !!child.checked)
             };
           })
         }
@@ -265,6 +273,66 @@ class AttendanceDataComp extends Component {
       });
     }
   };
+  handleSelectGroupAll = (groupId, checked) => {
+    const { fieldSetPayload, fieldSetList } = this.state;
+    this.setState({
+      fieldSetList: _.map(_.cloneDeep(fieldSetList), item => {
+        if (groupId === item.groupId) {
+          return {
+            ...item,
+            items: _.map(item.items || [], child => {
+              return { ...child, checked: !!Number(checked) };
+            })
+          };
+        }
+        return { ...item };
+      }),
+      fieldSetPayload: {
+        ...fieldSetPayload,
+        data: _.map(_.cloneDeep(fieldSetList), item => {
+          if (groupId === item.groupId) {
+            return {
+              ...item,
+              items: _.map(item.items || [], child => {
+                return { ...child, checked: !!Number(checked) };
+              })
+            };
+          }
+          return { ...item };
+        })
+      }
+    });
+  };
+  handleSelectItem = (id, checked) => {
+    const { fieldSetPayload, fieldSetList } = this.state;
+    this.setState({
+      fieldSetList: _.map(_.cloneDeep(fieldSetList), item => {
+        return {
+          ...item,
+          items: _.map(item.items || [], child => {
+            if (id === child.id) {
+              return { ...child, checked: !!Number(checked) };
+            }
+            return { ...child };
+          })
+        };
+      }),
+      fieldSetPayload: {
+        ...fieldSetPayload,
+        data: _.map(_.cloneDeep(fieldSetList), item => {
+          return {
+            ...item,
+            items: _.map(item.items || [], child => {
+              if (id === child.id) {
+                return { ...child, checked: !!Number(checked) };
+              }
+              return { ...child };
+            })
+          };
+        })
+      }
+    });
+  };
 
   render() {
     const {
@@ -327,7 +395,13 @@ class AttendanceDataComp extends Component {
         />
         {/* 表头设置 */}
         <SelectItemModal {...fieldSetPayload}
-                         comp={<SelectItemsWrapper dataSource={fieldSetPayload.data}/>}
+                         comp={
+                           <SelectItemsWrapper
+                             dataSource={fieldSetPayload.data}
+                             onSelectGroupAll={this.handleSelectGroupAll}
+                             onSelectItem={this.handleSelectItem}
+                           />
+                         }
                          onCancel={this.handleCloseSettings}
                          onSearchItemSet={this.handleSearchItemSet}
                          onShowOnlyChecked={this.handleShowOnlyChecked}