vue项目中Jimu积木报表的打印设计

---

前言

积木报表，是一款免费的数据可视化报表，含报表和大屏设计。这里主要是讲报表的打印设计。使用前需要集成到自己项目中，集成部分请查看官网集成文档。

---

一、vu项目中访问积木报表

若JimuReport已经集成到项目中了，输入访问地址： {项目前缀}/jmreport/list，即可访问。

若需要嵌套到项目中，新建菜单文件Jimu.vue

<template>
  <div v-loading="loading" :style="'height:' + height">
    <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
  </div>
</template>
<script>
export default {
   
  name: 'Ureport',
  data() {
   
    return {
   
      src: '',
      height: document.documentElement.clientHeight - 110 + 'px;',
      loading: true
    }
  },
  created() {
   
    this.src = `${
     项目前缀