<template>
    <div id="cooperation" :style="{'width': '100%', 'height': mainHeight}">
        <iframe id="coopIframe" width="100%" :height="(parseInt(mainHeight) - 4) + 'px'" name="coopIframe" style="border:0;" :src="src"></iframe>
    </div>
</template>

<script>

    export default {
        name: "cooperationCreate",
        data() {
            return {
                src: wHref + '?' + 'sid=' + this.$store.state.sessionId + '&mainPage=create&cmd=com.actionsoft.apps.coe.pal.cooperation_main',
                mainHeight: (parseInt(this.$store.getters.getTopMainHeightFn) - 4) + 'px',
            }
        },
        computed: {
            listenTopMainHeight() {
                return this.$store.getters.getTopMainHeightFn;
            }
        },
        watch: {
            listenTopMainHeight: function (newd, old) {
                this.mainHeight = (parseInt(this.$store.getters.getTopMainHeightFn) - 4) + 'px';
            }
        }
    }
</script>

<style scoped>

</style>