阳性统计、危急值页面修改

ecg保存生成pdf修改
2024-12-19 15:05:58 +08:00 · 2024-12-19 15:05:58 +08:00 · 6ef3204589
commit 6ef3204589
parent 48a93cf55f
5 changed files with 171 additions and 136 deletions
--- a/src/utils/htmlPdf.js
+++ b/src/utils/htmlPdf.js
@ -147,8 +147,10 @@ const htmlToPdf = {

      // 使用html2canvas捕捉div内容
      html2Canvas(divElement, {
+        width: divElement.offsetWidth + 4,
+        height: divElement.offsetHeight + 6,
        dpi: 300, // 设置300DPI
-        scale: 3.125, // 保持原始比例
+        scale: 2.4, // 保持原始比例
        useCORS: true, // 如果内容包含跨域图片，需要设置为true
        allowTaint: false // 是否允许跨域图片导致画布被污染
      })
@ -162,10 +164,10 @@ const htmlToPdf = {
            orientation: 'l',
            unit: 'px',
            format: [canvas.width, canvas.height]
-        });
+          })
          // 将canvas转换为图片数据URL
-           const imgData = canvas.toDataURL('image/jpeg', 1) // 1.0表示最高质量
-       //  pdf.addImage(imgData, 'JPEG', 0, 0, canvas.width, canvas.height);
+          const imgData = canvas.toDataURL('image/jpeg', 1) // 1.0表示最高质量
+          //  pdf.addImage(imgData, 'JPEG', 0, 0, canvas.width, canvas.height);
          // // 设置 PDF 页面尺寸
          // // pdf.addImage(imgData, 'JPEG', 10, 10, 1920, 820)
          // const link = document.createElement('a');
@ -174,7 +176,7 @@ const htmlToPdf = {
          // link.click();
          // pdf.save('111.pdf')
          // 解决Promise并返回图片的base64字符串
-        //  pdf.save(`${divId}-content.pdf`);
+          //  pdf.save(`${divId}-content.pdf`);
          resolve(imgData)
        })
        .catch((error) => {
@ -185,52 +187,51 @@ const htmlToPdf = {
  },
  createPdfFromBase64(base64Image) {
    return new Promise((resolve, reject) => {
-        // 使用html2canvas捕捉div内容（这里不需要，但保留以备后续使用）
-        // html2Canvas(divElement, { ... }).then(canvas => {
-        // 将base64字符串转换为Blob对象
-        const blob = base64ToBlob(base64Image);
+      // 使用html2canvas捕捉div内容（这里不需要，但保留以备后续使用）
+      // html2Canvas(divElement, { ... }).then(canvas => {
+      // 将base64字符串转换为Blob对象
+      const blob = base64ToBlob(base64Image)

-        // 创建一个URL对象
-        const url = URL.createObjectURL(blob);
+      // 创建一个URL对象
+      const url = URL.createObjectURL(blob)

-        // 创建一个新的Image对象
-        const img = new Image();
-        img.onload = () => {
-            // 创建PDF对象
-            const pdf = new jsPDF({
-                orientation: 'l',
-                unit: 'px',
-                format: [img.width, img.height]
-            });
+      // 创建一个新的Image对象
+      const img = new Image()
+      img.onload = () => {
+        // 创建PDF对象
+        const pdf = new jsPDF({
+          orientation: 'l',
+          unit: 'px',
+          format: [img.width, img.height]
+        })

-            // 将图片添加到PDF
-            pdf.addImage(img, 'JPEG', 0, 0, img.width, img.height);
+        // 将图片添加到PDF
+        pdf.addImage(img, 'JPEG', 0, 0, img.width, img.height)

-            // 获取PDF的base64字符串
-            const pdfBase64 = pdf.output('datauristring');
+        // 获取PDF的base64字符串
+        const pdfBase64 = pdf.output('datauristring')

-            // 解决Promise并返回PDF的base64字符串
-            resolve(pdfBase64);
-
-            // 清理URL对象
-            URL.revokeObjectURL(url);
-        };
-        img.onerror = (error) => {
-            console.error('图片加载失败:', error);
-            reject(error);
-        };
-        img.src = url;
-    });
-}
+        // 解决Promise并返回PDF的base64字符串
+        resolve(pdfBase64)

+        // 清理URL对象
+        URL.revokeObjectURL(url)
+      }
+      img.onerror = (error) => {
+        console.error('图片加载失败:', error)
+        reject(error)
+      }
+      img.src = url
+    })
+  }
 }
 // 辅助函数：将base64字符串转换为Blob对象
 function base64ToBlob(base64) {
-  const binary = atob(base64.split(',')[1]);
-  const array = [];
+  const binary = atob(base64.split(',')[1])
+  const array = []
  for (let i = 0; i < binary.length; i++) {
-      array.push(binary.charCodeAt(i));
+    array.push(binary.charCodeAt(i))
  }
-  return new Blob([new Uint8Array(array)], { type: 'image/jpeg' });
+  return new Blob([new Uint8Array(array)], { type: 'image/jpeg' })
 }
 export default htmlToPdf
--- a/src/views/ECG/ECGForm.vue
+++ b/src/views/ECG/ECGForm.vue
@ -532,22 +532,25 @@
    </div>
  </el-dialog>
  <div style="position: fixed; top: 0; left: 0; z-index: -1100">
-    <ReportInfoECG
-      v-if="isprintimage"
-      @update:image="updateimagebase"
-      style="height: 1080px; width: 1920px; page-break-after: always; visibility: hidden"
-      :extraInfo="queryParams"
-      :jsonurl="queryParams.ecgJsonDataFilePath"
-      :lineratio="0.025"
-      :suduratio="suduratio"
-      :age="age"
-      :billDoctorDepartment="rowinfo.billDoctorDepartment"
-      :doctorname="rowinfo.doctorname"
-      :regId="id"
-      :orgName="rowinfo.orgName"
-      :pname="rowinfo.pname"
-      :gender="rowinfo.gender"
-    />
+    <!-- html2canvas处理时，宽/高不确定可能导致异常效果，可以增加相应宽/高，或者固定宽高尺寸 -->
+    <div v-if="isprintimage" id="ecg_pdf" class="page-pdf-ecg">
+      <ReportInfoECG
+        style="height: 99.888%"
+        :isBackend="true"
+        :createPdf="updateimagebase_new"
+        :extraInfo="queryParams"
+        :jsonurl="queryParams.ecgJsonDataFilePath"
+        :lineratio="0.025"
+        :suduratio="suduratio"
+        :age="age"
+        :billDoctorDepartment="rowinfo.billDoctorDepartment"
+        :doctorname="rowinfo.doctorname"
+        :regId="id"
+        :orgName="rowinfo.orgName"
+        :pname="rowinfo.pname"
+        :gender="rowinfo.gender"
+      />
+    </div>
  </div>
  <ECGWarningDialog ref="ECGDialog" />
  <ECGReport ref="ECGReportDialog" />
@ -627,7 +630,7 @@ const open = async (row: any) => {
  orgid.value = row.orgId
  rowinfo.value = row
  // console.log( rowinfo.value)
-  const data = await EcganalysisparasApi.getexamIDdata('MZCF0191729074962197_44',orgid.value)
+  const data = await EcganalysisparasApi.getexamIDdata('MZCF0191729074962197_44', orgid.value)
  queryParams.value = data
  snapshotTime.value = formattedDate(queryParams.value.snapshotTime)
  await getlogininfo()
@ -718,42 +721,51 @@ async function save() {
  const ret = await EcganalysisparasApi.SaveEcganalysisparas(saveFormVO.value)
  if (ret) {
    //进行生成pdf
-    const data = await EcganalysisparasApi.getexamIDdata('MZCF0191729074962197_44',orgid.value)
+    const data = await EcganalysisparasApi.getexamIDdata('MZCF0191729074962197_44', orgid.value)
    queryParams.value = data
    message.alertSuccess('保存成功')
-    isprintimage.value = true

-    nextTick(async () => {
-      setTimeout(async () => {
-        try {
-          //生成PDF
-          htmlToPdf
-            .createPdfFromBase64(imagebase64.value)
-            .then((pdfBase64) => {
-              //生成PDF
-              PatientexamlistApi.ftppdf({
-                id: Primarykey.value,
-                imagebase: pdfBase64,
-                model: '0',
-                folderPath: 'C:\\work\\pacs' + '\\' + Primarykey.value
-              })
-            })
-            .catch((error) => {
-              console.log(error)
-            })
-        } finally {
-          isprintimage.value = false
-          imagebase64.value = ''
-        }
-      }, 1000)
-    })
+    //ElMessage.info('开始保存pdf')
+    setTimeout(() => {
+      isprintimage.value = true
+    }, 900)
  }
 }
+
 //展示图片
 function updateimagebase(newValue) {
  imagebase64.value = newValue
 }

+const updateimagebase_new = async () => {
+  try {
+    const image_base64 = await htmlToPdf.getDivContentAsBase64('#ecg_pdf')
+    try {
+      //生成PDF
+      htmlToPdf
+        .createPdfFromBase64(image_base64)
+        .then((pdfBase64) => {
+          PatientexamlistApi.ftppdf({
+            id: Primarykey.value,
+            imagebase: pdfBase64,
+            model: '0',
+            folderPath: 'C:\\work\\pacs' + '\\' + Primarykey.value
+          })
+          ElMessage.info('pdf保存成功')
+        })
+        .catch((error) => {
+          console.log(error)
+        })
+    } finally {
+    }
+  } catch {
+  } finally {
+    nextTick(() => {
+      isprintimage.value = false
+    })
+  }
+}
+
 //重置数据
 function resetForm() {
  Isgrid.value = 1 //是否显示网格 1显示  0不显示
@ -794,7 +806,7 @@ function openreprotdiag() {
 }
 //对比弹窗
 function opencomparediag() {
-  ECGCompare.value.opencomparediag(rowinfo.value,queryParams.value.snapshotTime)
+  ECGCompare.value.opencomparediag(rowinfo.value, queryParams.value.snapshotTime)
 }
 //纠错
 function iscorrect() {
@ -996,11 +1008,19 @@ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 .page-item-ecg {
  padding: 1mm 0.8mm 1mm 0.6mm;
  max-width: 1184px;
-  margin: 6vh auto 0 auto;
+  margin: 3vh auto 0 auto;
  border: 2px solid #ccc;
  border-radius: 8px;
 }

+.page-pdf-ecg {
+  border-width: 0;
+  padding: 0 0.8mm 0 0.8mm;
+  width: 294mm;
+  height: 206mm;
+  page-break-after: always;
+}
+
@media print {
  .ignore-print {
    display: none;
--- a/src/views/ECG/ECGPositiveStatistics/index.vue
+++ b/src/views/ECG/ECGPositiveStatistics/index.vue
@ -130,44 +130,11 @@
            />
            <el-table-column
              label="检查项目"
-              header-align="center"
+              align="center"
              prop="examItemName"
              min-width="260px"
            />
-            <el-table-column
-              label="影像设备"
-              header-align="center"
-              prop="deviceName"
-              min-width="260px"
-            />
-            <el-table-column
-              label="阴性阳性"
-              align="center"
-              prop="diagFlag"
-              fixed="right"
-              width="100px"
-            >
-              <template #default="scope">
-                <el-tag v-if="scope.row.diagFlag == '0'" effect="plain" style="width: 74px"
-                  >阴性</el-tag
-                >
-                <el-tag
-                  v-else-if="scope.row.diagFlag == '1'"
-                  effect="plain"
-                  type="danger"
-                  style="width: 74px"
-                  >阳性</el-tag
-                >
-                <el-tag
-                  v-else-if="scope.row.diagFlag == '2'"
-                  effect="plain"
-                  type="warning"
-                  style="width: 74px"
-                  >重大阳性</el-tag
-                >
-                <el-tag v-else effect="plain" type="info" style="width: 74px">暂无</el-tag>
-              </template>
-            </el-table-column>
+            <el-table-column label="影像设备" align="center" prop="deviceName" min-width="260px" />
            <el-table-column label="操作" align="center" fixed="right" width="60px">
              <template #default="scope">
                <el-button link @click="handleRowClick(scope.row)" style="color: rgb(56, 119, 246)">
@ -192,7 +159,7 @@
          reportInfoType = ''
          activeTabName = ''
          activeDrawerModal = true
-          activeDrawerSize = '74%'
+          activeDrawerSize = '48%'
        }
      "
    >
@ -257,7 +224,7 @@ const message = useMessage()
 const { t } = useI18n()
 const activeDrawer = ref(false)
 const activeDrawerModal = ref(true)
-const activeDrawerSize = ref<any>('74%')
+const activeDrawerSize = ref<any>('48%')
 const activeTabName = ref('diagnosisInfo')
 const reportInfoType = ref('') //us、ct
 const diagnosisInfo_readonly = ref(true)
--- a/src/views/ECG/warningStatisticsReport/index.vue
+++ b/src/views/ECG/warningStatisticsReport/index.vue
@ -152,7 +152,7 @@
        </el-button>
      </div>
      <el-tabs v-model="activeTabName" style="margin-top: -8px; height: 100%">
-        <el-tab-pane label="危急报告信息" name="diagnosisInfo">
+        <el-tab-pane label="危急值时间轴" name="warningTimelineInfo">
          <el-form
            ref="infoFormRef"
            :model="infoParams"
@ -162,7 +162,7 @@
            label-suffix=""
            class="mt-20px ml-16px"
          >
-            <div class="mt-40px ml-50px">
+            <div class="mt-28px ml-16px">
              <el-timeline>
                <el-timeline-item
                  :timestamp="formattedDate(warnings[0] ? warnings[0].reportDate : '')"
@ -202,6 +202,31 @@
            </div>
          </el-form>
        </el-tab-pane>
+        <el-tab-pane label="危急值内容" name="warningInfo">
+          <el-form
+            ref="infoFormRef"
+            :model="infoParams"
+            size="default"
+            label-width="74px"
+            label-position="top"
+            label-suffix=""
+            class="mt-20px ml-16px"
+          >
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="" prop="warningContent" class="item-style">
+                  <el-input
+                    v-model="warnings[0].warningContent"
+                    type="textarea"
+                    :autosize="{ minRows: 6, maxRows: 10 }"
+                    :readonly="true"
+                    class="item-width"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
      </el-tabs>
    </el-drawer>
    <!-- 可参考内容 -->
@ -229,7 +254,7 @@ const { t } = useI18n()
 const activeDrawer = ref(false)
 const activeDrawerModal = ref(true)
 const activeDrawerSize = ref<any>('440px')
-const activeTabName = ref('diagnosisInfo')
+const activeTabName = ref('warningTimelineInfo')
 const reportInfoType = ref('') //us、ct
 const age = ref<any>('')
 const examItemNameEdit = ref('')
@ -396,7 +421,7 @@ const handleRowClick = async (row) => {
      reportInfoType.value = 'csh1'
    else reportInfoType.value = 'ct'
  }
-  activeTabName.value = 'diagnosisInfo'
+  activeTabName.value = 'warningTimelineInfo'
  activeDrawer.value = true
 }

--- a/src/views/applyregistration/reportPrintStatistics/ReportInfoECG.vue
+++ b/src/views/applyregistration/reportPrintStatistics/ReportInfoECG.vue
@ -1,5 +1,9 @@
 <template>
-  <div id="PDF" class="ecg-report" v-loading="ecg_loading" element-loading-text="加载中...">
+  <div
+    class="ecg-report"
+    v-loading="!infoParams.isBackend && ecg_loading"
+    element-loading-text="加载中..."
+  >
    <!-- 头部 -->
    <div>
      <div style="text-align: center; font-size: 21px; margin-bottom: -16px">
@ -165,8 +169,17 @@ defineOptions({ name: 'ReportInfoECG' })
 * ReportInfoECG
 **/
 /** 导入内容 **/
-const emits = defineEmits(['update:image'])
 const infoParams = defineProps({
+  isBackend: {
+    required: false,
+    type: Boolean,
+    default: false
+  },
+  createPdf: {
+    required: false,
+    type: Function,
+    default: null
+  },
  lineratio: {
    required: false,
    type: Number,
@ -546,7 +559,7 @@ const fetchData = async () => {
          width: targetWidth,
          height: targetHeight,
          dpi: 300, //将分辨率提高到特定的DPI 提高四倍
-          scale: 1.2 //按比例增加分辨率
+          scale: 1.4 //按比例增加分辨率
        } as any
        const canvas = await html2canvas(ecgCenter, options)
        if (canvas) {
@ -562,15 +575,25 @@ const fetchData = async () => {
        ecgCenter.style.zIndex = ''
        ecgCenter_parent.append(ecgCenter)
        ecg_loading.value = false
-        nextTick(() => {
-          createImage()
-        })
      }
    })
  } catch (error) {
+    ecg_loading.value = false
    console.error('获取数据时出错:', error)
  }
 }
+watch(
+  ecg_loading,
+  (ecg_loading_new, ecg_loading_old) => {
+    if (!ecg_loading_new)
+      setTimeout(() => {
+        nextTick(() => {
+          createImage()
+        })
+      }, 100)
+  },
+  { deep: true }
+)

 const sliderValue = ref(0) // 初始化滑块值
 const previousValue = ref(0) // 记录上一个滑块值
@ -613,8 +636,7 @@ const moveCanvas = (direction, count) => {
 }

 const createImage = async () => {
-  const imagebase64 = await htmlToPdf.getDivContentAsBase64('#PDF')
-  emits('update:image', imagebase64)
+  if (infoParams.createPdf) infoParams.createPdf()
 }

 /** 钩子方法 **/
@ -627,7 +649,7 @@ onMounted(async () => {
  //heightoff.value = (leftCanvas.value.height - 100) / 6
  heightoff.value = (618 - 0) / 6

-  await fetchData()
+  fetchData()
 })

 /** 导出内容 **/