36 lines
1.4 KiB
Vue
36 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-drawer v-model="drawer" size="1000px">
|
||
|
|
<el-collapse v-model="activeName" accordion>
|
||
|
|
<el-collapse-item title="典型电能质量干扰源" name="1"></el-collapse-item>
|
||
|
|
<el-collapse-item title="典型干扰源电能质量治理措施" name="2">
|
||
|
|
<iframe
|
||
|
|
src="http://192.168.1.22:9009/excelreport//supervision/%E5%86%80%E5%8C%97%E8%B5%84%E6%96%99%E5%BA%93%E9%9C%80%E6%B1%82%E6%95%B4%E7%90%86-%E6%89%B9%E6%B3%A8.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20240913%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240913T013952Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=9f8dc2ccb166d7c5508ecd4e9a94b9af907009a962b1eae299cd08636b9fa3ce"
|
||
|
|
frameborder="0"
|
||
|
|
></iframe>
|
||
|
|
</el-collapse-item>
|
||
|
|
</el-collapse>
|
||
|
|
</el-drawer>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { ref, reactive } from 'vue'
|
||
|
|
const drawer = ref(false)
|
||
|
|
const activeName = ref('2')
|
||
|
|
const open = () => {
|
||
|
|
drawer.value = true
|
||
|
|
}
|
||
|
|
|
||
|
|
defineExpose({ open })
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
/* 设置iframe的样式 */
|
||
|
|
iframe {
|
||
|
|
width: 100%; /* 宽度设置为父容器的100% */
|
||
|
|
height: calc(100vh - 210px); /* 高度根据需要设置 */
|
||
|
|
border: none; /* 移除边框 */
|
||
|
|
transform: scale(1); /* 放大200% */
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|