【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">
|
<div class="content-wrapper">
|
||||||
<!-- viewports -->
|
<!-- viewports -->
|
||||||
<div class="viewports-wrapper">
|
<div class="viewports-wrapper">
|
||||||
<div ref="container" class="grid-container" :style="gridStyle">
|
<div ref="container" class="grid-container" >
|
||||||
<div
|
<div :class="[ 'viewports-box', isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
|
||||||
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
|
<div
|
||||||
v-for="(v, index) in cellsMax"
|
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}`"
|
:key="`viewport-fusion-${index}`"
|
||||||
:style="cellStyle"
|
:style="cellStyle"
|
||||||
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||||
|
@ -381,7 +383,7 @@
|
||||||
@renderAnnotations="renderAnnotations"
|
@renderAnnotations="renderAnnotations"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
|
@ -3041,7 +3043,20 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
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 {
|
.grid-cell {
|
||||||
border: 1px dashed #ccc;;
|
border: 1px dashed #ccc;;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in New Issue