import React from 'react';
import { Icon, Button, Spin, message, Table, Input, Modal, DatePicker, Upload, Select } from 'antd';
import { beforeUpload, getBase64 } from '../../../tools';
import moment from 'moment';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
const Avatar = React.createClass({
getInitialState() {
return {
imageUrl: ''
}
},
handleChange(info) {
if (info.file.status === 'done') {
// Get this url from response in real world.
getBase64(info.file.originFileObj, imageUrl => this.setState({ imageUrl }));
this.props.urlData(info.file.response.data);
}
},
componentWillReceiveProps(nextProps) {
if (this.props.uid != nextProps.uid) {
this.state.imageUrl = null;
};
},
render() {
const imageUrl = this.state.imageUrl;
return (
{
(imageUrl || this.props.imageUrl) ?
:
}
);
}
});
const Lecture = React.createClass({
loadData(pageNo) {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/banners/list',
data: {
pageNo: pageNo || 1,
pageSize: this.state.pagination.pageSize,
key: this.state.searcchKey
},
success: function (data) {
let theArr = [];
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else {
for (let i = 0; i < data.data.length; i++) {
let thisdata = data.data[i];
theArr.push({
key: i,
id: thisdata.id, //主键
sign: thisdata.sign, // 位置标示
text: thisdata.text, //广告图描述
imgurl: thisdata.imgurl, //广告图url
url: thisdata.url, //跳转链接
width: thisdata.width, //宽度
height: thisdata.height, //高度
startDate: thisdata.startDate, //广告图开始时间
endDate: thisdata.endDate //广告图结束时间
});
};
this.state.pagination.current = data.data.pageNo;
this.state.pagination.total = data.data.totalCount;
};
this.setState({
tableData: theArr,
pagination: this.state.pagination
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
loadKeys() {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
url: globalConfig.context + '/api/admin/banners/keys',
success: function (data) {
let theArr = [];
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else {
for (let item in data.data) {
let thisdata = data.data[item];
theArr.push(
{thisdata}
);
};
};
this.setState({
keysOption: theArr,
keysObj: data.data
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getInitialState() {
return {
loading: false,
keysObj: {},
pagination: {
defaultCurrent: 1,
defaultPageSize: 10,
showQuickJumper: true,
pageSize: 10,
onChange: function (page) {
this.loadData(page);
}.bind(this),
showTotal: function (total) {
return '共' + total + '条数据';
}
},
columns: [
{
title: '位置',
dataIndex: 'sign',
key: 'sign',
render: text => { return keysObj[text] }
}, {
title: '广告图描述',
dataIndex: 'text',
key: 'text',
}, {
title: '广告图url',
dataIndex: 'imgurl',
key: 'imgurl',
}, {
title: '跳转链接',
dataIndex: 'url',
key: 'url',
}, {
title: '宽度',
dataIndex: 'width',
key: 'width',
}, {
title: '高度',
dataIndex: 'height',
key: 'height',
}, {
title: '开始时间',
dataIndex: 'startDate',
key: 'startDate',
}, {
title: '结束时间',
dataIndex: 'endDate',
key: 'endDate',
}
],
tableData: []
};
},
componentWillMount() {
this.loadKeys();
this.loadData();
},
submit() {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + (this.state.addModal.id ? '/api/admin/lecture/update' : '/api/admin/lecture/add'),
data: {
'id': this.state.addModal.id,
"uid": this.state.addModal.uid,
"name": this.state.addModal.name,
"summary": this.state.addModal.summary,
"lectureUrl": this.state.addModal.lectureUrl,
"lectureTimeFormattedDate": this.state.addModal.lectureTimeFormattedDate,
"endTimeFormattedDate": this.state.addModal.endTimeFormattedDate,
"hot": this.state.addModal.showBig ? 1 : 0,
"dynamic": this.state.addModal.showStar ? 1 : 0
},
success: function (data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
} else {
message.success('保存成功!');
this.setState({ addVisible: false });
this.loadData();
};
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
reset() {
this.state.searchKey = undefined;
this.loadData();
},
render() {
return (
广告图管理
广告图列表
);
}
});
export default Lecture;