lxd/FlowVue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
lxd 2024-11-14 10:33:02 +08:00
parent 4df8d76a42
commit 094a93b41b
6 changed files with 278 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/api/ultrasoniccom/index.ts
View File

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

2
src/router/index.ts
View File

@ -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 })

158
src/utils/htmlPdf.js
View File

@ -1,63 +1,115 @@
// 页面导出为pdf格式
import html2Canvas from 'html2canvas';
import jsPDF from 'jspdf';
const htmlToPdf = {
getPdf(title, id) {
html2Canvas(
document.querySelector(id),
{
allowTaint: false,
taintTest: false,
logging: false,
useCORS: true,
dpi: window.devicePixelRatio * 4, //将分辨率提高到特定的DPI 提高四倍
scale: 4, //按比例增加分辨率
}
).then((canvas) => {
var pdf = new jsPDF('p', 'mm', 'a4'); //A4纸，纵向
var ctx = canvas.getContext('2d'),
a4w = 190,
a4h = 272, //A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
imgHeight = Math.floor((a4h * canvas.width) / a4w), //按A4显示比例换算一页图像的像素高度
renderedHeight = 0;
getPdfBase64(title, id) {
return new Promise((resolve) => {
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) {
var page = document.createElement('canvas');
page.width = canvas.width;
page.height = Math.min(imgHeight, canvas.height - renderedHeight); //可能内容不足一页
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,
Math.min(imgHeight, canvas.height - renderedHeight),
),
0,
0,
);
pdf.addImage(
page.toDataURL('image/jpeg', 1.0),
'JPEG',
10,
10,
a4w,
Math.min(a4h, (a4w * page.height) / page.width),
); //添加图像到页面，保留10mm边距
// 用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 += imgHeight;
if (renderedHeight < canvas.height) {
pdf.addPage(); //如果后面还有内容，添加一个空页
}
// delete page;
}
pdf.save(title + '.pdf')
});
},
renderedHeight += pageHeight;
if (renderedHeight < canvas.height) {
pdf.addPage(); // 如果后面还有内容，添加一个空页
}
}
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 文件
});
},
};
export default htmlToPdf;

18
src/views/applyregistration/reportPrintStatistics/ReportInfoCT.vue
View File

@ -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 () => {
let userInfo = await getUserProfile()
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;
}
})
/** 导出内容 **/

114
src/views/dicomForm/dicomViewForm.vue
View File

@ -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创建一个虚拟节点
// 渲染组件到临时DOM元素 传递数据
const componentInstance = createVNode(PdfContent, {
...applyFormVO.value,
showQRcode: false
// 保存并生成 PDF 的方法
const exportPdfCTToBase64 = 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('CT报告单', '#hiddenPdfDiv')
await PatientexamlistApi.ftppdf({
id: ID.toString(),
imagebase: pdfBase64String,
model: '0',
folderPath: 'D:\\FLYPACS\\ftp' + '\\' + ID.toString()
})
} finally {
showPdfContent.value = false
}
}, 1000)
})
// 使用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,model:"0",folderPath:"D:\\FLYPACS\\ftp"+"\\"+ID.toString() })
}
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())
}
/** 重置表单 */

90
src/views/ultrasoniccom/ultrasonicForm.vue
View File

@ -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())
}
/** 重置表单 */