“查看报告图片”改为蓝色字体

src/views/hospital-service/check-exam/exam/CheckExamDetail.vue

@@ -34,10 +34,13 @@
     <van-cell title="报告单号" :value="examIndex.reportId"></van-cell>
     <van-cell
         v-if="exam.pics.length > 0"
-        title="查看报告图片"
         is-link
         @click="handleClickShowPics"
-    ></van-cell>
+    >
+      <template #title>
+        <span style="color: dodgerblue">查看报告图片</span>
+      </template>
+    </van-cell>
     <div style="height: 5px"></div>
     <van-grid :column-num="4">
       <van-grid-item text="检查项目"></van-grid-item>
@@ -114,7 +117,12 @@
           height="100%"
       >
         <van-swipe-item v-for="item in exam.pics">
-          <van-image width="100%" fit="cover" :src="'data:image/png;base64,' + item"></van-image>
+          <van-image
+              width="100%"
+              fit="cover"
+              :src="'data:image/png;base64,' + item"
+              disable-zoom="false"
+          ></van-image>
         </van-swipe-item>
         <template #indicator>
           <div class="custom-indicator">{{ currentPicIndex + 1 }} / {{ exam.pics.length }}</div>
@@ -221,5 +229,8 @@ onMounted(() => {
       color: #6e6e6e;
     }
   }
+  .van-cell__right-icon {
+    color: dodgerblue;
+  }
 }
 </style>

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

@@ -1,5 +1,5 @@
 <template>
-  <window-size>
+  <window-size class="test-detail">
     <van-notice-bar left-icon="warning-o" text="仅供查阅参考，最终结果以医院纸质报告为准。" />
     <van-cell title="就诊人" :value="testResult.patientName"></van-cell>
     <van-cell title="送检医生" :value="testResult.doctorName"></van-cell>
@@ -7,21 +7,23 @@
     <van-cell title="报告单号" :value="testResult.patientUid"></van-cell>
     <van-cell
         v-if="testResult.reportUrl"
-        title="报告图片"
         is-link
         @click="seeTestImage"
-    ></van-cell>
+    >
+      <template #title>
+        <span style="color: dodgerblue">查看报告图片</span>
+      </template>
+    </van-cell>
     <div style="height: 5px"></div>
-    <van-tag type="primary" plain style="margin-left: 8px">检查所见</van-tag>
+    <van-tag type="success" plain style="margin-left: 8px">检查所见</van-tag>
     <div class="test-result-text">
       <p v-html="testResult.examinationSee"></p>
     </div>
     <div style="height: 12px"></div>
-    <van-tag type="primary" plain style="margin-left: 8px">检查结论</van-tag>
+    <van-tag type="success" plain style="margin-left: 8px">检查结论</van-tag>
     <div class="test-result-text">
       <p v-html="testResult.examinationreSult"></p>
     </div>
-
     <van-popup
         v-model:show="showTestImage"
         closeable
@@ -66,19 +68,23 @@ onMounted(() => {
 })
 </script>
 
-<style scoped>
-.test-result-text {
-  font-size: 14px;
-  color: black;
-  padding: 4px 20px;
-}
-
-.test-img-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background-color: green;
+<style lang="scss">
+.test-detail {
+  .test-result-text {
+    font-size: 14px;
+    color: black;
+    padding: 4px 20px;
+  }
+  .van-cell__right-icon {
+    color: dodgerblue;
+  }
+  .test-img-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-color: green;
+  }
 }
 </style>