Merge branch 'release/3.0.0.2502.01-合并业务线' into custom-中航富士达

pc4mobx/hrmSalary/apis/datapush.js

@@ -0,0 +1,26 @@
+import { WeaTools } from "ecCom";
+import { postFetch } from "../util/request";
+// 推送配置列表
+export const getPushSettingList = (params) => {
+  return postFetch("/api/bs/hrmsalary/push/setting/list", params);
+};
+// 保存推送配置
+export const savePushSetting = (params) => {
+  return postFetch("/api/bs/hrmsalary/push/setting/save", params);
+};
+// 删除推送配置
+export const deletePushSetting = (params) => {
+  return WeaTools.callApi("/api/bs/hrmsalary/push/setting/delete", "GET", params);
+};
+// 推送配置明细列表
+export const getPushItemList = (params) => {
+  return postFetch("/api/bs/hrmsalary/push/item/list", params);
+};
+// 保存推送配置明细
+export const savePushItemList = (params) => {
+  return postFetch("/api/bs/hrmsalary/push/item/save", params);
+};
+// 删除推送配置明细
+export const deletePushItemList = (params) => {
+  return WeaTools.callApi("/api/bs/hrmsalary/push/item/delete", "GET", params);
+};

pc4mobx/hrmSalary/apis/statistics.js

@@ -142,6 +142,10 @@ export const savePageListSetting = (params) => {
 export const savePageListTemplate = (params) => {
   return postFetch("/api/bs/hrmsalary/common/pageList/template/save", params);
 };
+// 薪酬统计报表-导出模板示例下载
+export const downloadPageListTemplate = (params) => {
+  return postExportFetch("/api/bs/hrmsalary/common/pageList/template/file/download", params);
+};
 //薪酬统计报表-获取页面模板
 export const getPageListTemplatelist = (params) => {
   return postFetch("/api/bs/hrmsalary/common/pageList/template/list", params);

pc4mobx/hrmSalary/apis/taxAgent.js

@@ -12,7 +12,7 @@ export const taxAgentRangeSync = (params) => {
 
 // 系统管理员权限
 export const getPermission = (params) => {
-  return WeaTools.callApi("/api/bs/hrmsalary/taxAgent/permission", "GET", params);
+  return WeaTools.callApi("/api/bs/hrmsalary/auth/permission", "GET", params);
 };
 
 //获取个税扣缴义务人表单
@@ -102,3 +102,73 @@ export const getTaxAgentSelectListAsAdmin = (params) => {
 export const hasIconInTax = (params) => {
   return WeaTools.callApi("/api/bs/hrmsalary/sys/conf/code?code=hideIconInTax", "GET", params);
 };
+
+/**权限-角色相关*/
+//同步业务线
+export const syncAuth = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/sync", params);
+};
+//角色列表
+export const getRoleList = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/role/list", params);
+};
+//保存角色
+export const saveAuthRole = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/role/save", params);
+};
+//删除角色
+export const deleteAuthRole = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/role/delete", params);
+};
+//成员列表
+export const authMemberList = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/member/list", params);
+};
+//保存成员
+export const saveAuthMember = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/member/save", params);
+};
+//数据列表
+export const authDataList = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/data/list", params);
+};
+//删除成员
+export const deleteAuthMember = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/member/delete", params);
+};
+//删除数据
+export const deleteAuthData = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/data/delete", params);
+};
+//保存数据
+export const saveAuthData = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/data/save", params);
+};
+//同步数据
+export const syncAuthData = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/data/sync", params);
+};
+//同步成员
+export const syncAuthMember = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/member/sync", params);
+};
+//保存权限
+export const saveAuthOpt = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/opt/save", params);
+};
+//权限项
+export const getAuthOptTree = (params) => {
+  return WeaTools.callApi("/api/bs/hrmsalary/auth/opt/tree", "GET", params);
+};
+//业务线详情
+export const getRole = (params) => {
+  return WeaTools.callApi("/api/bs/hrmsalary/auth/role/getRole", "GET", params);
+};
+//成员明细列表
+export const authMemberDetail = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/member/detail", params);
+};
+//数据明细列表
+export const authDataDetail = (params) => {
+  return postFetch("/api/bs/hrmsalary/auth/data/detail", params);
+};

pc4mobx/hrmSalary/components/CustomBrowser/components/associativeSearchMult.js

@@ -33,18 +33,17 @@ class AssociativeSearchMult extends Component {
     }
   }
 
-  handleSearch = (value) => {
-    this.setState({ loading: true });
-    this.getData(value);
-  };
+  handleSearch = (value) => this.getData(value);
   getData = (name = "") => {
-    const { browserConditionParam } = this.props;
+    const { browserConditionParam, tags } = this.props;
+    if (tags) return;
     const {
       completeURL, filterByName, searchParamsKey, convertDatasource, dataParams = {}
     } = browserConditionParam;
     if (_.trim(name)) {
       let payload = { ...dataParams };
       searchParamsKey && (payload = { ...payload, [searchParamsKey]: name, current: 1, pageSize: 9999 });
+      this.setState({ loading: true });
       postFetch(completeURL, payload).then(({ status, data }) => {
         this.setState({ loading: false });
         if (status && data.list) {
@@ -105,7 +104,7 @@ class AssociativeSearchMult extends Component {
 
   render() {
     const { data, dropdownWidth } = this.state;
-    const { viewAttr, selectedValues, datas, isSingle, browserConditionParam = {} } = this.props;
+    const { viewAttr, selectedValues, datas, isSingle, browserConditionParam = {}, tags } = this.props;
     const clsname = classNames({
       "required": (viewAttr === 3 || viewAttr === "3") && _.isEmpty(selectedValues),
       "mr12": viewAttr === "3" && _.isEmpty(selectedValues),
@@ -127,7 +126,7 @@ class AssociativeSearchMult extends Component {
       );
     }
     let options = data.map(d => <Option key={d.id} title={d.name}>{d.name}</Option>);
-    selectedValues && selectedValues.map((v) => {
+    !tags && selectedValues && selectedValues.map((v) => {
       v && options.unshift(<Option key={v} title={datas[v].name}>{datas[v].name}</Option>);
     });
     const select = <Select

pc4mobx/hrmSalary/components/CustomBrowser/components/customBrowserDialog.js

@@ -62,6 +62,8 @@ class CustomBrowserDialog extends Component {
           listDatas: convertDatasource ? convertDatasource(data.list) : data.list,
           pageInfo: { ...pageInfo, current, pageSize, total }
         });
+      } else if (status && data.modeList) {
+        this.setState({ listDatas: _.map(data.modeList, o => ({ ...o, id: o.name })) });
       } else {
         this.setState({ listDatas: _.map(data, o => ({ ...o, id: String(o.id) })) });
       }

pc4mobx/hrmSalary/components/CustomBrowser/index.js

@@ -97,17 +97,11 @@ class Index extends Component {
     }, () => {
       this.props.onChange && this.props.onChange(values.join(","));
       this.props.onCustomChange && this.props.onCustomChange(this.state.selectedData);
-      if (form) {
-        form.updateFields({
-          [getKey(fieldConfig)]: { value: this.state.searchKeys.join(",") }
-        });
-      }
+      if (form) form.updateFields({ [getKey(fieldConfig)]: { value: this.state.searchKeys.join(",") } });
     });
   };
   onBrowerClick = (keys, selectedObj) => {
-    if (_.isEmpty(keys)) {
-      this.setState({ searchKeys: [], selectedData: {}, rightDatas: [] });
-    }
+    if (_.isEmpty(keys)) this.setState({ searchKeys: [], selectedData: {}, rightDatas: [] });
     this.setState({ browserDialog: { visible: true } });
   };
 

pc4mobx/hrmSalary/components/PersonalScopeTable/index.js

@@ -95,7 +95,7 @@ class PersonalScopeTable extends Component {
 
   render() {
     const { dataSource, columns, pageInfo, loading, selectedRowKeys } = this.state;
-    const { onChangeSelectKey } = this.props;
+    const { onChangeSelectKey, showOperateBtn } = this.props;
     const pagination = {
       ...pageInfo,
       showTotal: total => `共 ${total} 条`,
@@ -128,7 +128,7 @@ class PersonalScopeTable extends Component {
     return (
       <WeaTable
         rowKey="id"
-        rowSelection={rowSelection}
+        rowSelection={showOperateBtn ? rowSelection : null}
         dataSource={dataSource}
         pagination={pagination}
         loading={loading.query}

pc4mobx/hrmSalary/components/UnifiedTable/index.js

@@ -12,7 +12,7 @@ class Index extends Component {
       } else if (index === 1) {
         return { ...item, fixed: "left", width: 176 };
       }
-      if (item.dataIndex === "operate") {
+      if (item.dataIndex === "operate" || item.dataIndex === "opts") {
         return { ...item, fixed: "right", width: item.width || "120px" };
       }
       return { ...item, width: "33%" };

pc4mobx/hrmSalary/components/custom-title/weaReqTitle/index.js

@@ -7,7 +7,7 @@ class Index extends Component {
   render() {
     return (
       <WeaReqTop
-        title={getLabel(111, "编辑账套")} icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
+        title={this.props.title || getLabel(111, "编辑账套")} icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
         showDropIcon={false} tabDatas={this.props.tabDatas} {...this.props}
       />
     );

pc4mobx/hrmSalary/components/custom-title/weaTopTitle/index.js

@@ -6,7 +6,7 @@ const getLabel = WeaLocaleProvider.getLabel;
 class Index extends Component {
   render() {
     return (
-      <WeaTop title={getLabel(111, "新建账套")} icon={<i className="icon-coms-fa"/>}
+      <WeaTop title={this.props.title || getLabel(111, "新建账套")} icon={<i className="icon-coms-fa"/>}
               iconBgcolor="#F14A2D" {...this.props}/>
     );
   }

pc4mobx/hrmSalary/components/index.js

@@ -1,111 +0,0 @@
-import React from "react";
-import { inject, observer } from "mobx-react";
-import { toJS } from "mobx";
-
-import { Button } from "antd";
-import { WeaLogView } from "comsMobx";
-import { WeaLocaleProvider, WeaNewScroll, WeaTop } from "ecCom";
-
-import { getSearchs, renderLoading, renderNoright } from "../util"; // 从util文件引入公共的方法
-
-const getLabel = WeaLocaleProvider.getLabel;
-const WeaLogViewComp = WeaLogView.Component;
-
-@inject("baseFormStore")
-@observer
-export default class BaseForm extends React.Component {
-  componentWillMount() { // 初始化渲染页面
-    const { baseFormStore: { doInit } } = this.props;
-    doInit();
-  }
-
-  componentWillReceiveProps(nextProps) {
-    const { baseFormStore: { doInit } } = this.props;
-    if (this.props.location.key !== nextProps.location.key) { // 手动刷新、切换菜单 重新初始化
-      doInit();
-    }
-  }
-
-  // 渲染右键菜单和顶部下拉菜单
-  getRightMenu() {
-    const { baseFormStore: { setLogVisible, saveForm } } = this.props;
-    let btnArr = [
-      {
-        key: "BTN_SAVE",
-        icon: <i className="icon-coms-Preservation"/>,
-        content: `${getLabel(86, "保存")}`,
-        onClick: () => saveForm()
-      },
-      {
-        key: "log",
-        content: getLabel(83, "日志"),
-        icon: <i className="icon-coms-Print-log"/>,
-        onClick: () => setLogVisible(true)
-      }];
-    return btnArr;
-  }
-
-  render() {
-    /*  页面渲染说明：
-      1、判断是否无权限： 是显示无权限页面
-      2、渲染form页面:
-        2-1: WeaRightMenu 右键菜单
-        2-2: WeaTop: 顶部: 包括下拉菜单
-        2-3: renderLoading: 加载数据中的loading效果(统一封装在util中)
-        2-4: WeaNewScroll 顶部以下超长滚动处理
-        2-5: 通过getSearchs方法渲染form
-    */
-    const { baseFormStore } = this.props;
-    const {
-      loading,
-      hasRight,
-      form,
-      condition,
-      logVisible,
-      logStore,
-      saveLoading,
-      setLogVisible,
-      saveForm
-    } = baseFormStore; // 从后台取数据 和 方法
-
-    if (!hasRight && !loading) { // 无权限处理
-      return renderNoright();
-    }
-
-    const btns = [ // 顶部按钮
-      <Button type="primary" loading={saveLoading} onClick={() => saveForm()}>保存</Button>
-    ];
-    const collectParams = { // 收藏功能配置
-      favname: "基础表单",
-      favouritetype: 1,
-      objid: 0,
-      link: "wui/index.html#/ns_demo01/index",
-      importantlevel: 1
-    };
-    return (
-      <WeaTop
-        title="基础表单" // title
-        icon={<i className="icon-coms-fa"/>} // 左侧图标
-        iconBgcolor="#F14A2D" // 左侧图标背景色
-        buttons={btns} // 顶部按钮: 这里是保存按钮，不需要可以不显示
-        buttonSpace={10} // 按钮之间的间隔
-        showDropIcon={true} // 是否显示右侧下拉按钮
-        dropMenuDatas={this.getRightMenu()} // 下拉菜单（和页面的右键菜单相同）
-        dropMenuProps={{ collectParams }} // 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能
-      >
-        {loading ? renderLoading() :
-          <WeaNewScroll height="100%">
-            {getSearchs(form, toJS(condition), 1)}
-          </WeaNewScroll>
-        }
-        <WeaLogViewComp // 日志功能（一般后端的应用设置是需要的）
-          visible={logVisible} // 日志弹框的显示隐藏
-          onCancel={() => setLogVisible(false)} // 关闭日志弹框时的操作：设置logVisible属性为false
-          logStore={logStore} // 日志的store
-          logType="1" // 模块编码: 该参数要根据模块来给
-          logSmallType="1" // 细分模块编码: 该参数要根据模块来给
-        />
-      </WeaTop>
-    );
-  }
-}

pc4mobx/hrmSalary/components/pcTemplate/content.js

@@ -10,7 +10,7 @@ class Content extends Component {
     const { onlyOneGrup, showData } = dealTemplate(_.filter(itemTypeList, o => !!o), "pc");
     return (
       <div className="salary-preview-container">
-        <div style={{ border: "10px solid #F3F9FF" }}>
+        <div style={{ border: "10px solid #F3F9FF", width: "100%" }}>
           <div className="edition-center">
             <div className="header">
               <div className="header-title">{theme || ""}</div>

pc4mobx/hrmSalary/config.js

@@ -0,0 +1,25 @@
+export const PAGE = {
+  "salaryArchive": ["/hrmSalary/salaryFile"], //薪资档案
+  "salarySob": ["/hrmSalary/ledger"], //薪资账套
+  "salaryAcct": ["/hrmSalary/calculate", "/hrmSalary/calcView"], //薪资核算
+  "salaryBill": ["/hrmSalary/payroll", "/hrmSalary/payrollGrant", "/hrmSalary/payrollDetail"], //工资单
+  "taxDeclaration": ["/hrmSalary/declare", "/hrmSalary/generateDeclarationDetail"], //个税
+  "addUpDeduction": ["/dataAcquisition/cumDeduct"], //累计专项附加扣除
+  "specialAddDeduction": ["/dataAcquisition/specialAddDeduction"], //专项附加扣除
+  "otherDeduction": ["/dataAcquisition/otherDeduct"], //其他免税扣除
+  "addUpSituation": ["/dataAcquisition/cumSituation"], //往期累计情况
+  "attendQuote": ["/dataAcquisition/attendance"], //考勤引用
+  "myBill": ["/hrmSalary/mySalary", "/hrmSalary/mySalaryMobile"], //薪资福利
+  "taxAgent": ["/hrmSalary/taxAgent"], //个税扣缴义务人
+  "auth": ["/hrmSalary/roleManagement"], //业务管理线
+  "variableArchive": ["/hrmSalary/variableSalary"], //浮动薪酬
+  "siAccount": ["/socialSecurityBenefits/standingBook", "/socialSecurityBenefits/standingBookDetail", "/socialSecurityBenefits/sbofflineComparison"], //社保福利台账
+  "siArchive": ["/socialSecurityBenefits/archives"], //社保档案
+  "salaryField": ["/hrmSalary/fieldManagement"], //字段管理
+  "salaryItem": ["/hrmSalary/salaryItem"], //薪资项目管理
+  "siScheme": ["/socialSecurityBenefits/programme"], //社保福利方案
+  "report": ["/hrmSalary/analysisOfSalaryStatistics", "/hrmSalary/reportView"], //报表
+  "dataPush": ["/hrmSalary/datapush"], //数据推送
+  "adjustRecord": ["/hrmSalary/adjustSalaryManage"] //调薪管理
+};
+export const EXCLUDE_PAGE = ["mobilepayroll"];

pc4mobx/hrmSalary/index.js

@@ -28,7 +28,7 @@ import PayrollDetail from "./pages/payroll/payrollDetail/payrollDetail";
 // import Declare from "./pages/declare";
 import Declare from "./pages/declare/declare"; //重构的个税申报表
 import TaxRate from "./pages/taxRate";
-import TaxAgent from "./pages/taxAgent";
+import TaxAgent from "./pages/salary/taxAgent";
 import CalculateDetail from "./pages/calculateDetail";
 import PlaceOnFileDetail from "./pages/calculateDetail/placeOnFileDetail";
 import CompareDetail from "./pages/calculateDetail/compareDetail";
@@ -42,6 +42,7 @@ import MobilePayroll from "./pages/mobilePayroll";
 import SysConfig from "./pages/sysConfig";
 import RuleConfig from "./pages/ruleConfig/ruleConfig";
 import Appconfig from "./pages/appConfig";
+import RoleManagement from "./pages/roleManagement";
 import FieldManagement from "./pages/fieldManagement";
 import AnalysisOfSalaryStatistics from "./pages/analysisOfSalaryStatistics";
 import EmployeeList from "./pages/employeeView";
@@ -53,6 +54,7 @@ import AdjustSalaryManage from "./pages/adjustSalaryManage";
 import TopologyMap from "./pages/topologyMap";
 import SupplementaryCalc from "./pages/supplementaryCalc";
 import VariableSalary from "./pages/variableSalary";
+import Datapush from "./pages/datapush";
 import Layout from "./layout";
 import stores from "./stores";
 import "./style/index";
@@ -64,6 +66,7 @@ getLocaleLabel = function (nextState, replace, callback) {
 };
 const SocialSecurityBenefits = (props) => props.children;
 const DataAcquisition = (props) => props.children;
+
 const Routes = (
   <Route key="hrmSalary" path="hrmSalary" onEnter={getLocaleLabel} component={Layout}>
     <Route key="historicalPayroll" path="historicalPayroll" component={HistoricalPayroll}/>
@@ -110,9 +113,11 @@ const Routes = (
     <Route key="sysconfig" path="sysconfig" component={SysConfig}/>
     <Route key="sysconfig-1" path="sysconfig-1" component={RuleConfig}/>
     <Route key="appconfig" path="appconfig" component={Appconfig}/>
+    <Route key="roleManagement" path="roleManagement" component={RoleManagement}/>
     <Route key="fieldManagement" path="fieldManagement" component={FieldManagement}/>
     <Route key="analysisOfSalaryStatistics" path="analysisOfSalaryStatistics" component={AnalysisOfSalaryStatistics}/>
     <Route key="analysisOfSalaryStatisticsId" path="analysisOfSalaryStatistics/:employeeId" component={EmployeeList}/>
+    <Route key="datapush" path="datapush" component={Datapush}/>
     <Route key="reportView" path="reportView" component={ReportView}/>
     <Route key="externalPersonManage" path="externalPersonManage" component={ExternalPersonManage}/>
     <Route key="topologyView" path="topologyView/:salarySobId/:salaryItemId" component={TopologyMap}/>

pc4mobx/hrmSalary/layout.js

@@ -8,12 +8,17 @@
   * @description:
 */
 import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
 import { WeaLocaleProvider, WeaTools } from "ecCom";
+import Authority from "./pages/mySalary/authority";
+import { EXCLUDE_PAGE } from "./config";
 import stores from "./stores";
 
 const { ls } = WeaTools;
 const { getLabel } = WeaLocaleProvider;
 
+@inject("taxAgentStore")
+@observer
 class Layout extends Component {
   constructor(props) {
     super(props);
@@ -22,6 +27,8 @@ class Layout extends Component {
 
   componentWillReceiveProps(nextProps, nextContext) {
     if (window.e9LibsConfigCustomF && _.some(window.e9LibsConfigCustomF, o => (_.some(o, k => k === "h_hrmSalary")))) {
+      stores.baseFormStore.initForm();
+      stores.baseFormStore.initFormExtra();
       if (window.location.hash.indexOf("payroll") !== -1) {
         window.localStorage.removeItem("template-basedata");
         window.localStorage.removeItem("salary-showset");
@@ -40,7 +47,11 @@ class Layout extends Component {
       let header = document.getElementById("container");
       header.appendChild(link);
       top.$(".ant-message").remove();
-      window.location.hash.indexOf("mobilepayroll") === -1 && stores.taxAgentStore.getPermission();
+      if (_.every(EXCLUDE_PAGE, page => window.location.hash.indexOf(page) === -1)) {
+        stores.taxAgentStore.getPermission();
+      } else {
+        stores.taxAgentStore.initPageAndOptAuth();
+      }
     }
     window.addEventListener("storage", this.setFontSize);
   }
@@ -68,9 +79,10 @@ class Layout extends Component {
   };
 
   render() {
-    return (
-      <WeaLocaleProvider>{this.props.children}</WeaLocaleProvider>
-    );
+    const { taxAgentStore: { PageAndOptAuth, loading } } = this.props;
+    return (<WeaLocaleProvider>
+      <Authority store={{ loading, hasRight: PageAndOptAuth.able }}>{this.props.children}</Authority>
+    </WeaLocaleProvider>);
   }
 }
 

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/components/conditions.js

@@ -232,6 +232,25 @@ export const tempCondition = [
         rules: "required|string",
         viewAttr: 3
       },
+      {
+        conditionType: "UPLOAD",
+        domkey: ["fileId"],
+        fieldcol: 14,
+        label: "导出模板",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        datas: [],
+        multiSelection: false,
+        showClearAll: false,
+        showListBottom: true,
+        showListTop: true,
+        maxFilesNumber: 1,
+        limitType: "xlsx",
+        uploadUrl: "/api/doc/upload/uploadFile",
+        category: "111",
+        viewAttr: 2
+      },
       {
         conditionType: "SELECT",
         domkey: ["sharedType"],

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/components/salaryDetails.js

@@ -32,7 +32,8 @@ class SalaryDetails extends Component {
     this.state = {
       loading: false, dataSource: [], columns: [], selectedRowKeys: [], tempPageList: [], sumRow: {},
       pageInfo: { current: 1, pageSize: 10, total: 0 }, payload: {}, templateId: "", tempManageQuery: false,
-      showTotalCell: false, updateSum: true, tempDialog: { visible: false, setting: [], id: "", template: {} },
+      showTotalCell: false, updateSum: true,
+      tempDialog: { visible: false, setting: [], heads: [], id: "", template: {} },
       transferDialog: {
         visible: false, searchParamsKey: "name", saveLoading: false,
         dataParams: { page: "salary_details_report" },
@@ -200,9 +201,14 @@ class SalaryDetails extends Component {
   };
   handelAddTemp = (templateId = "") => {
     const { tempDialog, tempPageList } = this.state;
+    if (_.isEmpty(this.transferRef.state.rightDatas)) {
+      message.warning(getLabel(111, "请选择设置！"));
+      return;
+    }
     this.setState({
       tempDialog: {
-        ...tempDialog, visible: true, setting: _.map(this.transferRef.state.rightDatas, o => o.id)
+        ...tempDialog, visible: true, setting: _.map(this.transferRef.state.rightDatas, o => o.id),
+        heads: _.map(this.transferRef.state.rightDatas, o => o.name)
         // template: _.find(tempPageList, o => o.key === templateId)
       }
     });
@@ -303,7 +309,7 @@ class SalaryDetails extends Component {
           {/*薪资明细模板设置*/}
           <SalaryDetailsTempDialog {...tempDialog}
                                    onCancel={callback => this.setState({
-                                     tempDialog: { ...tempDialog, visible: false, setting: [] }
+                                     tempDialog: { ...tempDialog, visible: false, setting: [], heads: [] }
                                    }, () => callback && callback())}
                                    onSuccess={this.getPageListTemplatelist}/>
           {/*薪资明细自定义列模板管理*/}

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/components/salaryDetailsTempDialog.js

@@ -9,10 +9,11 @@
 */
 import React, { Component } from "react";
 import { inject, observer } from "mobx-react";
-import { WeaDialog, WeaLocaleProvider, WeaTools } from "ecCom";
+import { WeaDialog, WeaLoadingGlobal, WeaLocaleProvider, WeaTools } from "ecCom";
 import { tempCondition } from "./conditions";
 import { getTaxAgentSelectList } from "../../../apis/taxAgent";
 import * as API from "../../../apis/statistics";
+import { downloadPageListTemplate } from "../../../apis/statistics";
 import { Button, message } from "antd";
 import { getSearchs } from "../../../util";
 
@@ -57,6 +58,13 @@ class SalaryDetailTempDialog extends Component {
                   value: id ? template["limitIds"].join(",") : "",
                   options: _.map(data, o => ({ key: o.id, showname: o.content }))
                 };
+              } else if (getKey(o) === "fileId") {
+                return {
+                  ...o, label: getLabel(o.lanId, o.label), value: id ? template[getKey(o)] : "",
+                  datas: id && template[getKey(o)] ? [
+                    { fileid: template[getKey(o)], filename: template["fileName"], showDelete: true }
+                  ] : [], labelExtra: getLabel(111, "下载示例"), labelType: "download"
+                };
               }
               return { ...o, label: getLabel(o.lanId, o.label), value: id ? template[getKey(o)] : "" };
             })
@@ -73,12 +81,13 @@ class SalaryDetailTempDialog extends Component {
     tempForm.validateForm().then(f => {
       if (f.isValid) {
         this.setState({ loading: true });
-        const { limitIds, ...formVal } = tempForm.getFormParams();
+        const { limitIds, fileId, ...formVal } = tempForm.getFormParams();
         const payload = {
           page: "salary_details_report", setting, id, ...formVal,
           limitIds: !_.isEmpty(limitIds) ? limitIds.split(",") : []
         };
-        API.savePageListTemplate(payload).then(({ status, errormsg }) => {
+        API.savePageListTemplate(_.assign(payload, fileId ? { fileId } : {})).then(({ status, errormsg }) => {
+          this.setState({ loading: false });
           if (status) {
             message.success(getLabel(111, "操作成功！"));
             this.props.onCancel(this.props.onSuccess());
@@ -92,6 +101,12 @@ class SalaryDetailTempDialog extends Component {
     }).catch(() => this.setState({ loading: false }));
   };
   formFieldChange = (field) => {
+    if (field === "download") {
+      const { setting, heads } = this.props;
+      WeaLoadingGlobal.start();
+      const promise = downloadPageListTemplate({ setting, heads });
+      return;
+    }
     const key = Object.keys(field)[0], value = field[key].value;
     this.setState({
       conditions: _.map(this.state.conditions, item => ({
@@ -101,6 +116,12 @@ class SalaryDetailTempDialog extends Component {
               ...o, hide: value !== "0", viewAttr: value === "0" ? 3 : 1,
               rules: value === "0" ? "required|string" : ""
             };
+          } else if (key === "fileId" && getKey(o) === "fileId") {
+            return {
+              ...o, value, datas: value ? _.map(field[key].valueSpan, o => ({
+                fileid: o.fileid, filename: o.filename, showDelete: true
+              })) : []
+            };
           }
           return { ...o };
         })
@@ -118,7 +139,8 @@ class SalaryDetailTempDialog extends Component {
       <WeaDialog
         {...this.props} style={{ width: 480, height: 127 }} initLoadCss title={getLabel(111, "模板保存")}
         buttons={[<Button type="primary" onClick={this.save} loading={loading}>{getLabel(537558, "保存")}</Button>]}>
-        <div className="form-dialog-layout">{getSearchs(tempForm, conditions, 1, false, this.formFieldChange)}</div>
+        <div
+          className="form-dialog-layout tempDialog">{getSearchs(tempForm, conditions, 1, false, this.formFieldChange)}</div>
       </WeaDialog>
     );
   }

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/components/salaryTempAdminDialog.js

@@ -40,6 +40,11 @@ class SalaryTempAdminDialog extends Component {
 
   render() {
     const { dataSource, selectedKeys } = this.state, { dataParams } = this.props;
+    const heads = _.reduce(selectedKeys, (pre, cur) => {
+      const item = dataSource.find(data => data.id === cur);
+      if (item) pre.push(item.name);
+      return pre;
+    }, []);
     return (<WeaDialog
       {...this.props} initLoadCss ref={dom => this.dialog = dom} title={getLabel(111, "模板管理")}
       className="temp_admin_dialog" style={{
@@ -47,7 +52,7 @@ class SalaryTempAdminDialog extends Component {
       maxHeight: "90%", maxWidth: "90%", overflow: "hidden", transform: "translate(0px, 0px)"
     }} buttons={[
       <Button type="primary"
-              onClick={() => this.props.onAddTemp(dataParams.id, selectedKeys)}>{getLabel(111, "确 定")}</Button>,
+              onClick={() => this.props.onAddTemp(dataParams.id, selectedKeys, heads)}>{getLabel(111, "确 定")}</Button>,
       <Button type="ghost" onClick={this.props.onCancel}>{getLabel(111, "取 消")}</Button>
     ]}>
       <WeaTransfer data={dataSource} selectedKeys={selectedKeys} onChange={v => this.setState({ selectedKeys: v })}

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/components/salaryTempMangerDialog.js

@@ -20,7 +20,7 @@ class SalaryTempMangerDialog extends Component {
     super(props);
     this.state = {
       selectedRowKeys: [], tempAdminDialog: { visible: false, dataParams: { page: "salary_details_report" } },
-      tempDialog: { visible: false, setting: [], id: "", template: {} }
+      tempDialog: { visible: false, setting: [], heads: [], id: "", template: {} }
     };
   }
 
@@ -31,10 +31,10 @@ class SalaryTempMangerDialog extends Component {
   handleTempAdminCols = (params = {}) => this.setState({
     tempAdminDialog: { visible: true, dataParams: { ...this.state.tempAdminDialog.dataParams, ...params } }
   });
-  handelAddTemp = (id = "", setting = []) => {
+  handelAddTemp = (id = "", setting = [], heads = []) => {
     this.setState({
       tempDialog: {
-        visible: true, setting, id, template: _.find(this.tempManageRef.state.listDatas, o => o.id === id)
+        visible: true, setting, heads, id, template: _.find(this.tempManageRef.state.listDatas, o => o.id === id)
       }
     });
   };
@@ -76,7 +76,7 @@ class SalaryTempMangerDialog extends Component {
       {/*薪资明细模板设置*/}
       <SalaryDetailsTempDialog {...tempDialog}
                                onCancel={callback => this.setState({
-                                 tempDialog: { ...tempDialog, visible: false, setting: [] }
+                                 tempDialog: { ...tempDialog, visible: false, setting: [], heads: [] }
                                }, () => callback && callback())}
                                onSuccess={() => this.setState({
                                  tempAdminDialog: { visible: false, dataParams: { page: "salary_details_report" } }

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/index.js

@@ -271,7 +271,7 @@ class Index extends Component {
 
   render() {
     const {
-      taxAgentStore: { statisticsReportBtn, PageAndOptAuth },
+      taxAgentStore: { PageAndOptAuth },
       attendanceStore: { statisticsForm, reportForm, tableStore }
     } = this.props;
     const {
@@ -279,6 +279,7 @@ class Index extends Component {
       reportName, keyword, year, logDialogVisible, filterConditions,
       dateRange, showSearchAd, isQuery
     } = this.state;
+    const statisticsReportBtn = PageAndOptAuth.opts.includes("admin");
     const buttons = selectedKey === "statistics" ? [
       <Button type="primary" onClick={() => this.handleReqBtnsClick("addReport")}>{getLabel(111, "新建报表")}</Button>,
       <Button type="ghost"
@@ -289,7 +290,7 @@ class Index extends Component {
                       onSearch={() => this.handleReqBtnsClick("search")}/>
     ] : selectedKey === "detail" ? [
       <span className="employeeYearWrapper">
-        <span>{getLabel(111, "年薪资核算人员明细：")}</span>
+        <span>{getLabel(111, "年度：")}</span>
         <WeaDatePicker value={year} format="YYYY" onChange={year => this.setState({ year })}/>
       </span>,
       <WeaInputSearch placeholder={getLabel(111, "请输入姓名、工号、身份证号")} className="search"

pc4mobx/hrmSalary/pages/analysisOfSalaryStatistics/index.less

@@ -382,3 +382,17 @@
 
   }
 }
+
+.tempDialog {
+  .wea-form-item-label {
+    min-height: 50px;
+  }
+
+  .wea-form-item-label-extra {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    cursor: pointer;
+    color: #4d7ad8;
+  }
+}

pc4mobx/hrmSalary/pages/calculate/calculate.js

@@ -40,8 +40,9 @@ class Calculate extends Component {
   }
 
   renderCalculateOpts = () => {
-    const { taxAgentStore: { showOperateBtn } } = this.props;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
     const { queryParams, isRefresh } = this.state;
+    const admin = PageAndOptAuth.opts.includes("admin");
     let calculateOpts = [
       <Button type="primary" onClick={() => this.setState({
         calcDaialog: {
@@ -54,7 +55,7 @@ class Calculate extends Component {
         queryParams: { ...queryParams, ...v }
       })} onSearch={() => this.setState({ isRefresh: !isRefresh })}/>
     ];
-    return !showOperateBtn ? calculateOpts.slice(1) : calculateOpts;
+    return !admin ? calculateOpts.slice(1) : calculateOpts;
   };
   handleCalcOpts = ({ key }, record) => {
     const { isRefresh, progressModule } = this.state, { id } = record;
@@ -198,8 +199,7 @@ class Calculate extends Component {
                   key: "log", icon: <i className="iconfont icon-caozuorizhi32"/>,
                   content: getLabel(545781, "操作日志")
                 }
-              ]}
-      >
+              ]}>
         <div className="calculate-body">
           <CalculateTablelist queryParams={queryParams} isRefresh={isRefresh} onCalcOpts={this.handleCalcOpts}/>
           <CalculateDialog {...calcDaialog}

pc4mobx/hrmSalary/pages/calculate/components/calculateTablelist/index.js

@@ -73,7 +73,12 @@ class Index extends Component {
                   </span>,
                   render: (__, record) => {
                     const { operate: opts = [] } = record;
-                    const operate = [...opts, { index: "log", text: getLabel(30586, "查看日志") }];
+                    const admin = record.opts.includes("admin");
+                    const operate = admin ? [...opts, { index: "log", text: getLabel(30586, "查看日志") }] : [
+                      { index: "3", text: getLabel(111, "查看") },
+                      { index: "null", text: "" },
+                      { index: "log", text: getLabel(30586, "查看日志") }
+                    ];
                     return <React.Fragment>
                       {
                         _.map(operate.slice(0, 2), f => (

pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/baseInfo.js

@@ -46,7 +46,8 @@ class EditSalaryBaseInfo extends Component {
       default:
         break;
     }
-    return <WeaBrowser {...browserType} viewAttr={3} value={value} valueSpan={valueSpan} inputStyle={{ width: 200 }}
+    return <WeaBrowser {...browserType} viewAttr={this.props.viewAttr === 1 ? 1 : 3}
+                       value={value} valueSpan={valueSpan} inputStyle={{ width: 200 }}
                        onChange={(value, valueSpan) => this.props.onChange(_.map(this.props.baseInfo, it => {
                          if (fieldCode === it.fieldCode) {
                            return { ...it, fieldValue: value, fieldValueObj: { id: value, name: valueSpan } };

pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/calcAnchorList.js

@@ -0,0 +1,110 @@
+/*
+  *  核算编辑
+  *  数据查看锚点
+  * @Author:    黎永顺
+  * @Date:      2025/2/10
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaLocaleProvider } from "ecCom";
+import classnames from "classnames";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class CalcAnchorList extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      collapsed: false, currentIndex: 0
+    };
+    this.isClickRef = null;
+    this.timerRef = null;
+  }
+
+  componentDidMount() {
+    document.getElementById("salary_anchor_area").addEventListener("scroll", this.handlerScroll);
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) this.setState({
+      collapsed: false,
+      currentIndex: 0
+    });
+  }
+
+  componentWillUnmount() {
+    document.getElementById("salary_anchor_area").removeEventListener("scroll", this.handlerScroll);
+  }
+
+  handlerScroll = () => {
+    // 点击锚点时，不执行滚动函数
+    if (this.isClickRef) return;
+    // 获取滚动容器的滚动高度（这里相对于#salary_anchor_area滚动的）
+    const scrollTop = document.getElementById("salary_anchor_area").scrollTop;
+    // 获取所有wea-search-group anchor_开头的元素集合
+    const contentList = document.querySelectorAll("[class^='wea-search-group anchor_']");
+    const offsetTopArr = [];
+    contentList.forEach((item) => {
+      // 获取每个wea-search-group anchor_开头的元素的offsetTop
+      offsetTopArr.push(item.offsetTop);
+    });
+    for (let i = 0; i < offsetTopArr.length; i++) {
+      // 当滚动条高度达到对应wea-search-group anchor_开头的元素的滚动高度、则将锚点设置为高亮状态
+      if (scrollTop + 190 >= offsetTopArr[i]) this.setState({ currentIndex: i });
+    }
+  };
+  onClickAnchor = (item, index) => {
+    const anchorElement = document.getElementById("salary_anchor_area");
+    const el = document.querySelector(`.anchor_${item.salarySobItemGroupId}`);
+    if (el) {
+      anchorElement.scroll({ top: el.offsetTop, behavior: "smooth" });
+    }
+    this.setState({ currentIndex: index });
+    // 点击时设置为true,为了防止同时执行滚动事件
+    this.isClickRef = true;
+    // 清除定时器，防止滚动事件触发、出现走马灯闪烁问题
+    if (this.timerRef) clearTimeout(this.timerRef);
+    this.timerRef = setTimeout(() => {
+      this.isClickRef = false;
+    }, 1000);
+  };
+
+  render() {
+    const { collapsed, currentIndex } = this.state, { datas } = this.props;
+    return (
+      <div id="anchorList-contianer" style={{ position: "sticky", top: 8, zIndex: 10086 }}>
+        <div className={classnames("anchor-list-wrapper", { "anchor-list-collapsed": collapsed })}>
+          {
+            collapsed ?
+              <div className="anchor-list-collapsed-btn">
+                <i className="icon-coms02-Initialize-template"
+                   onClick={() => this.setState({ collapsed: !collapsed })}/>
+              </div> :
+              <React.Fragment>
+                <div className="anchor-list-header">
+                  <i className="icon-coms-right" onClick={() => this.setState({ collapsed: !collapsed })}/>
+                </div>
+                <div className="anchor-list">
+                  <div className="anchor-list-ink">
+                    <span className="anchor-list-ink-ball visible"
+                          style={{ top: `${2.5 + currentIndex * 27.7}px`, height: 23 }}/>
+                  </div>
+                  {_.map(datas, (o, i) => (
+                    <div className={classnames("anchor-list-link", { "anchor-list-link-active": currentIndex === i })}
+                         onClick={() => this.onClickAnchor(o, i)}>
+                      <span
+                        className={classnames("anchor-list-link-title", { "anchor-list-link-title-active": currentIndex === i })}>{o.salarySobItemGroupName}</span>
+                    </div>)
+                  )}
+                </div>
+              </React.Fragment>
+          }
+        </div>
+      </div>
+    );
+  }
+}
+
+export default CalcAnchorList;

pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/editCalcTable.js

@@ -30,7 +30,7 @@ class EditCalcTable extends Component {
     this.state = {
       loading: false, pageInfo: { current: 1, pageSize: 10, total: 0 },
       selectedRowKeys: [], progressVisible: false, progress: 0,
-      salaryCalcSlide: { visible: false, id: "" }, originPayloadData: {},
+      salaryCalcSlide: { visible: false, id: "", viewAttr: 2 }, originPayloadData: {},
       batchUpdateDialog: {
         visible: false, salaryAcctRecordId: "", idList: [], salaryItemId: "",
         conditions: [], pattern: 0, dataType: ""
@@ -73,9 +73,9 @@ class EditCalcTable extends Component {
           this.updateEmpLockStatus({ ...params });
           break;
         case "EDIT":
-          const { id: salaryCalcId } = params;
+          const { id: salaryCalcId, showSee } = params;
           this.setState({
-            salaryCalcSlide: { visible: true, id: salaryCalcId }
+            salaryCalcSlide: { visible: true, id: salaryCalcId, viewAttr: showSee ? 1 : 2 }
           });
           break;
         case "DIAGRAM":
@@ -238,7 +238,7 @@ class EditCalcTable extends Component {
       "总计": getLabel(523, "总计"), "批量解锁": getLabel(111, "批量解锁"),
       "批量锁定": getLabel(111, "批量锁定"), "批量更新": getLabel(111, "批量更新"),
       "查看拓扑图": getLabel(111, "查看拓扑图"), "锁定": getLabel(111, "锁定"),
-      "解锁": getLabel(111, "解锁")
+      "解锁": getLabel(111, "解锁"), "查看": getLabel(111, "查看")
     };
     this.setState({ originPayloadData: { ...payload, i18n } });
     const childFrameObj = document.getElementById("atdTable");
@@ -269,7 +269,7 @@ class EditCalcTable extends Component {
           const sumRowlistUrl = this.props.showTotalCell ? "/api/bs/hrmsalary/salaryacct/acctresult/sum" : "";
           this.postMessageToChild({
             dataSource, pageInfo, selectedRowKeys, showTotalCell: this.props.showTotalCell, sumRowlistUrl, payload,
-            calcDetail,
+            calcDetail, showSee: calcDetail,
             columns: _.every(traverse(columns, calcDetail), (it, idx) => !it.fixed) ? _.map(traverse(columns, calcDetail), (it, idx) => ({
               ...it,
               fixed: idx < 2 ? "left" : false
@@ -304,10 +304,7 @@ class EditCalcTable extends Component {
           />
           <EditSalaryCalcSlide {...salaryCalcSlide}
                                onClose={(isFresh) => this.setState({
-                                 salaryCalcSlide: {
-                                   visible: false,
-                                   id: ""
-                                 }
+                                 salaryCalcSlide: { visible: false, id: "", viewAttr: 2 }
                                }, () => isFresh === "true" && this.queryCalcResultList())}/>
           {
             progressVisible &&

pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/editSalaryCalcSlide.js

@@ -12,9 +12,9 @@ import PayrollItemsTable from "../../../../calculateDetail/payrollItemsTable";
 import IssuedAndReissueTable from "../../../../calculateDetail/issuedAndReissueTable";
 import { acctresultDetail, saveAcctResult } from "../../../../../apis/calculate";
 import { toDecimal_n } from "../../../../../util";
+import CalcAnchorList from "./calcAnchorList";
 import "./index.less";
 
-
 const getLabel = WeaLocaleProvider.getLabel;
 
 class EditSalaryCalcSlide extends Component {
@@ -29,7 +29,7 @@ class EditSalaryCalcSlide extends Component {
 
   componentWillReceiveProps(nextProps, nextContext) {
     if (nextProps.visible !== this.props.visible && nextProps.visible) this.acctresultDetail(nextProps.id);
-    if (nextProps.visible !== this.props.visible && !nextProps.visible) this.setState({ selectedKey: "0" });
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) this.setState({ selectedKey: "0" }, () => document.getElementById("salary_anchor_area").scrollTop = 0);
   }
 
   acctresultDetail = (id) => {
@@ -43,14 +43,17 @@ class EditSalaryCalcSlide extends Component {
     });
   };
   renderTitle = () => {
-    const { loading } = this.state;
+    const { loading } = this.state, { viewAttr } = this.props;
     return <div className="titleDialog">
       <div className="titleCol titleLeftBox">
         <div className="titleIcon"><i className="icon-coms-fa"/></div>
-        <div className="title">{getLabel(543559, "编辑薪资")}</div>
+        <div className="title">{viewAttr === 2 ? getLabel(543559, "编辑薪资") : getLabel(111, "查看薪资")}</div>
       </div>
       <div className="titleCol titleRightBox">
-        <Button type="primary" onClick={this.save} loading={loading}>{getLabel(537558, "保存")}</Button>
+        {
+          viewAttr === 2 &&
+          <Button type="primary" onClick={this.save} loading={loading}>{getLabel(537558, "保存")}</Button>
+        }
       </div>
     </div>;
   };
@@ -139,7 +142,9 @@ class EditSalaryCalcSlide extends Component {
           className="salary-calculate-esf-layout" {...this.props}
           top={0} width={60} height={100} measure={"%"}
           direction={"right"} title={this.renderTitle()}
-          content={<div className="salary-calculate-esf-area">
+          content={<div className="salary-calculate-esf-area" id="salary_anchor_area">
+            {/*锚点*/}
+            <CalcAnchorList datas={itemsByGroup} visible={this.props.visible}/>
             <EditSalaryBaseInfo {...this.props} baseInfo={baseInfo}
                                 onChange={baseInfo => this.setState({ baseInfo })}/>
             <WeaTab keyParam="viewcondition" className="calc-esf-tab"
@@ -148,12 +153,14 @@ class EditSalaryCalcSlide extends Component {
             />
             {
               selectedKey === "0" && _.map(itemsByGroup, item => {
-                return <PayrollItemsTable {...item} onChangeIssueReissueValue={this.handleItemValueChange}/>;
+                return <PayrollItemsTable {...this.props} {...item}
+                                          onChangeIssueReissueValue={this.handleItemValueChange}/>;
               })
             }
             {
               selectedKey === "1" &&
               <IssuedAndReissueTable
+                {...this.props}
                 dataSource={issuedAndReissueItems}
                 onChangeIssueReissueValue={this.handleItemValueChange}
               />

pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/index.less

@@ -142,6 +142,7 @@
     height: 100%;
 
     .salary-calculate-esf-area {
+      position: relative;
       background: #f6f6f6;
       height: 100%;
       overflow-y: auto;
@@ -191,6 +192,109 @@
       .wea-search-group {
         padding: 0;
       }
+
+      //锚点按钮
+      .anchor-list-collapsed {
+        padding: 0 !important;
+      }
+
+      .anchor-list-wrapper {
+        position: absolute;
+        right: 0;
+        margin: 10px 15px 20px;
+        padding: 8px 10px;
+        overflow: auto;
+        background-color: #fff;
+        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .12);
+        border-radius: 3px;
+        cursor: pointer;
+
+        .anchor-list-collapsed-btn {
+          opacity: .5;
+          background: #000;
+          color: #fff;
+          border-radius: 3px;
+          width: 30px;
+          height: 30px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 16px;
+        }
+
+        .anchor-list-header {
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          min-width: 130px;
+          padding: 5px;
+        }
+
+        .anchor-list {
+          padding: 0 10px;
+          position: relative;
+          margin-top: 10px;
+          transition: margin-top .3s;
+
+          .anchor-list-ink {
+            position: absolute;
+            top: 0;
+            left: 5px;
+            height: 100%;
+
+            .anchor-list-ink-ball.visible {
+              display: inline-block;
+            }
+
+            .anchor-list-ink-ball {
+              position: absolute;
+              left: 50%;
+              display: none;
+              width: 3px;
+              height: 8px;
+              background-color: #5d9cec;
+              border: 1.5px solid #5d9cec;
+              border-radius: 8px;
+              transform: translateX(-50%);
+              transition: top .3s ease-in-out;
+            }
+          }
+
+          .anchor-list-ink:before {
+            position: relative;
+            display: block;
+            width: 1px;
+            height: 100%;
+            margin: 0 auto;
+            background-color: #f0f0f0;
+            content: " ";
+          }
+
+          .anchor-list-link {
+            padding: 7px 0 7px 10px;
+            line-height: 1.143;
+
+            .anchor-list-link-title {
+              position: relative;
+              display: block;
+              overflow: hidden;
+              color: #666;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              transition: all .3s;
+              cursor: pointer;
+              outline: none;
+              text-decoration: none;
+              background-color: transparent;
+            }
+          }
+
+          .anchor-list-link-active > .anchor-list-link-title {
+            color: #5d9cec;
+          }
+        }
+      }
+
     }
   }
 }

pc4mobx/hrmSalary/pages/calculate/doCalc/layout.js

@@ -18,23 +18,21 @@ class Layout extends Component {
   }
 
   salaryacctAcctresultCheckAuth = () => {
-    const { taxAgentStore: { getPermission } } = this.props;
-    this.setState({ store: { ...this.state.store, loading: true } });
-    getPermission().then(({ data }) => {
-      const { isOpenDevolution } = data;
-      if (isOpenDevolution) {
-        const { routeParams: { salaryAcctRecordId } } = this.props;
-        salaryacctAcctresultCheckAuth({ salaryAcctRecordId }).then(({ status, data }) => {
-          this.setState({ store: { ...this.state.store, loading: false, hasRight: status && data } }, () => {
-            this.state.store.hasRight && this.props.init && this.props.init();
-          });
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const { isOpenDevolution } = PageAndOptAuth;
+    if (isOpenDevolution) {
+      const { routeParams: { salaryAcctRecordId } } = this.props;
+      this.setState({ store: { ...this.state.store, loading: true } });
+      salaryacctAcctresultCheckAuth({ salaryAcctRecordId }).then(({ status, data }) => {
+        this.setState({ store: { ...this.state.store, loading: false, hasRight: status && data } }, () => {
+          this.state.store.hasRight && this.props.init && this.props.init();
         });
-      } else {
-        this.setState({ store: { ...this.state.store, loading: false, hasRight: true } }, () => {
-          this.props.init && this.props.init();
-        });
-      }
-    }).catch(() => this.setState({ store: { ...this.state.store, loading: false } }));
+      });
+    } else {
+      this.setState({ store: { ...this.state.store, loading: false, hasRight: true } }, () => {
+        this.props.init && this.props.init();
+      });
+    }
   };
 
   render() {

pc4mobx/hrmSalary/pages/calculateDetail/compareDetail.js

@@ -36,21 +36,19 @@ export default class CompareDetail extends React.Component {
       current: 1
     };
     fetchComparisonResultList(params);
-    this.salaryacctAcctresultCheckAuth({ salaryAcctRecordId: getQueryString("id") })
+    this.salaryacctAcctresultCheckAuth({ salaryAcctRecordId: getQueryString("id") });
   }
 
   salaryacctAcctresultCheckAuth = (params) => {
-    const { taxAgentStore: { getPermission } } = this.props;
-    getPermission().then(({ data }) => {
-      const { isOpenDevolution } = data;
-      if (isOpenDevolution) {
-        salaryacctAcctresultCheckAuth(params).then(({ status, data }) => {
-          this.setState({ calculateAuth: data && status });
-        });
-      } else {
-        this.setState({ calculateAuth: true });
-      }
-    });
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const { isOpenDevolution } = PageAndOptAuth;
+    if (isOpenDevolution) {
+      salaryacctAcctresultCheckAuth(params).then(({ status, data }) => {
+        this.setState({ calculateAuth: data && status });
+      });
+    } else {
+      this.setState({ calculateAuth: true });
+    }
   };
 
   getColumns = (columns) => {

pc4mobx/hrmSalary/pages/calculateDetail/index.js

@@ -69,17 +69,15 @@ export default class CalculateDetail extends React.Component {
   }
 
   salaryacctAcctresultCheckAuth = (params) => {
-    const { taxAgentStore: { getPermission } } = this.props;
-    getPermission().then(({ data }) => {
-      const { isOpenDevolution } = data;
-      if (isOpenDevolution) {
-        salaryacctAcctresultCheckAuth(params).then(({ status, data }) => {
-          this.setState({ calculateAuth: data && status });
-        });
-      } else {
-        this.setState({ calculateAuth: true });
-      }
-    });
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const { isOpenDevolution } = PageAndOptAuth;
+    if (isOpenDevolution) {
+      salaryacctAcctresultCheckAuth(params).then(({ status, data }) => {
+        this.setState({ calculateAuth: data && status });
+      });
+    } else {
+      this.setState({ calculateAuth: true });
+    }
   };
 
   Input = (value, key) => {

pc4mobx/hrmSalary/pages/calculateDetail/issuedAndReissueTable.js

@@ -29,10 +29,11 @@ class IssuedAndReissueTable extends Component {
           />
         </span>,
         render: (text, record) => {
-          const { canEdit, pattern } = record;
+          const { canEdit, pattern } = record, { viewAttr } = this.props;
           return <WeaInputNumber
             disabled={!canEdit}
             min={0}
+            viewAttr={viewAttr}
             precision={pattern || 2}
             value={text || 0}
             onChange={(value) => onChangeIssueReissueValue(record.salaryItemName, value, "issuedAndReissueItems")}

pc4mobx/hrmSalary/pages/calculateDetail/payrollItemsTable.js

@@ -37,8 +37,9 @@ class PayrollItemsTable extends Component {
         </span>,
         width: "20%",
         render: (text, record) => {
-          const { canEdit, dataType, pattern } = record;
+          const { canEdit, dataType, pattern } = record, { viewAttr } = this.props;
           return dataType === "number" ? <WeaInputNumber
+            viewAttr={viewAttr}
             disabled={!canEdit}
             precision={!_.isNil(pattern) ? pattern : 0}
             value={text || 0}
@@ -46,6 +47,7 @@ class PayrollItemsTable extends Component {
           /> : <WeaInput
             disabled={!canEdit}
             value={text}
+            viewAttr={viewAttr}
             onChange={(value) => onChangeIssueReissueValue(record.salaryItemId, value, "itemsByGroup", salarySobItemGroupId)}
           />;
         }
@@ -66,7 +68,7 @@ class PayrollItemsTable extends Component {
       }
     ];
     return (
-      <WeaSearchGroup title={salarySobItemGroupName} showGroup needTigger>
+      <WeaSearchGroup title={salarySobItemGroupName} showGroup needTigger className={`anchor_${salarySobItemGroupId}`}>
         <WeaTable
           rowKey="salaryItemId"
           dataSource={dataSource}

pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataComp.js

@@ -11,7 +11,6 @@ import {
   deleteAttendance,
   getAttendanceFieldSettingList,
   getAttendanceList,
-  getLedgerList,
   getSalaryCycleAndAttendCycle,
   importAttendQuoteData,
   returnToAttendanceFieldSettingDefault,
@@ -26,6 +25,7 @@ import moment from "moment";
 import SelectItemsWrapper from "../../../../components/selectItemsModal/selectItemsWrapper";
 import AttendanceRefrenceDataModal from "./attendanceRefrenceDataModal";
 import AttendanceDataViewSlide from "./attendanceDataViewSlide";
+import { postFetch } from "../../../../util/request";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
@@ -51,7 +51,7 @@ class AttendanceDataComp extends Component {
       },
       fieldSetPayload: { visible: false, title: "", children: null },
       attendanceReferencePayload: { visible: false, title: "" },
-      attendanceViewPayload: { visible: false, attendQuoteId: "", salaryYearMonth: "" }
+      attendanceViewPayload: { visible: false, attendQuoteId: "", salaryYearMonth: "", showOperateBtn: false }
     };
   }
 
@@ -85,25 +85,26 @@ class AttendanceDataComp extends Component {
   };
   getLedgerList = (importData) => {
     const { importFormPayload } = this.state;
-    getLedgerList().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          importFormPayload: {
-            ...importFormPayload, salarySobId: _.head(data).id,
-            salarySobList: _.map(data, it => ({ key: it.id, showname: it.content }))
-          }
-        }, async () => {
-          const { importFormPayload } = this.state;
-          const { salaryYearMonth, salarySobId } = importFormPayload;
-          const payload = { salaryYearMonthStr: salaryYearMonth, salarySobId };
-          const { data } = await getSalaryCycleAndAttendCycle(payload);
+    postFetch("/api/bs/hrmsalary/salarysob/listAuth", { filterType: "ADMIN_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
           this.setState({
-            importData: { ...importData, params: { salaryYearMonth, salarySobId } },
-            importFormPayload: { ...importFormPayload, ...data }
+            importFormPayload: {
+              ...importFormPayload, salarySobId: String(_.head(data).id),
+              salarySobList: _.map(data, it => ({ key: String(it.id), showname: it.name }))
+            }
+          }, async () => {
+            const { importFormPayload } = this.state;
+            const { salaryYearMonth, salarySobId } = importFormPayload;
+            const payload = { salaryYearMonthStr: salaryYearMonth, salarySobId };
+            const { data } = await getSalaryCycleAndAttendCycle(payload);
+            this.setState({
+              importData: { ...importData, params: { salaryYearMonth, salarySobId } },
+              importFormPayload: { ...importFormPayload, ...data }
+            });
           });
-        });
-      }
-    });
+        }
+      });
   };
   handleChangeImportPayload = (key, value) => {
     const { importFormPayload, importData } = this.state;
@@ -149,11 +150,11 @@ class AttendanceDataComp extends Component {
       }
     });
   };
-  handleViewAttendanceData = ({ id, attendCycle }) => {
+  handleViewAttendanceData = ({ id, attendCycle, opts = [] }) => {
     const { attendanceViewPayload } = this.state;
     this.setState({
       attendanceViewPayload: {
-        ...attendanceViewPayload,
+        ...attendanceViewPayload, showOperateBtn: opts.includes("admin"),
         visible: true, attendQuoteId: id,
         salaryYearMonth: attendCycle
       }
@@ -287,7 +288,7 @@ class AttendanceDataComp extends Component {
       dataSource, columns, pageInfo, loading, importData, importFormPayload, fieldSetPayload,
       attendanceReferencePayload, attendanceViewPayload
     } = this.state;
-    const { showOperateBtn, salaryYearMonth } = this.props;
+    const { salaryYearMonth } = this.props;
     const pagination = {
       ...pageInfo,
       showTotal: total => `共 ${total} 条`,
@@ -315,10 +316,11 @@ class AttendanceDataComp extends Component {
               width: 120,
               dataIndex: "operate",
               render: (_, record) => {
+                const { opts = [] } = record;
                 return (
                   <div className="linkWapper">
                     <a href="javascript: void(0);" onClick={() => this.handleViewAttendanceData(record)}>查看</a>
-                    {showOperateBtn &&
+                    {opts.includes("admin") &&
                       <React.Fragment>
                         <a href="javascript: void(0);" style={{ marginRight: 10 }}
                            onClick={() => this.handleDeleteAttendanceData(record)}>删除</a>
@@ -336,9 +338,18 @@ class AttendanceDataComp extends Component {
                       </React.Fragment>
                     }
                     {
-                      !showOperateBtn &&
-                      <a href="javascript:void(0)"
-                         onClick={() => this.props.onFilterLog("log", record.id)}>{getLabel(545781, "操作日志")}</a>
+                      !opts.includes("admin") &&
+                      <Dropdown
+                        overlay={
+                          <Menu>
+                            <Menu.Item>
+                              <a href="javascript:void(0)"
+                                 onClick={() => this.props.onFilterLog("log", record.id)}>{getLabel(545781, "操作日志")}</a>
+                            </Menu.Item>
+                          </Menu>
+                        }>
+                        <a href="javascript:void(0)"><i className="icon-coms-more"/></a>
+                      </Dropdown>
                     }
                   </div>
                 );
@@ -361,14 +372,13 @@ class AttendanceDataComp extends Component {
         {/* 考勤数据引用 */}
         <AttendanceRefrenceDataModal {...attendanceReferencePayload} onCancel={this.handleCloseQuoteModal}/>
         {/* 考勤数据查看 */}
-        <AttendanceDataViewSlide {...attendanceViewPayload} showOperateBtn={showOperateBtn}
-                                 onClose={() => this.setState({
-                                   attendanceViewPayload: {
-                                     ...attendanceViewPayload,
-                                     visible: false,
-                                     attendQuoteId: ""
-                                   }
-                                 })}/>
+        <AttendanceDataViewSlide {...attendanceViewPayload} onClose={() => this.setState({
+          attendanceViewPayload: {
+            ...attendanceViewPayload,
+            visible: false,
+            attendQuoteId: ""
+          }
+        })}/>
       </React.Fragment>
     );
   }

pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceRefrenceDataModal.js

@@ -13,7 +13,6 @@ import { getSearchs } from "../../../../util";
 import {
   checkOperation,
   getAttendanceFieldSettingList,
-  getLedgerList,
   returnToAttendanceFieldSettingDefault,
   saveAttendanceFieldSetting,
   saveAttendanceFieldSettingAsDefault,
@@ -21,6 +20,7 @@ import {
 } from "../../../../apis/attendance";
 import SelectItemModal from "../../../../components/selectItemsModal";
 import SelectItemsWrapper from "../../../../components/selectItemsModal/selectItemsWrapper";
+import { postFetch } from "../../../../util/request";
 import "./index.less";
 
 @inject("attendanceStore")
@@ -46,25 +46,26 @@ class AttendanceRefrenceDataModal extends Component {
 
   getLedgerList = () => {
     const { attendanceStore: { refenceform } } = this.props;
-    getLedgerList().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          condition: _.map(reFrenceConditions, (item) => {
-            const { items } = item;
-            return {
-              ...item,
-              items: _.map(items, child => {
-                const { domkey } = child;
-                if (domkey[0] === "salarySobIds") {
-                  return { ...child, options: _.map(data, it => ({ key: it.id, showname: it.content })) };
-                }
-                return { ...child };
-              })
-            };
-          })
-        }, () => refenceform.initFormFields(this.state.condition));
-      }
-    });
+    postFetch("/api/bs/hrmsalary/salarysob/listAuth", { filterType: "ADMIN_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          this.setState({
+            condition: _.map(reFrenceConditions, (item) => {
+              const { items } = item;
+              return {
+                ...item,
+                items: _.map(items, child => {
+                  const { domkey } = child;
+                  if (domkey[0] === "salarySobIds") {
+                    return { ...child, options: _.map(data, it => ({ key: String(it.id), showname: it.name })) };
+                  }
+                  return { ...child };
+                })
+              };
+            })
+          }, () => refenceform.initFormFields(this.state.condition));
+        }
+      });
   };
   /*
    * Author: 黎永顺

pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js

@@ -78,7 +78,8 @@ class Index extends Component {
 
   render() {
     const { selectedKey, salaryMonth, fieldName, logDialogVisible, filterConditions } = this.state;
-    const { taxAgentStore: { showOperateBtn } } = this.props;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     const topTab = [
       { title: "考勤数据", key: "DATA" },
       { title: "字段管理", key: "FIELD" }
@@ -115,7 +116,6 @@ class Index extends Component {
                 selectedKey === "DATA" ?
                   <AttendanceDataComp
                     ref={dom => this.attendanceTableRef = dom}
-                    showOperateBtn={showOperateBtn}
                     salaryYearMonth={salaryMonth}
                     onFilterLog={(type, targetid) => this.onDropMenuClick(type, targetid)}
                   /> :

pc4mobx/hrmSalary/pages/dataAcquisition/components/tableRecord.js

@@ -5,11 +5,13 @@
  * Date: 2023/2/20
  */
 import React, { Component } from "react";
-import { WeaSearchGroup, WeaTable } from "ecCom";
+import { WeaLocaleProvider, WeaSearchGroup, WeaTable } from "ecCom";
 import { getTableRecordDate } from "../../../apis/cumDeduct";
 import { DataCollectionDateRangePick, DataCollectionSelect, Input } from "../cumDeduct";
 import "./index.less";
 
+const getLabel = WeaLocaleProvider.getLabel;
+
 class TableRecord extends Component {
   constructor(props) {
     super(props);
@@ -167,11 +169,11 @@ class TableRecord extends Component {
     };
     const items = screenParams.length === 1 ? [
       {
-        com: Input({ value: record.username })
+        com: Input({ label: getLabel(111, "姓名"), value: record.username })
       }
     ] : [
       {
-        com: Input({ value: record.username })
+        com: Input({ label: getLabel(111, "姓名"), value: record.username })
       },
       {
         com: DataCollectionSelect({

pc4mobx/hrmSalary/pages/dataAcquisition/cumDeduct/index.js

@@ -28,6 +28,7 @@ import TableRecord from "../components/tableRecord";
 import { dataCollectCondition } from "./columns";
 import { removePropertyCondition } from "../../../util/response";
 import { convertToUrlString } from "../../../util/url";
+import { postFetch } from "../../../util/request";
 import { getDomkes } from "../../../util";
 import Layout from "../layout";
 import moment from "moment";
@@ -66,7 +67,8 @@ class Index extends Component {
       exportPayloadUrl: "",
       exportPayloadType: false,
       advanceCondition: null,
-      targetid: ""
+      targetid: "",
+      taxAgentOption: []
     };
     this.tableRef = null;
     this.addItemRef = null;
@@ -103,11 +105,15 @@ class Index extends Component {
    * Params:
    * Date: 2023/2/20
    */
-  getAdvanceCondition = () => {
+  getAdvanceCondition = async () => {
     const { cumDeductStore: { form } } = this.props;
+    const { data: authTaxAgent } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" });
     getCumDeductSaCondition().then(({ status, data }) => {
       if (status) {
-        this.setState({ advanceCondition: removePropertyCondition(data.condition) });
+        this.setState({
+          advanceCondition: removePropertyCondition(data.condition),
+          taxAgentOption: _.map(authTaxAgent, g => ({ key: String(g.id), showname: g.name }))
+        });
         form.initFormFields(removePropertyCondition(data.condition));
       }
     });
@@ -236,7 +242,8 @@ class Index extends Component {
     }
   };
   handleSaveData = () => {
-    const { cumDeductStore: { addForm }, taxAgentStore: { taxAgentOption } } = this.props;
+    const { cumDeductStore: { addForm } } = this.props, { slidePayload } = this.state;
+    const taxAgentOption = slidePayload.children.props.taxAgentOption;
     addForm.validateForm().then(f => {
       if (f.isValid) {
         const payload = {
@@ -260,10 +267,11 @@ class Index extends Component {
    * Params: screenParams规则：日期必须放在数组最后一位，人员信息必须第一位
    * Date: 2023/2/20
    */
-  handleAddData = (title = "新建", editId = {}) => {
-    const { taxAgentStore, cumDeductStore: { addForm } } = this.props;
+  handleAddData = async (title = "新建", editId = {}) => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
+    const { cumDeductStore: { addForm } } = this.props;
     const { slidePayload } = this.state;
-    const { taxAgentOption } = taxAgentStore;
     const conditions = _.map(dataCollectCondition, (it, idx) => {
       if (idx === 0) {
         return {
@@ -349,8 +357,7 @@ class Index extends Component {
    * Date: 2023/2/17
    */
   getScreen = () => {
-    const { taxAgentStore: { taxAgentOption } } = this.props;
-    const { declareMonth, taxAgentId, innerWidth } = this.state;
+    const { declareMonth, taxAgentId, innerWidth, taxAgentOption } = this.state;
     const items = [
       {
         com: DataCollectionDatePicker({
@@ -463,10 +470,11 @@ class Index extends Component {
    * Params:
    * Date: 2023/2/20
    */
-  handleOpenImport = () => {
+  handleOpenImport = async () => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
     const { importPayload } = this.state;
     const { importOpts } = importPayload;
-    const { taxAgentStore: { taxAgentOption } } = this.props;
     this.setState({
       importPayload: {
         ...importPayload,
@@ -498,7 +506,7 @@ class Index extends Component {
   };
 
   render() {
-    const { taxAgentStore: { showOperateBtn }, cumDeductStore: { form } } = this.props;
+    const { cumDeductStore: { form } } = this.props;
     const {
       declareMonth, taxAgentId, slidePayload, saveLoading, exportPayloadUrl, advanceCondition,
       importPayload, exportPayloadType, targetid
@@ -519,7 +527,6 @@ class Index extends Component {
           ref={dom => this.tableRef = dom}
           url="/api/bs/hrmsalary/addUpDeduction/list"
           payload={tablePayload}
-          showOperateBtn={showOperateBtn}
           onTableOperate={this.handleTableOperate}
           onViewDetails={(record) => this.handleAddData("累计专项附加扣除记录", record)}
           form={form}
@@ -557,8 +564,10 @@ export const DataCollectionSelect = (props) => {
 };
 
 export const Input = (props) => {
-  const { value } = props;
-  return (<WeaInput value={value} viewAttr={1}/>);
+  const { value, label } = props;
+  return (<WeaFormItem label={label} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
+    <WeaInput value={value} viewAttr={1}/>
+  </WeaFormItem>);
 };
 export const DataCollectionDateRangePick = (props) => {
   const { range, label, onChange, format = "YYYY-MM", key } = props;

pc4mobx/hrmSalary/pages/dataAcquisition/cumSituation/index.js

@@ -27,6 +27,7 @@ import { dataCollectCondition, taxOptions } from "./columns";
 import AddItems from "../addItems";
 import TableRecord from "../components/tableRecord";
 import { convertToUrlString } from "../../../util/url";
+import { postFetch } from "../../../util/request";
 import { getDomkes } from "../../../util";
 
 const getKey = WeaTools.getKey;
@@ -63,7 +64,8 @@ class Index extends Component {
       exportPayloadUrl: "",
       exportPayloadType: false,
       advanceCondition: null,
-      targetid: ""
+      targetid: "",
+      taxAgentOption: []
     };
     this.tableRef = null;
     this.addItemRef = null;
@@ -80,11 +82,15 @@ class Index extends Component {
    * Params:
    * Date: 2023/2/20
    */
-  getAdvanceCondition = () => {
+  getAdvanceCondition = async () => {
+    const { data: authTaxAgent } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" });
     const { cumSituationStore: { form } } = this.props;
     getCumSituationSaCondition().then(({ status, data }) => {
       if (status) {
-        this.setState({ advanceCondition: removePropertyCondition(data.condition) });
+        this.setState({
+          advanceCondition: removePropertyCondition(data.condition),
+          taxAgentOption: _.map(authTaxAgent, g => ({ key: String(g.id), showname: g.name }))
+        });
         form.initFormFields(removePropertyCondition(data.condition));
       }
     });
@@ -142,10 +148,11 @@ class Index extends Component {
    * Params: screenParams规则：日期必须放在数组最后一位，人员信息必须第一位
    * Date: 2023/2/20
    */
-  handleAddData = (title = "新建", editId = {}) => {
-    const { taxAgentStore, cumSituationStore: { addForm } } = this.props;
+  handleAddData = async (title = "新建", editId = {}) => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
+    const { cumSituationStore: { addForm } } = this.props;
     const { slidePayload } = this.state;
-    const { taxAgentOption } = taxAgentStore;
     const conditions = _.map(dataCollectCondition, (it, idx) => {
       if (idx === 0) {
         return {
@@ -324,8 +331,7 @@ class Index extends Component {
    * Date: 2023/2/17
    */
   getScreen = () => {
-    const { taxAgentStore: { taxAgentOption } } = this.props;
-    const { declareMonth, year, taxAgentId, innerWidth } = this.state;
+    const { declareMonth, year, taxAgentId, innerWidth, taxAgentOption } = this.state;
     const items = [
       {
         com: DataCollectionDatePicker({
@@ -389,7 +395,8 @@ class Index extends Component {
     this.props.cumSituationStore.initAddForm();
   };
   handleSaveData = () => {
-    const { cumSituationStore: { addForm }, taxAgentStore: { taxAgentOption } } = this.props;
+    const { cumSituationStore: { addForm } } = this.props, { slidePayload } = this.state;
+    const taxAgentOption = slidePayload.children.props.taxAgentOption;
     addForm.validateForm().then(f => {
       if (f.isValid) {
         const payload = {

pc4mobx/hrmSalary/pages/dataAcquisition/layout.js

@@ -27,8 +27,6 @@ class Layout extends Component {
   }
 
   componentDidMount() {
-    const { taxAgentStore: { fetchTaxAgentOption } } = this.props;
-    fetchTaxAgentOption();
     window.addEventListener("resize", this.resizeUpdate);
   }
 
@@ -91,7 +89,7 @@ class Layout extends Component {
   render() {
     const { showSearchAd, logDialogVisible, filterConditions } = this.state;
     const {
-      title, btns, leftComp, children, taxAgentStore: { showOperateBtn },
+      title, btns, leftComp, children, taxAgentStore: { PageAndOptAuth },
       slidePayload, onClose, form, condition, onImportFile,
       onAdSearch, onCancel, importPayload, logFunction, onClearTargrtid
     } = this.props;
@@ -100,6 +98,7 @@ class Layout extends Component {
       visible: importVisiable, importFormComponent, importOpts,
       importResult, templateLink, previewUrl
     } = importPayload;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     return (
       <div className="layoutWrapper">
         <WeaTop title={title} buttons={showOperateBtn ? btns : []}

pc4mobx/hrmSalary/pages/dataAcquisition/otherDeduct/index.js

@@ -29,6 +29,7 @@ import { dataCollectCondition } from "./columns";
 import AddItems from "../addItems";
 import TableRecord from "../components/tableRecord";
 import { convertToUrlString } from "../../../util/url";
+import { postFetch } from "../../../util/request";
 import { getDomkes } from "../../../util";
 
 const getKey = WeaTools.getKey;
@@ -64,7 +65,8 @@ class Index extends Component {
       exportPayloadUrl: "",
       exportPayloadType: false,
       advanceCondition: null,
-      targetid: ""
+      targetid: "",
+      taxAgentOption: []
     };
     this.tableRef = null;
     this.addItemRef = null;
@@ -81,11 +83,15 @@ class Index extends Component {
   * Params:
   * Date: 2023/2/20
   */
-  getAdvanceCondition = () => {
+  getAdvanceCondition = async () => {
+    const { data: authTaxAgent } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" });
     const { otherDeductStore: { form } } = this.props;
     getOtherDeductSaCondition().then(({ status, data }) => {
       if (status) {
-        this.setState({ advanceCondition: removePropertyCondition(data.condition) });
+        this.setState({
+          advanceCondition: removePropertyCondition(data.condition),
+          taxAgentOption: _.map(authTaxAgent, g => ({ key: String(g.id), showname: g.name }))
+        });
         form.initFormFields(removePropertyCondition(data.condition));
       }
     });
@@ -270,10 +276,11 @@ class Index extends Component {
  * Params: screenParams规则：日期必须放在数组最后一位，人员信息必须第一位
  * Date: 2023/2/20
  */
-  handleAddData = (title = "新建", editId = {}) => {
-    const { taxAgentStore, otherDeductStore: { addForm } } = this.props;
+  handleAddData = async (title = "新建", editId = {}) => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
+    const { otherDeductStore: { addForm } } = this.props;
     const { slidePayload } = this.state;
-    const { taxAgentOption } = taxAgentStore;
     const conditions = _.map(dataCollectCondition, (it, idx) => {
       if (idx === 0) {
         return {
@@ -359,8 +366,7 @@ class Index extends Component {
    * Date: 2023/2/17
    */
   getScreen = () => {
-    const { taxAgentStore: { taxAgentOption } } = this.props;
-    const { declareMonth, taxAgentId, innerWidth } = this.state;
+    const { declareMonth, taxAgentId, innerWidth, taxAgentOption } = this.state;
     const items = [
       {
         com: DataCollectionDatePicker({
@@ -404,7 +410,8 @@ class Index extends Component {
     this.props.otherDeductStore.initAddForm();
   };
   handleSaveData = () => {
-    const { otherDeductStore: { addForm }, taxAgentStore: { taxAgentOption } } = this.props;
+    const { otherDeductStore: { addForm } } = this.props, { slidePayload } = this.state;
+    const taxAgentOption = slidePayload.children.props.taxAgentOption;
     addForm.validateForm().then(f => {
       if (f.isValid) {
         const payload = {

pc4mobx/hrmSalary/pages/dataAcquisition/specialAddDeduction/index.js

@@ -20,6 +20,7 @@ import { condition } from "./components/condition";
 import AddItems from "../addItems";
 import TableRecord from "../components/tableRecord";
 import { convertToUrlString } from "../../../util/url";
+import { postFetch } from "../../../util/request";
 import { getDomkes } from "../../../util";
 
 const getKey = WeaTools.getKey;
@@ -53,7 +54,8 @@ class Index extends Component {
       exportPayloadUrl: "",
       exportPayloadType: false,
       advanceCondition: null,
-      targetid: ""
+      targetid: "",
+      taxAgentOption: []
     };
     this.tableRef = null;
     this.addItemRef = null;
@@ -105,11 +107,15 @@ class Index extends Component {
    * Params:
    * Date: 2023/2/20
    */
-  getAdvanceCondition = () => {
+  getAdvanceCondition = async () => {
+    const { data: authTaxAgent } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" });
     const { specialAddStore: { advanceForm } } = this.props;
     getSearchCondition().then(({ status, data }) => {
       if (status) {
-        this.setState({ advanceCondition: removePropertyCondition(data.condition) });
+        this.setState({
+          advanceCondition: removePropertyCondition(data.condition),
+          taxAgentOption: _.map(authTaxAgent, g => ({ key: String(g.id), showname: g.name }))
+        });
         advanceForm.initFormFields(removePropertyCondition(data.condition));
       }
     });
@@ -208,8 +214,7 @@ class Index extends Component {
   * Date: 2023/2/17
   */
   getScreen = () => {
-    const { taxAgentStore: { taxAgentOption } } = this.props;
-    const { taxAgentId } = this.state;
+    const { taxAgentId, taxAgentOption } = this.state;
     const items = [
       {
         com: DataCollectionSelect({
@@ -258,10 +263,11 @@ class Index extends Component {
    * Params: screenParams规则：日期必须放在数组最后一位，人员信息必须第一位
    * Date: 2023/2/20
    */
-  handleAddData = (title = "新建", editId = {}) => {
-    const { taxAgentStore, specialAddStore: { addForm } } = this.props;
+  handleAddData = async (title = "新建", editId = {}) => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
+    const { specialAddStore: { addForm } } = this.props;
     const { slidePayload } = this.state;
-    const { taxAgentOption } = taxAgentStore;
     const conditions = _.map(condition, (it, idx) => {
       if (idx === 0) {
         return {
@@ -342,7 +348,8 @@ class Index extends Component {
     this.props.specialAddStore.initAddForm();
   };
   handleSaveData = () => {
-    const { specialAddStore: { addForm }, taxAgentStore: { taxAgentOption } } = this.props;
+    const { specialAddStore: { addForm } } = this.props, { slidePayload } = this.state;
+    const taxAgentOption = slidePayload.children.props.taxAgentOption;
     addForm.validateForm().then(f => {
       if (f.isValid) {
         const payload = {
@@ -371,10 +378,11 @@ class Index extends Component {
  * Params:
  * Date: 2023/2/20
  */
-  handleOpenImport = () => {
+  handleOpenImport = async () => {
+    const { data } = await postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" });
+    const taxAgentOption = _.map(data, o => ({ key: String(o.id), showname: o.name }));
     const { importPayload } = this.state;
     const { importOpts } = importPayload;
-    const { taxAgentStore: { taxAgentOption } } = this.props;
     this.setState({
       importPayload: {
         ...importPayload,
@@ -405,7 +413,7 @@ class Index extends Component {
   };
 
   render() {
-    const { taxAgentStore: { showOperateBtn }, specialAddStore: { advanceForm } } = this.props;
+    const { specialAddStore: { advanceForm } } = this.props;
     const {
       taxAgentId, slidePayload, saveLoading, exportPayloadUrl, advanceCondition, importPayload,
       exportPayloadType, targetid
@@ -427,7 +435,6 @@ class Index extends Component {
           url="/api/bs/hrmsalary/specialAddDeduction/list"
           payload={tablePayload}
           isSpecial
-          showOperateBtn={showOperateBtn}
           onTableOperate={this.handleTableOperate}
           onViewDetails={(record) => this.handleAddData("专项附加扣除记录", record)}
           form={advanceForm}

pc4mobx/hrmSalary/pages/datapush/components/DPDialog/index.js

@@ -0,0 +1,171 @@
+/*
+  *  数据推送
+  *  新增编辑
+  * @Author:    黎永顺
+  * @Date:      2024/11/19
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaButtonIcon, WeaLocaleProvider, WeaSearchGroup, WeaSlideModal, WeaTable, WeaTools } from "ecCom";
+import PDetailDialog from "../PDDialog";
+import { postFetch } from "../../../../util/request";
+import * as API from "../../../../apis/datapush";
+import { conditions } from "../../conditions";
+import { Button, message, Modal } from "antd";
+import { formRender } from "../../formRender";
+
+const getLabel = WeaLocaleProvider.getLabel;
+const getKey = WeaTools.getKey;
+
+@inject("baseFormStore") @observer
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      conditions: [], loading: false, columns: [], dataSource: [],
+      PDDialog: { visible: false, title: "", settingId: "", detail: {} } //推送明细弹框
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) {
+      document.querySelector(".datapush_wrapper").classList.add("zIndex0-weaslide-title");
+      this.initForm(nextProps);
+    }
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) {
+      document.querySelector(".datapush_wrapper").classList.remove("zIndex0-weaslide-title");
+      this.props.baseFormStore.initForm();
+    }
+  }
+
+  initForm = async (props) => {
+    const { detail } = props;
+    const { data: salarySobList } = await postFetch("/api/bs/hrmsalary/salarysob/listAuth", { filterType: "ADMIN_DATA" });
+    this.setState({
+      conditions: _.map(conditions, item => ({
+        ...item, title: getLabel(item.lanId, item.title), items: _.map(item.items, o => {
+          o = { ...o, label: getLabel(o.lanId, o.label), value: detail[getKey(o)] || "" };
+          if (getKey(o) === "salarySobIds") {
+            return {
+              ...o, value: detail[getKey(o)] ? detail[getKey(o)] : "",
+              options: _.map(salarySobList, o => ({ key: String(o.id), showname: o.name }))
+            };
+          } else if (getKey(o) === "able") {
+            return { ...o, value: !_.isEmpty(detail) ? String(detail[getKey(o)]) : o.value };
+          }
+          return { ...o };
+        })
+      }))
+    }, () => {
+      props.baseFormStore.form.initFormFields(this.state.conditions);
+      !_.isEmpty(detail) && this.getPushItemList(props);
+    });
+  };
+  getPushItemList = (props) => {
+    const { detail } = props || this.props;
+    const { id: settingId } = detail;
+    API.getPushItemList({ settingId }).then(({ status, data }) => {
+      if (status) {
+        const { columns, list: dataSource } = data;
+        this.setState({
+          dataSource, columns: [...columns, {
+            title: getLabel(111, "操作"), width: 120, render: (__, record) => (<React.Fragment>
+              <a href="javascript: void(0);" style={{ marginRight: 10 }}
+                 onClick={() => this.handleOpts("edit", record)}>{getLabel(111, "编辑")}</a>
+              <a href="javascript: void(0);" style={{ marginRight: 10 }}
+                 onClick={() => this.handleOpts("del", record.id)}>{getLabel(111, "删除")}</a>
+            </React.Fragment>)
+          }],
+          PDDialog: { ...this.state.PDDialog, settingId }
+        });
+      }
+    });
+  };
+  handleOpts = (type, detail = {}) => {
+    switch (type) {
+      case "edit":
+        const { PDDialog } = this.state;
+        this.setState({ PDDialog: { ...PDDialog, visible: true, title: getLabel(111, "编辑"), detail } });
+        break;
+      case "del":
+        Modal.confirm({
+          title: getLabel(111, "信息确认"),
+          content: getLabel(111, "确认要删除吗?"),
+          onOk: () => {
+            API.deletePushItemList({ id: detail }).then(({ status, errormsg }) => {
+              if (status) {
+                message.success(getLabel(111, "删除成功"));
+                this.getPushItemList();
+              } else {
+                message.error(errormsg);
+              }
+            });
+          }
+        });
+        break;
+      default:
+        break;
+    }
+  };
+  save = () => {
+    const { baseFormStore: { form }, detail } = this.props;
+    form.validateForm().then(f => {
+      if (f.isValid) {
+        const { salarySobIds, ...payload } = form.getFormParams();
+        this.setState({ loading: true });
+        API.savePushSetting({ ...payload, salarySobIds: salarySobIds.split(","), id: detail.id })
+          .then(({ status, errormsg }) => {
+            this.setState({ loading: false });
+            if (status) {
+              message.success(getLabel(30700, "操作成功"));
+              this.props.onClose(this.props.onSearch());
+            } else {
+              message.error(errormsg);
+            }
+          }).catch(() => this.setState({ loading: false }));
+      } else {
+        f.showErrors();
+      }
+    });
+  };
+  renderTitle = () => {
+    const { loading } = this.state, { title } = this.props;
+    return <div className="titleDialog">
+      <div className="titleCol titleLeftBox">
+        <div className="titleIcon"><i className="icon-coms-fa"/></div>
+        <div className="title">{title}</div>
+      </div>
+      <div className="titleCol titleRightBox">
+        <Button type="primary" loading={loading} onClick={this.save}>{getLabel(537558, "保存")}</Button>
+      </div>
+    </div>;
+  };
+
+  render() {
+    const { baseFormStore: { form }, detail } = this.props, { conditions, columns, dataSource, PDDialog } = this.state;
+    return (<WeaSlideModal
+      className="pushdata_create_dialog" {...this.props} direction="right"
+      top={0} width={800} height={100} measureT="%" measureX="px" measureY="%" title={this.renderTitle()}
+      content={<div className="form-dialog-layout">
+        {formRender(form, conditions)}
+        {!_.isEmpty(detail) &&
+          <WeaSearchGroup title={getLabel(111, "推送明细")} showGroup needTigger className="pushdata_detail">
+            <div className="opts">
+              <WeaButtonIcon buttonType="add" type="primary" title={getLabel(111, "添加")}
+                             onClick={() => this.setState({
+                               PDDialog: { ...PDDialog, visible: true, title: getLabel(111, "新建") }
+                             })}/>
+            </div>
+            <WeaTable pagination={false} columns={columns} dataSource={dataSource} bordered/>
+            <PDetailDialog {...PDDialog} onSearch={this.getPushItemList}
+                           onCancel={() => this.setState({ PDDialog: { ...PDDialog, visible: false, detail: {} } })}/>
+          </WeaSearchGroup>}
+      </div>}
+    />);
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/datapush/components/PDDialog/customTreeSelect.js

@@ -0,0 +1,90 @@
+/*
+  *  数据推送
+  *   自定义薪资项目选择树
+  * @Author:    黎永顺
+  * @Date:      2024/11/20
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaLocaleProvider } from "ecCom";
+import { TreeSelect } from "antd";
+import { formualSearchField, formualSearchGroup } from "../../../../apis/item";
+import cs from "classnames";
+
+const getLabel = WeaLocaleProvider.getLabel;
+const TreeNode = TreeSelect.TreeNode;
+
+class CustomTreeSelect extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { sourceList: [] };
+  }
+
+  componentDidMount() {
+    formualSearchGroup({ referenceType: "sql" }).then(({ status, data }) => {
+      if (status) this.setState({ sourceList: _.map(data, o => ({ ...o, isLeaf: true })) });
+    });
+  }
+
+  getSourceItem = (sourceId) => {
+    formualSearchField({ sourceId, extendParam: { referenceType: "sql" } }).then(({ status, data }) => {
+      if (status) {
+        this.setState({
+          sourceList: _.map(this.state.sourceList, o => {
+            if (o.key === sourceId) return {
+              ...o,
+              children: _.map(data, k => ({ key: k.fieldId, value: k.name, fieldType: k.fieldType, isLeaf: false }))
+            };
+            return { ...o };
+          })
+        });
+      }
+    });
+  };
+  generateTreeNodes = (data) => {
+    const treeNodes = [], showData = [...data];
+    showData.map((item) => {
+      let title = (
+        <div className="weapp-excel-code-action-list-variable">
+          <span className="weapp-excel-code-action-list-variable-name">{item.value}</span>
+          {
+            item.fieldType ?
+              <span
+                className={cs("weapp-excel-code-action-list-variable-tip", { "danger": item.fieldType === "string" })}>{item.fieldType === "number" ? getLabel(111, "数字") : getLabel(111, "文本")}</span> :
+              <span></span>
+          }
+        </div>
+      );
+      treeNodes.push(<TreeNode className="no-child-item" title={title} key={item.key} value={item.key}/>);
+    });
+    return treeNodes;
+  };
+  handleSelect = (nodeValue) => {
+    const { form } = this.props, { sourceList } = this.state;
+    const [source, __] = nodeValue.split("_");
+    const itemName = _.find(_.find(sourceList, o => o.key === source).children, k => k.key === nodeValue).value;
+    form.updateFields({ item: nodeValue, itemName, source });
+  };
+
+  render() {
+    const { sourceList } = this.state, { detail } = this.props;
+    const { itemName } = detail;
+    return (
+      <TreeSelect dropdownStyle={{ maxHeight: 320, overflow: "auto" }} defaultValue={itemName}
+                  dropdownMatchSelectWidth className="custom_item_treeselect"
+                  loadData={(node) => this.getSourceItem(node.props.value)}
+                  onSelect={this.handleSelect}>
+        {
+          _.map(sourceList, o => (
+            <TreeNode title={o.value} key={o.key} value={o.key} isLeaf={o.isLeaf} selectable={false}>
+              {this.generateTreeNodes(o.children || [])}
+            </TreeNode>))
+        }
+      </TreeSelect>
+    );
+  }
+}
+
+export default CustomTreeSelect;

pc4mobx/hrmSalary/pages/datapush/components/PDDialog/index.js

@@ -0,0 +1,96 @@
+/*
+  * 数据推送
+  * 推送明细新增编辑
+  * @Author:    黎永顺
+  * @Date:      2024/11/20
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaDialog, WeaLocaleProvider, WeaTools } from "ecCom";
+import { commonEnumList } from "../../../../apis/ruleconfig";
+import * as API from "../../../../apis/datapush";
+import { PDConditions } from "../../conditions";
+import { Button, message } from "antd";
+import { formRender } from "../../formRender";
+
+
+const getLabel = WeaLocaleProvider.getLabel;
+const getKey = WeaTools.getKey;
+
+@inject("baseFormStore")
+@observer
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      conditions: [], loading: false
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) this.initForm(nextProps);
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) nextProps.baseFormStore.initFormExtra();
+  }
+
+  initForm = async (props) => {
+    const { detail = {} } = props;
+    const { data: fieldType } = await commonEnumList({ enumClass: "com.engine.salary.enums.push.PushItemFieldEnum" });
+    this.setState({
+      conditions: _.map(PDConditions, item => ({
+        ...item, items: _.map(item.items, o => {
+          o = { ...o, label: getLabel(o.lanId, o.label), value: detail[getKey(o)] || "" };
+          if (getKey(o) === "fieldType") {
+            return {
+              ...o, value: detail[getKey(o)] ? String(detail[getKey(o)]) : "",
+              options: _.map(fieldType, o => ({ key: o.enum, showname: o.defaultLabel }))
+            };
+          }
+          return { ...o };
+        })
+      }))
+    }, () => {
+      props.baseFormStore.formExtra.initFormFields(this.state.conditions);
+    });
+  };
+  save = () => {
+    const { baseFormStore: { formExtra }, detail: { id }, settingId } = this.props;
+    formExtra.validateForm().then(f => {
+      if (f.isValid) {
+        const payload = formExtra.getFormParams();
+        this.setState({ loading: true });
+        API.savePushItemList({ ...payload, settingId, id })
+          .then(({ status, errormsg }) => {
+            this.setState({ loading: false });
+            if (status) {
+              message.success(getLabel(30700, "操作成功"));
+              this.props.onCancel(this.props.onSearch());
+            } else {
+              message.error(errormsg);
+            }
+          }).catch(() => this.setState({ loading: false }));
+      } else {
+        f.showErrors();
+      }
+    });
+  };
+
+  render() {
+    const { baseFormStore: { formExtra }, detail } = this.props, { loading, conditions } = this.state;
+    return (
+      <WeaDialog
+        {...this.props} style={{ width: 480, height: 174 }} initLoadCss className="Pdetail_dialog"
+        buttons={[
+          <Button onClick={this.props.onCancel}>{getLabel(111, "取消")}</Button>,
+          <Button type="primary" onClick={this.save} loading={loading}>{getLabel(111, "保存")}</Button>
+        ]}
+      >
+        <div className="form-dialog-layout">{formRender(formExtra, conditions, detail)}</div>
+      </WeaDialog>
+    );
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/datapush/components/datapushList/index.js

@@ -0,0 +1,86 @@
+/*
+  *  数据推送列表
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/11/19
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaCheckbox, WeaLocaleProvider, WeaTable } from "ecCom";
+import * as API from "../../../../apis/datapush";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      columns: [], dataSource: [], loading: false, pageInfo: { current: 1, pageSize: 10, total: 0 }
+    };
+  }
+
+  componentDidMount() {
+    this.getPushSettingList();
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.isQuery !== this.props.isQuery) this.setState({
+      pageInfo: { ...this.state.pageInfo, current: 1 }
+    }, () => this.getPushSettingList(nextProps));
+  }
+
+  getPushSettingList = (props) => {
+    const { pageInfo } = this.state, { query } = props || this.props;
+    const payload = { ...pageInfo, ...query };
+    this.setState({ loading: true });
+    API.getPushSettingList(payload).then(({ status, data }) => {
+      this.setState({ loading: false });
+      if (status) {
+        const { columns, list: dataSource, pageNum: current, pageSize, total } = data;
+        this.setState({
+          pageInfo: { ...pageInfo, current, pageSize, total },
+          dataSource: _.map(dataSource, o => ({
+            ...o, salarySobs: _.map(o.salarySobs, k => k.name).join(","),
+            salarySobIds: _.map(o.salarySobs, k => k.id).join(",")
+          })),
+          columns: [..._.map(columns, o => {
+            if (o.dataIndex === "able") return {
+              ...o, render: v => (<WeaCheckbox value={String(v)} disabled display="switch"/>)
+            };
+            return { ...o };
+          }), {
+            title: getLabel(111, "操作"), dataIndex: "opts", width: 120, render: (__, record) => (<React.Fragment>
+              <a href="javascript: void(0);" style={{ marginRight: 10 }}
+                 onClick={() => this.props.onChange("edit", record)}>{getLabel(111, "编辑")}</a>
+              <a href="javascript: void(0);" style={{ marginRight: 10 }}
+                 onClick={() => this.props.onChange("del", record.id)}>{getLabel(111, "删除")}</a>
+            </React.Fragment>)
+          }]
+        });
+      }
+    });
+  };
+
+  render() {
+    const { columns, dataSource, loading, 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.getPushSettingList());
+      },
+      onChange: current => {
+        this.setState({ pageInfo: { ...pageInfo, current } }, () => this.getPushSettingList());
+      }
+    };
+    return (<WeaTable loading={loading} dataSource={dataSource} columns={columns} pagination={pagination}
+                      scroll={{ y: `calc(100vh - 182px)` }}/>);
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/datapush/conditions.js

@@ -0,0 +1,147 @@
+// 推送配置表单
+export const conditions = [
+  {
+    items: [
+      {
+        conditionType: "INPUT",
+        domkey: ["name"],
+        fieldcol: 14,
+        label: "任务名称",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "SWITCH",
+        domkey: ["able"],
+        fieldcol: 14,
+        label: "是否启用",
+        lanId: 111,
+        labelcol: 6,
+        value: "0",
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["salarySobIds"],
+        fieldcol: 14,
+        label: "薪资账套",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        multiple: true,
+        options: [],
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        browserConditionParam: {
+          completeURL: "/api/bs/hrmsalary/push/mode/list",
+          dataParams: {},
+          filterByName: true,
+          tableProps: {},
+          isSingle: true,
+          searchParamsKey: "name",
+          replaceDatas: [{}]
+        },
+        tags: true,
+        conditionType: "INPUT",
+        domkey: ["modeName"],
+        fieldcol: 14,
+        label: "建模名称",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        viewAttr: 2
+      },
+      {
+        conditionType: "INPUT",
+        domkey: ["tableName"],
+        fieldcol: 14,
+        label: "数据表名",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        viewAttr: 2
+      },
+      {
+        conditionType: "INPUT",
+        domkey: ["modeId"],
+        fieldcol: 14,
+        label: "建模ID",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        viewAttr: 2
+      }
+    ],
+    title: "基础信息",
+    lanId: 111,
+    col: 2,
+    defaultshow: true
+  }
+];// 推送配置表单
+export const PDConditions = [
+  {
+    items: [
+      {
+        conditionType: "INPUT",
+        domkey: ["item"],
+        fieldcol: 14,
+        label: "薪资项目",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "INPUT",
+        domkey: ["itemName"],
+        fieldcol: 14,
+        label: "薪资名称",
+        lanId: 111,
+        labelcol: 6,
+        viewAttr: 2,
+        hide: true
+      },
+      {
+        conditionType: "INPUT",
+        domkey: ["source"],
+        fieldcol: 14,
+        label: "薪资资源",
+        lanId: 111,
+        labelcol: 6,
+        viewAttr: 2,
+        hide: true
+      },
+      {
+        conditionType: "INPUT",
+        domkey: ["fieldName"],
+        fieldcol: 14,
+        label: "字段名称",
+        lanId: 111,
+        labelcol: 6,
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["fieldType"],
+        fieldcol: 14,
+        label: "字段类型",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        options: [],
+        rules: "required|string",
+        viewAttr: 3
+      }
+    ],
+    title: "",
+    defaultshow: true
+  }
+];// 推送详细配置表单

pc4mobx/hrmSalary/pages/datapush/formRender.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { WeaFormItem, WeaSearchGroup, WeaTools } from "ecCom";
+import { WeaSwitch } from "comsMobx";
+import CustomTreeSelect from "./components/PDDialog/customTreeSelect";
+import CustomBrowser from "../../components/CustomBrowser";
+
+const getKey = WeaTools.getKey;
+export const formRender = (form, conditions, params) => {
+  const { isFormInit } = form;
+  const formParams = form.getFormParams();
+  let group = [];
+  isFormInit && conditions && conditions.map(c => {
+    let items = [];
+    c.items.map(fields => {
+      items.push({
+        com: (
+          <WeaFormItem label={fields.label} labelCol={{ span: `${fields.labelcol}` }}
+                       wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
+                       tipPosition="bottom">
+            {
+              getKey(fields) === "item" ?
+                <React.Fragment>
+                  <CustomTreeSelect
+                    detail={params} fieldConfig={fields} form={form} formParams={formParams}/>
+                  {
+                    _.isEmpty(formParams.item) &&
+                    <span className="wea-required-e9" style={{ verticalAlign: "middle" }}>
+                        <img src="/images/BacoError_wev9.png" alt=""/>
+                      </span>
+                  }
+                </React.Fragment>
+                :
+                getKey(fields) === "modeName" ?
+                  <CustomBrowser fieldConfig={fields} form={form} formParams={formParams}
+                                 onCustomChange={(v) => !!_.values(v)[0] && form.updateFields({
+                                   tableName: _.values(v)[0].subname,
+                                   modeId: _.values(v)[0].domid
+                                 })}/>
+                  : <WeaSwitch fieldConfig={fields} form={form} formParams={formParams}/>
+            }
+          </WeaFormItem>),
+        colSpan: 1,
+        hide: fields.hide
+      });
+    });
+    !_.isEmpty(items) && group.push(
+      <WeaSearchGroup col={c.col || 1} needTigger={true} showGroup={c.defaultshow} items={items} center={false}
+                      title={c.title}/>);
+  });
+  return group;
+};

pc4mobx/hrmSalary/pages/datapush/index.js

@@ -0,0 +1,95 @@
+/*
+  *  数据推送
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/11/19
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaInputSearch, WeaLocaleProvider, WeaReqTop } from "ecCom";
+import * as API from "../../apis/datapush";
+import DatapushList from "./components/datapushList";
+import DatapushDialog from "./components/DPDialog";
+import { Button, message, Modal } from "antd";
+import "./index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject("taxAgentStore", "baseFormStore")
+@observer
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      selectedKey: "datapush", isQuery: false, query: { name: "" },
+      DPDialog: { visible: false, title: "", detail: {} } //数据推送弹框
+    };
+  }
+
+  handleAdvanceSearch = () => this.setState({ isQuery: !this.state.isQuery });
+  handleOperate = (type, detail = {}) => {
+    switch (type) {
+      case "create":
+      case "edit":
+        const title = type === "create" ? getLabel(111, "新建") : getLabel(111, "编辑");
+        this.setState({ DPDialog: { visible: true, title, detail } });
+        break;
+      case "del":
+        Modal.confirm({
+          title: getLabel(111, "信息确认"),
+          content: getLabel(111, "确认要删除吗?"),
+          onOk: () => {
+            API.deletePushSetting({ id: detail }).then(({ status, errormsg }) => {
+              if (status) {
+                message.success(getLabel(111, "删除成功"));
+                this.handleAdvanceSearch();
+              } else {
+                message.error(errormsg);
+              }
+            });
+          }
+        });
+        break;
+      default:
+        break;
+    }
+  };
+
+  render() {
+    const { selectedKey, DPDialog, isQuery, query } = this.state;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
+    const tabs = [
+      {
+        title: getLabel(111, "数据推送"), key: "datapush", showDropIcon: false, dropMenuDatas: [],
+        buttons: showOperateBtn ? [
+          <Button type="primary" onClick={() => this.handleOperate("create")}>{getLabel(111, "新建")}</Button>,
+          <WeaInputSearch style={{ top: -3 }} value={query.name} onSearch={this.handleAdvanceSearch}
+                          onChange={v => this.setState({ query: { ...query, name: v } })}/>
+        ] : [<WeaInputSearch style={{ top: -3 }} value={query.name} onSearch={this.handleAdvanceSearch}
+                             onChange={v => this.setState({ query: { ...query, name: v } })}/>],
+        children: <DatapushList isQuery={isQuery} query={query} onChange={this.handleOperate}/>
+      }
+    ];
+    return (
+      <WeaReqTop
+        title={getLabel(111, "数据推送")} icon={<i className="icon-coms-fa"/>} selectedKey={selectedKey}
+        iconBgcolor="#F14A2D" tabDatas={tabs} className="datapush_wrapper" buttonSpace={10}
+        buttons={_.find(tabs, o => selectedKey === o.key).buttons}
+        onChange={selectedKey => this.setState({ selectedKey })}
+        showDropIcon={_.find(tabs, o => selectedKey === o.key).showDropIcon} onDropMenuClick={this.handleOperate}
+        dropMenuDatas={_.find(tabs, o => selectedKey === o.key).dropMenuDatas}
+      >
+        {_.find(tabs, o => selectedKey === o.key).children}
+        {/*数据推送框*/}
+        <DatapushDialog {...DPDialog} onClose={() => this.setState({ DPDialog: { ...DPDialog, visible: false } })}
+                        onSearch={this.handleAdvanceSearch}/>
+      </WeaReqTop>
+    );
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/datapush/index.less

@@ -0,0 +1,134 @@
+.datapush_wrapper {
+  .wea-new-top-req-title > div:last-child {
+    right: 16px !important;
+  }
+
+  .wea-new-top-req-content {
+    padding: 8px 16px 0 16px;
+
+    .wea-new-table {
+      background: #FFF;
+    }
+
+    .ant-spin-nested-loading, .ant-spin-container {
+      height: 100% !important;
+    }
+
+    .pushdata_create_dialog {
+      .scroller {
+        background: #f6f6f6;
+      }
+
+      .pushdata_detail {
+        .opts {
+          width: 100%;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          padding: 8px;
+        }
+      }
+
+      .wea-slide-modal-title {
+        border-bottom: 1px solid #ebebeb;
+      }
+
+      .titleDialog {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 46px 0 16px;
+
+        .titleCol {
+          flex: 1;
+          display: flex;
+          align-items: center;
+        }
+
+        .titleLeftBox {
+          .titleIcon {
+            color: #fff;
+            margin: 0;
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+            font-size: 22px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #F14A2D;
+            border-radius: 50%;
+          }
+
+          .title {
+            font-size: 14px;
+            color: #333;
+            padding-left: 6px;
+          }
+        }
+
+        .titleRightBox {
+          justify-content: flex-end;
+
+          button:last-child {
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.custom_item_treeselect {
+  .weapp-excel-code-action-list-variable-tip {
+    display: none;
+  }
+}
+
+.no-child-item {
+  .ant-select-tree-switcher {
+    display: none !important;
+  }
+
+  .ant-select-tree-node-content-wrapper {
+    width: 100%;
+  }
+
+  .weapp-excel-code-action-list-variable {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .weapp-excel-code-action-list-variable-name {
+      height: 20px;
+      line-height: 18px;
+      -webkit-flex: 1 1;
+      flex: 1 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: keep-all;
+      white-space: nowrap;
+      cursor: pointer;
+    }
+
+    .danger {
+      color: rgb(255, 102, 106) !important;
+      border: 1px solid rgb(255, 193, 195) !important;
+      background-color: rgb(255, 223, 224) !important;
+    }
+
+    .weapp-excel-code-action-list-variable-tip {
+      width: 40px;
+      height: 20px;
+      line-height: 18px;
+      text-align: center;
+      vertical-align: middle;
+      color: rgb(255, 205, 80);
+      border: 1px solid rgb(255, 222, 138);
+      background-color: rgb(255, 245, 219);
+      border-radius: 2px;
+    }
+  }
+}
+

pc4mobx/hrmSalary/pages/declare/components/declareDialog/index.js

@@ -9,9 +9,10 @@ import { inject, observer } from "mobx-react";
 import { WeaDialog, WeaLocaleProvider, WeaTools } from "ecCom";
 import { Button, message } from "antd";
 import { getSearchs } from "../../../../util";
-import { getTaxAgentSelectListAsAdmin } from "../../../../apis/taxAgent";
 import { saveDeclare } from "../../../../apis/declare";
 import { declareConditions } from "./condition";
+import { postFetch } from "../../../../util/request";
+import * as API from "../../../../apis/ruleconfig";
 
 const getKey = WeaTools.getKey;
 const getLabel = WeaLocaleProvider.getLabel;
@@ -31,26 +32,34 @@ class Index extends Component {
     if (nextProps.visible !== this.props.visible && !nextProps.visible) this.props.declareStore.initDeclareForm();
   }
 
-  getTaxAgentSelectListAsAdmin = (props) => {
+  getTaxAgentSelectListAsAdmin = async (props) => {
+    const { data: sysinfo } = await API.sysinfo();
     const { declareStore: { declareForm } } = props;
-    getTaxAgentSelectListAsAdmin().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          conditions: _.map(declareConditions, item => ({
-            ...item,
-            items: _.map(item.items, o => {
-              if (getKey(o) === "taxAgentId") {
-                return {
-                  ...o, options: _.map(data, g => ({ key: g.id, showname: g.content }))
-                  // helpfulTitle: getLabel(563420, "提示：可选择单个个税扣缴义务人进行申报，若不选择，则批量对管理下的所有个税扣缴义务人进行申报；")
-                };
-              }
-              return { ...o };
-            })
-          }))
-        }, () => declareForm.initFormFields(this.state.conditions));
-      }
-    });
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          this.setState({
+            conditions: _.map(declareConditions, item => ({
+              ...item,
+              items: _.map(item.items, o => {
+                if (getKey(o) === "taxAgentId") {
+                  return {
+                    ...o, label: getLabel(o.lanId, o.label),
+                    options: _.map(data, g => ({ key: String(g.id), showname: g.name }))
+                    // helpfulTitle: getLabel(563420, "提示：可选择单个个税扣缴义务人进行申报，若不选择，则批量对管理下的所有个税扣缴义务人进行申报；")
+                  };
+                } else if (getKey(o) === "salaryMonthStr") {
+                  return {
+                    ...o,
+                    label: sysinfo["TAX_DECLARATION_DATE_TYPE"] === "1" ? getLabel(111, "税款所属期") : getLabel(111, "薪资所属月")
+                  };
+                }
+                return { ...o, label: getLabel(o.lanId, o.label) };
+              })
+            }))
+          }, () => declareForm.initFormFields(this.state.conditions));
+        }
+      });
   };
   save = () => {
     const { declareStore: { declareForm } } = this.props;
@@ -58,7 +67,9 @@ class Index extends Component {
       if (f.isValid) {
         const payload = declareForm.getFormParams();
         this.setState({ loading: true });
-        saveDeclare({ ...payload }).then(({ status, errormsg }) => {
+        saveDeclare({
+          ...payload, taxCycle: `${payload.salaryMonthStr}-01`, salaryDate: `${payload.salaryMonthStr}-01`
+        }).then(({ status, errormsg }) => {
           this.setState({ loading: false });
           if (status) {
             message.success(getLabel(30700, "操作成功"));

pc4mobx/hrmSalary/pages/declare/components/declareTablelist/index.js

@@ -109,7 +109,7 @@ class Index extends Component {
         {
           dataIndex: "operate", title: getLabel(30585, "操作"),
           width: 170, render: (__, record) => {
-            const { id } = record;
+            const { id, opts = [] } = record;
             return <React.Fragment>
               <a
                 href={`${window.ecologyContentPath || ""}/spa/hrmSalary/static/index.html#/main/hrmSalary/generateDeclarationDetail?id=${id}`}
@@ -122,7 +122,7 @@ class Index extends Component {
                                        onClick={() => this.props.onFilterLog("log", record.id)}>{getLabel(545781, "操作日志")}</a>
               }
               {
-                showWithDrawBtn &&
+                showWithDrawBtn && opts.includes("admin") &&
                 <a
                   href="javascript:void(0);" style={{ marginLeft: 10 }}
                   onClick={() => {

pc4mobx/hrmSalary/pages/declare/declare.js

@@ -37,7 +37,8 @@ class Calculate extends Component {
   }
 
   renderCalculateOpts = () => {
-    const { taxAgentStore: { showOperateBtn } } = this.props;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     const { queryParams, isRefresh } = this.state;
     let calculateOpts = [
       <Button type="primary" onClick={() => this.setState({

pc4mobx/hrmSalary/pages/employeeView/index.js

@@ -12,6 +12,7 @@ import { Spin } from "antd";
 import { inject, observer } from "mobx-react";
 import { MonthRangePicker } from "../reportView/components/statisticalMicroSettingsSlide";
 import { optionAddWhole } from "../../util/options";
+import { postFetch } from "../../util/request";
 import moment from "moment";
 import "./index.less";
 
@@ -24,11 +25,8 @@ class Index extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      loading: false,
-      taxAgentId: "",
-      countResult: {},
+      loading: false, taxAgentId: "", countResult: {}, dataSource: [], taxAgentOption: [],
       salaryMonth: [moment().startOf("year").format("YYYY-MM"), moment().format("YYYY-MM")],
-      dataSource: [],
       pageInfo: {
         current: 1,
         pageSize: 10,
@@ -38,8 +36,10 @@ class Index extends Component {
   }
 
   componentWillMount() {
-    const { taxAgentStore: { fetchTaxAgentOption } } = this.props;
-    fetchTaxAgentOption();
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
+      .then(({ status, data }) => {
+        if (status) this.setState({ taxAgentOption: _.map(data, o => ({ key: String(o.id), showname: o.name })) });
+      });
   }
 
   componentDidMount() {
@@ -76,7 +76,6 @@ class Index extends Component {
       dataSource, columns, showSum, pageInfo, countResult
     }), "*");
   };
-
   statisticsEmployeeDetailList = () => {
     const { params: { employeeId }, payrollFilesStore: { statisticsEmployeeDetailList } } = this.props;
     const { taxAgentId, salaryMonth, pageInfo } = this.state;
@@ -104,7 +103,6 @@ class Index extends Component {
       }
     }).catch(() => this.setState({ loading: false }));
   };
-
   getColumns = () => {
     const { dataSource, pageInfo, countResult } = this.state;
     const { payrollFilesStore: { employeeTableStore } } = this.props;
@@ -121,13 +119,10 @@ class Index extends Component {
   };
 
   render() {
-    const {
-      location,
-      taxAgentStore: { showOperateBtn, taxAgentOption },
-      payrollFilesStore: { employeeTableStore }
-    } = this.props;
-    const { salaryMonth, taxAgentId, loading } = this.state;
+    const { location, taxAgentStore: { PageAndOptAuth }, payrollFilesStore: { employeeTableStore } } = this.props;
+    const { salaryMonth, taxAgentId, loading, taxAgentOption } = this.state;
     const { query: { dept, name } } = location;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     const btns = [
       <MonthRangePicker viewAttr={2} dateRange={salaryMonth}
                         onChange={v => this.setState({ salaryMonth: v }, () => this.statisticsEmployeeDetailList())}/>,

pc4mobx/hrmSalary/pages/fieldManagement/components/fieldSlide.js

@@ -22,6 +22,7 @@ import SlideModalTitle from "../../../components/slideModalTitle";
 import { getSalaryFieldForm, saveSalaryField } from "../../../apis/fieldManage";
 import { commonEnumList } from "../../../apis/payrollFiles";
 import { dataTypeOptions, patternOptions, roundingModeOptions } from "../../salaryItem/options";
+import { postFetch } from "../../../util/request";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
@@ -44,15 +45,17 @@ class FieldSlide extends Component {
       pattern: "2",
       sortedIndex: "",
       width: "",
-      description: ""
+      description: "",
+      taxAgentOption: []
     };
   }
 
   componentDidMount() {
-    const { taxAgentStore } = this.props;
     this.commonEnumList();
-    const { fetchTaxAgentOption } = taxAgentStore;
-    fetchTaxAgentOption();
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "ADMIN_DATA" })
+      .then(({ status, data }) => {
+        if (status) this.setState({ taxAgentOption: _.map(data, o => ({ key: String(o.id), showname: o.name })) });
+      });
   }
 
   componentWillReceiveProps(nextProps, nextContext) {
@@ -203,13 +206,8 @@ class FieldSlide extends Component {
   };
 
   render() {
-    const {
-      title,
-      visible,
-      record: { id: editId },
-      taxAgentStore: { taxAgentOption, showSalaryItemBtn, showOperateBtn },
-      onCancel
-    } = this.props;
+    const { title, visible, record: { id: editId }, onCancel, taxAgentStore: { PageAndOptAuth } } = this.props;
+    const admin = PageAndOptAuth.opts.includes("admin");
     const {
       loading,
       name,
@@ -224,7 +222,8 @@ class FieldSlide extends Component {
       pattern,
       sortedIndex,
       width,
-      description
+      description,
+      taxAgentOption
     } = this.state;
     return (
       <WeaSlideModal
@@ -241,7 +240,7 @@ class FieldSlide extends Component {
             tabs={[]}
             loading={loading}
             showOperateBtn={true}
-            editable={(showSalaryItemBtn || showOperateBtn)}
+            editable={admin}
             onSave={this.saveFieldInfo}
           />
         }

pc4mobx/hrmSalary/pages/fieldManagement/components/fieldTable.js

@@ -57,7 +57,8 @@ class FieldTable extends Component {
   getColumns = () => {
     const { columns } = this.state;
     const { taxAgentStore, onEditLedger, onDeleteLedger } = this.props;
-    const { showSalaryItemBtn, showOperateBtn } = taxAgentStore;
+    const { PageAndOptAuth } = taxAgentStore;
+    const admin = PageAndOptAuth.opts.includes("admin");
     return _.map([...columns, {
       dataIndex: "operate",
       display: true,
@@ -72,9 +73,9 @@ class FieldTable extends Component {
         item.render = (text, record) => {
           return <div className="optWrapper">
             <a href="javascript:void(0);" className="mr10"
-               onClick={() => onEditLedger(record)}>{(showSalaryItemBtn || showOperateBtn) ? "编辑" : "查看"}</a>
+               onClick={() => onEditLedger(record)}>{admin ? "编辑" : "查看"}</a>
             {
-              record.canDelete && (showSalaryItemBtn || showOperateBtn) &&
+              record.canDelete && admin &&
               <a href="javascript:void(0);" className="mr10" onClick={() => onDeleteLedger(record)}>删除</a>
             }
             <Dropdown

pc4mobx/hrmSalary/pages/fieldManagement/index.js

@@ -85,7 +85,8 @@ class FieldManagement extends Component {
   render() {
     const { searchVal, doSearch, slideparams, logDialogVisible, filterConditions } = this.state;
     const { taxAgentStore } = this.props;
-    const { showSalaryItemBtn, showOperateBtn } = taxAgentStore;
+    const { PageAndOptAuth } = taxAgentStore;
+    const admin = PageAndOptAuth.opts.includes("admin");
     const btns = [
       <Button
         type="primary"
@@ -100,7 +101,7 @@ class FieldManagement extends Component {
     return (
       <WeaTop
         title="字段管理" icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D" className="fieldManageWrapper"
-        buttons={(showSalaryItemBtn || showOperateBtn) ? btns : btns.slice(-1)}
+        buttons={admin ? btns : btns.slice(-1)}
         showDropIcon onDropMenuClick={this.onDropMenuClick}
         dropMenuDatas={[
           {

pc4mobx/hrmSalary/pages/ledgerPage/components/LedgerBackCalculatedSalaryItemTable.js

@@ -6,11 +6,8 @@
  */
 import React, { Component } from "react";
 import { WeaTable } from "ecCom";
-import { inject, observer } from "mobx-react";
 import LedgerBackCalcEditSlide from "./ledgerBackCalcEditSlide";
 
-@inject("taxAgentStore")
-@observer
 class LedgerBackCalculatedSalaryItemTable extends Component {
   constructor(props) {
     super(props);
@@ -56,7 +53,8 @@ class LedgerBackCalculatedSalaryItemTable extends Component {
 
   render() {
     const { backCalcEditSlide } = this.state;
-    const { taxAgentStore: { showOperateBtn }, dataSource, editId, saveSalarySobId, key } = this.props;
+    const { record, dataSource, editId, saveSalarySobId, key } = this.props;
+    const showOperateBtn = editId ? record.opts.includes("admin") : true;
     const columns = [
       {
         dataIndex: "name",
@@ -78,7 +76,7 @@ class LedgerBackCalculatedSalaryItemTable extends Component {
         width: 80,
         render: (text, record, index) => {
           const { canEdit } = record;
-          return (showOperateBtn && canEdit) ?
+          return showOperateBtn ?
             <a href="javascript: void(0);" onClick={() => this.handleEditBackCalc(record)}>编辑</a> :
             <span></span>;
         }

pc4mobx/hrmSalary/pages/ledgerPage/components/copyLedgerModal.js

@@ -11,9 +11,10 @@ import { duplicateLedger } from "../../../apis/ledger";
 import { WeaDialog } from "ecCom";
 import { Button, message } from "antd";
 import { getSearchs } from "../../../util";
+import { postFetch } from "../../../util/request";
 import "./index.less";
 
-@inject("ledgerStore", "taxAgentStore")
+@inject("ledgerStore")
 @observer
 class CopyLedgerModal extends Component {
   constructor(props) {
@@ -31,42 +32,39 @@ class CopyLedgerModal extends Component {
     if (nextProps.visible !== this.props.visible && nextProps.visible) {
       const { ledgerStore, name, taxAgentId } = nextProps;
       const { copyForm: form } = ledgerStore;
-      form.updateFields({
-        name: { value: name },
-        taxAgentId: { value: taxAgentId.toString() }
-      });
+      form.updateFields({ name: { value: name }, taxAgentId: { value: taxAgentId } });
     }
   }
 
   getTaxAgentSelectListAsAdmin = () => {
-    const { taxAgentStore, ledgerStore } = this.props;
+    const { ledgerStore } = this.props;
     const { copyForm: form } = ledgerStore;
-    const { getTaxAgentSelectListAsAdmin } = taxAgentStore;
-    getTaxAgentSelectListAsAdmin().then(({ status, data }) => {
-      if (status) {
-        const conditions = _.map(copyConditions, it => {
-          it.items = _.map(it.items, child => {
-            if (child.domkey[0] === "taxAgentId") {
-              return {
-                ...child,
-                options: _.map(data, it => ({ key: it.id, showname: it.content }))
-              };
-            } else {
-              return { ...child };
-            }
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          const conditions = _.map(copyConditions, it => {
+            it.items = _.map(it.items, child => {
+              if (child.domkey[0] === "taxAgentId") {
+                return {
+                  ...child, options: _.map(data, it => ({ key: String(it.id), showname: it.name }))
+                };
+              } else {
+                return { ...child };
+              }
+            });
+            return { ...it };
           });
-          return { ...it };
-        });
-        form.initFormFields(conditions);
-      }
-    });
+          form.initFormFields(conditions);
+        }
+      });
   };
   handleSubmit = () => {
     const { ledgerStore, id, onRefreshList, onCancel } = this.props;
     const { copyForm: form } = ledgerStore;
     form.validateForm().then(f => {
       if (f.isValid) {
-        const payload = { id, ...form.getFormParams() };
+        const { taxAgentId, ...formParams } = form.getFormParams();
+        const payload = { id, ...formParams, taxAgentIds: taxAgentId.split(",") };
         this.setState({ loading: true });
         duplicateLedger(payload).then(({ status, errormsg }) => {
           this.setState({ loading: false });
@@ -84,7 +82,6 @@ class CopyLedgerModal extends Component {
     });
   };
 
-
   render() {
     const { onCancel, ledgerStore, ...extra } = this.props;
     const { loading } = this.state;

pc4mobx/hrmSalary/pages/ledgerPage/components/index.less

@@ -91,39 +91,14 @@
 
 //调薪计薪规则弹框
 .adjustRuleModalWrapper {
-  .titleTipWrapper {
-    display: flex;
-    align-items: center;
+  .calcRules .cust {
+    line-height: 30px;
 
-    .title {
-      margin-right: 4px;
-    }
-  }
-
-  .adjustRuleDetailWrapper {
-    display: flex;
-    flex-direction: column;
-
-    .adjustSalaryFlex {
+    .child {
       display: flex;
       align-items: center;
-      margin-bottom: 10px;
     }
   }
-
-  .wea-select, .ant-select-selection, .ant-select {
-    width: 100%;
-  }
-
-  .wea-select {
-    display: inline-block;
-    position: relative;
-  }
-
-  .ant-select-selection {
-    height: 30px;
-    border-radius: 0;
-  }
 }
 
 // 回算薪资项目
@@ -172,6 +147,10 @@
     display: flex;
     align-items: center;
 
+    .wea-ignore-node i {
+      display: none;
+    }
+
     .wea-sortable-grid-item {
       display: inline-block;
       border: none;
@@ -249,7 +228,7 @@
   padding: 0;
   background: transparent;
   border: none;
-  font-size: 20px!important;
+  font-size: 20px !important;
   line-height: 20px;
 }
 

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerAccountApprRule.js

@@ -61,10 +61,11 @@ class LedgerAccountApprRule extends Component {
   }
 
   renderForm = (form, conditions) => {
-    const { saveSalarySobId, editId } = this.props;
+    const { saveSalarySobId, editId, record } = this.props;
     const { approvalItemGroup } = this.state;
     const { isFormInit } = form;
     const formParams = form.getFormParams();
+    const showOperateBtn = editId ? record.opts.includes("admin") : true;
     let group = [];
     isFormInit && conditions && conditions.map(c => {
       let items = [];
@@ -76,8 +77,8 @@ class LedgerAccountApprRule extends Component {
                            wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
                            tipPosition="bottom"
               >
-                <WeaSwitch fieldConfig={fields} form={form} formParams={formParams}
-                           onChange={this.handleFormItemChange}/>
+                <WeaSwitch fieldConfig={{ ...fields, viewAttr: showOperateBtn ? fields.viewAttr : 1 }} form={form}
+                           formParams={formParams} onChange={this.handleFormItemChange}/>
               </WeaFormItem>),
             hide: fields.hide
           });
@@ -89,6 +90,7 @@ class LedgerAccountApprRule extends Component {
                            tipPosition="bottom"
               >
                 <LedgerAccountSalaryItemsSet datas={approvalItemGroup} salarySobId={editId || saveSalarySobId}
+                                             showOperateBtn={showOperateBtn}
                                              onAddItems={(groupId, items) => this.setState({
                                                approvalItemGroup: _.map(approvalItemGroup, o => ({
                                                  ...o,

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerAccountSalaryItemsSet.js

@@ -55,26 +55,29 @@ class LedgerAccountSalaryItemsSet extends Component {
 
   render() {
     const { editDialog, salaryItemDialog } = this.state;
-    const { datas } = this.props;
+    const { datas, showOperateBtn = true } = this.props;
     return (
       <div>
         <div style={{ textAlign: "right", padding: "10px 0" }}>
-          <WeaButtonIcon buttonType="add" type="primary"
-                         onClick={() => this.setState({
-                           editDialog: { visible: true, title: getLabel(111, "添加分类") }
-                         })}/>
-
+          {
+            showOperateBtn && <WeaButtonIcon buttonType="add" type="primary"
+                                             onClick={() => this.setState({
+                                               editDialog: { visible: true, title: getLabel(111, "添加分类") }
+                                             })}/>
+          }
         </div>
         <div className={cs("salaryItemSettingWrapper", { required: _.isEmpty(datas) })}>
           <WeaSortable
-            datas={datas}
+            datas={_.map(datas, o => ({ ...o, filter: !showOperateBtn }))}
             onChange={list => this.props.onChange(list)}
             renderNodeItem={(item) => {
               return <div className="salaryItemWrapper">
                 <div className="salaryItemHeader">
                 <span className="titleWrapper">
                   <span className="salaryClassTitle">{item.groupName}</span>
-                  <span className="iconWrapper">
+                  {
+                    showOperateBtn &&
+                    <span className="iconWrapper">
                     <i className="icon-coms-edit" onClick={() => this.setState({
                       editDialog: {
                         visible: true, groupName: item.groupName, groupId: item.id, title: getLabel(111, "分类名称编辑")
@@ -82,14 +85,17 @@ class LedgerAccountSalaryItemsSet extends Component {
                     })}/>
                     <i className="icon-coms-Delete" onClick={() => this.handleDeleteClick(item)}/>
                   </span>
+                  }
                 </span>
-                  <i className="icon-coms-Add-to" onClick={() => this.handleAddSalaryItems(item)}/>
+                  {
+                    showOperateBtn && <i className="icon-coms-Add-to" onClick={() => this.handleAddSalaryItems(item)}/>
+                  }
                 </div>
                 <div className="salaryItemContent">
                   {
                     !_.isEmpty(item.approvalItems) ?
                       <WeaSortable
-                        datas={item.approvalItems}
+                        datas={_.map(item.approvalItems, o => ({ ...o, filter: !showOperateBtn }))}
                         onChange={(items) => this.props.onChange(
                           _.map(datas, child => {
                             if (child.id === item.id) {
@@ -102,7 +108,10 @@ class LedgerAccountSalaryItemsSet extends Component {
                           return <div className="salaryItemList">
                             <div className="salaryItem" title={filed.salaryItemName}>
                               <div className="salaryItemName">{filed.salaryItemName}</div>
-                              <Icon type="cross" onClick={() => this.handleDeleteClick(item, filed)}/>
+                              {
+                                showOperateBtn &&
+                                <Icon type="cross" onClick={() => this.handleDeleteClick(item, filed)}/>
+                              }
                             </div>
                           </div>;
                         }}

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerAdjustRuleAddModal.js

@@ -5,170 +5,139 @@
  * Date: 2022/12/12
  */
 import React, { Component } from "react";
-import { WeaDialog, WeaFormItem, WeaHelpfulTip, WeaSearchGroup, WeaSelect } from "ecCom";
-import { Button, Modal, Radio } from "antd";
-import { monthDays } from "../config";
+import { inject, observer } from "mobx-react";
+import { WeaDialog, WeaFormItem, WeaHelpfulTip, WeaLocaleProvider, WeaSelect, WeaTools } from "ecCom";
+import FormInfo from "../../../components/FormInfo";
+import { WeaSwitch } from "comsMobx";
+import { Button } from "antd";
 import { listSalarySobItem } from "../../../apis/ledger";
+import { monthDays, ruleConditions } from "../config";
 import "./index.less";
 
+const { getLabel } = WeaLocaleProvider;
+const getKey = WeaTools.getKey;
+
+@inject("ledgerStore")
+@observer
 class LedgerAdjustRuleAddModal extends Component {
   constructor(props) {
     super(props);
-    this.state = {
-      beforeAdjustmentType: 2,
-      afterAdjustmentType: 1,
-      salaryItemId: "",
-      salaryItemName: "",
-      dayOfMonth: "1",
-      salaryItemOptions: []
-    };
+    this.state = { conditions: [] };
   }
 
   componentWillReceiveProps(nextProps, nextContext) {
-    if (nextProps.visible !== this.props.visible && nextProps.salarySobId) this.listSalarySobItem(nextProps.salarySobId);
+    if (nextProps.visible !== this.props.visible && nextProps.visible) this.listSalarySobItem(nextProps.salarySobId);
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) this.props.ledgerStore.initRuleForm();
   }
 
   listSalarySobItem = (salarySobId) => {
     const { salaryRuleItemsList } = this.props;
     const payload = {
-      excludeSalaryItemIds: _.map(salaryRuleItemsList, item => item.salaryItemId),
-      salarySobId
+      excludeSalaryItemIds: _.map(salaryRuleItemsList, item => item.salaryItemId), salarySobId
     };
     listSalarySobItem(payload).then(({ status, data }) => {
       if (status) {
         this.setState({
-          salaryItemOptions: _.map(data, it => ({ key: it.salaryItemId.toString(), showname: it.salaryItemName }))
-        });
+          conditions: _.map(ruleConditions, item => ({
+            ...item, items: _.map(item.items, o => {
+              o = { ...o, label: getLabel(o.lanId, o.label) };
+              if (getKey(o) === "salaryItemId") {
+                return {
+                  ...o, options: _.map(data, it => ({ key: it.salaryItemId.toString(), showname: it.salaryItemName }))
+                };
+              } else if (getKey(o) === "dayOfMonth") {
+                return { ...o, options: monthDays };
+              } else if (getKey(o) === "beforeAdjustmentType" || getKey(o) === "afterAdjustmentType") {
+                return {
+                  ...o,
+                  options: _.map(o.options, k => ({
+                    ...k,
+                    showname: !k.helpfultip ? getLabel(k.lanId, k.showname) : <span>
+                      <span style={{ marginRight: 4 }}>{getLabel(k.lanId, k.showname)}</span>
+                      <WeaHelpfulTip title={`=${getLabel(k.helpfultiplanId, k.helpfultip)}`}/>
+                    </span>
+                  }))
+                };
+              }
+              return o;
+            })
+          }))
+        }, () => this.props.ledgerStore.ruleForm.initFormFields(this.state.conditions));
       }
     });
   };
   handleSave = () => {
-    const { salaryRuleItemsList, onSave } = this.props;
-    const { salaryItemOptions, ...extraItems } = this.state;
-    if (_.isEmpty(extraItems.salaryItemId)) {
-      Modal.warning({
-        title: "信息确认",
-        content: "必要信息不完整，红色*为必填项！"
-      });
-      return;
-    }
-    const items = { ...extraItems, salaryItemName: this.state.salaryItemName };
-    const { salaryItemName, salaryItemId, ...extraFileds } = items;
-    const salaryItemNameFiled = salaryItemName.split(","), salaryItemIdFiled = salaryItemId.split(",");
-    const fields = _.map(salaryItemNameFiled, (item, index) => {
-      return {
-        ...extraFileds,
-        salaryItemName: item,
-        salaryItemId: salaryItemIdFiled[index]
-      };
-    });
-    this.handleReset();
-    onSave([...salaryRuleItemsList, ...fields]);
-  };
-  handleReset = () => {
-    this.setState({
-      beforeAdjustmentType: 2,
-      afterAdjustmentType: 1,
-      salaryItemId: "",
-      salaryItemName: "",
-      dayOfMonth: "1",
-      salaryItemOptions: []
-    }, () => {
-      const { onCancel } = this.props;
-      onCancel();
+    const { salaryRuleItemsList, onSave, ledgerStore: { ruleForm } } = this.props;
+    ruleForm.validateForm().then(f => {
+      if (f.isValid) {
+        const { salaryItemId } = ruleForm.getFormParams(), { fieldMap } = ruleForm;
+        const fields = _.map(salaryItemId.split(","), o => ({
+          ...ruleForm.getFormParams(),
+          salaryItemId: o,
+          salaryItemName: _.find(fieldMap["salaryItemId"]["options"], k => k.key === o).showname
+        }));
+        this.props.onCancel(onSave([...salaryRuleItemsList, ...fields]));
+      } else {
+        f.showErrors();
+      }
     });
   };
 
 
   render() {
-    const {
-      salaryItemId,
-      salaryItemOptions,
-      dayOfMonth,
-      beforeAdjustmentType,
-      afterAdjustmentType
-    } = this.state;
-    const { title, visible } = this.props;
-    const buttons = [<Button type="primary" onClick={this.handleSave}>保存</Button>];
-    return (
-      <WeaDialog
-        initLoadCss
-        className="adjustRuleModalWrapper"
-        title={title}
-        visible={visible}
-        style={{ width: 750 }}
-        buttons={buttons}
-        onCancel={this.handleReset}
-      >
-        <WeaSearchGroup col={1} needTigger title="" showGroup center>
-          <WeaFormItem label="薪资项目" labelCol={{ span: 4 }} wrapperCol={{ span: 20 }}
-                       style={{ tableLayout: "fixed" }}>
-            <WeaSelect
-              multiple
-              viewAttr={3}
-              style={{ width: "350px" }}
-              options={salaryItemOptions}
-              value={salaryItemId}
-              onChange={(salaryItemId, salaryItemName) => this.setState({ salaryItemId, salaryItemName })}
-            />
-          </WeaFormItem>
-          <WeaFormItem label={<AdjustTitle/>} labelCol={{ span: 4 }} wrapperCol={{ span: 20 }} colon={false}>
-            <div className="adjustRuleDetailWrapper">
-              <div className="adjustSalaryFlex">
-                <span>如果：调薪生效日期在</span>
-                <WeaSelect
-                  viewAttr={3}
-                  style={{ width: 60, margin: "0 6px" }}
-                  value={dayOfMonth}
-                  options={monthDays}
-                  onChange={(dayOfMonth) => this.setState({ dayOfMonth })}
-                />
-                <span>（含）之前</span>
+    const { ledgerStore: { ruleForm } } = this.props, { conditions } = this.state;
+    const buttons = [<Button type="primary" onClick={this.handleSave}>{getLabel(111, "保存")}</Button>];
+    const itemRender = {
+      salaryItemId: (field, textAreaProps, form, formParams) => {
+        return (<WeaSwitch fieldConfig={{ ...field, ...textAreaProps }} form={form} formParams={formParams}/>);
+      },
+      dayOfMonth: () => null,
+      beforeAdjustmentType: () => null,
+      afterAdjustmentType: () => null
+    };
+    const childrenComponents = {
+      salaryItemId: () => {
+        const { dayOfMonth, beforeAdjustmentType, afterAdjustmentType } = ruleForm.getFormParams();
+        const coms = [], { fieldMap } = ruleForm;
+        coms.push(
+          <WeaFormItem label={<span>
+            <span className="title">{getLabel(111, "计薪规则")}</span>
+            <WeaHelpfulTip
+              title={getLabel(111, "该规则适用于一个薪资核算周期内只调整一次薪资或个税扣缴义务人的情况，其他情况默认按照分段计薪规则核算")}/>
+          </span>} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
+            <div className="cust">
+              <div className="child">
+                <div className="lbl">{fieldMap["dayOfMonth"].label}</div>
+                <WeaSelect value={dayOfMonth} options={monthDays} style={{ width: 100 }}
+                           onChange={v => ruleForm.updateFields({ dayOfMonth: { value: v } })}/>
+                <div className="rbl">{getLabel(111, "（含）之前")}</div>
               </div>
-              <div className="adjustSalaryFlex">
-                <span>计薪规则为：</span>
-                <Radio.Group onChange={(e) => this.setState({ beforeAdjustmentType: e.target.value })}
-                             value={beforeAdjustmentType}>
-                  <Radio value={2}>取调整后薪资</Radio>
-                  <Radio value={4}>分段计薪<WeaHelpfulTip
-                    style={{ marginLeft: "10px" }}
-                    width={200}
-                    title="=调整前薪资/当月自然日天数*调整前自然日天数+调整后薪资/当月自然日天数*调整后自然日天数"
-                    placement="topLeft"
-                  /></Radio>
-                  <Radio value={3}>取平均<WeaHelpfulTip
-                    style={{ marginLeft: "10px" }}
-                    width={200}
-                    title="=（调整前薪资+调整后薪资）/2"
-                    placement="topLeft"
-                  />
-                  </Radio>
-                </Radio.Group>
+              <div className="child">
+                <div className="lbl">{fieldMap["beforeAdjustmentType"].label}</div>
+                <WeaSelect value={beforeAdjustmentType} detailtype={fieldMap["beforeAdjustmentType"]["detailtype"]}
+                           options={fieldMap["beforeAdjustmentType"]["options"]} style={{ flex: 1 }}
+                           onChange={v => ruleForm.updateFields({ beforeAdjustmentType: { value: v } })}/>
               </div>
-              <div style={{ marginBottom: 10 }}>否则：调薪生效日期在{dayOfMonth}号之后</div>
-              <div className="adjustSalaryFlex">
-                <span>计薪规则为：</span>
-                <Radio.Group onChange={(e) => this.setState({ afterAdjustmentType: e.target.value })}
-                             value={afterAdjustmentType}>
-                  <Radio value={1}>取调整前薪资</Radio>
-                  <Radio value={4}>分段计薪<WeaHelpfulTip
-                    style={{ marginLeft: "10px" }}
-                    width={200}
-                    title="=调整前薪资/当月自然日天数*调整前自然日天数+调整后薪资/当月自然日天数*调整后自然日天数"
-                    placement="topLeft"
-                  /></Radio>
-                  <Radio value={3}>取平均<WeaHelpfulTip
-                    style={{ marginLeft: "10px" }}
-                    width={200}
-                    title="=（调整前薪资+调整后薪资）/2"
-                    placement="topLeft"
-                  />
-                  </Radio>
-                </Radio.Group>
+              <div className="child">
+                <div className="lbl">{getLabel(111, "否则：调薪生效日期在10号之后")}</div>
+              </div>
+              <div className="child">
+                <div className="lbl">{fieldMap["afterAdjustmentType"].label}</div>
+                <WeaSelect value={afterAdjustmentType} detailtype={fieldMap["afterAdjustmentType"]["detailtype"]}
+                           options={fieldMap["afterAdjustmentType"]["options"]} style={{ flex: 1 }}
+                           onChange={v => ruleForm.updateFields({ afterAdjustmentType: { value: v } })}/>
               </div>
             </div>
           </WeaFormItem>
-        </WeaSearchGroup>
+        );
+        return [{ com: <div className="calcRules">{coms}</div>, col: 1 }];
+      }
+    };
+    return (
+      <WeaDialog {...this.props} initLoadCss style={{ width: 750, height: 236 }} buttons={buttons}
+                 className="adjustRuleModalWrapper">
+        <FormInfo className="form-dialog-layout" center={false} itemRender={itemRender}
+                  childrenComponents={childrenComponents} form={ruleForm} formFields={conditions}/>
       </WeaDialog>
     );
   }
@@ -176,14 +145,3 @@ class LedgerAdjustRuleAddModal extends Component {
 
 export default LedgerAdjustRuleAddModal;
 
-const AdjustTitle = () => {
-  return <div className="titleTipWrapper">
-    <span className="title">计薪规则</span>
-    <WeaHelpfulTip
-      width={200}
-      title="该规则适用于一个薪资核算周期内只调整一次薪资或个税扣缴义务人的情况，其他情况默认按照分段计薪规则核算"
-      placement="topLeft"
-    />
-    <span className="title">:</span>
-  </div>;
-};

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerAssociatedPersonnel.js

@@ -5,7 +5,6 @@
  * Date: 2022/12/12
  */
 import React, { Component } from "react";
-import { inject, observer } from "mobx-react";
 import { Button, message, Modal } from "antd";
 import { WeaButtonIcon, WeaInputSearch, WeaTab } from "ecCom";
 import PersonalScopeTable from "../../../components/PersonalScopeTable";
@@ -37,8 +36,6 @@ const APISaveFox = {
   edit: editLedgerPersonRange
 };
 
-@inject("taxAgentStore")
-@observer
 class LedgerAssociatedPersonnel extends Component {
   constructor(props) {
     super(props);
@@ -224,7 +221,8 @@ class LedgerAssociatedPersonnel extends Component {
       externalPersonModalVisible,
       loading, extEmpsWitch
     } = this.state;
-    const { taxAgentStore: { showOperateBtn }, editId, saveSalarySobId } = this.props;
+    const { record, editId, saveSalarySobId } = this.props;
+    const admin = editId ? record.opts.includes("admin") : true;
     const topTab = [
       {
         title: "关联人员范围",
@@ -239,7 +237,7 @@ class LedgerAssociatedPersonnel extends Component {
         viewcondition: "externalList"
       }
     ];
-    const btns = showOperateBtn ? [
+    const btns = admin ? [
       <Button
         className="icon-coms-leading-in-btn"
         type="primary"
@@ -280,7 +278,7 @@ class LedgerAssociatedPersonnel extends Component {
           datas={(extEmpsWitch === "0" || !extEmpsWitch) ? _.dropRight(topTab) : topTab}
           keyParam="viewcondition" //主键
           selectedKey={selectedKey}
-          buttons={showOperateBtn && selectedKey === "listInclude" ? btns : btns.slice(1)}
+          buttons={admin && selectedKey === "listInclude" ? btns : btns.slice(1)}
           onChange={selectedKey => this.setState({ selectedKey })}
         />
         <PersonalScopeTable
@@ -289,7 +287,7 @@ class LedgerAssociatedPersonnel extends Component {
           APIFox={APIFox}
           tabActive={selectedKey}
           searchValue={searchValue}
-          showOperateBtn={showOperateBtn}
+          showOperateBtn={admin}
           onChangeSelectKey={rowKeys => this.setState({ rowKeys })}
           onEditScope={this.handleAddPersonal}
         />

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerBackCalculatedSalaryItem.js

@@ -67,14 +67,8 @@ class LedgerBackCalculatedSalaryItem extends Component {
           _.map(backCalcItems, item => {
             const { key, label, helpContent, dataSource } = item;
             return (
-              <WeaSearchGroup
-                key={key}
-                needTigger
-                title={
-                  <TitleComp title={label} helpContent={helpContent}/>
-                }
-                showGroup
-              >
+              <WeaSearchGroup key={key} needTigger showGroup
+                              title={<TitleComp title={label} helpContent={helpContent}/>}>
                 <LedgerBackCalculatedSalaryItemTable
                   {...this.props} dataSource={dataSource}
                   key={key} onRefresh={this.getAggregate}

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerBaseSetting.js

@@ -7,7 +7,6 @@
 import React, { Component } from "react";
 import { WeaCheckbox, WeaFormItem, WeaHelpfulTip, WeaInput, WeaSelect, WeaTextarea } from "ecCom";
 import { Col, Row } from "antd";
-import { inject, observer } from "mobx-react";
 import { baseSettingFormItem } from "../config";
 import { getLedgerBasicForm } from "../../../apis/ledger";
 import {
@@ -19,11 +18,10 @@ import {
   prefixAddZero
 } from "../../../util/date";
 import { commonEnumList } from "../../../apis/ruleconfig";
+import { postFetch } from "../../../util/request";
 import moment from "moment";
 import "./index.less";
 
-@inject("taxAgentStore")
-@observer
 class LedgerBaseSetting extends Component {
   constructor(props) {
     super(props);
@@ -90,7 +88,11 @@ class LedgerBaseSetting extends Component {
         const { settingBaseInfo } = this.state;
         let tmpV = {};
         _.map(Object.keys(settingBaseInfo), key => {
-          tmpV[key] = !_.isNil(basicForm[key]) ? basicForm[key].toString() : "";
+          if (key === "taxAgentId") {
+            tmpV[key] = _.map(basicForm["taxAgentIds"], it => it.toString()).join(",");
+          } else {
+            tmpV[key] = !_.isNil(basicForm[key]) ? basicForm[key].toString() : "";
+          }
         });
         this.setState({
           settingBaseInfo: {
@@ -104,23 +106,21 @@ class LedgerBaseSetting extends Component {
     });
   };
   getTaxAgentSelectListAsAdmin = () => {
-    const { taxAgentStore } = this.props;
-    const { getTaxAgentSelectListAsAdmin } = taxAgentStore;
-    getTaxAgentSelectListAsAdmin().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          baseForm: _.map(baseSettingFormItem, it => {
-            if (it.key === "taxAgentId") {
-              return {
-                ...it,
-                options: _.map(data, it => ({ key: it.id, showname: it.content }))
-              };
-            }
-            return { ...it };
-          })
-        }, () => this.commonEenumList());
-      }
-    });
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          this.setState({
+            baseForm: _.map(baseSettingFormItem, it => {
+              if (it.key === "taxAgentId") {
+                return {
+                  ...it, options: _.map(data, o => ({ key: String(o.id), showname: o.name }))
+                };
+              }
+              return { ...it };
+            })
+          }, () => this.commonEenumList());
+        }
+      });
   };
   commonEenumList = () => {
     const payload = {
@@ -157,18 +157,19 @@ class LedgerBaseSetting extends Component {
   };
 
   render() {
-    const { editId, taxAgentStore: { taxAgentOption } } = this.props;
+    const { editId, record, PageAndOptAuth } = this.props;
     const { baseForm, settingBaseInfo } = this.state;
     const { canEdit, taxAgentId } = settingBaseInfo;
     let taxAgentIdDisabled = false, taxableItemsDisabled = false;
+    const admin = editId ? record.opts.includes("admin") : true;
     return (
       <div className="baseSettingWrapper">
         <Row gutter={20}>
           <Col span={18} className="baseSettingLeft">
             {
               _.map(baseForm, item => {
-                const { key, label, type, options = [], children = [] } = item;
-                taxAgentIdDisabled = key === "taxAgentId" && editId && taxAgentId;
+                const { key, label, type, options = [], children = [], multiple = false } = item;
+                taxAgentIdDisabled = key === "taxAgentId" && editId && !PageAndOptAuth.isChief;
                 taxableItemsDisabled = key === "taxableItems" && editId;
                 return <WeaFormItem
                   key={key} label={label}
@@ -176,10 +177,10 @@ class LedgerBaseSetting extends Component {
                 >
                   {
                     type === "INPUT" ?
-                      <WeaInput value={settingBaseInfo[key]} viewAttr={3} disabled={canEdit !== "true"}
+                      <WeaInput value={settingBaseInfo[key]} viewAttr={3} disabled={!admin}
                                 onChange={(v) => this.handleChangeField(key, v)}/> :
                       type === "TEXTAREA" ?
-                        <WeaTextarea value={settingBaseInfo[key]} disabled={canEdit !== "true"}
+                        <WeaTextarea value={settingBaseInfo[key]} disabled={!admin}
                                      onChange={(v) => this.handleChangeField(key, v)}/> :
                         type === "CHECKBOX" ?
                           <React.Fragment>
@@ -189,12 +190,11 @@ class LedgerBaseSetting extends Component {
                           </React.Fragment> :
                           type === "SELECT" ?
                             <WeaSelect value={settingBaseInfo[key]}
-                                       options={((canEdit !== "true" || taxAgentIdDisabled || taxableItemsDisabled) && key === "taxAgentId") ? taxAgentOption : options}
-                                       viewAttr={3}
-                                       disabled={canEdit !== "true" || taxAgentIdDisabled || taxableItemsDisabled}
+                                       options={options} viewAttr={taxAgentIdDisabled ? 1 : 3} multiple={multiple}
+                                       disabled={!admin || taxableItemsDisabled}
                                        onChange={(v) => this.handleChangeField(key, v)}/> :
                             type === "CUSTOM" ?
-                              <CustomSelect list={children} baseInfo={settingBaseInfo} inputStr={key}
+                              <CustomSelect list={children} baseInfo={settingBaseInfo} inputStr={key} admin={admin}
                                             onChange={(key, v) => this.handleChangeField(key, v)}/> : null
                   }
                 </WeaFormItem>;
@@ -211,8 +211,7 @@ class LedgerBaseSetting extends Component {
 export default LedgerBaseSetting;
 
 const CustomSelect = (props) => {
-  const { list, baseInfo, onChange, inputStr } = props;
-  const { canEdit } = baseInfo;
+  const { list, baseInfo, onChange, inputStr, admin } = props;
   const selectInfo = buildEditBasicInfo(baseInfo);
   return <Row gutter={10} key={inputStr}>
     {
@@ -220,8 +219,7 @@ const CustomSelect = (props) => {
         const { key, options = [] } = item;
         return <Col span={6}>
           <WeaSelect value={baseInfo[key]} options={options} viewAttr={3}
-                     disabled={canEdit !== "true"}
-                     onChange={(v) => onChange(key, v)}/>
+                     disabled={!admin} onChange={(v) => onChange(key, v)}/>
         </Col>;
       })
     }

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSalaryAdjustmentRules.js

@@ -5,14 +5,11 @@
  * Date: 2022/12/12
  */
 import React, { Component } from "react";
-import { inject, observer } from "mobx-react";
 import { WeaButtonIcon, WeaTab, WeaTable } from "ecCom";
 import { Modal } from "antd";
 import LedgerAdjustRuleAddModal from "./ledgerAdjustRuleAddModal";
 import { listAdjustmentRule } from "../../../apis/ledger";
 
-@inject("taxAgentStore")
-@observer
 class LedgerSalaryAdjustmentRules extends Component {
   constructor(props) {
     super(props);
@@ -92,9 +89,10 @@ class LedgerSalaryAdjustmentRules extends Component {
   };
 
   render() {
-    const { taxAgentStore: { showOperateBtn }, editId, onSaveParams } = this.props;
+    const { record, editId, onSaveParams } = this.props;
     const { adjustRuleAddModal } = this.state;
     const { dataSource } = this.state;
+    const showOperateBtn = editId ? record.opts.includes("admin") : true;
     const btns = showOperateBtn ? [
       <WeaButtonIcon buttonType="add" type="primary" onClick={this.handleAddAdjustRule}/>
     ] : [];

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSalaryItemBaseInfo.js

@@ -50,7 +50,8 @@ class LedgerSalaryItemBaseInfo extends Component {
   };
 
   render() {
-    const { dataSource, onChangeSortableList, onPreview } = this.props;
+    const { dataSource, onChangeSortableList, onPreview, editId, record } = this.props;
+    const admin = editId ? record.opts.includes("admin") : true;
     const { empFieldListOptions } = this.state;
     const options = _.map(empFieldListOptions, o => ({
       ...o, disabled: _.map(dataSource, g => g.fieldId).includes(o.key)
@@ -60,7 +61,7 @@ class LedgerSalaryItemBaseInfo extends Component {
       <WeaSearchGroup needTigger={false} showGroup title={<TitleComp onPreview={onPreview}/>}>
         <div className="userInfoWrapper">
           <WeaSortable
-            datas={dataSource}
+            datas={_.map(dataSource, o => ({ ...o, filter: !admin }))}
             draggableType="icon"
             onChange={onChangeSortableList}
             renderNodeItem={(item) => {
@@ -80,6 +81,7 @@ class LedgerSalaryItemBaseInfo extends Component {
             className="wea-sortable-grid-item"
           />
           <WeaSelect
+            disabled={!admin}
             showSearch
             options={options}
             style={{ width: 150 }}

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSalaryItemNormal.js

@@ -140,9 +140,9 @@ class LedgerSalaryItemNormal extends Component {
       onChangeSelectedRowKeys,
       onAddSalaryItems,
       incomeCategoriesTitleName,
-      taxAgentStore
+      record
     } = this.props;
-    const { showOperateBtn } = taxAgentStore;
+    const showOperateBtn = editId ? record.opts.includes("admin") : true;
     const { categoryModal, addCategoryItemsVisible, moveModalPayload, salaryItemKeywords } = this.state;
     const newDateSource = _.map(dataSource, item => {
       return {
@@ -182,6 +182,7 @@ class LedgerSalaryItemNormal extends Component {
               >
                 <LedgerSalaryItemTable
                   tableData={items}
+                  showOperateBtn={showOperateBtn}
                   dataSource={_.find(newDateSource, childItem => childItem.uuid === uuid).items}
                   salarySobId={editId || saveSalarySobId}
                   selectedRowKeys={field.selectedRowKeys || []}

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSalaryItemTable.js

@@ -231,7 +231,7 @@ class LedgerSalaryItemTable extends Component {
 
   render() {
     const { salaryItemPayload, editFormulModal, originRecord } = this.state;
-    const { onHandleItemhide } = this.props;
+    const { onHandleItemhide, showOperateBtn } = this.props;
     const {
       tableData, dataSource, onDropCategoryItem,
       onChangeSelectedRowKeys, selectedRowKeys, onMoveTo
@@ -315,16 +315,16 @@ class LedgerSalaryItemTable extends Component {
       <React.Fragment>
         <WeaTable
           rowKey={record => record.id || record.key}
-          rowSelection={rowSelection}
+          rowSelection={showOperateBtn ? rowSelection : null}
           dataSource={tableData}
-          columns={columns}
+          columns={showOperateBtn ? columns : _.filter(columns, o => (o.dataIndex !== "operate" && o.dataIndex !== "itemHide"))}
           onRow={(record, index) => ({
             index,
             moveRow: record
           })}
           pagination={false}
           onDrop={onDropCategoryItem}
-          draggable={dataSource.length === tableData.length}
+          draggable={dataSource.length === tableData.length && showOperateBtn}
         />
         <LedgerSalaryItemEditSlide
           {...salaryItemPayload}

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSearchComp.js

@@ -10,12 +10,13 @@ import { Button } from "antd";
 import { WeaSwitch } from "comsMobx";
 import { WeaFormItem, WeaLocaleProvider, WeaSearchGroup, WeaTools } from "ecCom";
 import { searchConditions } from "../config";
-import { getTaxAgentSelectList } from "../../../apis/taxAgent";
+import { postFetch } from "../../../util/request";
 
 const getKey = WeaTools.getKey;
 const getLabel = WeaLocaleProvider.getLabel;
 
-@inject("ledgerStore") @observer
+@inject("ledgerStore")
+@observer
 class LedgerSearchComp extends Component {
   constructor(props) {
     super(props);
@@ -30,26 +31,28 @@ class LedgerSearchComp extends Component {
 
   getTaxAgentSelectList = () => {
     const { ledgerStore: { searchForm } } = this.props;
-    getTaxAgentSelectList().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          conditions: _.map(searchConditions, o => {
-            return {
-              ...o, items: _.map(o.items, j => {
-                if (getKey(j) === "taxAgentId") {
-                  return {
-                    ...j, options: [{ key: "", showname: getLabel(332, "全部") }, ..._.map(data, g => ({
-                      key: g.id, showname: g.content
-                    }))]
-                  };
-                }
-                return { ...j };
-              })
-            };
-          })
-        }, () => searchForm.initFormFields(this.state.conditions));
-      }
-    });
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          this.setState({
+            conditions: _.map(searchConditions, o => {
+              return {
+                ...o,
+                items: _.map(o.items, j => {
+                  if (getKey(j) === "taxAgentId") {
+                    return {
+                      ...j, options: [{ key: "", showname: getLabel(332, "全部") }, ..._.map(data, g => ({
+                        key: String(g.id), showname: g.name
+                      }))]
+                    };
+                  }
+                  return { ...j };
+                })
+              };
+            })
+          }, () => searchForm.initFormFields(this.state.conditions));
+        }
+      });
   };
   formRender = (form, condition) => {
     const { isFormInit } = form, formParams = form.getFormParams();

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSlide.js

@@ -23,7 +23,7 @@ import "./index.less";
 const { getLabel } = WeaLocaleProvider;
 const Step = WeaSteps.Step;
 
-@inject("taxAgentStore", "ledgerStore")
+@inject("ledgerStore")
 @observer
 class LedgerSlide extends Component {
   constructor(props) {
@@ -67,17 +67,18 @@ class LedgerSlide extends Component {
       return false;
     }
     this.setState({ loading: true });
-    saveLedgerBasic({ ...extra, description, id: editId }).then(({ status, data, errormsg }) => {
-      this.setState({ loading: false });
-      if (status) {
-        const { onRefreshList } = this.props;
-        message.success("保存成功");
-        onRefreshList();
-        !editId && this.setState({ current: current + 1, saveSalarySobId: data });
-      } else {
-        message.error(errormsg || "保存失败");
-      }
-    }).catch(() => this.setState({ loading: false }));
+    saveLedgerBasic({ ...extra, description, id: editId, taxAgentIds: extra.taxAgentId.split(",") })
+      .then(({ status, data, errormsg }) => {
+        this.setState({ loading: false });
+        if (status) {
+          const { onRefreshList } = this.props;
+          message.success("保存成功");
+          onRefreshList();
+          !editId && this.setState({ current: current + 1, saveSalarySobId: data });
+        } else {
+          message.error(errormsg || "保存失败");
+        }
+      }).catch(() => this.setState({ loading: false }));
   };
   /*
    * Author: 黎永顺
@@ -198,7 +199,7 @@ class LedgerSlide extends Component {
   };
 
   render() {
-    const { visible, editId, taxAgentStore: { showOperateBtn } } = this.props;
+    const { visible, editId, record } = this.props;
     const { current, saveSalarySobId, loading, salaryApprovalStatus } = this.state;
     let tabs = [
       {
@@ -296,7 +297,7 @@ class LedgerSlide extends Component {
         measure="%"
         title={
           !editId ? <WeaTopTitle buttons={_.find(tabs, o => current === o.key).createBtns}/> :
-            <WeaReqTitle buttons={showOperateBtn ? _.find(tabs, o => current === o.key).editBtns : []}
+            <WeaReqTitle buttons={record.opts.includes("admin") ? _.find(tabs, o => current === o.key).editBtns : []}
                          tabDatas={tabs} selectedKey={String(current)}
                          onChange={cur => this.setState({ current: parseInt(cur) })}/>
         }

pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerTable.js

@@ -71,7 +71,7 @@ class LedgerTable extends Component {
           return <WeaCheckbox
             value={text === 0 ? "1" : "0"}
             display="switch"
-            disabled={!showOperateBtn}
+            disabled={!record.opts.includes("admin")}
             onChange={(disable) => this.changeLedgerStatus({ id: record.id, disable: disable === "0" ? 1 : 0 })}
           />;
         };
@@ -80,14 +80,14 @@ class LedgerTable extends Component {
         item.render = (text, record) => {
           return <div className="optWrapper">
             <a href="javascript:void(0);" className="mr10"
-               onClick={() => onEditLedger(record)}>{showOperateBtn ? "编辑" : "查看"}</a>
+               onClick={() => onEditLedger(record)}>{record.opts.includes("admin") ? "编辑" : "查看"}</a>
             {
-              showOperateBtn &&
+              record.opts.includes("admin") &&
               <a href="javascript:void(0);" className="mr10"
                  onClick={() => this.handleMenuClick({ key: "copy" }, record)}>复制</a>
             }
             {
-              showOperateBtn &&
+              record.opts.includes("admin") &&
               <Popover
                 overlayClassName="moreIconWrapper"
                 placement="bottomRight"
@@ -148,11 +148,15 @@ class LedgerTable extends Component {
   };
   handleMenuClick = ({ key }, record) => {
     const { copyLedgerModal } = this.state;
-    const { id, name, taxAgentId } = record;
+    const { id, name, taxAgentIds } = record;
     switch (key) {
       case "copy":
         this.setState({
-          copyLedgerModal: { ...copyLedgerModal, visible: true, id, name, taxAgentId }
+          copyLedgerModal: {
+            ...copyLedgerModal,
+            visible: true, id, name,
+            taxAgentId: _.map(taxAgentIds, o => String(o)).join(",")
+          }
         });
         break;
       case "delete":

pc4mobx/hrmSalary/pages/ledgerPage/config.js

@@ -19,6 +19,7 @@ export const copyConditions = [
         fieldcol: 14,
         rules: "required|string",
         label: "个税扣缴义务人",
+        multiple: true,
         labelcol: 6,
         value: "",
         viewAttr: 3
@@ -86,6 +87,7 @@ export const baseSettingFormItem = [
     key: "taxAgentId",
     label: "个税扣缴义务人",
     type: "SELECT",
+    multiple: true,
     options: []
   },
   {
@@ -857,3 +859,76 @@ export const classifyConditions = [
     defaultshow: true
   }
 ];
+export const ruleConditions = [//调薪计薪规则项表单
+  {
+    items: [
+      {
+        conditionType: "SELECT",
+        domkey: ["salaryItemId"],
+        fieldcol: 8,
+        rules: "required|string",
+        label: "薪资项目",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        multiple: true,
+        viewAttr: 3
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["dayOfMonth"],
+        fieldcol: 6,
+        label: "如果：调薪生效日期在",
+        lanId: 111,
+        labelcol: 0,
+        value: "1",
+        viewAttr: 2
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["beforeAdjustmentType"],
+        fieldcol: 6,
+        label: "计薪规则为：",
+        lanId: 111,
+        labelcol: 0,
+        value: "2",
+        options: [
+          { key: "2", showname: "取调整后薪资", lanId: 111 },
+          {
+            key: "4", showname: "分段计薪", lanId: 111, helpfultiplanId: 111,
+            helpfultip: "调整前薪资/当月自然日天数*调整前自然日天数+调整后薪资/当月自然日天数*调整后自然日天数"
+          },
+          {
+            key: "3", showname: "取平均", lanId: 111,
+            helpfultip: "（调整前薪资+调整后薪资）/2", helpfultiplanId: 111
+          }
+        ],
+        detailtype: 3,
+        viewAttr: 2
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["afterAdjustmentType"],
+        fieldcol: 6,
+        label: "计薪规则为：",
+        lanId: 111,
+        labelcol: 0,
+        value: "1",
+        options: [
+          { key: "1", showname: "取调整前薪资", lanId: 111 },
+          {
+            key: "4", showname: "分段计薪", lanId: 111, helpfultiplanId: 111,
+            helpfultip: "调整前薪资/当月自然日天数*调整前自然日天数+调整后薪资/当月自然日天数*调整后自然日天数"
+          },
+          {
+            key: "3", showname: "取平均", lanId: 111,
+            helpfultip: "（调整前薪资+调整后薪资）/2", helpfultiplanId: 111
+          }
+        ],
+        detailtype: 3,
+        viewAttr: 2
+      }
+    ],
+    defaultshow: true
+  }
+];

pc4mobx/hrmSalary/pages/ledgerPage/index.js

@@ -7,7 +7,7 @@
 import React, { Component } from "react";
 import { inject, observer } from "mobx-react";
 import { WeaLocaleProvider, WeaTop } from "ecCom";
-import { Button } from "antd";
+import { Button, Modal } from "antd";
 import LedgerTable from "./components/ledgerTable";
 import LedgerSlide from "./components/ledgerSlide";
 import LedgerSearchComp from "./components/ledgerSearchComp";
@@ -23,34 +23,19 @@ class Index extends Component {
     super(props);
     this.state = {
       searchVal: "", doSearch: false, logDialogVisible: false, filterConditions: "[]",
-      slideparams: {
-        visible: false,
-        title: "新建账套",
-        editId: ""
-      }
+      slideparams: { visible: false, title: "新建账套", editId: "", record: {} }
     };
   }
 
-  componentDidMount() {
-    const { taxAgentStore } = this.props;
-    const { fetchTaxAgentOption } = taxAgentStore;
-    fetchTaxAgentOption();
-  }
-
   handleEditLedger = (record) => {
     const { slideparams } = this.state;
     const { id } = record;
-    this.setState({ slideparams: { ...slideparams, visible: true, title: "编辑账套", editId: id } });
+    this.setState({ slideparams: { ...slideparams, visible: true, title: "编辑账套", editId: id, record } });
   };
   handleResetLedger = () => {
     const { slideparams } = this.state;
     this.setState({
-      slideparams: {
-        ...slideparams,
-        visible: false,
-        title: "新建账套",
-        editId: ""
-      }
+      slideparams: { ...slideparams, visible: false, title: "新建账套", editId: "", record: {} }
     });
   };
   onDropMenuClick = (key, targetid = "") => {
@@ -65,21 +50,33 @@ class Index extends Component {
         break;
     }
   };
+  handleNewBuild = () => {
+    const { taxAgentStore } = this.props;
+    const { PageAndOptAuth } = taxAgentStore;
+    if (!PageAndOptAuth.isAdminEnable && !PageAndOptAuth.isChief) {
+      Modal.info({
+        title: getLabel(111, "提示"),
+        content: getLabel(111, "业务线人员新建账套后，需联系总管理员，将该账套加入所属业务线。"),
+        onOk: () => this.setState({ slideparams: { ...this.state.slideparams, visible: true } })
+      });
+    } else {
+      this.setState({ slideparams: { ...this.state.slideparams, visible: true } });
+    }
+  };
 
   render() {
     const { logDialogVisible, filterConditions, doSearch, slideparams } = this.state;
     const { taxAgentStore } = this.props;
-    const { showOperateBtn } = taxAgentStore;
+    const { PageAndOptAuth } = taxAgentStore;
+    const admin = PageAndOptAuth.opts.includes("admin");
     const btns = [
-      <Button type="primary" onClick={() => this.setState({ slideparams: { ...slideparams, visible: true } })}>
-        {getLabel(111, "新建")}
-      </Button>,
+      <Button type="primary" onClick={this.handleNewBuild}>{getLabel(111, "新建")}</Button>,
       <LedgerSearchComp onSearch={() => this.setState({ doSearch: !doSearch })}/>
     ];
     return (
       <WeaTop
         title="薪资账套" className="ledgerOuter" icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
-        buttons={showOperateBtn ? btns : btns.slice(-1)}
+        buttons={admin ? btns : btns.slice(-1)}
         showDropIcon onDropMenuClick={this.onDropMenuClick}
         dropMenuDatas={[
           {
@@ -92,7 +89,7 @@ class Index extends Component {
           <LedgerTable doSearch={doSearch} onEditLedger={this.handleEditLedger}
                        onFilterLog={(type, targetid) => this.onDropMenuClick(type, targetid)}/>
           <LedgerSlide
-            {...slideparams}
+            {...slideparams} PageAndOptAuth={PageAndOptAuth}
             onCancel={this.handleResetLedger}
             onRefreshList={() => this.setState({ doSearch: !doSearch })}
           />

pc4mobx/hrmSalary/pages/payroll/components/waterMarkSetModal.js

@@ -90,7 +90,7 @@ class WaterMarkSetModal extends Component {
   };
 
   render() {
-    const { wmClassify, wmNoTransparent, wmRotate, wmImg, wmcontSet } = this.state;
+    const { wmClassify, wmNoTransparent, wmRotate, wmImg, wmcontSet } = this.state, { showOperateBtn } = this.props;
     return (
       <WeaSlideModal
         {...this.props} className="waterMarkSetWrapper"
@@ -103,7 +103,7 @@ class WaterMarkSetModal extends Component {
               <WeaFormItem label={getLabel(111, "水印类型")} labelCol={{ span: 5 }} wrapperCol={{ span: 10 }}>
                 <div style={{ display: "flex", alignItems: "center" }}>
                   <WeaSelect
-                    value={wmClassify} detailtype={3}
+                    value={wmClassify} detailtype={3} viewAttr={showOperateBtn ? 2 : 1}
                     options={[
                       { key: "text", showname: getLabel(111, "文本") },
                       { key: "image", showname: getLabel(111, "图片") }
@@ -119,8 +119,11 @@ class WaterMarkSetModal extends Component {
                   wmClassify === "text" ?
                     <WeaError tipPosition="bottom" ref="watermarkContError" error={getLabel(385869, "此项必填")}>
                       <div className="textSetting">
-                        <i className="icon-coms-Flow-setting"
-                           onClick={() => this.setState({ wmcontSet: { ...wmcontSet, visible: true } })}/>
+                        {
+                          showOperateBtn &&
+                          <i className="icon-coms-Flow-setting"
+                             onClick={() => this.setState({ wmcontSet: { ...wmcontSet, visible: true } })}/>
+                        }
                         {
                           _.isEmpty(wmcontSet.textSet) ? <img src="/images/BacoError_wev9.png" alt=""/> :
                             <span className="previewBtn txtPrew"
@@ -159,21 +162,24 @@ class WaterMarkSetModal extends Component {
               </WeaFormItem>
               <WeaFormItem label={getLabel(111, "不透明（百分比）")} labelCol={{ span: 5 }} wrapperCol={{ span: 10 }}>
                 <WeaInputNumber
-                  min={0} max={80} precision={2} value={wmNoTransparent}
+                  min={0} max={80} precision={2} value={wmNoTransparent} disabled={!showOperateBtn}
                   onChange={wmNoTransparent => this.setState({ wmNoTransparent })}
                 />
               </WeaFormItem>
               <WeaFormItem label={getLabel(111, "旋转角度（逆时针）")} labelCol={{ span: 5 }} wrapperCol={{ span: 10 }}>
                 <WeaInputNumber
-                  min={0} max={360} precision={2} value={wmRotate}
+                  min={0} max={360} precision={2} value={wmRotate} disabled={!showOperateBtn}
                   onChange={wmRotate => this.setState({ wmRotate })}
                 />
               </WeaFormItem>
             </WeaSearchGroup>
-            <div className="slideBottom">
-              <Button type="primary" onClick={this.handleCustomSave}>{getLabel(111, "确定")}</Button>
-              <Button type="ghost" onClick={this.props.onClose}>{getLabel(111, "取消")}</Button>
-            </div>
+            {
+              showOperateBtn &&
+              <div className="slideBottom">
+                <Button type="primary" onClick={this.handleCustomSave}>{getLabel(111, "确定")}</Button>
+                <Button type="ghost" onClick={this.props.onClose}>{getLabel(111, "取消")}</Button>
+              </div>
+            }
             {/*  水印内容设置弹框*/}
             <WmContentSetModal {...wmcontSet}
                                onClose={textSet => this.setState({

pc4mobx/hrmSalary/pages/payroll/templateBaseSettings.js

@@ -104,6 +104,7 @@ class TemplateBaseSettings extends Component {
   };
 
   render() {
+    const { showOperateBtn } = this.props;
     const { watermarkStatus, watermark, watermarkSet, ackFeedbackSetting, salaryBillViewingLimitSetting } = this.state;
     const { ackStatus, feedbackStatus, autoAckDays, feedBackUrl, mobileFeedbackUrl } = ackFeedbackSetting;
     const { monthType = "SALARY_DATE", limitMonth, burningAfterReadingMin } = salaryBillViewingLimitSetting;
@@ -111,14 +112,14 @@ class TemplateBaseSettings extends Component {
       <React.Fragment>
         <WeaSearchGroup title={getLabel(111, "水印设置")} showGroup needTigger className="waterMarkWrapper">
           <WeaFormItem label={getLabel(111, "启用水印")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
-            <WeaCheckbox value={watermarkStatus} display="switch"
+            <WeaCheckbox value={watermarkStatus} display="switch" viewAttr={showOperateBtn ? 2 : 1}
                          onChange={watermarkStatus => this.setState({ watermarkStatus, watermark: "DEFAULT" })}/>
           </WeaFormItem>
           {
             watermarkStatus === "1" &&
             <WeaFormItem label={getLabel(111, "水印类型")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
               <WeaSelect
-                value={watermark}
+                value={watermark} viewAttr={showOperateBtn ? 2 : 1}
                 options={[
                   { key: "DEFAULT", showname: getLabel(111, "系统默认水印") },
                   { key: "CUSTOM", showname: getLabel(111, "自定义水印") }
@@ -134,7 +135,7 @@ class TemplateBaseSettings extends Component {
                   }
                 })}>{getLabel(111, "水印设置")}</span>
               }
-              <WaterMarkSetModal {...watermarkSet}
+              <WaterMarkSetModal {...watermarkSet} showOperateBtn={showOperateBtn}
                                  onClose={() => this.setState({ watermarkSet: { ...watermarkSet, visible: false } })}
                                  onChange={wmSetting => this.setState({ wmSetting })}
               />
@@ -143,7 +144,7 @@ class TemplateBaseSettings extends Component {
         </WeaSearchGroup>
         <WeaSearchGroup title={getLabel(111, "工资单确认反馈设置")} showGroup needTigger className="waterMarkWrapper">
           <WeaFormItem label={getLabel(111, "启用工资单确认")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
-            <WeaCheckbox value={ackStatus} display="switch"
+            <WeaCheckbox value={ackStatus} display="switch" viewAttr={showOperateBtn ? 2 : 1}
                          onChange={ackStatus => this.setState({
                            ackFeedbackSetting: {
                              ...ackFeedbackSetting, ackStatus, autoAckDays: 7
@@ -155,7 +156,7 @@ class TemplateBaseSettings extends Component {
             <React.Fragment>
               <WeaFormItem label={getLabel(111, "自动确认超时天数")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
                 <WeaInputNumber
-                  min={1} value={autoAckDays} viewAttr={3}
+                  min={1} value={autoAckDays} viewAttr={3} disabled={!showOperateBtn}
                   style={{ width: "90%" }}
                   onChange={autoAckDays => this.setState({
                     ackFeedbackSetting: {
@@ -170,7 +171,7 @@ class TemplateBaseSettings extends Component {
             </React.Fragment>
           }
           <WeaFormItem label={getLabel(111, "启用工资单反馈")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
-            <WeaCheckbox value={feedbackStatus} display="switch"
+            <WeaCheckbox value={feedbackStatus} display="switch" viewAttr={showOperateBtn ? 2 : 1}
                          onChange={feedbackStatus => this.setState({
                            ackFeedbackSetting: {
                              ...ackFeedbackSetting, feedbackStatus
@@ -182,7 +183,7 @@ class TemplateBaseSettings extends Component {
             <React.Fragment>
               <WeaFormItem label={getLabel(111, "PC端反馈流程地址")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
                 <WeaInput
-                  value={feedBackUrl} viewAttr={3}
+                  value={feedBackUrl} viewAttr={3} disabled={!showOperateBtn}
                   onChange={feedBackUrl => this.setState({
                     ackFeedbackSetting: {
                       ...ackFeedbackSetting, feedBackUrl
@@ -191,7 +192,7 @@ class TemplateBaseSettings extends Component {
               </WeaFormItem>
               <WeaFormItem label={getLabel(111, "移动端反馈流程地址")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
                 <WeaInput
-                  value={mobileFeedbackUrl} viewAttr={3}
+                  value={mobileFeedbackUrl} viewAttr={3} disabled={!showOperateBtn}
                   onChange={mobileFeedbackUrl => this.setState({
                     ackFeedbackSetting: {
                       ...ackFeedbackSetting, mobileFeedbackUrl
@@ -207,12 +208,12 @@ class TemplateBaseSettings extends Component {
             <WeaSelect
               value={monthType} onChange={monthType => this.setState({
               salaryBillViewingLimitSetting: { ...salaryBillViewingLimitSetting, monthType }
-            })}
+            })} viewAttr={2} disabled={!showOperateBtn}
               options={[
                 { key: "SALARY_DATE", showname: getLabel(111, "薪资所属月"), selected: true },
                 { key: "SEND_DATE", showname: getLabel(111, "发放日期") }
               ]}/>
-            <WeaInputNumber min={0} value={limitMonth}
+            <WeaInputNumber min={0} value={limitMonth} viewAttr={2} disabled={!showOperateBtn}
                             onChange={limitMonth => this.setState({
                               salaryBillViewingLimitSetting: {
                                 ...salaryBillViewingLimitSetting, limitMonth
@@ -226,7 +227,7 @@ class TemplateBaseSettings extends Component {
           </div>
           <div className="agingBox">
             <span>{getLabel(111, "首次查看")}</span>
-            <WeaInputNumber min={0} value={burningAfterReadingMin}
+            <WeaInputNumber min={0} value={burningAfterReadingMin} viewAttr={2} disabled={!showOperateBtn}
                             onChange={burningAfterReadingMin => this.setState({
                               salaryBillViewingLimitSetting: {
                                 ...salaryBillViewingLimitSetting, burningAfterReadingMin

pc4mobx/hrmSalary/pages/payrollFiles/components/salaryFileAdvanceSearchPannel/index.js

@@ -11,7 +11,7 @@ import { inject, observer } from "mobx-react";
 import { getSearchs } from "../../../../util";
 import * as API from "../../../../apis/payrollFiles";
 import { salaryFileSearchConditions } from "../../config";
-import { getTaxAgentSelectList } from "../../../../apis/taxAgent";
+import { postFetch } from "../../../../util/request";
 
 const getLabel = WeaLocaleProvider.getLabel;
 const getKey = WeaTools.getKey;
@@ -29,7 +29,7 @@ class salaryFileAdvanceSearchPannel extends Component {
   async componentDidMount() {
     const [{ data: userStatusList }, { data: taxAgentList }] = await Promise.all([
       API.commonEnumList({ enumClass: "com.engine.salary.enums.UserStatusEnum" }),
-      getTaxAgentSelectList()
+      postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
     ]);
     this.setState({
       searchConditions: _.map(salaryFileSearchConditions, item => {
@@ -44,7 +44,7 @@ class salaryFileAdvanceSearchPannel extends Component {
             } else if (getKey(child) === "taxAgentIds") {
               return {
                 ...child,
-                options: _.map(taxAgentList, o => ({ key: o.id, showname: o.content }))
+                options: _.map(taxAgentList, o => ({ key: String(o.id), showname: o.name }))
               };
             }
             return { ...child };

pc4mobx/hrmSalary/pages/payrollFiles/components/salaryFileList/index.js

@@ -31,7 +31,7 @@ const APILIST = {
   cancelSalarySuspension: API.cancelStop //取消停薪
 };
 
-@inject("payrollFilesStore", "taxAgentStore")
+@inject("payrollFilesStore")
 @observer
 class Index extends Component {
   constructor(props) {
@@ -100,12 +100,12 @@ class Index extends Component {
         case "CHANGE-SALARY":
         case "VIEW":
         case "EDIT":
-          const { taxAgentStore: { showOperateBtn }, selectedKey: runStatuses } = this.props;
-          const { record: { id: salaryArchiveId } } = params;
+          const { selectedKey: runStatuses } = this.props;
+          const { record: { id: salaryArchiveId, opts } } = params;
           this.setState({
             salaryFilesEditSlide: {
               ...this.state.salaryFilesEditSlide, visible: true, salaryArchiveId,
-              runStatuses, showOperateBtn
+              runStatuses, showOperateBtn: opts.includes("admin")
             }
           });
           break;
@@ -172,7 +172,7 @@ class Index extends Component {
     }).catch(() => this.setState({ loading: false }));
   };
   getColumns = () => {
-    const { payrollFilesStore: { tableStore }, taxAgentStore: { showOperateBtn } } = this.props;
+    const { payrollFilesStore: { tableStore } } = this.props;
     const columns = _.map(_.filter(toJS(tableStore.columns), (item) => item.display === "true"), (it, idx) => ({
       dataIndex: it.dataIndex, title: it.title, align: "left",
       width: (it.dataIndex === "taxAgentName" || it.dataIndex === "operate") ? 185 : 150,
@@ -181,7 +181,7 @@ class Index extends Component {
     }));
     if (!_.isEmpty(columns)) {
       this.postMessageToChild({
-        columns, showOperateBtn, selectedKey: this.props.selectedKey,
+        columns, selectedKey: this.props.selectedKey,
         showDelSalaryFileBtn: this.props.showDelSalaryFileBtn,
         dataSource: this.state.dataSource, selectedRowKeys: this.state.selectedRowKeys,
         showSum: false, pageInfo: this.state.pageInfo

pc4mobx/hrmSalary/pages/payrollFiles/config/index.js

@@ -209,7 +209,7 @@ export const renderDropMenuDatas = (selectedKey, showOperateBtn) => {
     default:
       break;
   }
-  return showOperateBtn ? menus : _.filter(menus, o => o.key === "custom_cols");
+  return showOperateBtn ? menus : _.filter(menus, o => (o.key === "custom_cols" || o.key === "log"));
 };
 
 export const salaryFileSearchConditions = [
@@ -449,7 +449,7 @@ export const salaryFilesConditions = [
   },
   {
     defaultshow: true, title: getLabel(543329, "发薪设置"),
-    col: 1,lanId: 543329,
+    col: 1, lanId: 543329,
     items: [
       {
         colSpan: 1,
@@ -480,7 +480,7 @@ export const salaryFilesConditions = [
     defaultshow: true, title: getLabel(538004, "薪资档案"),
     titleHelpful: getLabel(543330, "提示：显示已生效的最新数据"),
     titleHelpfulLanId: 543330,
-    col: 2, salaryFile: true,lanId: 538004,
+    col: 2, salaryFile: true, lanId: 538004,
     items: []
   }
 ];

pc4mobx/hrmSalary/pages/payrollFiles/salaryFiles.js

@@ -247,15 +247,16 @@ class SalaryFiles extends Component {
       selectedKey, topTabCount, showSearchAd, isQuery, showDelSalaryFileBtn, showExtEmpsWitch,
       salaryFileImpDialog, salaryImportTypes, logDialogVisible, filterConditions
     } = this.state;
-    const { taxAgentStore: { showOperateBtn } } = this.props;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
     const tabs = _.map(tabList, o => ({ ...o, title: getLabel(o.lanId, o.title) }));
+    const admin = PageAndOptAuth.opts.includes("admin");
     return (
       <div className="salary-files-wrapper">
         <WeaReqTop
           title={getLabel(538004, "薪资档案")} buttonSpace={10} icon={<i className="icon-coms-fa"/>}
-          iconBgcolor="#F14A2D" showDropIcon dropMenuDatas={renderDropMenuDatas(selectedKey, showOperateBtn)}
-          onDropMenuClick={this.onDropMenuClick}
-          buttons={renderReqBtns(selectedKey, salaryImportTypes, this.handleReqBtnsCLick, showOperateBtn)}
+          iconBgcolor="#F14A2D" showDropIcon onDropMenuClick={this.onDropMenuClick}
+          dropMenuDatas={renderDropMenuDatas(selectedKey, admin)}
+          buttons={renderReqBtns(selectedKey, salaryImportTypes, this.handleReqBtnsCLick, admin)}
           replaceTab={
             <WeaTab
               datas={!showExtEmpsWitch ? _.dropRight(tabs) : tabs} autoCalculateWidth
@@ -274,7 +275,7 @@ class SalaryFiles extends Component {
             </div>
             {/*列表*/}
             <SalaryFileList isQuery={isQuery} ref={dom => this.salaryFileListRef = dom}
-                            selectedKey={selectedKey} showOperateBtn={showOperateBtn}
+                            selectedKey={selectedKey} showOperateBtn={admin}
                             showDelSalaryFileBtn={showDelSalaryFileBtn}
                             onChangeTopTabCount={this.queryInsuranceTabTotal}
                             onFilterLog={(type, targetid) => this.onDropMenuClick(type, targetid)}

pc4mobx/hrmSalary/pages/payrollRelease/components/grantTableList/index.js

@@ -5,7 +5,6 @@
  * Date: 2023/10/12
  */
 import React, { Component } from "react";
-import { inject, observer } from "mobx-react";
 import { WeaLocaleProvider, WeaTable } from "ecCom";
 import { Dropdown, Menu, message, Tag } from "antd";
 import { getPayrollList } from "../../../../apis/payroll";
@@ -13,8 +12,6 @@ import moment from "moment";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
-@inject("taxAgentStore")
-@observer
 class Index extends Component {
   constructor(props) {
     super(props);
@@ -100,7 +97,6 @@ class Index extends Component {
 
   render() {
     const { loading, dataSource, columns, pageInfo } = this.state;
-    const { taxAgentStore: { showOperateBtn } } = this.props;
     const pagination = {
       ...pageInfo,
       showTotal: total => `${getLabel(18609, "共")} ${total} ${getLabel(18256, "条")}`,
@@ -132,7 +128,7 @@ class Index extends Component {
               const showGrant = haveBackCalc === 1 && salaryAcctType === 0;
               return <React.Fragment>
                 {
-                  showOperateBtn &&
+                  record.opts.includes("admin") &&
                   <a
                     href={`/spa/hrmSalary/static/index.html#/main/hrmSalary/payrollGrant?id=${id}&ackFeedbackStatus=${ackFeedbackStatus}`}
                     style={{ marginRight: 10 }} target="_blank">{getLabel(542702, "发放")}</a>
@@ -144,7 +140,7 @@ class Index extends Component {
                   >{getLabel(83110, "查看详情")}</a>
                 }
                 {
-                  sendNum === sendTotal && !showGrant &&
+                  (!record.opts.includes("admin") || (sendNum === sendTotal && !showGrant)) &&
                   <Dropdown
                     overlay={<Menu onClick={e => this.handleOpts(e, record)}>
                       <Menu.Item key="log">{getLabel(545781, "操作日志")}</Menu.Item>
@@ -155,7 +151,7 @@ class Index extends Component {
                   </Dropdown>
                 }
                 {
-                  sendNum !== sendTotal && !showGrant &&
+                  sendNum !== sendTotal && !showGrant && record.opts.includes("admin") &&
                   <Dropdown
                     overlay={<Menu onClick={e => this.handleOpts(e, record)}>
                       <Menu.Item key="template">{getLabel(543603, "更新模板")}</Menu.Item>

pc4mobx/hrmSalary/pages/payrollRelease/components/payrollCopyDialog/index.js

@@ -8,9 +8,10 @@ import React, { Component } from "react";
 import { inject, observer } from "mobx-react";
 import { WeaDialog, WeaLocaleProvider, WeaTools } from "ecCom";
 import { Button, message } from "antd";
+import { postFetch } from "../../../../util/request";
 import { getSearchs } from "../../../../util";
 import { copyConditions } from "../conditions";
-import { duplicatePayroll, getPayrollTemplateLedgerList } from "../../../../apis/payroll";
+import { duplicatePayroll } from "../../../../apis/payroll";
 
 const getLabel = WeaLocaleProvider.getLabel;
 const getKey = WeaTools.getKey;
@@ -31,29 +32,30 @@ class Index extends Component {
   }
 
   getPayrollTemplateLedgerList = (props) => {
-    getPayrollTemplateLedgerList().then(({ status, data }) => {
-      if (status) {
-        this.setState({
-          conditions: _.map(copyConditions, item => {
-            return {
-              ...item, items: _.map(item.items, o => {
-                if (getKey(o) === "salarySobId") {
-                  return {
-                    ...o, label: getLabel(o.lanId, o.label),
-                    options: _.map(data, d => ({ key: d.id, showname: d.content }))
-                  };
-                } else {
-                  return { ...o, label: getLabel(o.lanId, o.label) };
-                }
-              })
-            };
-          })
-        }, () => {
-          props.payrollStore.payrollCopyForm.initFormFields(this.state.conditions);
-          props.payrollStore.payrollCopyForm.updateFields({ salarySobId: { value: props.salarySobId } });
-        });
-      }
-    });
+    postFetch("/api/bs/hrmsalary/salarysob/listAuth", { filterType: "ADMIN_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          this.setState({
+            conditions: _.map(copyConditions, item => {
+              return {
+                ...item, items: _.map(item.items, o => {
+                  if (getKey(o) === "salarySobId") {
+                    return {
+                      ...o, label: getLabel(o.lanId, o.label),
+                      options: _.map(data, d => ({ key: String(d.id), showname: d.name }))
+                    };
+                  } else {
+                    return { ...o, label: getLabel(o.lanId, o.label) };
+                  }
+                })
+              };
+            })
+          }, () => {
+            props.payrollStore.payrollCopyForm.initFormFields(this.state.conditions);
+            props.payrollStore.payrollCopyForm.updateFields({ salarySobId: { value: props.salarySobId } });
+          });
+        }
+      });
   };
 
   save = () => {

pc4mobx/hrmSalary/pages/payrollRelease/components/payrollTemplateTableList/index.js

@@ -5,7 +5,6 @@
  * Date: 2023/10/13
  */
 import React, { Component } from "react";
-import { inject, observer } from "mobx-react";
 import { WeaLocaleProvider, WeaSelect, WeaTable } from "ecCom";
 import { Dropdown, Menu, message, Modal } from "antd";
 import { changePayrollDefaultUse, deletePayroll, getPayrollTemplateList } from "../../../../apis/payroll";
@@ -14,8 +13,6 @@ import UpdatePayrollTemplateSlide from "../updatePayrollTemplateSlide";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
-@inject("taxAgentStore")
-@observer
 class Index extends Component {
   constructor(props) {
     super(props);
@@ -126,7 +123,7 @@ class Index extends Component {
 
   render() {
     const { loading, dataSource, columns, pageInfo, copyDialog, tmplSlide, selectedRowKeys } = this.state;
-    const { taxAgentStore: { showOperateBtn }, forceUpdate } = this.props;
+    const { forceUpdate } = this.props;
     const pagination = {
       ...pageInfo,
       showTotal: total => `${getLabel(18609, "共")} ${total} ${getLabel(18256, "条")}`,
@@ -160,23 +157,23 @@ class Index extends Component {
               render: (__, record) => {
                 const {} = record;
                 //显示更新模板
-                return showOperateBtn ? <React.Fragment>
-                    <a href="javascript:void(0);" onClick={() => this.handleOpts({ key: "edit" }, record)}
-                       style={{ marginRight: 10 }}>{getLabel(501169, "编辑")}</a>
-                    <a href="javascript:void(0);" style={{ marginRight: 10 }}
-                       onClick={() => this.handleOpts({ key: "copy" }, record)}
-                    >{getLabel(77, "复制")}</a>
-                    <Dropdown
-                      overlay={<Menu onClick={e => this.handleOpts(e, record)}>
-                        <Menu.Item key="del">{getLabel(535052, "删除")}</Menu.Item>
-                        <Menu.Item key="log">{getLabel(545781, "操作日志")}</Menu.Item>
-                      </Menu>
-                      }>
-                      <a href="javascript:void(0);"><i className="icon-coms-more"/></a>
-                    </Dropdown>
-                  </React.Fragment> :
-                  <a href="javascript:void(0);"
-                     onClick={() => this.handleOpts({ key: "view" }, record)}>{getLabel(83110, "查看详情")}</a>;
+                return record.opts.includes("admin") ? <React.Fragment>
+                  <a href="javascript:void(0);" onClick={() => this.handleOpts({ key: "edit" }, record)}
+                     style={{ marginRight: 10 }}>{getLabel(501169, "编辑")}</a>
+                  <a href="javascript:void(0);" style={{ marginRight: 10 }}
+                     onClick={() => this.handleOpts({ key: "copy" }, record)}
+                  >{getLabel(77, "复制")}</a>
+                  <Dropdown
+                    overlay={<Menu onClick={e => this.handleOpts(e, record)}>
+                      <Menu.Item key="del">{getLabel(535052, "删除")}</Menu.Item>
+                      <Menu.Item key="log">{getLabel(545781, "操作日志")}</Menu.Item>
+                    </Menu>
+                    }
+                  >
+                    <a href="javascript:void(0);"><i className="icon-coms-more"/></a>
+                  </Dropdown>
+                </React.Fragment> : <a href="javascript:void(0);"
+                                       onClick={() => this.handleOpts({ key: "view" }, record)}>{getLabel(83110, "查看详情")}</a>;
               }
             }
           ]}

pc4mobx/hrmSalary/pages/payrollRelease/index.js

@@ -39,8 +39,9 @@ class Index extends Component {
   }
 
   renderReqBtns = () => {
-    const { taxAgentStore: { showOperateBtn } } = this.props;
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
     const { selectedKey, isRefresh, queryParams } = this.state;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     let reqBtns = [];
     switch (selectedKey) {
       case "grant":
@@ -53,14 +54,14 @@ class Index extends Component {
         ];
         break;
       case "template":
-        const loading = this.templateRef ? this.templateRef.wrappedInstance.state.delLoading : false;
-        const delDisabled = !this.templateRef || _.isEmpty(this.templateRef.wrappedInstance.state.selectedRowKeys);
+        const loading = this.templateRef ? this.templateRef.state.delLoading : false;
+        const delDisabled = !this.templateRef || _.isEmpty(this.templateRef.state.selectedRowKeys);
         const btns = [
           <Button type="primary" onClick={() => {
-            this.templateRef.wrappedInstance.handleOpts({ key: "edit" }, {});
+            this.templateRef.handleOpts({ key: "edit" }, {});
           }}>{getLabel(365, "新建")}</Button>,
           <Button type="ghost" loading={loading} disabled={delDisabled} onClick={() => {
-            this.templateRef.wrappedInstance.handleOpts({ key: "del" }, {});
+            this.templateRef.handleOpts({ key: "del" }, {});
           }}>{getLabel(32136, "批量删除")}</Button>
         ];
         const queryBtns = [
@@ -74,10 +75,10 @@ class Index extends Component {
         break;
       case "watermark":
         const { baseSetSaveLoading } = this.state;
-        reqBtns = [
+        reqBtns = showOperateBtn ? [
           <Button type="primary" loading={baseSetSaveLoading}
                   onClick={() => this.baseSetRef.salaryBillBaseSetSave()}>{getLabel(537558, "保存")}</Button>
-        ];
+        ] : [];
         break;
       default:
         break;
@@ -85,13 +86,15 @@ class Index extends Component {
     return reqBtns;
   };
   renderContent = () => {
+    const { taxAgentStore: { PageAndOptAuth } } = this.props;
     const { selectedKey, queryParams, isRefresh } = this.state;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     let dom = null;
     switch (selectedKey) {
       case "grant":
         dom = <GrantTableList queryParams={queryParams} isRefresh={isRefresh}
                               onUpdateTemp={(id) => this.setState({ selectedKey: "template" }, () => {
-                                this.templateRef.wrappedInstance.handleOpts({ key: "edit" }, { id });
+                                this.templateRef.handleOpts({ key: "edit" }, { id });
                               })}
                               onFilterLog={(type, targetid) => this.onDropMenuClick(type, targetid)}
         />;
@@ -103,7 +106,7 @@ class Index extends Component {
         break;
       case "watermark":
         dom = <TemplateBaseSettings
-          ref={dom => this.baseSetRef = dom}
+          ref={dom => this.baseSetRef = dom} showOperateBtn={showOperateBtn}
           onChangeLoading={loading => this.setState({ baseSetSaveLoading: loading })}
         />;
         break;

pc4mobx/hrmSalary/pages/payrollRelease/index.less

@@ -20,6 +20,10 @@
     }
   }
 
+  .wea-new-top-req {
+    z-index: 0 !important;
+  }
+
   .wea-new-top-req-wapper .wea-new-top-req-title > div:last-child {
     right: 16px;
   }

pc4mobx/hrmSalary/pages/reportView/components/customStatisticsItemsModal.js

@@ -7,7 +7,6 @@
 import React, { Component } from "react";
 import { Button, message, Modal } from "antd";
 import {
-  WeaBrowser,
   WeaCheckbox,
   WeaDialog,
   WeaError,
@@ -19,6 +18,7 @@ import {
   WeaTable
 } from "ecCom";
 import { reportStatisticsItemSave, statisticsItemChangetab, statisticsItemGetform } from "../../../apis/statistics";
+import CustomBrowser from "../../../components/CustomBrowser";
 import "../index.less";
 
 const { getLabel } = WeaLocaleProvider;
@@ -263,23 +263,22 @@ class CustomStatisticsItemsModal extends Component {
       })
     });
   };
-  handleChangeStatisticalItems = (itemValue, _names, datas) => {
+  handleChangeStatisticalItems = (data) => {
+    const itemValue = _.keys(data)[0], datas = _.values(data);
     const { formData } = this.state;
     this.setState({
       formData: {
         ...formData,
         itemValue,
         itemValueSpan: _.map(datas, it => it.name).join(","),
-        itemName: datas.length === 1 ? _.map(datas, it => it.names).join(",") : ""
+        itemName: datas.length === 1 ? _.map(datas, it => it.name).join(",") : ""
       }
     }, () => {
       statisticsItemChangetab({ itemId: itemValue }).then(({ status, data }) => {
         if (status) {
           const { ruleData } = data;
           const { columns, data: dataSource } = ruleData;
-          this.setState({
-            columns, dataSource
-          });
+          this.setState({ columns, dataSource });
         }
       });
     });
@@ -368,52 +367,37 @@ class CustomStatisticsItemsModal extends Component {
         className="statisticItemsWrapper"
       >
         <div className="statisticItemsBox">
-          <WeaFormItem label={getLabel(111, "统计项目")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
-            <WeaError tipPosition="bottom" ref="proError" error={getLabel(111, "此项必填")}>
-              <WeaBrowser
-                title={getLabel(111, "统计项目")} type={162} viewAttr={!isShare ? 3 : 1} isSingle
-                value={itemValue}
-                replaceDatas={itemValue ? _.map(itemValue.split(","), (it, idx) => ({
-                  id: it,
-                  name: itemValueSpan.split(",")[idx]
-                })) : []}
-                completeParams={{
-                  type: 162,
-                  fielddbtype: "browser.salaryItemBrowser",
-                  f_weaver_belongto_usertype: "0"
-                }}
-                conditionDataParams={{
-                  type: "browser.salaryItemBrowser",
-                  fielddbtype: "browser.salaryItemBrowser",
-                  f_weaver_belongto_usertype: "0"
-                }}
-                dataParams={{
-                  type: "browser.salaryItemBrowser",
-                  f_weaver_belongto_usertype: "0"
-                }}
-                destDataParams={{
-                  type: "browser.salaryItemBrowser",
-                  f_weaver_belongto_usertype: "0"
-                }}
-                // isMultCheckbox
-                inputStyle={{ width: "100%" }}
-                onChange={this.handleChangeStatisticalItems}
-              />
-            </WeaError>
-          </WeaFormItem>
-          <WeaFormItem label={getLabel(111, "统计项名称")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
-            <WeaError tipPosition="bottom" ref="nameError" error={getLabel(111, "此项必填")}>
-              <WeaInput value={itemName} viewAttr={!isShare ? 3 : 1}
-                        onChange={itemName => this.setState({ formData: { ...formData, itemName } })}/>
-            </WeaError>
-          </WeaFormItem>
-          <div className="customRuleTableWrapper">
-            <WeaTable
-              dataSource={dataSource}
-              columns={cols}
-              pagination={false}
-            />
-          </div>
+          {
+            !_.isEmpty(columns) && <React.Fragment>
+              <WeaFormItem label={getLabel(111, "统计项目")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
+                <WeaError tipPosition="bottom" ref="proError" error={getLabel(111, "此项必填")}>
+                  <CustomBrowser
+                    fieldConfig={{
+                      viewAttr: !isShare ? 3 : 1,
+                      browserConditionParam: {
+                        isSingle: true, completeURL: "/api/bs/hrmsalary/salaryitem/listAuth", tableProps: {},
+                        replaceDatas: itemValue ? _.map(itemValue.split(","), (it, idx) => ({
+                          id: it, name: itemValueSpan.split(",")[idx]
+                        })) : [], dataParams: { filterType: "QUERY_DATA" }, searchParamsKey: "", filterByName: true
+                      }
+                    }} value={itemValue} onCustomChange={this.handleChangeStatisticalItems}/>
+                </WeaError>
+              </WeaFormItem>
+              <WeaFormItem label={getLabel(111, "统计项名称")} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
+                <WeaError tipPosition="bottom" ref="nameError" error={getLabel(111, "此项必填")}>
+                  <WeaInput value={itemName} viewAttr={!isShare ? 3 : 1}
+                            onChange={itemName => this.setState({ formData: { ...formData, itemName } })}/>
+                </WeaError>
+              </WeaFormItem>
+              <div className="customRuleTableWrapper">
+                <WeaTable
+                  dataSource={dataSource}
+                  columns={cols}
+                  pagination={false}
+                />
+              </div>
+            </React.Fragment>
+          }
         </div>
       </WeaDialog>
     );

pc4mobx/hrmSalary/pages/reportView/components/statisticalMicroSettingsSlide.js

@@ -30,8 +30,7 @@ import {
   statisticsItemList
 } from "../../../apis/statistics";
 import { commonEnumList } from "../../../apis/ruleconfig";
-import { getTaxAgentSelectList } from "../../../apis/taxAgent";
-import { getSalarysobListAll } from "../../../apis";
+import { postFetch } from "../../../util/request";
 import { condition } from "./condition";
 import cs from "classnames";
 import "../index.less";
@@ -70,40 +69,44 @@ class StatisticalMicroSettingsSlide extends Component {
   }
 
   getTaxAgentSelectList = async (props) => {
-    const [salarySobList, empStatusList] = await Promise.all([getSalarysobListAll(), commonEnumList({ enumClass: "com.engine.salary.enums.salarysob.SalaryEmployeeStatusEnum" })]);
-    getTaxAgentSelectList(props.isShare).then(({ status, data }) => {
-      if (status) {
-        const conditions = _.map(condition, item => {
-          return {
-            ...item,
-            items: _.map(item.items, child => {
-              if (getKey(child) === "taxAgent") {
-                return {
-                  ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
-                  options: _.map(data, o => ({ key: o.id, showname: o.content }))
-                };
-              } else if (getKey(child) === "salarySob") {
-                return {
-                  ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
-                  options: _.map(salarySobList.data, o => ({ key: String(o.id), showname: o.name }))
-                };
-              } else if (getKey(child) === "status") {
-                return {
-                  ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
-                  options: _.map(empStatusList.data, o => ({ key: o.value.toString(), showname: o.defaultLabel }))
-                };
-              }
-              return { ...child, viewAttr: props.isShare ? 1 : child.viewAttr };
-            })
-          };
-        });
-        this.setState({ conditions }, () => {
-          props.form.initFormFields(this.state.conditions);
-          props.id && this.reportStatisticsGetSearchCondition(props.id);
-        });
+    const [salarySobList, empStatusList] = await Promise.all([
+      postFetch("/api/bs/hrmsalary/salarysob/listAuth", { filterType: "QUERY_DATA" }),
+      commonEnumList({ enumClass: "com.engine.salary.enums.salarysob.SalaryEmployeeStatusEnum" })
+    ]);
+    postFetch("/api/bs/hrmsalary/taxAgent/listAuth", { filterType: "QUERY_DATA" })
+      .then(({ status, data }) => {
+        if (status) {
+          const conditions = _.map(condition, item => {
+            return {
+              ...item,
+              items: _.map(item.items, child => {
+                if (getKey(child) === "taxAgent") {
+                  return {
+                    ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
+                    options: _.map(data, o => ({ key: String(o.id), showname: o.name }))
+                  };
+                } else if (getKey(child) === "salarySob") {
+                  return {
+                    ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
+                    options: _.map(salarySobList.data, o => ({ key: String(o.id), showname: o.name }))
+                  };
+                } else if (getKey(child) === "status") {
+                  return {
+                    ...child, viewAttr: props.isShare ? 1 : child.viewAttr,
+                    options: _.map(empStatusList.data, o => ({ key: o.value.toString(), showname: o.defaultLabel }))
+                  };
+                }
+                return { ...child, viewAttr: props.isShare ? 1 : child.viewAttr };
+              })
+            };
+          });
+          this.setState({ conditions }, () => {
+            props.form.initFormFields(this.state.conditions);
+            props.id && this.reportStatisticsGetSearchCondition(props.id);
+          });
 
-      }
-    });
+        }
+      });
   };
   reportStatisticsGetSearchCondition = (id) => {
     const { conditions } = this.state;

pc4mobx/hrmSalary/pages/reportView/index.js

@@ -109,7 +109,8 @@ class Index extends Component {
   render() {
     const { report, dimensionList, statisticalPayload } = this.state;
     const { isShare } = report;
-    const { attendanceStore: { settingForm }, taxAgentStore: { taxAgentOption, showOperateBtn } } = this.props;
+    const { attendanceStore: { settingForm }, taxAgentStore: { PageAndOptAuth } } = this.props;
+    const showOperateBtn = PageAndOptAuth.opts.includes("admin");
     return (
       <WeaTop
         title={getLabel(111, "报表查看")} icon={<i className="icon-coms-fa"/>}
@@ -158,8 +159,7 @@ class Index extends Component {
                     </div>
                     {/*统计数据范围及规则设置弹框*/}
                     <StatisticalMicroSettingsSlide
-                      {...statisticalPayload} form={settingForm}
-                      taxAgentAdminOption={taxAgentOption} isShare={isShare}
+                      {...statisticalPayload} form={settingForm} isShare={isShare}
                       onClose={(isRefresh) => this.setState({
                         statisticalPayload: { visible: false, id: "", dimension: "" }
                       }, () => isRefresh && this.leftTabRef.reportStatisticsReportList())}

pc4mobx/hrmSalary/pages/reportView/index.less

@@ -214,6 +214,7 @@
 
   .wea-form-item .wea-form-item-wrapper .wea-field-readonly {
     white-space: pre-wrap !important;
+    line-height: 28px;
   }
 
   .wea-slide-modal-title {

pc4mobx/hrmSalary/pages/roleManagement/components/addRoleDialog/index.js

@@ -0,0 +1,91 @@
+/*
+  *  角色新增
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/8/5
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaDialog, WeaLocaleProvider } from "ecCom";
+import { Button, message } from "antd";
+import { getSearchs } from "../../../../util";
+import { roleConditions } from "../conditions";
+import * as API from "../../../../apis/taxAgent";
+import "../index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject("taxAgentStore")
+@observer
+class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      conditions: [], loading: false, formData: { taxAgentIds: [], sobIds: [] }
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) {
+      this.setState({
+        conditions: _.map(roleConditions, item => ({
+          ...item, items: _.map(item.items, o => ({ ...o, label: getLabel(o.lanId, o.label) }))
+        }))
+      }, () => nextProps.taxAgentStore.roleForm.initFormFields(this.state.conditions));
+    }
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) nextProps.taxAgentStore.initRoleForm();
+  }
+
+  save = (isSetting) => {
+    const { taxAgentStore: { roleForm } } = this.props;
+    const { formData } = this.state;
+    roleForm.validateForm().then(f => {
+      if (f.isValid) {
+        const payload = roleForm.getFormParams();
+        this.setState({ loading: true });
+        API.saveAuthRole({ ...payload, ...formData }).then(({ status, data, errormsg }) => {
+          this.setState({ loading: false });
+          if (status) {
+            message.success(getLabel(111, "操作成功！"));
+            this.props.onCancel(() => this.props.onSearch());
+            isSetting && this.props.showRoleSetDialog({
+              id: data, name: payload.name, selectedKey: "auth.MemberTargetTypeEnum"
+            });
+          } else {
+            message.error(errormsg);
+          }
+        });
+      } else {
+        f.showErrors();
+      }
+    });
+  };
+  handleFormChange = (val) => {
+    const key = _.keys(val)[0];
+    if (key === "taxAgentIds" || key === "sobIds") {
+      this.setState({ formData: { ...this.state.formData, ...val } });
+    }
+  };
+
+  render() {
+    const { conditions, loading, roleSetDialog } = this.state;
+    const { taxAgentStore: { roleForm } } = this.props;
+    return (
+      <WeaDialog
+        {...this.props} style={{ width: 520 }} initLoadCss title={getLabel(111, "添加业务线")} className="role-dialog"
+        buttons={[
+          <Button type="primary" loading={loading} onClick={() => this.save()}>{getLabel(111, "保存")}</Button>,
+          <Button type="primary" loading={loading}
+                  onClick={() => this.save(true)}>{getLabel(111, "保存并进入详细设置")}</Button>
+        ]}
+      >
+        <div className="form-dialog-layout">{getSearchs(roleForm, conditions, 1, false, this.handleFormChange)}</div>
+      </WeaDialog>
+    );
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/roleManagement/components/advanceInputBtn/index.js

@@ -0,0 +1,36 @@
+/*
+  *  业务线管理
+  * 高级搜索
+  * @Author:    黎永顺
+  * @Date:      2024/9/24
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { Button } from "antd";
+import { WeaInputSearch, WeaLocaleProvider } from "ecCom";
+import "./index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject("taxAgentStore")
+@observer
+class Index extends Component {
+  render() {
+    const { taxAgentStore: { advanceForm } } = this.props;
+    return (
+      <div className="role-advance-search">
+        <WeaInputSearch value={advanceForm.getFormParams().name}
+                        onChange={v => advanceForm.updateFields({ name: v })}
+                        onSearch={this.props.onAdvanceSearch}
+        />
+        <Button type="ghost" className="wea-advanced-search text-elli"
+                onClick={this.props.onOpenAdvanceSearch}>{getLabel(545754, "高级搜索")}</Button>
+      </div>
+    );
+  }
+}
+
+export default Index;

pc4mobx/hrmSalary/pages/roleManagement/components/advanceInputBtn/index.less

@@ -0,0 +1,27 @@
+.role-advance-search {
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  .wea-advanced-search {
+    top: 0;
+    left: -1px;
+    height: 28px;
+    line-height: 1;
+    border-radius: 0;
+    position: relative;
+    color: #474747;
+    padding: 4px 15px;
+  }
+
+  .wea-advanced-search:hover {
+    border: 1px solid #dadada;
+    color: #474747;
+  }
+
+  .text-elli {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

pc4mobx/hrmSalary/pages/roleManagement/components/advanceSearchPannel/index.js

@@ -0,0 +1,115 @@
+/*
+  * 业务线管理
+  * 高级搜索面板
+  * @Author:    黎永顺
+  * @Date:      2024/9/24
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaLocaleProvider, WeaTools } from "ecCom";
+import { roleSearchConditions } from "../conditions";
+import { getAuthOptTree } from "../../../../apis/taxAgent";
+import { getSearchs } from "../../../../util";
+import { Button } from "antd";
+
+const getKey = WeaTools.getKey;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject("taxAgentStore")
+@observer
+class AdvanceSearchPannel extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { conditions: [] };
+  }
+
+  async componentDidMount() {
+    const { taxAgentStore: { advanceForm } } = this.props;
+    const { data } = await getAuthOptTree();
+    this.setState({
+      conditions: _.map(roleSearchConditions, item => ({
+        ...item, title: getLabel(item.lanId, item.title),
+        items: _.map(item.items, o => {
+          if (getKey(o) === "opts") {
+            return {
+              ...o, label: getLabel(o.lanId, o.label),
+              options: _.map(o.options, k => ({ ...k, showname: getLabel(k.lanId, k.showname) }))
+            };
+          } else if (getKey(o) === "pages") {
+            return {
+              ...o, label: getLabel(o.lanId, o.label),
+              treeData: [{
+                label: data.name, value: data.key, key: data.key, id: data.key, name: data.name,
+                children: _.map(data.modules, i => ({
+                  label: i.name, value: `${data.key}-${i.key}`, key: `${data.key}-${i.key}`,
+                  id: `${data.key}-${i.key}`, name: i.name,
+                  children: _.map(i.pages, k => ({
+                    label: k.name, value: k.key, key: k.key, selectable: true,
+                    id: k.key, name: k.name
+                  }))
+                }))
+              }]
+            };
+          }
+          return { ...o, label: getLabel(o.lanId, o.label) };
+        })
+      }))
+    }, () => advanceForm.initFormFields(this.state.conditions));
+  }
+
+  handleReset = () => {
+    const { taxAgentStore: { advanceForm } } = this.props;
+    this.setState({
+      conditions: _.map(this.state.conditions, item => ({
+        ...item, items: _.map(item.items, o => ({ ...o, value: "" }))
+      }))
+    }, () => advanceForm.resetForm());
+  };
+  handleFormChange = (val) => {
+    const key = _.keys(val)[0];
+    const { taxAgentStore: { advanceForm } } = this.props;
+    if (key === "taxAgentIds" || key === "sobIds" || key === "pages") {
+      this.setState({
+        conditions: _.map(this.state.conditions, item => ({
+          ...item, items: _.map(item.items, o => {
+            if (key === getKey(o)) {
+              return { ...o, value: _.map(val[key], o => o.id).join(",") };
+            }
+            return { ...o, value: advanceForm.getFormParams()[getKey(o)] };
+          })
+        }))
+      });
+    }
+  };
+
+  render() {
+    const { taxAgentStore: { advanceForm } } = this.props;
+    const { conditions } = this.state;
+    return (
+      <React.Fragment>
+        <div className="wea-advanced-searchsAd">
+          {getSearchs(advanceForm, conditions, 2, false, this.handleFormChange)}
+        </div>
+        <div className="wea-search-buttons">
+          <div style={{ textAlign: "center" }}>
+            <span style={{ marginLeft: 15 }}>
+              <Button type="primary" onClick={this.props.onAdSearch}>{getLabel(388113, "搜索")}</Button>
+            </span>
+            <span style={{ marginLeft: 15 }}>
+              <Button type="ghost" onClick={this.handleReset}>{getLabel(2022, "重置")}</Button>
+            </span>
+            <span style={{ marginLeft: 15 }}>
+              <Button type="ghost" onClick={this.props.onCancel}>{getLabel(31129, "取消")}</Button>
+            </span>
+          </div>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default AdvanceSearchPannel;
+

pc4mobx/hrmSalary/pages/roleManagement/components/conditions.js

@@ -0,0 +1,261 @@
+export const roleConditions = [
+  {
+    items: [
+      {
+        conditionType: "INPUT",
+        domkey: ["name"],
+        fieldcol: 16,
+        label: "名称",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        browserConditionParam: {
+          completeURL: "/api/bs/hrmsalary/taxAgent/listAuth",
+          dataParams: { filterType: "QUERY_DATA" },
+          filterByName: true,
+          tableProps: {},
+          isSingle: false,
+          searchParamsKey: "name"
+        },
+        conditionType: "CUSTOMBROWSER",
+        domkey: ["taxAgentIds"],
+        fieldcol: 16,
+        label: "个税扣缴义务人",
+        lanId: 111,
+        labelcol: 6,
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        browserConditionParam: {
+          completeURL: "/api/bs/hrmsalary/salarysob/listAuth",
+          dataParams: { filterType: "QUERY_DATA" },
+          filterByName: true,
+          tableProps: {},
+          isSingle: false,
+          searchParamsKey: "name"
+        },
+        conditionType: "CUSTOMBROWSER",
+        domkey: ["sobIds"],
+        fieldcol: 16,
+        label: "薪资账套",
+        lanId: 111,
+        labelcol: 6,
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "TEXTAREA",
+        domkey: ["description"],
+        fieldcol: 16,
+        label: "描述",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        viewAttr: 2
+      }
+    ],
+    defaultshow: true,
+    title: ""
+  }
+];
+export const roleOperatorConditions = [
+  {
+    items: [
+      {
+        conditionType: "INPUT",
+        domkey: ["targetTypeName"],
+        fieldcol: 18,
+        label: "对象类型",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        viewAttr: 1
+      },
+      {
+        conditionType: "BROWSER",
+        domkey: ["targetName"],
+        fieldcol: 18,
+        label: "对象",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required",
+        viewAttr: 3
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["link"],
+        fieldcol: 18,
+        label: "连接符",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required|string",
+        viewAttr: 3
+      },
+      {
+        conditionType: "INPUTNUMBER",
+        domkey: ["sortedIndex"],
+        fieldcol: 18,
+        label: "批次",
+        lanId: 111,
+        labelcol: 6,
+        value: "",
+        rules: "required",
+        viewAttr: 3
+      }
+    ],
+    defaultshow: true,
+    title: ""
+  }
+];
+export const roleSearchConditions = [
+  {
+    items: [
+      {
+        conditionType: "INPUT",
+        domkey: ["name"],
+        fieldcol: 16,
+        label: "名称",
+        lanId: 111,
+        labelcol: 8,
+        value: "",
+        viewAttr: 2
+      },
+      {
+        browserConditionParam: {
+          completeURL: "/api/bs/hrmsalary/taxAgent/listAuth",
+          dataParams: { filterType: "QUERY_DATA" },
+          filterByName: true,
+          tableProps: {},
+          isSingle: false,
+          searchParamsKey: "name"
+        },
+        conditionType: "CUSTOMBROWSER",
+        domkey: ["taxAgentIds"],
+        fieldcol: 16,
+        label: "个税扣缴义务人",
+        lanId: 111,
+        labelcol: 8,
+        viewAttr: 2
+      },
+      {
+        browserConditionParam: {
+          completeParams: {},
+          conditionDataParams: {},
+          dataParams: {},
+          destDataParams: {},
+          hasAddBtn: false,
+          hasAdvanceSerach: true,
+          idSeparator: ",",
+          isAutoComplete: 1,
+          isDetail: 0,
+          isMultCheckbox: false,
+          isSingle: false,
+          linkUrl: "",
+          pageSize: 10,
+          quickSearchName: "",
+          replaceDatas: [],
+          type: "17"
+        },
+        conditionType: "BROWSER",
+        domkey: ["roleEmpIds"],
+        fieldcol: 16,
+        isQuickSearch: false,
+        label: "成员",
+        lanId: 111,
+        labelcol: 8,
+        viewAttr: 2
+      },
+      {
+        browserConditionParam: {
+          completeURL: "/api/bs/hrmsalary/salarysob/listAuth",
+          dataParams: { filterType: "QUERY_DATA" },
+          filterByName: true,
+          tableProps: {},
+          isSingle: false,
+          searchParamsKey: "name"
+        },
+        conditionType: "CUSTOMBROWSER",
+        domkey: ["sobIds"],
+        fieldcol: 16,
+        label: "薪资账套",
+        lanId: 111,
+        labelcol: 8,
+        viewAttr: 2
+      },
+      {
+        browserConditionParam: {
+          completeParams: {},
+          conditionDataParams: {},
+          dataParams: {},
+          destDataParams: {},
+          hasAddBtn: false,
+          hasAdvanceSerach: true,
+          idSeparator: ",",
+          isAutoComplete: 1,
+          isDetail: 0,
+          isMultCheckbox: false,
+          isSingle: false,
+          linkUrl: "",
+          pageSize: 10,
+          quickSearchName: "",
+          replaceDatas: [],
+          type: "17"
+        },
+        conditionType: "BROWSER",
+        domkey: ["employeeIds"],
+        fieldcol: 16,
+        isQuickSearch: false,
+        label: "数据",
+        lanId: 111,
+        labelcol: 8,
+        viewAttr: 2
+      },
+      {
+        conditionType: "SELECT",
+        domkey: ["opts"],
+        fieldcol: 16,
+        label: "权限项",
+        lanId: 111,
+        labelcol: 8,
+        multiple: true,
+        options: [
+          { key: "query", showname: "查询", lanId: 111 },
+          { key: "admin", showname: "管理", lanId: 111 }
+        ],
+        value: "",
+        viewAttr: 2
+      },
+      {
+        browserConditionParam: {
+          completeURL: "",
+          dataParams: { filterType: "" },
+          filterByName: true,
+          tableProps: {},
+          isSingle: false,
+          treeSelect: true,
+          searchParamsKey: "name"
+        },
+        conditionType: "CUSTOMBROWSER",
+        domkey: ["pages"],
+        fieldcol: 16,
+        label: "页面",
+        lanId: 111,
+        labelcol: 8,
+        treeData: [],
+        value: "",
+        viewAttr: 2
+      }
+    ],
+    defaultshow: true,
+    title: "基本信息",
+    lanId: 111,
+    col: 2
+  }
+];

pc4mobx/hrmSalary/pages/roleManagement/components/index.less

@@ -0,0 +1,120 @@
+.tax_role_setting_browser {
+  width: 100%;
+  display: inline-block !important;
+
+  .wea-field-readonly.border {
+    cursor: default !important;
+  }
+
+  .wea-field-readonly.border .child-item {
+    margin-bottom: 4px;
+  }
+
+  .only-operate {
+    position: relative;
+
+    & > a {
+      white-space: normal !important;
+      display: inline !important;
+      color: #2db7f5;
+    }
+
+  }
+
+  .only-operate:hover {
+    .ant-select-selection__choice__remove {
+      visibility: visible;
+    }
+  }
+
+  .ant-select-selection__choice__remove:before {
+    content: "\E62D";
+    font-family: anticon !important;
+  }
+
+  .ant-select-selection__choice__remove {
+    visibility: hidden;
+    right: -3px;
+    font-size: 12px !important;
+    top: 50%;
+    margin-top: -6px;
+    text-decoration: none;
+    position: static;
+    padding: 0;
+    cursor: pointer;
+    transform: scale(.66666667) rotate(0deg);
+  }
+}
+
+.tax_role_set_dialog {
+  .tax_role_set_container {
+    padding: 10px 25px;
+
+    .tax_role_form_item {
+      min-height: 190px;
+      border: 1px solid rgb(217, 217, 217);
+
+      & > .wea-select {
+        margin: 10px 10px 0 20px;
+        line-height: 25px;
+      }
+
+      .tax_role_operator_setting {
+        border-top: 1px solid rgb(217, 217, 217);
+        padding: 8px;
+        display: table;
+        width: 100%;
+
+        & > div:last-child {
+          text-align: right;
+        }
+      }
+
+      .tax_role_browser_form_item {
+        margin: 12px 14px;
+      }
+
+      .tax_role_auth_tree {
+        padding: 10px 20px;
+      }
+    }
+
+    .tax_role_operator_setting_table {
+      .setting_table_title {
+        & > .operator {
+          line-height: 45px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+      }
+    }
+  }
+}
+
+.role-dialog {
+  .form-dialog-layout {
+    .ant-select-selection {
+      height: auto !important;
+    }
+  }
+}
+
+.authDetail_dialog {
+  .authDetail-dialog-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .authDetail-table {
+    background: #f6f6f6;
+    padding: 8px 16px;
+    height: 100%;
+
+    .wea-new-table {
+      background: #FFF;
+    }
+  }
+
+}

pc4mobx/hrmSalary/pages/roleManagement/components/roleDetailSetDialog/authTree.js

@@ -0,0 +1,90 @@
+/*
+  *  角色权限设置
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/8/21
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import * as API from "../../../../apis/taxAgent";
+import { Row } from "antd";
+import { WeaLocaleProvider, WeaTree } from "ecCom";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class AuthTree extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      checkedKeys: [], expandedKeys: [], datas: {}
+    };
+  }
+
+  componentDidMount() {
+    const { roleId } = this.props;
+    API.getAuthOptTree({ roleId }).then(({ status, data }) => {
+      if (status) {
+        this.setState({
+          datas: {
+            canClick: true, id: data.key, nodeid: data.key, isParent: true, name: data.name,
+            subs: _.map(data.modules, item => ({
+              ...item, canClick: true, id: item.key, nodeid: item.key, pid: data.key, isParent: !_.isEmpty(item.pages),
+              subs: _.map(item.pages, o => ({
+                ...o, canClick: true, id: `${item.key}-${o.key}`, nodeid: `${item.key}-${o.key}`,
+                pid: item.key, isParent: !_.isEmpty(o.opts),
+                subs: _.map(o.opts, k => ({
+                  canClick: true, id: `${o.key}-${k.key}`, name: k.name, nodeid: `${o.key}-${k.key}`,
+                  pid: `${item.key}-${o.key}`, isParent: false, able: k.able
+                }))
+              }))
+            }))
+          }
+        }, () => this.setState({ expandedKeys: this.initExpandKeys(), checkedKeys: this.initCheckedKeys() }));
+      }
+    });
+  }
+
+  initExpandKeys = () => {
+    const { datas } = this.state;
+    const parentIds = [];
+    const findParent = (node) => {
+      if (node.subs && node.subs.length > 0) {
+        parentIds.push(node.id);
+        node.subs.forEach(child => findParent(child));
+      }
+    };
+    findParent(datas);
+    return parentIds;
+  };
+  initCheckedKeys = () => {
+    const { datas } = this.state;
+    const checkedIds = [];
+    const findCheckedId = (node) => {
+      if (node.subs && node.subs.length > 0) {
+        node.subs.forEach(child => {
+          if (!!child.able) checkedIds.push(child.id);
+          findCheckedId(child);
+        });
+      }
+    };
+    findCheckedId(datas);
+    return checkedIds;
+  };
+
+  render() {
+    const { checkedKeys, expandedKeys, datas } = this.state;
+    return (
+      <Row className="tax_role_auth_tree">
+        <WeaTree
+          checkable onCheck={checkedKeys => this.setState({ checkedKeys })} checkedKeys={checkedKeys}
+          expandedKeys={expandedKeys} onExpand={expandedKeys => this.setState({ expandedKeys })}
+          datas={datas}
+        />
+      </Row>
+    );
+  }
+}
+
+export default AuthTree;

pc4mobx/hrmSalary/pages/roleManagement/components/roleDetailSetDialog/detailDialog.js

@@ -0,0 +1,97 @@
+/*
+  *  角色详情设置弹窗
+  *   成员、数据明细查询
+  * @Author:    黎永顺
+  * @Date:      2024/9/27
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaDialog, WeaInputSearch, WeaLocaleProvider, WeaTable } from "ecCom";
+import * as API from "../../../../apis/taxAgent";
+import "../index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+const APIFOX = {
+  "auth.MemberTargetTypeEnum": API.authMemberDetail,
+  "auth.DataTargetTypeEnum": API.authDataDetail
+};
+
+class DetailDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false, pageInfo: { current: 1, pageSize: 10, total: 0 },
+      query: { username: "" }, dataSource: [], columns: []
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) this.getData(nextProps);
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) this.setState({
+      query: { username: "" }, pageInfo: { current: 1, pageSize: 10, total: 0 }
+    });
+  }
+
+  getData = (props) => {
+    const { pageInfo, query } = this.state, { roleId, selectedKey } = props || this.props;
+    let payload = { ...pageInfo, ...query, roleId };
+    this.setState({ loading: true });
+    APIFOX[selectedKey](payload).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 }
+        });
+      }
+    });
+  };
+  renderTitle = () => {
+    const { selectedKey } = this.props, { query } = this.state;
+    const title = selectedKey === "auth.MemberTargetTypeEnum" ? getLabel(111, "成员明细") : getLabel(111, "数据明细");
+    return (<div className="authDetail-dialog-title">
+      <span>{title}</span>
+      <WeaInputSearch value={query.username} onChange={v => this.setState({ query: { username: v } })}
+                      onSearch={v => this.setState({ pageInfo: { current: 1 } }, () => this.getData())}/>
+    </div>);
+  };
+
+  render() {
+    const { loading, dataSource, pageInfo, columns } = this.state;
+    const sheight = this.dialog ? this.dialog.state.height - 120 : 260;
+
+    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.getData());
+      },
+      onChange: current => {
+        this.setState({ pageInfo: { ...pageInfo, current } }, () => this.getData());
+      }
+    };
+
+    return (
+      <WeaDialog
+        {...this.props} initLoadCss ref={dom => this.dialog = dom} title={this.renderTitle()}
+        className="authDetail_dialog" style={{
+        width: 784, height: 460, minHeight: 200, minWidth: 380,
+        maxHeight: "90%", maxWidth: "90%", overflow: "hidden", transform: "translate(0px, 0px)"
+      }} buttons={[]}>
+        <div className="authDetail-table">
+          <WeaTable dataSource={dataSource} loading={loading} pagination={pagination} scroll={{ y: sheight }}
+                    rowKey="id" columns={columns}/>
+        </div>
+      </WeaDialog>
+    );
+  }
+}
+
+export default DetailDialog;

pc4mobx/hrmSalary/pages/roleManagement/components/roleDetailSetDialog/editRoleDialog.js

@@ -0,0 +1,155 @@
+/*
+  *  编辑角色操作者
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/8/20
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { inject, observer } from "mobx-react";
+import { WeaDialog, WeaLocaleProvider, WeaTools } from "ecCom";
+import { Button } from "antd";
+import { roleOperatorConditions } from "../conditions";
+import { getSearchs } from "../../../../util";
+
+const getLabel = WeaLocaleProvider.getLabel;
+const getKey = WeaTools.getKey;
+
+@inject("taxAgentStore")
+@observer
+class EditRoleDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      conditions: [], loading: false, targetSob: {}
+    };
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextProps.visible !== this.props.visible && nextProps.visible) {
+      this.setState({
+        conditions: _.map(roleOperatorConditions, item => ({
+          ...item, items: _.map(item.items, o => {
+            o = { ...o, label: getLabel(o.lanId, o.label), value: String(nextProps.record[getKey(o)]) };
+            switch (getKey(o)) {
+              case "link":
+                o = { ...o, options: nextProps.linkOptions, hide: _.isEmpty(nextProps.linkOptions) };
+                break;
+              case "sortedIndex":
+                o = { ...o, hide: _.isEmpty(nextProps.linkOptions) };
+                break;
+              case "targetName":
+                o = ["EMP", "DEPARTMENT", "JOB", "SUB_COMPANY", "ROLE"].includes(nextProps.record.targetType) ?
+                  {
+                    ...o, value: "", browserConditionParam: {
+                      ...this.renderBrowserType(nextProps.record.targetType),
+                      replaceDatas: [{ id: nextProps.record["target"], name: nextProps.record[getKey(o)] }]
+                    }
+                  } :
+                  nextProps.record.targetType === "SQL" ? {
+                    ...o, conditionType: "TEXTAREA", otherParams: { minRows: 3 }
+                  } : nextProps.record.targetType === "LEVEL" ?
+                    {
+                      ...o, startValue: nextProps.record[getKey(o)].split("-")[0],
+                      endValue: nextProps.record[getKey(o)].split("-")[1],
+                      conditionType: "SCOPE", precision: 0
+                    } : (nextProps.record.targetType === "SOB" ||
+                      nextProps.record.targetType === "TAX") ? {
+                      ...o, value: nextProps.record["target"],
+                      conditionType: "CUSTOMBROWSER", browserConditionParam: {
+                        completeURL: nextProps.record.targetType === "SOB" ?
+                          "/api/bs/hrmsalary/salarysob/listAuth" : "/api/bs/hrmsalary/taxAgent/listAuth",
+                        dataParams: { filterType: "QUERY_DATA" },
+                        filterByName: true, isSingle: true,
+                        tableProps: {}, searchParamsKey: "name",
+                        replaceDatas: [{ id: nextProps.record["target"], name: nextProps.record["targetName"] }]
+                      }
+                    } : { ...o };
+                break;
+              default:
+                break;
+            }
+            return o;
+          })
+        })),
+        targetSob: { id: nextProps.record["target"], name: nextProps.record["targetName"] }
+      }, () => nextProps.taxAgentStore.roleOperatorForm.initFormFields(this.state.conditions));
+    }
+    if (nextProps.visible !== this.props.visible && !nextProps.visible) {
+      this.setState({ targetSob: {} });
+      nextProps.taxAgentStore.initRoleOperatorForm();
+    }
+    if (nextProps.loading !== this.props.loading && !nextProps.loading) this.props.onCancel();
+  }
+
+  renderBrowserType = (enumType) => {
+    let browserType = {};
+    switch (enumType) {
+      case "EMP":
+        browserType = { ...browserType, type: 17, isSingle: true, title: getLabel(82246, "人员选择") };
+        break;
+      case "DEPARTMENT":
+        browserType = { ...browserType, type: 57, isSingle: true, title: getLabel(111, "部门选择") };
+        break;
+      case "JOB":
+        browserType = { ...browserType, type: 278, isSingle: true, title: getLabel(111, "岗位选择") };
+        break;
+      case "SUB_COMPANY":
+        browserType = { ...browserType, type: 164, isSingle: true, title: getLabel(111, "分部选择") };
+        break;
+      case "ROLE":
+        browserType = { ...browserType, type: 65, isSingle: true, title: getLabel(111, "角色选择") };
+        break;
+      default:
+        break;
+    }
+    return browserType;
+  };
+  save = () => {
+    const { targetSob } = this.state;
+    const { taxAgentStore: { roleOperatorForm }, record, onChange } = this.props;
+    roleOperatorForm.validateForm().then(f => {
+      if (f.isValid) {
+        const { targetName: __, link, sortedIndex } = roleOperatorForm.getFormParams();
+        const targetName = roleOperatorForm.getFormDatas().targetName;
+        onChange([_.assign(record, {
+          editId: record.id, sortedIndex,
+          id: record.targetType === "LEVEL" ? targetName.value.join("-") : targetName.value,
+          name: record.targetType === "SQL" ? __ :
+            record.targetType === "LEVEL" ? __.join("-") : (targetName.valueSpan || targetSob.name),
+          link: link === "undefined" ? "OR" : link
+        })]);
+      } else {
+        f.showErrors();
+      }
+    });
+  };
+  handleFormChange = (val) => {
+    const { record } = this.props;
+    const key = _.keys(val)[0];
+    if (key === "targetName" && (record.targetType === "SOB" || record.targetType === "TAX"))
+      this.setState({ targetSob: _.head(val[key]) });
+  };
+
+  render() {
+    const { conditions } = this.state;
+    const { taxAgentStore: { roleOperatorForm }, linkOptions, loading } = this.props;
+    return (
+      <WeaDialog
+        {...this.props} style={{ width: 480, height: _.isEmpty(linkOptions) ? 129 : 223 }}
+        initLoadCss title={getLabel(111, "编辑操作者")}
+        buttons={[
+          <Button type="primary" loading={loading} onClick={this.save}>{getLabel(111, "保存")}</Button>
+        ]}
+      >
+        <div className="form-dialog-layout">
+          {getSearchs(roleOperatorForm, conditions, 1, false, this.handleFormChange)}
+        </div>
+      </WeaDialog>
+    );
+  }
+}
+
+export default EditRoleDialog;