teachcloud-print-web/src/modules/mark/components/report/ReportBox.vue

<template>
  <div class="report-page">
    <div class="page-body">
      <h1 class="page-title-1">{{ title }}</h1>
      <div class="page-content">
        <slot></slot>
      </div>
    </div>
    <div v-if="showFooter" class="page-foot">
      <div class="foot-left">
        <p>版权所有：武汉启明泰和软件服务有限公司</p>
      </div>
      <div class="foot-right">
        <span class="page-num">PAGE</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "report-box",
  props: {
    title: {
      type: String,
    },
    showFooter: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>