import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import moment from 'moment';
import classnames from 'classnames';
import queryString from 'query-string';
import { Popover, Modal, Table, Menu, Icon, Badge } from 'antd';
import AnimTableBody from '../../../components/Animation/AnimTableBody';
import { statuses, Codes } from '../../../utils/config'
import styles from './table.less';
const confirm = Modal.confirm;
export default class TableList extends PureComponent {
static propTypes = {
location: PropTypes.object,
onChange: PropTypes.func.isRequired,
onDeleteItem: PropTypes.func.isRequired,
onPlayVideo: PropTypes.func.isRequired,
};
handleDeleteItem = (record) => {
const { onDeleteItem } = this.props;
confirm({
title: `您确定要${record.status === Codes.CODE_NORMAL ? '删除' : '恢复'}该视频?`,
onOk () {
onDeleteItem(record.id);
},
})
}
render() {
const { curStatus, onPlayVideo, location, pagination, ...tableProps } = this.props;
const columns = [{
title: '视频编号',
dataIndex: 'code',
key: 'code',
},{
title: '视频名称',
dataIndex: 'name',
key: 'name',
},{
title: '视频大小(B)',
dataIndex: 'size',
key: 'size',
},{
title: '状态',
dataIndex: 'status',
key: 'status',
render: (text, record) => {
const statusMap = {[Codes.CODE_NORMAL]: 'success', [Codes.CODE_DELETE]: 'error'};
return (