<!-- 证书管理 打印预览 --> <script name="CertificateBasic" lang="ts" setup> import { onMounted, ref } from 'vue' import filePreviewUrl from '@/components/filePreview/filePreviewUrl.vue' const props = defineProps({ infoId: { // id type: String, default: '', }, printFileName: { type: String, default: '', }, }) const emits = defineEmits(['reportData']) const infoId = ref('') // id // -----------------------------------------路由参数---------------------------------------- // 从路由中获取页面类型参数 const $route = useRoute() if ($route.params) { if ($route.params.id) { infoId.value = $route.params.id as string } } // -------------------------------------------------------------------------------------- onMounted(async () => { }) </script> <template> <div style="display: flex;justify-content: center; padding: 10px 10px 20px 0;box-sizing: border-box;"> <file-preview-url style="width: 70%;margin-right: 10px;" :print-file-name="props.printFileName" /> </div> </template>