platform-bi-web/src/components/common/loading.jsx

import React from 'react'
import { Spin } from 'antd'
import { connect } from 'dva'
import './loading.less'

const Loading = ({ loading }) => {
    return (
        <div className='loading-box'style={{ display: loading ? 'block' : 'none' }}>
            <Spin size="large"/>
        </div>
    );
}

function mapStateToProps(state) {
    const models = state.present.loading.models;
    let loading = false;
    for(let model in models) {
        if(models[model]) {
            loading = true;
            break;
        }
    }
    return { loading: loading };
}

export default connect(mapStateToProps)(Loading)