【NM自定义】pet视口放大缩小,标记显示的位置产生了偏移
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
520d499a0b
commit
bbf2dd16e6
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue