import React, { useState, useEffect } from 'react';
import { connect } from 'react-redux';
import { getAssess, delAssess, editAssess } from '../actions/assess';
import ProTable from '@ant-design/pro-table';
import AssessModal from '../components/assessModal';
import { Form, Space, DatePicker, Button, Select, Popconfirm } from 'antd'
import moment from 'moment';

function VideoCenter (props) {
    const { dispatch, vcmpWebUrl, vcmpMirrorId } = props;

    useEffect(() => {
        return () => { };
    }, []);

    return (
        <div>
            <iframe allowFullScreen  src={`${vcmpWebUrl}/callService?mid=${vcmpMirrorId}`}  style={{ height: 'calc(100vh - 142px)', width: '100%', display: 'block' }} frameBorder={0}></iframe>
        </div>
    );
}
function mapStateToProps (state) {
    const { auth, global } = state
    return {
        user: auth.user,
        vcmpWebUrl: global.vcmpWebUrl,
        vcmpMirrorId: global.vcmpMirrorId,
    }
}
export default connect(mapStateToProps)(VideoCenter);