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;