产品-工资单模板基础设置水印设置

pc4mobx/hrmSalary/pages/payroll/index.js

@@ -3,8 +3,16 @@ import { inject, observer } from "mobx-react";
 import { toJS } from "mobx";
 import { Button, DatePicker, message, Modal } from "antd";
 import moment from "moment";
-import { WeaHelpfulTip, WeaInputSearch, WeaNewScroll, WeaSelect, WeaSlideModal, WeaTop } from "ecCom";
-import { renderLoading } from "../../util"; // 渲染form数据的方法：因为多个页面都会使用，所以抽的公共方法在util中
+import {
+  WeaHelpfulTip,
+  WeaInputSearch,
+  WeaLocaleProvider,
+  WeaNewScroll,
+  WeaSelect,
+  WeaSlideModal,
+  WeaTop
+} from "ecCom";
+import { renderLoading } from "../../util";
 import CustomTab from "../../components/customTab";
 import StepSlide from "../../components/stepSlide";
 import BaseInformForm from "./stepForm/baseInformForm";
@@ -12,11 +20,13 @@ import ShowSettingForm from "./stepForm/showSettingForm";
 import SlideModalTitle from "../../components/slideModalTitle";
 import TemplateSettingList from "./templateSettingList";
 import TemplateSettingForm from "./stepForm/tmplateSettingForm";
+import TemplateBaseSettings from "./templateBaseSettings";
 import CopyModal from "./copyModal";
 import SalarySendList from "./SalarySendList";
 import { getReplenishForm } from "../../apis/payroll";
 import "../dataAcquisition/cumDeduct/index.less";
 
+const getLabel = WeaLocaleProvider.getLabel;
 const { MonthPicker } = DatePicker;
 
 @inject("payrollStore", "taxAgentStore")
@@ -256,6 +266,10 @@ export default class Payroll extends React.Component {
       {
         title: "工资单模板设置",
         viewcondition: "1"
+      },
+      {
+        title: getLabel(111, "工资单模板基础设置"),
+        viewcondition: "2"
       }
     ];
     const renderRightOperation = () => {
@@ -333,6 +347,8 @@ export default class Payroll extends React.Component {
             }}/>
           </div>
         );
+      } else if (this.state.selectedKey === "2") {
+        return <Button type="primary">{getLabel(111, "保存")}</Button>;
       }
     };
     const steps = ["基础设置", "正常核算工资单模板", "补发工资单模版"];
@@ -405,6 +421,10 @@ export default class Payroll extends React.Component {
                   onDelete={(record) => this.handleTemplateListDelete(record)}
                 />
               }
+              {
+                this.state.selectedKey === "2" &&
+                <TemplateBaseSettings/>
+              }
             </WeaNewScroll>
           </div>
         </WeaTop>

pc4mobx/hrmSalary/pages/payroll/index.less

@@ -0,0 +1,22 @@
+.waterMarkWrapper {
+  .wea-form-cell-wrapper {
+    border: 1px solid #e5e5e5;
+    border-bottom: none;
+  }
+
+  .wea-form-item {
+    padding: 5px 16px;
+    border-bottom: 1px solid #e5e5e5;
+
+    .waterMarkTitle {
+      margin-left: 10px;
+      cursor: pointer;
+      color: #2db7f5;
+      position: absolute;
+      display: inline-block;
+      width: 48px;
+      top: 50%;
+      margin-top: -10px;
+    }
+  }
+}

pc4mobx/hrmSalary/pages/payroll/templateBaseSettings.js

@@ -0,0 +1,52 @@
+/*
+ * Author: 黎永顺
+ * name: 工资单模板基础设置
+ * Description:
+ * Date: 2023/6/12
+ */
+import React, { Component } from "react";
+import { WeaCheckbox, WeaFormItem, WeaLocaleProvider, WeaSearchGroup, WeaSelect } from "ecCom";
+import "./index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class TemplateBaseSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      watermarkStatus: "0",
+      watermark: "DEFAULT"
+    };
+  }
+
+  render() {
+    const { watermarkStatus, watermark } = this.state;
+    return (
+      <WeaSearchGroup title={getLabel(111, "水印设置")} showGroup needTigger className="waterMarkWrapper">
+        <WeaFormItem label={getLabel(111, "启用水印")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
+          <WeaCheckbox value={watermarkStatus} display="switch"
+                       onChange={watermarkStatus => this.setState({ watermarkStatus, watermark: "DEFAULT" })}/>
+        </WeaFormItem>
+        {
+          watermarkStatus === "1" &&
+          <WeaFormItem label={getLabel(111, "水印类型")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
+            <WeaSelect
+              value={watermark}
+              options={[
+                { key: "DEFAULT", showname: getLabel(111, "系统默认水印") },
+                { key: "CUSTOM", showname: getLabel(111, "自定义水印") }
+              ]}
+              onChange={watermark => this.setState({ watermark })}
+            />
+            {
+              watermark === "CUSTOM" &&
+              <span className="waterMarkTitle">{getLabel(111, "水印设置")}</span>
+            }
+          </WeaFormItem>
+        }
+      </WeaSearchGroup>
+    );
+  }
+}
+
+export default TemplateBaseSettings;