feature/2.9.42310.01-工资单发放页面重构

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

@@ -24,14 +24,27 @@ class Index extends Component {
   }
 
   renderTitle = () => {
-    const { tmplId } = this.props;
+    const { tmplId } = this.props, { current } = this.state;
     return <div className="payroll-title-flex titleDialog">
       <div className="titleCol titleLeftBox">
         <div className="titleIcon"><i className="icon-coms-fa"/></div>
         <div className="title">{tmplId ? getLabel(543583, "编辑工资单模板") : getLabel(543582, "新建工资单模板")}</div>
       </div>
       <div className="titleCol titleRightBox">
-        <Button type="primary">{getLabel(1402, "下一步")}</Button>
+        {
+          current === 0 ?
+            <Button type="primary">{getLabel(1402, "下一步")}</Button> :
+            current === 1 ?
+              <React.Fragment>
+                <Button type="ghost">{getLabel(1876, "上一步")}</Button>
+                <Button type="primary">{getLabel(1402, "下一步")}</Button>
+                <Button type="ghost">{getLabel(221, "预览")}</Button>
+              </React.Fragment> :
+              <React.Fragment>
+                <Button type="ghost">{getLabel(1876, "上一步")}</Button>
+                <Button type="primary">{getLabel(537558, "保存")}</Button>
+              </React.Fragment>
+        }
       </div>
     </div>;
   };
@@ -56,7 +69,7 @@ class Index extends Component {
       { key: 2, title: getLabel(543580, "补发工资单模版") }
     ];
     return (
-      <WeaSlideModal {...this.props} title={this.renderTitle()}
+      <WeaSlideModal {...this.props} title={this.renderTitle()} className="payroll-tmpl-layout"
                      content={(<div className="payroll-tmpl-content">
                        <WeaSteps current={current} style={{ margin: "0 0 20px 0" }}>
                          {

pc4mobx/hrmSalary/pages/payrollRelease/index.less

@@ -73,9 +73,13 @@
       }
     }
 
+    .payroll-tmpl-layout .clipper {
+      background: #f6f6f6;
+    }
+
     .payroll-tmpl-content {
       padding: 16px;
-      border-top: #e5e5e5;
+      border-top: 1px solid #e5e5e5;
       background: #f6f6f6;
 
       .wea-search-group {