43 lines
1.8 KiB
JavaScript
43 lines
1.8 KiB
JavaScript
import React from 'react'
|
||
import { systemItemColumns, dataSource } from './columns'
|
||
import { WeaInputSearch } from 'ecCom'
|
||
import { Modal, Button, Table } from 'antd'
|
||
import { inject, observer } from 'mobx-react';
|
||
import { WeaTableNew } from "comsMobx"
|
||
const WeaTable = WeaTableNew.WeaTable;
|
||
|
||
@inject('salaryItemStore')
|
||
@observer
|
||
export default class DeleteSalaryItemModal extends React.Component {
|
||
|
||
render() {
|
||
const { salaryItemStore } = this.props;
|
||
const { deleteTableStore } = salaryItemStore
|
||
|
||
const handleDelete = () => {
|
||
const { salaryItemStore: { deleteItem } } = this.props;
|
||
deleteItem();
|
||
}
|
||
return (
|
||
<Modal visible={this.props.visible} onCancel={() => {this.props.onCancel()}} width={800}>
|
||
<div style={{height: "47px", lineHeight: '47px'}}>
|
||
<span style={{marginLeft: "10px", fontSize: '14px'}}>批量删除</span>
|
||
<div style={{float: "right", marginRight: "40px"}}>
|
||
<Button type="primary" style={{marginRight: '10px'}} onClick={() => {handleDelete()}}>批量删除</Button>
|
||
<WeaInputSearch />
|
||
</div>
|
||
</div>
|
||
<div style={{margin: "10px"}}>
|
||
<WeaTable // table内部做了loading加载处理，页面就不需要再加了
|
||
comsWeaTableStore={deleteTableStore} // table store
|
||
hasOrder={true} // 是否启用排序
|
||
needScroll={true} // 是否启用table内部列表滚动，将自适应到父级高度
|
||
|
||
// getColumns={this.getColumns}
|
||
// onOperatesClick={this.onOperatesClick.bind(this)}
|
||
/>
|
||
</div>
|
||
</Modal>
|
||
)
|
||
}
|
||
} |