<template>
    <div class="orderpay">
        <!-- <iframe class="iframe" src="" width="100%" height="100%" frameborder="0" scrolling='auto' seamless> -->
            <form role="form" method="post" :action="proto.host" id="onSubmit">
                <input type="hidden" v-model="proto.apiContent" name="apiContent" id="apiContent">
                <input type="hidden" v-model="proto.merNo" name="merNo" id="merNo">
                <input type="hidden" v-model="proto.notifyUrl" name="notifyUrl" id="notifyUrl">
                <input type="hidden" v-model="proto.sign" name="sign" id="sign">
                <input type="hidden" v-model="proto.signType" name="signType" id="signType">
                <input type="hidden" v-model="proto.timestamp" name="timestamp" id="timestamp">
                <input type="hidden" v-model="proto.version" name="version" id="version">
            </form>
        <!-- </iframe> -->
    </div>
</template>

<script>
export default {
    name: 'orderpay',
    // props: ['proto'],
    data() {
        return {
            proto: {}
        }
    },
    mounted() {
        // console.log(sessionStorage.getItem('orderForm'))
        // let tempOrderInfo = sessionStorage.getItem('orderForm')
        console.log(this.$route.query)
        
        this.proto = JSON.parse(tempOrderInfo)
        console.log(this.proto)
        // sessionStorage.removeItem('orderForm')
        document.querySelector('#onSubmit').submit()
    }
}
</script>

<style lang="less" scoped>
.orderpay {
    min-height: 100vh;
}
.iframe {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    border-top: none !important
}
</style>