非DICOM阅片页面样式问题

rj
wangxiaoshuang 2026-06-29 11:41:17 +08:00
parent 022a2005f1
commit 30fdd91764
1 changed files with 23 additions and 34 deletions

View File

@ -32,13 +32,8 @@
<svg-icon icon-class="rotate" class="svg-icon" /> <svg-icon icon-class="rotate" class="svg-icon" />
</div> </div>
<!-- 查看关键序列 --> <!-- 查看关键序列 -->
<el-popover <el-popover v-model="keySeriesPopoverVisible" placement="bottom" trigger="click"
v-model="keySeriesPopoverVisible" popper-class="key-series-popper" @show="showKeySeriesPanel">
placement="bottom"
trigger="click"
popper-class="key-series-popper"
@show="showKeySeriesPanel"
>
<ul class="key-series-list"> <ul class="key-series-list">
<li v-if="keyTaskInfo && keyTaskInfo.TaskBlindName" class="key-series-header"> <li v-if="keyTaskInfo && keyTaskInfo.TaskBlindName" class="key-series-header">
<div class="key-series-header-top"> <div class="key-series-header-top">
@ -56,12 +51,8 @@
<li v-else-if="keySeries.length === 0" class="key-series-empty"> <li v-else-if="keySeries.length === 0" class="key-series-empty">
{{ $t('trials:reading:keyImage:noData') }} {{ $t('trials:reading:keyImage:noData') }}
</li> </li>
<li <li v-for="(kf, idx) in keySeries" :key="idx" class="key-series-item"
v-for="(kf, idx) in keySeries" @click.stop.prevent="jumpToKeySeries(kf)">
:key="idx"
class="key-series-item"
@click.stop.prevent="jumpToKeySeries(kf)"
>
<div class="key-series-img"> <div class="key-series-img">
<img v-if="kf.PicturePath" :src="`${OSSclientConfig.basePath}${kf.PicturePath}`" /> <img v-if="kf.PicturePath" :src="`${OSSclientConfig.basePath}${kf.PicturePath}`" />
<svg-icon v-else icon-class="image" class="svg-icon default-icon" /> <svg-icon v-else icon-class="image" class="svg-icon default-icon" />
@ -119,11 +110,7 @@
</div> </div>
<!-- 截图 --> <!-- 截图 -->
<div <div class="tool-item" :title="$t('trials:reading:button:screenShot')" @click.prevent="saveImage">
class="tool-item"
:title="$t('trials:reading:button:screenShot')"
@click.prevent="saveImage"
>
<svg-icon icon-class="image" class="svg-icon" /> <svg-icon icon-class="image" class="svg-icon" />
</div> </div>
<!-- 重置 --> <!-- 重置 -->
@ -131,8 +118,8 @@
<svg-icon icon-class="refresh" class="svg-icon" /> <svg-icon icon-class="refresh" class="svg-icon" />
</div> </div>
<!-- 更多:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" --> <!-- 更多:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" -->
<div v-if="criterionType === 0" :title="$t('trials:reading:button:more')" :class="['tool-item']" <div v-if="criterionType === 0 && customizeStandardsNoneDicom.length > 0" :title="$t('trials:reading:button:more')"
@click.stop="showPanel($event)" @mouseleave="toolMouseout"> :class="['tool-item']" @click.stop="showPanel($event)" @mouseleave="toolMouseout">
<div class="dropdown"> <div class="dropdown">
<div class="icon" data-tool="more"> <div class="icon" data-tool="more">
<svg-icon icon-class="more" class="svg-icon" /> <svg-icon icon-class="more" class="svg-icon" />
@ -310,8 +297,8 @@
</div> </div>
<div class="content-main" :ref="`video-content-main-${index}`" style="flex: 1;"> <div class="content-main" :ref="`video-content-main-${index}`" style="flex: 1;">
<video v-if="v.currentFilePath" :ref="`videovideo-${index}`" <video v-if="v.currentFilePath" :ref="`videovideo-${index}`"
:src="`${OSSclientConfig.basePath}${v.currentFilePath}`" crossorigin="anonymous" :src="`${OSSclientConfig.basePath}${v.currentFilePath}`" crossorigin="anonymous" width="100%"
width="100%" height="100%" autoplay controls controlsList="nodownload"></video> height="100%" autoplay controls controlsList="nodownload"></video>
</div> </div>
</div> </div>
@ -349,7 +336,7 @@
</el-tab-pane> </el-tab-pane>
<!-- 其他 --> <!-- 其他 -->
<el-tab-pane :label="$t('trials:reading:tab:others')" name="2"> <el-tab-pane :label="$t('trials:reading:tab:others')" name="2">
<Others v-if="activeName === '2'" :imageToolType="2"/> <Others v-if="activeName === '2'" :imageToolType="2" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-dialog> </el-dialog>
@ -2588,11 +2575,13 @@ export default {
} }
} }
} }
.personal_config { .personal_config {
::v-deep .el-tabs__content { ::v-deep .el-tabs__content {
height: 450px; height: 450px;
overflow-y: auto; overflow-y: auto;
} }
::v-deep .hot-keys-label { ::v-deep .hot-keys-label {
color: #dfdfdf !important; color: #dfdfdf !important;
} }