<template>
  <div class="risp-view doctopdf">
    <div class="risp-view-top">
      <risp-page-header />
      <risp-page-nav :reportTitle="reportTitle" :baseInfo="baseInfo" />
    </div>
    <div class="risp-view-middle">
      <slot />
    </div>
    <div class="risp-view-bottom">
      <risp-page-signature />
      <risp-page-footer />
    </div>
  </div>
</template>

<script>
import RispPageHeader from "./risp-page/risp-page-header.vue";
import RispPageNav from "./risp-page/risp-page-nav.vue";
import RispPageSignature from "./risp-page/risp-page-signature.vue";
import RispPageFooter from "./risp-page/risp-page-footer.vue";
export default {
  components: {
    RispPageHeader,
    RispPageNav,
    RispPageSignature,
    RispPageFooter
  },
  props: {
    reportTitle: String,
    baseInfo: Array
  }
};
</script>

<style lang="less" scoped>
.risp-view {
  position: relative;
}
.risp-view-middle {
  display: flex;
  flex: 1;
  flex-direction: column;
}
</style>