<template>
  <div name="approval-form" class="fullheight">
    <business-form
      :instId="instId"
      :inst-status="instStatus"
      :is-view="isView"
      :is-mobile="isMobile"
    />
  </div>
</template>

<script>
import BusinessForm from '@/views/flow/BusinessForm.vue'
export default {
  name: 'approvalForm',
  components: {
    BusinessForm
  },
  data() {
    return {
      isMobile: false
    }
  },
  beforeRouteEnter(to, from, next) {
    next(vm => {
      vm.isMobile = from.query.mobile === true || from.query.mobile === 'true'
    })
  },
  computed: {
    instId() {
      return this.$route.query.instId
    },
    instStatus() {
      return this.$route.query.instStatus
    },
    isView() {
      return this.$route.query.hasOwnProperty('isView')
    }
  },
  mounted() {}
}
</script>

<style lang="scss" scoped></style>
