<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>
