salary-management-front/pc4mobx/hrmSalary/components/slideModalTitle/index.js

39 lines
1.2 KiB
JavaScript

import React from "react";
import { Button } from "antd";
import { WeaReqTop } from "ecCom";
import "./index.less";
export default class SlideModalTitle extends React.Component {
componentWillMount() { // 初始化渲染页面
this.state = {
editable: this.props.editable
};
}
componentWillReceiveProps(nextProps) {
this.setState({
editable: nextProps.editable
});
}
render() {
const { selectedTab, tabs, subtitle, customOperate, subItemChange, loading = false } = this.props;
return <div className="reqTopWrapper">
<WeaReqTop
title={subtitle}
buttonSpace={10}
icon={<i className="icon-coms-fa"/>}
iconBgcolor="#F14A2D"
buttons={(this.props.showOperateBtn && this.state.editable && this.props.selectedTab != 1) ? [
<Button type="primary" className="saveBtn" onClick={this.props.onSave} loading={loading}>保存</Button>
] : !_.isEmpty(customOperate) ? customOperate : []}
showDropIcon={false}
dropMenuDatas={[]}
tabDatas={tabs || []}
selectedKey={String(selectedTab) || ""}
onChange={key => subItemChange(key)}
/>
</div>;
}
}