import React, { Component } from 'react'; import moment from 'moment'; import { connect } from 'dva'; import { routerRedux } from 'dva/router'; import { Card, Modal, Button, message } from 'antd'; import { StandardTableList } from '../../../components/AXList'; import Ellipsis from '../../../components/Ellipsis'; import { renderStatus, addRowKey } from '../../../utils/utils'; const Message = message; @connect(({ loading, shelves }) => ({ shelves, loading: loading.models.shelves, })) export default class CourseListPage extends Component { constructor(props) { super(props); const { state } = props.location; this.state = { UIParams: (state || {}).UIParams, // 组件的状态参数 Queryers: (state || {}).Queryers, // 查询的条件参数 }; } componentDidMount() { this.props.dispatch({ type: 'shelves/fetchCourseItemList', payload: { ...this.state.Queryers }, }); } handleCreateOperation = () => { this.props.dispatch(routerRedux.push({ pathname: '/shelves/course/create', state: this.state, })); } handleDeleteOperation = (item) => { Modal.confirm({ okText: '确定', cancelText: '取消', title: '你确定要下架该课程吗?', content: '下架后该课程将不在对应平台上展现', onOk: () => { this.props.dispatch({ type: 'shelves/deleteItem', payload: { id: item.id }, states: this.state, }); }, }); } handleEditOperation = (item) => { this.props.dispatch(routerRedux.push({ pathname: '/shelves/course/edit', state: { pid: item.pid, merchantId: item.merchantId, ...this.state, }, })); } handleFilterOperation = (params, states) => { this.props.dispatch({ type: 'shelves/fetchCourseItemList', payload: params, }); this.setState({ UIParams: states, Queryers: params, }); } handleBatchOperation = () => { Message.info('暂不支持批量操作!'); } render() { const { loading, shelves } = this.props; const { list, totalSize, pageSize, pageNo } = shelves; const renderOperation = (item) => { return (