修改超声和影像 审核时候保存PDF

src/api/ultrasoniccom/index.ts

@@ -4,6 +4,7 @@ import request from '@/config/axios'
 //分检操作使用
 export interface updateexamineimageVO {
   
+  regid:string
   id: string // 主键
   isDelete: string // 删除标记
   deletePerson: string//删除人

src/router/index.ts

@@ -5,7 +5,7 @@ import remainingRouter from './modules/remaining'
 
 // 创建路由实例
 const router = createRouter({
-  history: createWebHistory(), // createWebHashHistory URL带#，createWebHistory URL不带#
+  history: createWebHistory(), // createWebHashHistory URL带#，createWebHistory URL不带#  liunx 病理 需要在这里加 '/bl/'
   strict: true,
   routes: remainingRouter as RouteRecordRaw[],
   scrollBehavior: () => ({ left: 0, top: 0 })

src/utils/htmlPdf.js

@@ -1,31 +1,29 @@
-// 页面导出为pdf格式
 import html2Canvas from 'html2canvas';
 import jsPDF from 'jspdf';
 
 const htmlToPdf = {
-    getPdf(title, id) {
+  getPdfBase64(title, id) {
-        html2Canvas(
+    return new Promise((resolve) => {
-            document.querySelector(id),
+      html2Canvas(document.querySelector(id), {
-            {
         allowTaint: false,
         taintTest: false,
         logging: false,
         useCORS: true,
         dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
         scale: 4, // 按比例增加分辨率
-            }
+      }).then((canvas) => {
-        ).then((canvas) => {
+        const pdf = new jsPDF('p', 'mm', 'a4'); // A4纸，纵向
-            var pdf = new jsPDF('p', 'mm', 'a4'); //A4纸，纵向
+        const ctx = canvas.getContext('2d'),
-            var ctx = canvas.getContext('2d'),
           a4w = 190,
-                a4h = 272, //A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
+          a4h = 272; // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
-                imgHeight = Math.floor((a4h * canvas.width) / a4w), //按A4显示比例换算一页图像的像素高度
+        let imgHeight = Math.floor((a4h * canvas.width) / a4w), // 按A4显示比例换算一页图像的像素高度
           renderedHeight = 0;
 
         while (renderedHeight < canvas.height) {
-                var page = document.createElement('canvas');
+          const page = document.createElement('canvas');
           page.width = canvas.width;
-                page.height = Math.min(imgHeight, canvas.height - renderedHeight); //可能内容不足一页
+          const pageHeight = Math.min(imgHeight, canvas.height - renderedHeight); // 可能内容不足一页
+          page.height = pageHeight;
 
           // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
           page
@@ -35,7 +33,7 @@ const htmlToPdf = {
                 0,
                 renderedHeight,
                 canvas.width,
-                            Math.min(imgHeight, canvas.height - renderedHeight),
+                pageHeight,
               ),
               0,
               0,
@@ -49,13 +47,67 @@ const htmlToPdf = {
             Math.min(a4h, (a4w * page.height) / page.width),
           ); // 添加图像到页面，保留10mm边距
 
-                renderedHeight += imgHeight;
+          renderedHeight += pageHeight;
           if (renderedHeight < canvas.height) {
             pdf.addPage(); // 如果后面还有内容，添加一个空页
           }
-                // delete page;
         }
-            pdf.save(title + '.pdf')
+        const pdfBase64String = pdf.output('datauristring'); // 获取 base64 编码的 PDF 文件
+        resolve(pdfBase64String); // 解析 base64 字符串
+      });
+    });
+  },
+
+  getPdf(title, id) {
+    html2Canvas(document.querySelector(id), {
+      allowTaint: false,
+      taintTest: false,
+      logging: false,
+      useCORS: true,
+      dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
+      scale: 4, // 按比例增加分辨率
+    }).then((canvas) => {
+      const pdf = new jsPDF('p', 'mm', 'a4'); // A4纸，纵向
+      const ctx = canvas.getContext('2d'),
+        a4w = 190,
+        a4h = 272; // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
+      let imgHeight = Math.floor((a4h * canvas.width) / a4w), // 按A4显示比例换算一页图像的像素高度
+        renderedHeight = 0;
+
+      while (renderedHeight < canvas.height) {
+        const page = document.createElement('canvas');
+        page.width = canvas.width;
+        const pageHeight = Math.min(imgHeight, canvas.height - renderedHeight); // 可能内容不足一页
+        page.height = pageHeight;
+
+        // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
+        page
+          .getContext('2d')
+          .putImageData(
+            ctx.getImageData(
+              0,
+              renderedHeight,
+              canvas.width,
+              pageHeight,
+            ),
+            0,
+            0,
+          );
+        pdf.addImage(
+          page.toDataURL('image/jpeg', 1.0),
+          'JPEG',
+          10,
+          10,
+          a4w,
+          Math.min(a4h, (a4w * page.height) / page.width),
+        ); // 添加图像到页面，保留10mm边距
+
+        renderedHeight += pageHeight;
+        if (renderedHeight < canvas.height) {
+          pdf.addPage(); // 如果后面还有内容，添加一个空页
+        }
+      }
+      pdf.save(title + '.pdf'); // 保存 PDF 文件
     });
   },
 };

src/views/applyregistration/reportPrintStatistics/ReportInfoCT.vue

@@ -107,11 +107,16 @@ const infoParams = defineProps({
   diagDoctor: String,
   diagDate: String,
   reviewDoctor: String,
-  reviewDate: String
+  reviewDate: String,
+  extraInfo: {
+    type: Object as PropType<any>, // 使用 Object 作为 any 类型的替代
+    required: false
+  }
 })
 
 /** 数据内容 **/
 const orgInfo = ref<any>('')
+
 const VITE_BASE_URL_YunJiaoPian = ref(import.meta.env.VITE_BASE_URL_YunJiaoPian)
 
 const age = computed(() => {
@@ -134,9 +139,18 @@ const age = computed(() => {
 
 /** 钩子方法 **/
 onMounted(async () => {
+  
+  if(!infoParams.extraInfo)   //any类型
+  {
     let userInfo = await getUserProfile()
   if (userInfo && userInfo.orgId)
     orgInfo.value = await ReportPrintStatisticsApi.getOrg(userInfo.orgId.trim())
+  console.log('查询到机构' + orgInfo.value)
+  }else
+   { 
+    orgInfo.value=infoParams.extraInfo;
+   }
+
 })
 
 /** 导出内容 **/

src/views/dicomForm/dicomViewForm.vue

@@ -311,6 +311,16 @@
     </div>
   </el-dialog>
   <!--报告 保存的时候 存base64-->
+
+  <!-- 隐藏的 div，用于渲染 ReportInfoUS 组件  style="border-width: 1; height: 297mm; page-break-after: always"-->
+  <div style="position: fixed; top: 0; left: 0; z-index: -100">
+    <div id="hiddenPdfDiv" v-if="showPdfContent">
+      <PdfContent
+        v-bind="{ ...infoParams, showQRcode: false }"
+        style="border-width: 1; height: 400mm; width: 300mm; page-break-after: always;font-size: 20px;"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -323,9 +333,14 @@ import PdfContent from '@/views/applyregistration/reportPrintStatistics/ReportIn
 import { createVNode, render } from 'vue'
 import html2canvas from 'html2canvas'
 import { jsPDF } from 'jspdf'
-
+import htmlToPdf from '@/utils/htmlPdf'
+import { formatDate } from '@/utils/formatTime'
+import { object } from 'vue-types'
+import { ReportPrintStatisticsApi } from '@/api/applyregistration/reportPrintStatistics'
 /** dicom */
 defineOptions({ name: 'DicomViewForm' })
+const showPdfContent = ref(false) //控制CT 组件 是否显示
+const orgInfo = ref<any>('')
 //存放生成的pdfbase
 const pdfBase64 = ref('')
 const dicomframe = ref()
@@ -388,6 +403,7 @@ const save = async () => {
     examineFormVO.value.diagFlag = radio1.value
     examineFormVO.value.diagDoctor = Profilevo.value.doctorname
     examineFormVO.value.diagDoctorId = Profilevo.value.doctorID
+    
     // examineFormVO.value.reviewDoctor = Profilevo.value.username
     examineFormVO.value.reportstatus = '已分析'
     // examineFormVO.value.diagDate=localDateTime
@@ -419,7 +435,7 @@ const examine = async () => {
     if (response) {
       message.alertSuccess('审核成功')
       await getPatientexamlist(ID)
-       exportPdfToBase64()
+      await exportPdfCTToBase64()
       emit('success')
     }
   } else if (applyFormVO.value.reportstatus === '已审核') {
@@ -430,54 +446,50 @@ const examine = async () => {
     return
   }
 }
-//生成pdfbase64
-const exportPdfToBase64 = async () => {
-  // 创建一个临时的DOM元素来挂载PdfContent组件
-  const tempDiv = document.createElement('div')
-  document.body.appendChild(tempDiv)
 
-  // 使用createVNode创建一个虚拟节点
+// 保存并生成 PDF 的方法
-  // 渲染组件到临时DOM元素  传递数据
+const exportPdfCTToBase64 = async () => {
-  const componentInstance = createVNode(PdfContent, {
+  //填充值
-    ...applyFormVO.value,
+  infoParams.value.regId = applyFormVO.value.regId
-    showQRcode: false
+  infoParams.value.examId = applyFormVO.value.examId
-  })
+  infoParams.value.pname = applyFormVO.value.pname
-
+  infoParams.value.birthday = formatDate(applyFormVO.value.birthday, 'YYYY-MM-DD')
-  // 使用render函数将虚拟节点渲染到临时DOM元素中
+  infoParams.value.orgId = applyFormVO.value.orgId
-  render(componentInstance, tempDiv)
+  infoParams.value.gender = applyFormVO.value.gender
-
+  infoParams.value.examItemName = applyFormVO.value.examItemName
-  // 等待Vue组件渲染完成
+  infoParams.value.deviceName = applyFormVO.value.deviceName
-  await new Promise((resolve) => setTimeout(resolve, 0)) // 使用setTimeout来模拟nextTick
+  infoParams.value.deviceType = applyFormVO.value.deviceType
-
+  infoParams.value.billDoctorDepartment = applyFormVO.value.billDoctorDepartment
-  // 使用html2canvas将DOM元素转换为canvas，并设置scale参数提高分辨率
+  infoParams.value.examDescription = applyFormVO.value.examDescription
-  const canvas = await html2canvas(tempDiv, {
+  infoParams.value.diagResults = applyFormVO.value.diagResults
-    scale: 1, // 根据需要调整scale值
+  infoParams.value.diagDoctor = applyFormVO.value.diagDoctor
-    useCORS: true
+  infoParams.value.diagDate = formatDate(applyFormVO.value.diagDate, 'YYYY-MM-DD')
-  })
+  infoParams.value.reviewDoctor = applyFormVO.value.reviewDoctor
-
+  if (applyFormVO.value.reviewDate !== null) {
-  // 移除临时DOM元素
+    infoParams.value.reviewDate = formatDate(applyFormVO.value.reviewDate, 'YYYY-MM-DD')
-  document.body.removeChild(tempDiv)
-
-  // 使用jsPDF生成PDF
-  const imgData = canvas.toDataURL('image/jpeg', 0.8)
-  const pdf = new jsPDF({
-    orientation: 'landscape',
-    unit: 'mm',
-    format: 'a4' // 设置PDF的尺寸与canvas一致
-  })
-
-  const scalefactor = 1 // 设置一个放大因子
-
-  const imgWidth = pdf.internal.pageSize.getWidth() * scalefactor
-  const imgHeight = ((canvas.height * imgWidth) / canvas.width) * scalefactor
-
-  pdf.addImage(imgData, 'jpeg', 0, 0, imgWidth, imgHeight)
-  const pdfBase64String = pdf.output('datauristring') // 获取base64编码的PDF文件
-
-  // 更新pdfBase64的值
-  pdfBase64.value = pdfBase64String
-  await PatientexamlistApi.ftppdf({ id: ID.toString(), imagebase: pdfBase64String,model:"0",folderPath:"D:\\FLYPACS\\ftp"+"\\"+ID.toString() })
   }
+  infoParams.value.extraInfo= orgInfo.value
+  //infoParams.value.reviewDate=applyFormVO.value.reviewDate.toString()
+
+  showPdfContent.value = true
+  nextTick(() => {
+    setTimeout(async () => {
+      try {
+        //生成PDF
+        const pdfBase64String = await htmlToPdf.getPdfBase64('CT报告单', '#hiddenPdfDiv')
+        await PatientexamlistApi.ftppdf({
+          id: ID.toString(),
+          imagebase: pdfBase64String,
+          model: '0',
+          folderPath: 'D:\\FLYPACS\\ftp' + '\\' + ID.toString()
+        })
+      } finally {
+        showPdfContent.value = false
+      }
+    }, 1000)
+  })
+}
+
 const infoParams = ref({
   id: '',
   examId: '',
@@ -496,7 +508,11 @@ const infoParams = ref({
   diagDoctor: '',
   diagDate: '',
   reviewDoctor: '',
-  reviewDate: ''
+  reviewDate: '',
+  extraInfo: {
+    type: Object as PropType<any>, // 使用 Object 作为 any 类型的替代
+    required: false
+  }
 })
 // 计算年龄
 const age = ref()
@@ -717,7 +733,6 @@ const getPatientexamlist = async (id: number) => {
   } else {
     savedisabled.value = true
   }
- 
 }
 
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
@@ -737,6 +752,7 @@ const getlogininfo = async () => {
   if (Profilevo.value.isimageexamine === '1') {
     examinedisabled.value = true
   }
+  orgInfo.value= await ReportPrintStatisticsApi.getOrg( Profilevo.value.orgId.trim())
 }
 
 /** 重置表单 */

src/views/ultrasoniccom/ultrasonicForm.vue

@@ -488,6 +488,16 @@
   </el-dialog>
 
   <videoForm ref="videoformRef" />
+
+    <!-- 隐藏的 div，用于渲染 ReportInfoUS 组件  style="border-width: 1; height: 297mm; page-break-after: always"-->
+    <div style="position: fixed; top: 0; left: 0; z-index: -100">
+    <div id="hiddenUSPdfDiv" v-if="showPdfContent">
+      <PdfContent
+        v-bind="{ ...infoParams, showQRcode: false }"
+        style="border-width: 1; height: 400mm; width: 300mm; page-break-after: always;font-size: 20px;"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -503,10 +513,15 @@ import htmlToPdf from '@/utils/htmlPdf'
 import { Check, Delete, Edit, Message, Search, Star } from '@element-plus/icons-vue'
 import type { TabsPaneContext } from 'element-plus'
 import videoForm from './videoForm.vue'
+import { ReportPrintStatisticsApi } from '@/api/applyregistration/reportPrintStatistics'
+import { formatDate } from '@/utils/formatTime'
+import PdfContent from '@/views/applyregistration/reportPrintStatistics/ReportInfoUS.vue' // 引入你的PDF内容组件
 
 /** 超声组件 */
 defineOptions({ name: 'Ultrasonic' })
 
+const showPdfContent = ref(false) //控制CT 组件 是否显示
+const orgInfo = ref<any>('')
 const Profilevo = ref<ProfileVO>({} as ProfileVO) //当前登录人信息
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -580,6 +595,73 @@ const handleButtonClick = (buttonName) => {
   clickuptime(pid)
 }
 
+// 保存并生成 PDF 的方法
+const exportPdfUSToBase64 = async () => {
+  //填充值
+  infoParams.value.regId = applyFormVO.value.regId
+  infoParams.value.examId = applyFormVO.value.examId
+  infoParams.value.pname = applyFormVO.value.pname
+  infoParams.value.birthday = formatDate(applyFormVO.value.birthday, 'YYYY-MM-DD')
+  infoParams.value.orgId = applyFormVO.value.orgId
+  infoParams.value.gender = applyFormVO.value.gender
+  infoParams.value.examItemName = applyFormVO.value.examItemName
+  infoParams.value.deviceName = applyFormVO.value.deviceName
+  infoParams.value.deviceType = applyFormVO.value.deviceType
+  infoParams.value.billDoctorDepartment = applyFormVO.value.billDoctorDepartment
+  infoParams.value.examDescription = applyFormVO.value.examDescription
+  infoParams.value.diagResults = applyFormVO.value.diagResults
+  infoParams.value.diagDoctor = applyFormVO.value.diagDoctor
+  infoParams.value.diagDate = formatDate(applyFormVO.value.diagDate, 'YYYY-MM-DD')
+  infoParams.value.reviewDoctor = applyFormVO.value.reviewDoctor
+  if (applyFormVO.value.reviewDate !== null) {
+    infoParams.value.reviewDate = formatDate(applyFormVO.value.reviewDate, 'YYYY-MM-DD')
+  }
+  infoParams.value.extraInfo= orgInfo.value
+  //infoParams.value.reviewDate=applyFormVO.value.reviewDate.toString()
+
+  showPdfContent.value = true
+  nextTick(() => {
+    setTimeout(async () => {
+      try {
+        //生成PDF
+        const pdfBase64String = await htmlToPdf.getPdfBase64('US报告单', '#hiddenUSPdfDiv')
+        await PatientexamlistApi.ftppdf({
+          id: ID.toString(),
+          imagebase: pdfBase64String,
+          model: '0',
+          folderPath: 'D:\\FLYPACS\\ftp' + '\\' + ID.toString()
+        })
+      } finally {
+        showPdfContent.value = false
+      }
+    }, 1000)
+  })
+}
+
+const infoParams = ref({
+  id: '',
+  examId: '',
+  regId: '',
+  orgId: '',
+  pname: '',
+  gender: '',
+  birthday: '',
+  billDoctorDepartment: '',
+  applicationDate: '',
+  examDescription: '',
+  diagResults: '',
+  examItemName: '',
+  deviceName: '',
+  deviceType: '',
+  diagDoctor: '',
+  diagDate: '',
+  reviewDoctor: '',
+  reviewDate: '',
+  extraInfo: {
+    type: Object as PropType<any>, // 使用 Object 作为 any 类型的替代
+    required: false
+  }
+})
 //调用删除or更新标识实体集合
 const updateexamineimage = ref<updateexamineimageVO[]>([])
 
@@ -639,13 +721,14 @@ const examine = async () => {
     if (response) {
       message.alertSuccess('审核成功')
       //查询患者信息 根据ID
-      getPatientexamlist(ID)
+      await  getPatientexamlist(ID)
       isImageLoaded.value = false
       isImageLoaded2.value = false
       isImageLoaded3.value = false
       images.value = []
       // 如果是审核或者已分析加载选中的图片
       loadimagelist()
+     await exportPdfUSToBase64()
       emit('success')
     }
   } else if (applyFormVO.value.reportstatus === '已审核') {
@@ -760,18 +843,21 @@ const upimageselect = async () => {
   updateexamineimage.value = []
 
   updateexamineimage.value.push({
+    regid:regId.value,
     id: selecteimagedoneid.toString(),
     isDelete: '',
     deletePerson: '',
     selected: '1'
   })
   updateexamineimage.value.push({
+    regid:regId.value,
     id: selecteimagedtwoid.toString(),
     isDelete: '',
     deletePerson: '',
     selected: '1'
   })
   updateexamineimage.value.push({
+    regid:regId.value,
     id: selecteimagedthreeid.toString(),
     isDelete: '',
     deletePerson: '',
@@ -790,6 +876,7 @@ const upimagedeleteor = async () => {
   updateexamineimage.value = []
 
   updateexamineimage.value.push({
+    regid:regId.value,
     id: deleteimageid.value,
     isDelete: '1',
     deletePerson: Profilevo.value.username,
@@ -1046,6 +1133,7 @@ const getlogininfo = async () => {
   if (Profilevo.value.isexamine === '1') {
     examinedisabled.value = true
   }
+  orgInfo.value= await ReportPrintStatisticsApi.getOrg( Profilevo.value.orgId.trim())
 }
 
 /** 重置表单 */