|
@@ -172,6 +172,8 @@ const Contract = React.createClass({
|
|
searchMore: true,
|
|
searchMore: true,
|
|
startDateFormattedDate: [],
|
|
startDateFormattedDate: [],
|
|
endDateFormattedDate: [],
|
|
endDateFormattedDate: [],
|
|
|
|
+ selectedRowKeys: [],
|
|
|
|
+ selectedRows: [],
|
|
pagination: {
|
|
pagination: {
|
|
defaultCurrent: 1,
|
|
defaultCurrent: 1,
|
|
defaultPageSize: 10,
|
|
defaultPageSize: 10,
|
|
@@ -313,6 +315,39 @@ const Contract = React.createClass({
|
|
});
|
|
});
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ delectRow() {
|
|
|
|
+ let deletedIds = [];
|
|
|
|
+ for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
|
|
|
|
+ let rowItem = this.state.selectedRows[idx];
|
|
|
|
+ if (rowItem.id) {
|
|
|
|
+ deletedIds.push(rowItem.id)
|
|
|
|
+ };
|
|
|
|
+ };
|
|
|
|
+ debugger
|
|
|
|
+ this.setState({
|
|
|
|
+ selectedRowKeys: [],
|
|
|
|
+ loading: deletedIds.length > 0
|
|
|
|
+ });
|
|
|
|
+ $.ajax({
|
|
|
|
+ method: "POST",
|
|
|
|
+ dataType: "json",
|
|
|
|
+ crossDomain: false,
|
|
|
|
+ url: globalConfig.context + "/api/admin/copyright/delete",
|
|
|
|
+ data: {
|
|
|
|
+ id: deletedIds
|
|
|
|
+ }
|
|
|
|
+ }).done(function (data) {
|
|
|
|
+ if (!data.error.length) {
|
|
|
|
+ message.success('保存成功!');
|
|
|
|
+ this.setState({
|
|
|
|
+ loading: false,
|
|
|
|
+ });
|
|
|
|
+ } else {
|
|
|
|
+ message.warning(data.error[0].message);
|
|
|
|
+ };
|
|
|
|
+ this.loadData();
|
|
|
|
+ }.bind(this));
|
|
|
|
+ },
|
|
closeDesc(e, s) {
|
|
closeDesc(e, s) {
|
|
this.state.showDesc = e;
|
|
this.state.showDesc = e;
|
|
if (s) {
|
|
if (s) {
|
|
@@ -350,6 +385,16 @@ const Contract = React.createClass({
|
|
this.loadData();
|
|
this.loadData();
|
|
},
|
|
},
|
|
render() {
|
|
render() {
|
|
|
|
+ const rowSelection = {
|
|
|
|
+ selectedRowKeys: this.state.selectedRowKeys,
|
|
|
|
+ onChange: (selectedRowKeys, selectedRows) => {
|
|
|
|
+ this.setState({
|
|
|
|
+ selectedRows: selectedRows,
|
|
|
|
+ selectedRowKeys: selectedRowKeys
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+ const hasSelected = this.state.selectedRowKeys.length > 0;
|
|
const { MonthPicker, RangePicker } = DatePicker;
|
|
const { MonthPicker, RangePicker } = DatePicker;
|
|
return (
|
|
return (
|
|
<div className="foster-box">
|
|
<div className="foster-box">
|
|
@@ -407,6 +452,9 @@ const Contract = React.createClass({
|
|
<span>更多搜索 <Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
|
|
<span>更多搜索 <Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
|
|
<Button type="primary" onClick={this.search}>搜索</Button>
|
|
<Button type="primary" onClick={this.search}>搜索</Button>
|
|
<Button onClick={this.reset}>重置</Button>
|
|
<Button onClick={this.reset}>重置</Button>
|
|
|
|
+ <Button style={{ background: "#3fcf9e", border: "none", color: "#fff" }}
|
|
|
|
+ disabled={!hasSelected}
|
|
|
|
+ onClick={this.delectRow}>删除<Icon type="minus" /></Button>
|
|
<div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
|
|
<div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
|
|
<span>创建时间:</span>
|
|
<span>创建时间:</span>
|
|
<RangePicker style={{ width: '240px' }}
|
|
<RangePicker style={{ width: '240px' }}
|
|
@@ -426,6 +474,7 @@ const Contract = React.createClass({
|
|
<Spin spinning={this.state.loading}>
|
|
<Spin spinning={this.state.loading}>
|
|
<Table columns={this.state.columns}
|
|
<Table columns={this.state.columns}
|
|
dataSource={this.state.dataSource}
|
|
dataSource={this.state.dataSource}
|
|
|
|
+ rowSelection={rowSelection}
|
|
pagination={this.state.pagination}
|
|
pagination={this.state.pagination}
|
|
onRowClick={this.tableRowClick} />
|
|
onRowClick={this.tableRowClick} />
|
|
</Spin>
|
|
</Spin>
|