<template>
	<div>
		<el-dialog :visible.sync="dialogVisible4" width="80%" height="100%">
			<iframe :src="serPdf" frameborder="0" style="width: 100%; height: 80vh"></iframe>
		</el-dialog>
		<!-- 
		<div style="display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;">
			
			<pdf v-for="item in 3" :key="item" :page="item"  ref="pdf" src="">
			</pdf>
		</div> -->
		
	</div>
</template>

<script>
	import pdf from "vue-pdf";
	export default {
		name:'CompanyAccount',
		components: { //组件
			pdf
		},
		data() {
			return{
				dialogVisible4:false,
				serPdf:''
			}
		},
		methods:{
			SetPdf(e){
				this.dialogVisible4 = true
				this.serPdf = e
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.el-dialog__wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
		/deep/.el-dialog {
			margin: 0 !important;
		}
	}
</style>