<template>
  <el-dialog title="报表打印" :visible.sync="visible" width="80%" v-dialogDrag :close-on-click-modal="false"
    :before-close="cancel">
    <div class="dia-box">
      <iframe style="text-alin:center" noresize align=center width="100%" height="600" :src="pdfUrl" frameborder="0"
        scrolling="no"></iframe>
      <div style="text-align:right;margin:15px 0 20px;">
        <el-button size="mini" @click="cancel">关闭</el-button>
      </div>
    </div>
  </el-dialog>
</template>
<script>
  import {
    message
  } from "@/utils/common";
  export default {
    props: {
      visible: {
        type: Boolean,
        default: () => false
      },
      pdfUrl: {
        type: String,
        default: () => ''
      },
    },
    data() {
      return {
        tableData: [{
            type: "封面",
            text: '归档文件封面'
          },
          {
            type: "横",
            text: '归档文件整理（横）'
          },
          {
            type: "竖",
            text: '归档文件整理（竖）'
          },
        ],
        radioType: '',
      };
    },
    methods: {
      cancel() {
        this.$emit("cancel");
      },
    }
  };

</script>
