Newer
Older
xc-business-system / src / views / business / certManage / cert / components / preview.vue
<!-- 证书管理  打印预览 -->
<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>