<template>
  <!-- 组件有问题 -->
  <el-dialog
    title="预览PDF文件"
    :visible="dialogVisible"
    @close="close"
    center
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    width="800px"
  >
    <!-- <canvas v-for="page in pages" :id="'the-canvas'+page" :key="page"></canvas> -->
    <div id="demo"></div>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="close">确 定</el-button>
    </div>
  </el-dialog>
</template>
<script>
// import Pdfh5 from "pdfh5";
export default {
  data() {
    return {
      pdfh5: null
    };
  },
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    }
  },
  computed: {},
  components: {
    // PDF
  },
  mounted() {
    // //实例化
    // this.pdfh5 = new Pdfh5("#demo", {
    //   pdfurl: "http://10.177.11.169:9000/test.pdf"
    // });
    // //监听完成事件
    // this.pdfh5.on("complete", function(status, msg, time) {
    //   console.log(
    //     "状态：" +
    //       status +
    //       "，信息：" +
    //       msg +
    //       "，耗时：" +
    //       time +
    //       "毫秒，总页数：" +
    //       this.totalNum
    //   );
    // });
  },
  methods: {
    close() {
      this.$emit("close");
    }
  }
};
</script>
<style scoped lang="scss">
// @import "pdfh5/css/pdfh5.css";
// * {
//   padding: 0;
//   margin: 0;
// }
// html,
// body,
// #app {
//   width: 100%;
//   height: 100%;
// }
</style>
