release/2.19.1.2501.01-个税

pc4mobx/hrmSalary/apis/intelligentCalculateSalarySettings.js

@@ -53,3 +53,7 @@ export const apiflowWarnReceiverGetForm = (params) => {
 export const apiflowWarnReceiverDelete = (params) => {
   return WeaTools.callApi("/api/bs/hrmsalary/taxdeclaration/apiflow/warn/receiver/delete", "GET", params);
 };
+//智能算薪-月度统计详情
+export const getStatisticsDetailList = (params) => {
+  return postFetch("/api/bs/hrmsalary/taxdeclaration/apiflow/statistics/detail/list", params);
+};

pc4mobx/hrmSalary/pages/intelligentCalculateSalarySettings/components/interfaceFlowStatistics.js

@@ -8,6 +8,7 @@ import React, { Component } from "react";
 import { Button, message, Spin } from "antd";
 import { WeaLocaleProvider, WeaTable } from "ecCom";
 import { apiflowStatisticsInfo, apiflowStatisticsList } from "../../../apis/intelligentCalculateSalarySettings";
+import MonthStaticsDetailDialog from "./monthStaticsDetailDialog";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
@@ -34,7 +35,7 @@ class InterfaceFlowStatistics extends Component {
       },
       columns: [], dataSource: [],
       pageInfo: { current: 1, pageSize: 10, total: 0 },
-      loading: false
+      loading: false, visible: false
     };
   }
 
@@ -96,7 +97,7 @@ class InterfaceFlowStatistics extends Component {
   };
 
   render() {
-    const { statisticsInfo, pageInfo, loading, dataSource, columns } = this.state;
+    const { statisticsInfo, pageInfo, loading, dataSource, columns, visible } = this.state;
     const { staticData } = statisticsInfo;
     const pagination = {
       ...pageInfo,
@@ -147,16 +148,18 @@ class InterfaceFlowStatistics extends Component {
                 ...columns,
                 {
                   title: getLabel(30585, "操作"), dataIndex: "operate",
-                  render: () => (<a href="">{getLabel(111, "月统计详情")}</a>)
+                  render: () => (<a href="javascript:void(0);" rel="noreferrer"
+                                    onClick={() => this.setState({ visible: true })}>{getLabel(111, "月统计详情")}</a>)
                 }
               ]}
               scroll={{ y: `calc(100vh - 190px)` }}
             />
           }
         </div>
+        <MonthStaticsDetailDialog visible={visible} onCancel={() => this.setState({ visible: false })}/>
       </div>
     );
   }
 }
 
-export default InterfaceFlowStatistics;
+export default InterfaceFlowStatistics;

pc4mobx/hrmSalary/pages/intelligentCalculateSalarySettings/components/monthStaticsDetailDialog/index.js

@@ -0,0 +1,98 @@
+/*
+  *  月度统计详情
+  *
+  * @Author:    黎永顺
+  * @Date:      2026/2/10
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaDialog, WeaLocaleProvider, WeaTable } from "ecCom";
+import { getStatisticsDetailList } from "../../../../apis/intelligentCalculateSalarySettings";
+import "./index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class MonthStaticsDetailDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dataSource: [], columns: [], pageInfo: { current: 0, pageSize: 10, total: 0 },
+      loading: false
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) this.getStatisticsDetailList();
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) {
+      this.setState({
+        dataSource: [], columns: [], pageInfo: { current: 0, pageSize: 10, total: 0 },
+        loading: false
+      });
+    }
+  }
+
+  getStatisticsDetailList = () => {
+    const { pageInfo } = this.state;
+    const payload = { ...pageInfo };
+    this.setState({ loading: true });
+    getStatisticsDetailList(payload).then(({ status, data }) => {
+      this.setState({ loading: false });
+      if (status) {
+        const { columns, pageInfo: { list: dataSource, pageNum: current, pageSize, total } } = data;
+        this.setState({
+          pageInfo: { current, pageSize, total }, dataSource, columns
+        });
+      }
+    }).catch(() => this.setState({ loading: false }));
+  };
+
+  render() {
+    const { loading, dataSource, columns, pageInfo } = this.state;
+    const pagination = {
+      ...pageInfo,
+      showTotal: total => `${getLabel(18609, "共")} ${total} ${getLabel(18256, "条")}`,
+      showQuickJumper: true,
+      showSizeChanger: true,
+      pageSizeOptions: ["10", "20", "50", "100"],
+      onShowSizeChange: (current, pageSize) => {
+        this.setState({
+          pageInfo: { ...pageInfo, current, pageSize }
+        }, () => this.getStatisticsDetailList());
+      },
+      onChange: current => {
+        this.setState({
+          pageInfo: { ...pageInfo, current }
+        }, () => this.getStatisticsDetailList());
+      }
+    };
+    const scrollHeight = this.logRef ? this.logRef.state.height - 144 : 606.6;
+    return (
+      <WeaDialog
+        {...this.props} title={getLabel(111, "月度统计详情")}
+        ref={dom => this.logRef = dom} className="statiscalDialog" initLoadCss
+        style={{
+          width: 1150,
+          height: 606.6,
+          minHeight: 200,
+          minWidth: 380,
+          maxHeight: "90%",
+          maxWidth: "90%",
+          overflow: "hidden",
+          transform: "translate(0px, 0px)"
+        }}
+      >
+        <div className="statiscalDialogContent">
+          <WeaTable
+            columns={columns} dataSource={dataSource}
+            loading={loading} className="statiscalTable"
+            pagination={pagination} scroll={{ y: `${scrollHeight}px` }}
+          />
+        </div>
+      </WeaDialog>
+    );
+  }
+}
+
+export default MonthStaticsDetailDialog;

pc4mobx/hrmSalary/pages/intelligentCalculateSalarySettings/components/monthStaticsDetailDialog/index.less

@@ -0,0 +1,16 @@
+.statiscalDialog {
+  .wea-dialog-body {
+    overflow-y: hidden;
+  }
+
+  .statiscalDialogContent {
+    background: #F6F6F6;
+    padding: 16px;
+    width: 100%;
+    height: 100%;
+
+    .statiscalTable {
+      background: #FFFFFF;
+    }
+  }
+}