From 8bb1146ca5a324b0226d320cb340960136dd7181 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, 8 Jun 2023 14:52:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81-=E6=95=B0=E6=8D=AE=E9=80=8F?=
 =?UTF-8?q?=E8=A7=86=E4=BB=A5=E5=8F=8A=E8=96=AA=E8=B5=84=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E5=BC=B9=E6=A1=86=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/povitpivotChartModal.js        |  39 +++--
 pc4mobx/hrmSalary/pages/salaryItem/index.js   |   3 +-
 pc4mobx/hrmSalary/pages/salaryItem/index.less |   5 +
 .../pages/salaryItem/systemSalaryItemModal.js | 145 +++++++++++-------
 4 files changed, 127 insertions(+), 65 deletions(-)

diff --git a/pc4mobx/hrmSalary/pages/reportView/components/povitpivotChartModal.js b/pc4mobx/hrmSalary/pages/reportView/components/povitpivotChartModal.js
index 16c0893c..4af04328 100644
--- a/pc4mobx/hrmSalary/pages/reportView/components/povitpivotChartModal.js
+++ b/pc4mobx/hrmSalary/pages/reportView/components/povitpivotChartModal.js
@@ -6,11 +6,13 @@
  */
 import React, { Component } from "react";
 import { WeaDialog, WeaLocaleProvider } from "ecCom";
+import { WeaTableNew } from "comsMobx";
 import { Spin } from "antd";
 import { toJS } from "mobx";
 import { inject, observer } from "mobx-react";
 import "./index.less";
 
+const WeaTableComx = WeaTableNew.WeaTable;
 const { getLabel } = WeaLocaleProvider;
 
 @inject("payrollFilesStore")
@@ -35,6 +37,14 @@ class PovitpivotChartModal extends Component {
     if (nextProps.visible !== this.props.visible && nextProps.visible) {
       const { id, dimensionId, dimensionValue } = nextProps;
       this.getDataPerspective({ id, dimensionId, dimensionValue });
+    } else {
+      this.setState({
+        dataSource: [],
+        loading: false,
+        pageInfo: {
+          current: 1, pageSize: 10, total: 0
+        }
+      });
     }
   }
 
@@ -46,8 +56,10 @@ class PovitpivotChartModal extends Component {
     const { type, payload: { id, params } = {} } = data;
     const { dataSource, pageInfo } = this.state;
     if (type === "init") {
+      const { payrollFilesStore: { pivotTableStore } } = this.props;
+      const columns = _.filter(toJS(pivotTableStore.columns), (item) => item.display === "true" && item.dataIndex !== "randomFieldId");
       this.postMessageToChild({
-        dataSource, showSum: false, pageInfo
+        dataSource, showSum: false, pageInfo, columns
       });
     } else if (type === "turn") {
       if (id === "PAGEINFO") {
@@ -64,9 +76,7 @@ class PovitpivotChartModal extends Component {
   };
   postMessageToChild = (payload) => {
     const childFrameObj = document.getElementById("commonTable");
-    const { dataSource, showSum = false, pageInfo } = payload;
-    const { payrollFilesStore: { pivotTableStore } } = this.props;
-    const columns = toJS(pivotTableStore.columns);
+    const { dataSource, showSum = false, pageInfo, columns } = payload;
     childFrameObj && childFrameObj.contentWindow.postMessage(JSON.stringify({
       dataSource, columns, showSum, pageInfo
     }), "*");
@@ -82,18 +92,23 @@ class PovitpivotChartModal extends Component {
         this.setState({
           dataSource: list || [],
           pageInfo: { ...pageInfo, current, pageSize, total }
-        }, () => {
-          this.postMessageToChild({
-            dataSource: this.state.dataSource,
-            showSum: false, pageInfo: this.state.pageInfo
-          });
         });
       }
     }).catch(() => this.setState({ loading: false }));
   };
+  getColumns = () => {
+    const { dataSource, pageInfo } = this.state;
+    const { payrollFilesStore: { pivotTableStore } } = this.props;
+    const columns = _.filter(toJS(pivotTableStore.columns), (item) => item.display === "true" && item.dataIndex !== "randomFieldId");
+    this.postMessageToChild({
+      columns, dataSource,
+      showSum: false, pageInfo
+    });
+  };
 
   render() {
     const { loading } = this.state;
+    const { payrollFilesStore: { pivotTableStore } } = this.props;
     return (
       <WeaDialog
         title={getLabel(111, "数据透视")} scalable className="pivot-wrapper" initLoadCss
@@ -107,6 +122,12 @@ class PovitpivotChartModal extends Component {
             id="commonTable"
           />
         </Spin>
+        <WeaTableComx
+          style={{ display: "none" }}
+          comsWeaTableStore={pivotTableStore}
+          needScroll={true}
+          columns={this.getColumns()}
+        />
       </WeaDialog>
     );
   }
diff --git a/pc4mobx/hrmSalary/pages/salaryItem/index.js b/pc4mobx/hrmSalary/pages/salaryItem/index.js
index a3e9c096..40ac86b3 100644
--- a/pc4mobx/hrmSalary/pages/salaryItem/index.js
+++ b/pc4mobx/hrmSalary/pages/salaryItem/index.js
@@ -223,9 +223,8 @@ export default class SalaryItem extends React.Component {
     }
 
     const handleMenuClick = (e) => {
-      const { salaryItemStore: { getSysItemList, setEditSlideVisible, initRequest } } = this.props;
+      const { salaryItemStore: { setEditSlideVisible, initRequest } } = this.props;
       if (e.key === "1") {
-        getSysItemList({});
         setSystemItemVisible(true);
       } else if (e.key === "2") {
         this.setState({ editable: true, isAdd: true });
diff --git a/pc4mobx/hrmSalary/pages/salaryItem/index.less b/pc4mobx/hrmSalary/pages/salaryItem/index.less
index 7a2515e1..97c79576 100644
--- a/pc4mobx/hrmSalary/pages/salaryItem/index.less
+++ b/pc4mobx/hrmSalary/pages/salaryItem/index.less
@@ -71,6 +71,11 @@
       justify-content: flex-end;
       align-items: center;
       padding: 16px 20px;
+
+      .wea-tab {
+        width: 100%;
+        border-bottom: none;
+      }
     }
   }
 }
diff --git a/pc4mobx/hrmSalary/pages/salaryItem/systemSalaryItemModal.js b/pc4mobx/hrmSalary/pages/salaryItem/systemSalaryItemModal.js
index 19caa266..ba12bf48 100644
--- a/pc4mobx/hrmSalary/pages/salaryItem/systemSalaryItemModal.js
+++ b/pc4mobx/hrmSalary/pages/salaryItem/systemSalaryItemModal.js
@@ -1,81 +1,118 @@
 import React from "react";
-import { WeaDialog, WeaInputSearch } from "ecCom";
-import { Button } from "antd";
-import { inject, observer } from "mobx-react";
-import { WeaTableNew } from "comsMobx";
+import { WeaDialog, WeaLocaleProvider, WeaTab } from "ecCom";
+import { Button, message } from "antd";
+import { getSysItemList, saveSysItem } from "../../apis/item";
+import UnifiedTable from "../../components/UnifiedTable";
 import "./index.less";
 
-const WeaTable = WeaTableNew.WeaTable;
-
-@inject("salaryItemStore")
-@observer
+const { getLabel } = WeaLocaleProvider;
 export default class SystemSalaryItemModal extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      searchValue: ""
+      dataSource: [],
+      columns: [],
+      name: "",
+      loading: false,
+      saveLoading: false,
+      selectedRowKeys: [],
+      pageInfo: {
+        current: 1, pageSize: 10, total: 0
+      }
     };
   }
 
-  // 搜索改变事件
-  handleSearchChange(value) {
-    this.setState({ searchValue: value });
+  componentDidMount() {
+    this.getSysItemList();
   }
 
-  // 搜索
-  handleSearch(value) {
-    const { salaryItemStore } = this.props;
-    const { getSysItemList } = salaryItemStore;
-    getSysItemList({ name: value });
-  }
+  getSysItemList = () => {
+    this.setState({ loading: true });
+    const { pageInfo, name } = this.state;
+    getSysItemList({ ...pageInfo, name }).then(({ status, data }) => {
+      this.setState({ loading: false });
+      if (status) {
+        const { columns, list: dataSource, pageNum: current, pageSize, total } = data;
+        this.setState({
+          columns, dataSource,
+          pageInfo: { ...pageInfo, current, pageSize, total }
+        });
+      }
+    }).catch(() => this.setState({ loading: false }));
+  };
+  handleAdd = () => {
+    const { selectedRowKeys } = this.state;
+    if (_.isEmpty(selectedRowKeys)) {
+      message.info(getLabel(111, "未选择任何条目"));
+      return;
+    }
+    this.setState({ saveLoading: true });
+    saveSysItem(selectedRowKeys).then(({ status, errormsg }) => {
+      this.setState({ saveLoading: false });
+      if (status) {
+        message.success(getLabel(111, "添加成功"));
+        this.setState({ selectedRowKeys: [] }, () => {
+          this.getSysItemList();
+          this.props.onCancel();
+        });
+      } else {
+        message.error(errormsg);
+      }
+    }).catch(() => this.setState({ saveLoading: false }));
+  };
 
   render() {
-    const { salaryItemStore } = this.props;
-    const { sysListTableStore, saveLoading } = salaryItemStore;
-    const { searchValue } = this.state;
-
-    const handleAdd = () => {
-      const { salaryItemStore: { saveSysItem } } = this.props;
-      saveSysItem();
+    const { selectedRowKeys, pageInfo, loading, columns, dataSource, saveLoading } = this.state;
+    const pagination = {
+      current: pageInfo.current,
+      pageSize: pageInfo.pageSize,
+      total: pageInfo.total,
+      showTotal: total => `${getLabel(111, "共")} ${total} ${getLabel(111, "条")}`,
+      showQuickJumper: true,
+      showSizeChanger: true,
+      pageSizeOptions: ["10", "20", "50", "100"],
+      onShowSizeChange: (current, pageSize) => {
+        this.setState({ pageInfo: { ...pageInfo, current, pageSize } }, () => {
+          this.getSysItemList();
+        });
+      },
+      onChange: current => {
+        this.setState({ pageInfo: { ...pageInfo, current } }, () => {
+          this.getSysItemList();
+        });
+      }
+    };
+    const rowSelection = {
+      selectedRowKeys,
+      onChange: (selectedRowKeys) => this.setState({ selectedRowKeys })
     };
-
     return (
       <WeaDialog
         title="添加系统薪资项目"
-        initLoadCss
-        className="sys-salary-wrapper"
-        visible={this.props.visible}
-        onCancel={() => {
+        initLoadCss className="sys-salary-wrapper"
+        visible={this.props.visible} onCancel={() => {
+        this.setState({ selectedRowKeys: [] }, () => {
           this.props.onCancel();
-        }}
-        style={{ width: "60vw" }}
+        });
+      }} style={{ width: "60vw" }} scalable
         buttons={[
-          <Button
-            type="primary"
-            loading={saveLoading}
-            onClick={() => {
-              handleAdd();
-            }}
-          >添加</Button>
+          <Button type="primary" loading={saveLoading} onClick={this.handleAdd}>添加</Button>
         ]}
       >
         <div className="headerSearchWrapper">
-          <WeaInputSearch
-            value={searchValue}
-            placeholder="请输入名称"
-            onChange={(value) => {
-              this.handleSearchChange(value);
-            }}
-            onSearch={(value) => {
-              this.handleSearch(value);
-            }}/>
+          <WeaTab datas={[]} keyParam="viewcondition" //主键
+                  searchType={["base"]} onSearchChange={name => this.setState({ name })}
+                  onSearch={this.getSysItemList}
+          />
         </div>
-        <WeaTable // table内部做了loading加载处理，页面就不需要再加了
-          comsWeaTableStore={sysListTableStore} // table store
-          hasOrder={true} // 是否启用排序
-          needScroll={false} // 是否启用table内部列表滚动，将自适应到父级高度
-          // getColumns={this.getColumns}
-          // onOperatesClick={this.onOperatesClick.bind(this)}
+        <UnifiedTable
+          loading={loading}
+          rowKey="id"
+          columns={columns}
+          dataSource={dataSource}
+          pagination={pagination}
+          rowSelection={rowSelection}
+          xWidth={columns.length * 120}
         />
       </WeaDialog>
     );