查看pacs影像

src/views/hospital-service/check-exam/test/CheckTestDetail.vue

@@ -14,6 +14,15 @@
         <span style="color: dodgerblue">查看报告图片</span>
       </template>
     </van-cell>
+    <van-cell
+        v-if="testResult.topReqNo"
+        is-link
+        @click="seePacs(testResult.topReqNo)"
+    >
+      <template #title>
+        <span style="color: dodgerblue">查看报告影像</span>
+      </template>
+    </van-cell>
     <div style="height: 5px"></div>
     <van-tag type="success" plain style="margin-left: 8px">检查所见</van-tag>
     <div class="test-result-text">
@@ -30,17 +39,19 @@
         position="bottom"
         close-icon="close"
         :style="{ height: '100%' }"
+        @closed="pacsSrc = null"
     >
-      <van-image width="100%" :src="imageSrc" fit="cover"/>
+      <iframe style="width: 100%; height: calc(100% - 6px)" frameborder="0" v-if="isTypePacs" :src="pacsSrc"/>
+      <van-image v-else width="100%" :src="imageSrc" fit="cover"/>
     </van-popup>
 
   </window-size>
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
-import { checkTestDetail } from '@/api/check-exam'
-import { onMounted, ref} from 'vue'
+import {useRouter} from 'vue-router'
+import {checkTestDetail} from '@/api/check-exam'
+import {onMounted, ref} from 'vue'
 import {fetchInspectionReportImage} from "@/utils/request";
 
 const router = useRouter()
@@ -48,8 +59,11 @@ const router = useRouter()
 const testResult = ref({})
 
 const showTestImage = ref(false)
+const isTypePacs = ref(false)
 const imageSrc = ref(null)
+const pacsSrc = ref(null)
 function seeTestImage() {
+  isTypePacs.value = false
   fetchInspectionReportImage({
     patientId: router.currentRoute.value.params.patientId,
     reportId: testResult.value.patientUid,
@@ -60,6 +74,12 @@ function seeTestImage() {
   })
 }
 
+function seePacs(topReqNo) {
+  isTypePacs.value = true
+  pacsSrc.value = `http://staticweb.hnthyy.cn:8081/mReport?REQUISITIONID=${topReqNo}`
+  showTestImage.value = true
+}
+
 onMounted(() => {
   const params = router.currentRoute.value.params
   checkTestDetail(params).then((res) => {