From e012eba0c2a3e96dea8a7dd77838f9553a539d1c Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Thu, 19 Mar 2026 16:54:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=98=85=E7=89=87=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reading/dicoms3D/components/ReadPage.vue  | 49 +++++++++++++------
 1 file changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
index 1b2d30ae..f68718f1 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
@@ -95,7 +95,7 @@
                 <div class="dropdown-content">
                   <ul style="width:165px;">
                     <li v-for="item in wwwcArr" :key="item.label">
-                      <a href="#" @click.stop="changeVoiRange(item)">
+                      <span @click.stop="changeVoiRange(item)">
                         <div v-if="item.wc !== null"
                           style="display:flex;flex-direction: row;justify-content: space-between;">
                           <div>{{ item.label }}</div>
@@ -104,7 +104,7 @@
                         <div v-else style="text-align:left;">
                           {{ item.label }}
                         </div>
-                      </a>
+                      </span>
                       <el-divider v-if="item.val === 1" class="divider" content-position="center">
                         {{ ` ${$t('trials:reading:title:preset')}` }}
                       </el-divider>
@@ -145,9 +145,9 @@
                 <div class="dropdown-content">
                   <ul style="width:100px;">
                     <li v-for="rotate in rotateOptions" :key="rotate.label" style="text-align:left;">
-                      <a href="#" @click.prevent="setViewportRotate(rotate.val)">
+                      <span @click.prevent="setViewportRotate(rotate.val)">
                         {{ rotate.label }}
-                      </a>
+                      </span>
                     </li>
                   </ul>
                 </div>
@@ -239,10 +239,10 @@
                   <!--v-if="readingTaskState < 2"-->
                   <ul style="width:100px;">
                     <li v-for="i in customizeStandards" :key="i.toolName" style="text-align:left;">
-                      <a href="#" @click.prevent="setMoreToolActive(i.toolName)">
+                      <span @click.prevent="setMoreToolActive(i.toolName)">
                         <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;" />
                         {{ $t(i.i18nKey) }}
-                      </a>
+                      </span>
                     </li>
                   </ul>
                 </div>
@@ -299,9 +299,8 @@
           <!-- viewports -->
           <div class="viewports-wrapper">
             <div ref="container" class="grid-container">
-              <div :class="['viewports-box', isFusion || isMPR ? 'viewports-box-down' : '']" :style="gridStyle">
+              <div :class="['viewports-box', isFusion || isMPR ? 'viewports-box-down' : '', fullScreenIndex !== null ? 'viewports-box-full-screen' : '']" :style="gridStyle">
                 <div v-for="(v, index) in cellsMax" v-show="index < cells.length" :key="`viewport-${index}`"
-                  :style="cellStyle"
                   :class="['grid-cell', isMPR && index === 2 ? 'grid-cell-3' : '', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
                   @dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
                   <Viewport :ref="`viewport-${index}`" :data-viewport-uid="`viewport-${index}`"
@@ -311,8 +310,9 @@
                 </div>
               </div>
               <div v-if="criterionType === 0 && readingTool === 0"
-                :class="['viewports-box', !isMPR ? 'viewports-box-down' : '']" :style="gridStyle">
-                <div v-for="(v, index) in 3" :key="`viewport-volume-${index}`" :style="cellStyle"
+                :class="['viewports-box', !isMPR ? 'viewports-box-down' : '', fullScreenIndex !== null ? 'viewports-box-full-screen' : '']" :style="gridStyle">
+                <div v-for="(v, index) in 3" :key="`viewport-volume-${index}`"
+                  v-show="index < cells.length"
                   :class="['grid-cell', isMPR && index === 0 ? 'grid-cell-3' : '', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
                   @dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
                   <VolumeViewport :ref="`viewport-volume-${index}`" :data-viewport-uid="`viewport-volume-${index}`"
@@ -322,10 +322,9 @@
                     @renderAnnotations="renderAnnotations" @contentMouseup="contentMouseup" />
                 </div>
               </div>
-              <div v-if="readingTool === 2" :class="['viewports-box', !isFusion ? 'viewports-box-down' : '']"
+              <div v-if="readingTool === 2" :class="['viewports-box', !isFusion ? 'viewports-box-down' : '', fullScreenIndex !== null ? 'viewports-box-full-screen' : '']"
                 :style="gridStyle">
                 <div v-for="(v, index) in cellsMax" v-show="index < cells.length" :key="`viewport-fusion-${index}`"
-                  :style="cellStyle"
                   :class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
                   @dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
                   <PetCtViewport :ref="`viewport-fusion-${index}`" :data-viewport-uid="`viewport-fusion-${index}`"
@@ -3797,14 +3796,14 @@ export default {
             text-align: center;
 
             li {
-              a {
+              span {
                 display: block;
                 padding: 5px;
               }
             }
           }
 
-          ul li a:hover {
+          ul li span:hover {
             background-color: #727272;
           }
         }
@@ -3896,10 +3895,29 @@ export default {
           bottom: 0;
           right: 0;
           z-index: 9;
+          overflow: hidden;
         }
 
         .viewports-box-down {
           z-index: 1;
+          opacity: 0;
+          pointer-events: none;
+        }
+
+        .viewports-box-down {
+          > .grid-cell {
+            border-color: transparent;
+          }
+        }
+
+        .viewports-box-full-screen {
+          > .grid-cell {
+            display: none;
+          }
+
+          > .grid-cell.cell-full-screen {
+            display: flex;
+          }
         }
 
         .grid-cell {
@@ -3907,6 +3925,9 @@ export default {
           display: flex;
           align-items: center;
           justify-content: center;
+          overflow: hidden;
+          min-width: 0;
+          min-height: 0;
           z-index: 1;
         }