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

阅片页面样式更改
continuous-integration/drone/push Build is passing Details

uat_us
caiyiling 2026-03-19 16:54:25 +08:00
parent 75d296405b
commit e012eba0c2
1 changed files with 35 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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