feature/2.12.1.2403.02-薪资核算自定义导出模板设置

pc4mobx/hrmSalary/pages/calculate/doCalc/components/customCalcExportDialog/index.js

@@ -8,7 +8,7 @@
 import React, { Component } from "react";
 import { Button, Col, message, Row } from "antd";
 import { inject, observer } from "mobx-react";
-import { WeaCheckbox, WeaDialog, WeaLocaleProvider, WeaSearchGroup } from "ecCom";
+import { WeaCheckbox, WeaDialog, WeaLocaleProvider, WeaSearchGroup, WeaSelect } from "ecCom";
 import { customCacheExportField } from "../../../../../apis/calculate";
 import { convertToUrlString } from "../../../../../util/url";
 import "./index.less";
@@ -84,10 +84,14 @@ class Index extends Component {
         return { ...item, salaryItems: _.filter(item.salaryItems, it => !!it.checked) };
       });
     }
+    const titleComp = <div className="setHeaderWrapper">
+      <span>{getLabel(111, "选择字段")}</span>
+      <WeaSelect options={[]} style={{ width: 200 }}/>
+    </div>;
     return (
       <WeaDialog
         {...this.props} hasScroll initLoadCss className="customEpDialogLayout"
-        scalable title={getLabel(111, "选择字段")}
+        scalable title={titleComp}
         style={{
           width: 700,
           height: 606.6,
@@ -100,6 +104,8 @@ class Index extends Component {
         }}
         buttons={[
           <Button type="primary" onClick={this.customExportClick}>{getLabel(17416, "导出")}</Button>,
+          <Button type="primary">{getLabel(111, "存为模板")}</Button>,
+          <Button type="primary">{getLabel(111, "模板管理")}</Button>,
           <Button type="ghost" onClick={this.props.onCancel}>{getLabel(31129, "取消")}</Button>
         ]}
         bottomLeft={<WeaCheckbox content={getLabel(543378, "只显示已选中字段")}

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

@@ -1,4 +1,15 @@
 .customEpDialogLayout {
+  .text-elli {
+    padding-right: 16px;
+  }
+
+  .setHeaderWrapper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
   .wea-search-group {
     .wea-title {
       padding-left: 0 !important;