XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【NM自定义】pet视口放大缩小，标记显示的位置产生了偏移
continuous-integration/drone/push Build is passing Details

uat
wangxiaoshuang 2025-05-09 15:58:27 +08:00
parent 520d499a0b
commit bbf2dd16e6
1 changed files with 41 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
View File

@ -337,32 +337,34 @@
<div class="content-wrapper">
<!-- viewports -->
<div class="viewports-wrapper">
<div ref="container" class="grid-container" :style="gridStyle">
<div
v-for="(v, index) in cellsMax"
v-show="index < cells.length && !isFusion"
:key="`viewport-${index}`"
:style="cellStyle"
:class="['grid-cell', 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}`"
:rendering-engine-id="renderingEngineId"
:viewport-id="`viewport-${index}`"
:viewport-index="index"
@activeViewport="activeViewport"
@toggleTaskByViewport="toggleTaskByViewport"
@previewCD="previewCD"
@renderAnnotations="renderAnnotations"
/>
</div>
<template v-if="readingTool === 2">
<div ref="container" class="grid-container" >
<div :class="[ 'viewports-box', isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
<div
v-for="(v, index) in cellsMax"
v-show="index < cells.length && isFusion"
v-show="index < cells.length"
:key="`viewport-${index}`"
:style="cellStyle"
:class="['grid-cell', 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}`"
:rendering-engine-id="renderingEngineId"
:viewport-id="`viewport-${index}`"
:viewport-index="index"
@activeViewport="activeViewport"
@toggleTaskByViewport="toggleTaskByViewport"
@previewCD="previewCD"
@renderAnnotations="renderAnnotations"
/>
</div>
</div>
<div :class="[ 'viewports-box', !isFusion ? 'viewports-box-down' : '' ]" v-if="readingTool === 2" :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' : '']"
@ -381,7 +383,7 @@
@renderAnnotations="renderAnnotations"
/>
</div>
</template>
</div>
</div>
</div>
<!-- 表单 -->
@ -3041,7 +3043,20 @@ export default {
width: 100%;
position: relative;
}
.viewports-box {
display: grid;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
.viewports-box-down{
z-index: 1;
}
.grid-cell {
border: 1px dashed #ccc;;
display: flex;