-
编辑
+
编辑
复制
删除
操作日志
@@ -90,11 +97,81 @@ export default class Payroll extends React.Component {
})
}
+ componentWillMount() {
+ const { payrollStore } = this.props;
+ const { getPayrollTemplateLedgerList } = payrollStore;
+ // 获取薪资账套下拉列表
+ getPayrollTemplateLedgerList().then((options) => {
+ this.setState({
+ initSelected: true,
+ ledgerOptions: options
+ })
+ })
+ }
+
+ // 模板搜索
+ handleTemplateSearch() {
+ const { templateSearchValue, templateSelect } = this.state;
+ let params = {name: templateSearchValue, salarySobId: templateSelect}
+ const { payrollStore: {getPayrollTemplateList}} = this.props;
+ getPayrollTemplateList(params)
+ }
+
+ // 模板选择框下拉改变事件
+ handleTemplateSelectChange(value) {
+ this.setState({templateSelect: value})
+ this.handleTemplateSearch()
+ }
+
+ // 模板列表编辑
+ handleTemplateListEdit(record) {
+ this.setState({templateCurrentId: record.id, selectedTab: 0},() => {
+ this.setState({editSlideVisible: true})
+ })
+ }
+
+ // 模板列表复制
+ handleTemplateListCopy(record) {
+ this.setState({
+ templateCurrentId: record.id
+ }, () => {
+ this.setState({
+ copyModalVisible: true
+ })
+ })
+ }
+
+ // 复制模板保存事件监听
+ handleCopyModalSave(value) {
+ const { payrollStore } = this.props;
+ const { duplicatePayroll } = payrollStore
+ duplicatePayroll(this.state.templateCurrentId, value).then(() => {
+ this.setState({
+ copyModalVisible: false
+ })
+ })
+ }
+
+ // 模板列表删除
+ handleTemplateListDelete(record) {
+ const { payrollStore: { deletePayroll }} = this.props;
+ Modal.confirm({
+ title: '信息确认',
+ content: '确认删除',
+ onOk:() => {
+ deletePayroll([record.id])
+ },
+ onCancel: () => {
+
+ },
+ });
+ }
+
+
render() {
const { payrollStore } = this.props;
const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = payrollStore;
-
- const { currentStep, selectedTab } = this.state
+ const { currentStep, selectedTab, templateSearchValue, templateSelect } = this.state
if (!hasRight && !loading) { // 无权限处理
return renderNoright();
}
@@ -155,21 +232,21 @@ export default class Payroll extends React.Component {
return (
-
-
+ {
+ this.state.initSelected && {this.handleTemplateSelectChange(value)}}/>
+ }
+
+ {this.setState({templateSearchValue: value})}} onSearch={(value) => {this.handleTemplateSearch(value)}}/>
)
}
-
}
-
-
+
const steps = [
"基础设置",
"显示设置"
]
-
const validateStep1 = () => {
const { payrollStore: {templateBaseData}} = this.props;
if(!notNull(templateBaseData.name)) {
@@ -221,7 +298,14 @@ export default class Payroll extends React.Component {
{
this.state.selectedKey == 1 &&
-
+
{
+ this.handleTemplateListEdit(record)
+ }}
+ onCopy={(record) => {
+ this.handleTemplateListCopy(record)
+ }}
+ onDelete={(record)=> this.handleTemplateListDelete(record)}
+ />
}
@@ -284,16 +368,19 @@ export default class Payroll extends React.Component {
}
content={
{
- selectedTab == 0 &&
+ selectedTab == 0 &&
}
{
- selectedTab == 1 &&
+ selectedTab == 1 &&
}
}
onClose={() => this.setState({editSlideVisible: false})}
showMask={true}
closeMaskOnClick={() => this.setState({editSlideVisible: false})} />
}
+ {
+ this.state.copyModalVisible && this.handleCopyModalSave(value)} visible={this.state.copyModalVisible} onCancel={() => {this.setState({copyModalVisible: false})}}/>
+ }