<template>
    <BaseModal class="modal-report" :title="title">
        <iframe :src="src" frameborder="0" width="100%" height="100%" scrolling="none"></iframe>
    </BaseModal>
</template>
<script>
import BaseModal from '../base-modal'

export default {
    name: 'ShowModalReport',
    data() {
        return {
            reportServiceURL: ''
        }
    },
    props: {
        title: {
            type: String
        },

        queryString: {
            type: String
        }
    },
    computed: {
        src() {
            console.log(`/iui-report-service/show?_auto=1&_t=${this.tenantId}&${this.queryString}`)
            return `/iui-report-service/show?_auto=1&_t=${this.tenantId}&${this.queryString}`
        }
    },
    components: {
        BaseModal
    },
    mounted() {
    }
};
</script>
<style>
.modal-report .ivu-modal-body {
    overflow: hidden !important;
}
</style>