新增影像保存时候保存PDF到FTP

src/api/applyregistration/applyform/index.ts

@@ -111,8 +111,8 @@ export const ApplyformApi = {
     return await request.post({ url: `/applyregistration/applyform/batchupdateFJ`, data})
   },
   // 同步
-  SyncDb: async (AppCode: string) => {
+  SyncDb: async (AppCode: string,type:string) => {
-    return await request.get({ url: `/applyregistration/applyform/SyncDb?AppCode=` + AppCode })
+    return await request.get({ url: `/applyregistration/applyform/SyncDb?AppCode=${AppCode}&&type=${type}` })
   },
    // 获取登记单统计信息
    GetReglistCount: async () => {

src/api/tblist/patientexamlist/index.ts

@@ -35,7 +35,12 @@ export interface PatientexamlistVO {
   StudyInsta:string
   isFavourite:string  //是否收藏
 }
+export interface inspdfscreenshotVO {
 
+  id: string // 主键
+  imagebase: string // 图片
+
+}
 // PACS检查列表 API
 export const PatientexamlistApi = {
   // 查询PACS检查列表分页
@@ -106,4 +111,8 @@ export const PatientexamlistApi = {
 CollectAndCancellation: async (id: String,type:string) => {
     return await request.get({ url: `/tblist/patientexamlist/CollectAndCancellation?id=${id}&&type=${type}`})
     },
+
+    ftppdf: async (data:inspdfscreenshotVO) => {
+      return await request.post({ url: `/tblist/patientexamlist/ftppdf`,data})
+      },
 }

src/views/applyregistration/applyform/index.vue

@@ -143,7 +143,8 @@
         <Icon icon="ep:download" class="mr-5px" /> 导出
       </el-button>
 
-      <el-button @click="Sync" 
+      <el-button
+@click="Sync" 
         style="background-color: rgb(28, 176, 117);font-size: 14; color: rgb(255, 255, 255);"><Icon icon="ep:refresh" class="mr-5px" /> 同步</el-button
       >
     </el-form-item>
@@ -340,10 +341,11 @@ const resetQuery = () => {
   handleQuery()
 }
 
-// 同步操作
+// 同步操作 1接口 2 数据库
 const Sync = async () => {
-  const data = await ApplyformApi.SyncDb('DB001')
+  const data = await ApplyformApi.SyncDb('API001',"1")
   if (data) {
+    message.alertSuccess(data)
     getList()
   }
 }

src/views/dicomForm/dicomViewForm.vue

@@ -4,15 +4,22 @@
     :title="dialogTitle"
     class="my-custom-close-icon"
     :fullscreen="true"
+    @close="
+      () => {
+        newSrc = 'about:blank'
+        dataLoaded = false
+      }
+    "
   >
     <el-tabs v-model="activeName" type="card">
       <el-tab-pane v-if="tagLoaded" label="影像" name="first">
         <iframe
+          ref="dicomframe"
           v-if="dataLoaded"
           frameborder="0"
           scrolling="no"
-          :src="newSrc"
           style="width: 100%; height: 87vh"
+          :src="newSrc"
         ></iframe>
       </el-tab-pane>
       <el-tab-pane label="报告单" name="second">
@@ -289,6 +296,7 @@
       >
     </div>
   </el-dialog>
+  <!--报告 保存的时候 存base64-->
 </template>
 
 <script setup lang="ts">
@@ -297,10 +305,16 @@ import { ultrasoniccomApi, updateexamineimageVO } from '@/api/ultrasoniccom'
 import axios from 'axios'
 import { PatientexamlistApi, PatientexamlistVO } from '@/api/tblist/patientexamlist'
 import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
+import PdfContent from '@/views/applyregistration/reportPrintStatistics/ReportInfoCT.vue' // 引入你的PDF内容组件
+import { createVNode, render } from 'vue'
+import html2canvas from 'html2canvas'
+import { jsPDF } from 'jspdf'
 
 /** dicom */
 defineOptions({ name: 'DicomViewForm' })
-
+//存放生成的pdfbase
+const pdfBase64 = ref('')
+const dicomframe = ref()
 const Profilevo = ref<ProfileVO>({} as ProfileVO) //当前登录人信息
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -403,7 +417,74 @@ const examine = async () => {
     return
   }
 }
+//生成pdfbase64
+const exportPdfToBase64 = async () => {
+  // 创建一个临时的DOM元素来挂载PdfContent组件
+  const tempDiv = document.createElement('div')
+  document.body.appendChild(tempDiv)
 
+  // 使用createVNode创建一个虚拟节点
+  // 渲染组件到临时DOM元素  传递数据
+  const componentInstance = createVNode(PdfContent, {
+    ...applyFormVO.value,
+    showQRcode: false
+  })
+
+  // 使用render函数将虚拟节点渲染到临时DOM元素中
+  render(componentInstance, tempDiv)
+
+  // 等待Vue组件渲染完成
+  await new Promise((resolve) => setTimeout(resolve, 0)) // 使用setTimeout来模拟nextTick
+
+  // 使用html2canvas将DOM元素转换为canvas，并设置scale参数提高分辨率
+  const canvas = await html2canvas(tempDiv, {
+    scale: 1, // 根据需要调整scale值
+    useCORS: true
+  })
+
+  // 移除临时DOM元素
+  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 })
+}
+const infoParams = ref({
+  id: '',
+  examId: '',
+  regId: '',
+  orgId: '',
+  pname: '',
+  gender: '',
+  birthday: '',
+  billDoctorDepartment: '',
+  applicationDate: '',
+  examDescription: '',
+  diagResults: '',
+  examItemName: '',
+  deviceName: '',
+  deviceType: '',
+  diagDoctor: '',
+  diagDate: '',
+  reviewDoctor: '',
+  reviewDate: ''
+})
 // 计算年龄
 const age = ref()
 const calculateAge = (birthdate) => {
@@ -513,7 +594,7 @@ const regId = ref('')
 
 const examid = ref('')
 //内嵌网页加载增加时间戳 防止缓存
-const newSrc = ref('')
+const newSrc = ref('about:blank')
 
 /** 打开弹窗 */
 const open = async (id: number, orgid: string, regid: string, examId: string, isLoaded: string) => {
@@ -527,6 +608,7 @@ const open = async (id: number, orgid: string, regid: string, examId: string, is
     tagLoaded.value = true
     activeName.value = 'first'
   }
+
   console.log('orgid' + orgid)
   console.log('regid' + regid)
   console.log('id' + id)
@@ -551,17 +633,22 @@ const open = async (id: number, orgid: string, regid: string, examId: string, is
       '1'
     )
     privateData.value = pridate
+    await iframeData()
     //查询患者信息 根据ID
     getPatientexamlist(id)
 
     //获取登录人信息
     getlogininfo()
-    iframeData()
-    // 延迟1秒后加载iframe
-    setTimeout(() => {
-      dataLoaded.value = true // 确保iframe只在弹窗打开时加载
-    }, 200)
   } finally {
+    if (newSrc.value != 'about:blank') {
+      nextTick(async () => {
+        console.log('------------aaaaaaaaaa--------')
+        await new Promise((resolve) => setTimeout(resolve, 350))
+        console.log('------------aaaaaaaaaa1--------')
+        dataLoaded.value = true
+        console.log('------------aaaaaaaaaa2--------')
+      })
+    }
     formLoading.value = false
   }
 }
@@ -612,6 +699,7 @@ const getPatientexamlist = async (id: number) => {
   } else {
     savedisabled.value = true
   }
+  exportPdfToBase64()
 }
 
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
@@ -659,26 +747,31 @@ const resetForm = () => {
   height: 100vh;
   width: 100vw;
 }
- */ /* 报告区域 左侧模版选择字体大小 */
+ */
+/* 报告区域 左侧模版选择字体大小 */
 .treeStyle {
   font-size: 20px;
 }
+
 /* 分割线内部的间距 */
 .el-divider--horizontal {
   margin: 6px;
 }
+
 /* 阴性 阳性 */
 .radio-group-wrapper {
   display: flex;
   justify-content: flex-end;
-  margin-top: 10px; /* 调整上方外边距 */
+  margin-top: 10px;
+  /* 调整上方外边距 */
   margin-right: 33px;
 }
 
 /* 诊断医生等样式 */
 .form-row-yx {
   display: flex;
-  justify-content: space-around; /* 将元素左右对齐 */
+  justify-content: space-around;
+  /* 将元素左右对齐 */
   margin-top: 10px;
   margin-left: 100px;
 }