fj-dc-ui/.svn/pristine/28/28473c86460d4ac5e8976829fae3cb62178cdfd4.svn-base

<template>
    <el-dialog width="70%"
               :visible.sync="dialogVisible"
               title="文件预览"
               @close="dialogClose">
        <div class="pdf" >
          <iframe :src="pdfsrc" frameborder="0" style="width: 100%; height: 100%"></iframe>
        </div>
    </el-dialog>
</template>
<script>
  export default {
    props: ["clctzUrl"],
    components: {

    },
    data(){
      return{
        dialogVisible:true,
        pdfsrc:""
      }
    },
    mounted(){
      this.pdfsrc=this.clctzUrl;
      this.dialogVisible=true
    },
    methods:{
      dialogClose(){
        this.$emit('closeDialog')
      },
    },
  }
</script>
<style scoped>
  .pdf{
    color: #606266;
    padding: 30px 20px;
    height: 60vh;
    overflow: auto;
  }
</style>