报告归档调整

yudao-ui-admin-vue3/src/views/pressure2/reportArchivingBoiler/components/previewPdfDialog.vue

@@ -0,0 +1,31 @@
+<template>
+  <Dialog v-model="visible" title="" :fullscreen="false" width="1000px" top="0px" class="!mb-0">
+    <section class="h-[calc(100vh-120px)]">
+      <el-scrollbar class="w-full flex flex-col items-center" always>
+        <template v-for="docPdfUrl in docPdfUrls" :key="docPdfUrl">
+          <VuePdfEmbed
+            :width="900"
+            :source="docPdfUrl"
+            :text-layer="false"
+            :annotation-layer="false"
+          />
+        </template>
+      </el-scrollbar>
+    </section>
+  </Dialog>
+</template>
+
+<script setup lang="ts" name="PreviewPdfDialog">
+import VuePdfEmbed from 'vue-pdf-embed'
+const props = defineProps({
+  docPdfUrls: {
+    type: Array as PropType<string[]>,
+    required: true
+  }
+})
+
+const visible = defineModel('visible', {
+  type: Boolean,
+  default: false
+})
+</script>

yudao-ui-admin-vue3/src/views/pressure2/reportArchivingBoiler/detail.vue

@@ -33,11 +33,11 @@
     ref="reportAndRecordPdfDialogRef"
   />
   <!-- 任务单文件预览 -->
-<!--  <PreviewPdfDialog-->
-<!--    v-if="showDocPdfDialog"-->
-<!--    v-model:visible="showDocPdfDialog"-->
-<!--    :docPdfUrls="docPdfUrls"-->
-<!--  />-->
+  <PreviewPdfDialog
+    v-if="showDocPdfDialog"
+    v-model:visible="showDocPdfDialog"
+    :docPdfUrls="docPdfUrls"
+  />
   <!-- 安全检查记录预览 -->
   <AssociationOperationManual
     v-if="showAssociationOperationManual"
@@ -70,6 +70,7 @@ import { buildFileUrl } from '@/utils'
 import request from '@/config/axios'
 import {PipeInputApi} from "@/api/pressure2/pipeInput";
 import PdfPreviewDialog from "@/views/pressure2/boilertaskorder/PdfPreviewDialog.vue";
+import PreviewPdfDialog from './components/previewPdfDialog.vue'
 
 const route = useRoute()
 const router = useRouter()

yudao-ui-admin-vue3/src/views/pressure2/reportArchivingPipe/detail.vue

@@ -33,11 +33,11 @@
     ref="reportAndRecordPdfDialogRef"
   />
   <!-- 任务单文件预览 -->
-<!--  <PreviewPdfDialog-->
-<!--    v-if="showDocPdfDialog"-->
-<!--    v-model:visible="showDocPdfDialog"-->
-<!--    :docPdfUrls="docPdfUrls"-->
-<!--  />-->
+  <PreviewPdfDialog
+    v-if="showDocPdfDialog"
+    v-model:visible="showDocPdfDialog"
+    :docPdfUrls="docPdfUrls"
+  />
   <!-- 安全检查记录预览 -->
   <AssociationOperationManual
     v-if="showAssociationOperationManual"
@@ -70,6 +70,7 @@ import { buildFileUrl } from '@/utils'
 import request from '@/config/axios'
 import {PipeInputApi} from "@/api/pressure2/pipeInput";
 import PdfPreviewDialog from "@/views/pressure2/pipetaskorder/PdfPreviewDialog.vue";
+import PreviewPdfDialog from '../reportArchivingBoiler/components/previewPdfDialog.vue'
 
 const route = useRoute()
 const router = useRouter()