<template>
    <!-- <div> -->
<!--  :parameters="parameters"-->
    <ReportPane id="app"
        :parameters="parameters"
        v-cloak />
        <!-- <iframe id="fra-public"></iframe> -->
    <!-- </div> -->
</template>
<script>
import ReportPane from './components/report-pane'
import Utils from '../../libs/utils'

export default {
    name: 'App',
    data() {
        return {}
    },
    components: {
        ReportPane
    },
    computed: {},
    methods: {
        parseParameters() {
            let p = Utils.getParameters();
            console.log(Utils.getParameters(), 'Utils.getParameters()')
            //都设置页数为 0
            p['_p'] = 0;

            return p;
        },
    },
    created() {
        this.parameters = this.parseParameters();
    }
};
</script>
<style lang="less">
html,
body {
    height: 100%;
    width: 100%;
}

[v-cloak] {
    display: none;
}

#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    background-color: #f8f8f9;
    height: 100%;
    display: flex;
    flex-direction: column;
}
</style>
