qinxianzhangyao
2023-10-19 ceb611ede1ca3988d731adffee433a1a7bcd442b
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<template>
    <div v-loading="loading" :style="'height:'+ height" class="app-container">
      <!-- <el-row style="margin-bottom: 10px;">
        <el-col :span="1.5">
          <el-button type="primary" plain icon="el-icon-refresh-right" size="mini" @click="handleRefresh">刷新</el-button>
        </el-col>
      </el-row> -->
   
      <iframe :src="src" id="reportView" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
   
    </div>
  </template>
  <script>
    import {
      getToken
    } from '@/utils/auth'
    import {
      view
    } from '@/api/jmreport/jimu'
    export default {
      name: "Ureport",
      data() {
        return {
          src: "",
          height: document.documentElement.clientHeight - 94.5 + "px;",
          loading: true,
          viewNum: "",
          reportId: "",
        };
      },
      created() {
        //报表模板编号
        this.viewNum = this.$route.query.viewNum
        //体检号
        this.tjNumber = this.$route.query.tjNumber
        view().then(res => {
        this.src = res + "/"+this.viewNum+"?tjNumber=" + this.tjNumber + "&token=Bearer " + getToken();
        })
      },
      methods: {
        handleRefresh() {
          document.getElementById("reportView").src = document.getElementById("reportView").src;
        },
      },
      mounted: function() {
        setTimeout(() => {
          this.loading = false;
        }, 230);
        const that = this;
        window.onresize = function temp() {
          that.height = document.documentElement.clientHeight - 94.5 + "px;";
        };
      }
    };
  </script>