样式更改
continuous-integration/drone/push Build is passing Details

main
caiyiling 2026-05-06 11:23:57 +08:00
parent 10a43d4c04
commit d08df877d7
3 changed files with 129 additions and 97 deletions

View File

@ -130,7 +130,7 @@
<div class="text">{{ $t('trials:reading:button:reset') }}</div>
</div>
</el-tooltip>
<el-tooltip v-if="!isBaseLineTask" class="item" effect="dark" :content="$t('trials:lugano:button:record')"
<!-- <el-tooltip v-if="!isBaseLineTask" class="item" effect="dark" :content="$t('trials:lugano:button:record')"
placement="bottom">
<div class="tool-wrapper">
<div class="icon" @click.prevent="historyRecord">
@ -138,7 +138,7 @@
</div>
<div class="text">{{ $t('trials:lugano:button:record') }}</div>
</div>
</el-tooltip>
</el-tooltip> -->
<!-- 伪彩 -->
<colorMap v-show="isFusion" ref="colorMap" :unit="fusionOverlayModality === 'NM' ? 'counts' : 'g/ml'"
:modality="fusionOverlayModality" @setColorMap="setColorMap" @voiChange="voiChange" />

View File

@ -20,19 +20,16 @@
style="width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
>
<div>
<div style="text-overflow: ellipsis;overflow: hidden;" v-if="!study.StudyName">
<div style="text-overflow: ellipsis;overflow: hidden;">
<span :title="study.StudyCode">{{ study.StudyCode }}</span>
<span style="margin-left: 5px;">{{ study.Modalities }} ({{ study.SeriesCount }})</span>
</div>
<div style="text-overflow: ellipsis;overflow: hidden;" v-else>
<span :title="study.StudyCode">{{ study.StudyCode }}</span>
<span v-if="taskInfo && taskInfo.IsShowStudyName" :title="study.StudyName" style="margin: 0 5px">
<span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName" style="margin-left: 5px;">
{{study.StudyName}}
</span>
<div>{{ study.Modalities }} ({{ study.SeriesCount }})</div>
</div>
<div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description }}</div>
<div class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
<div style="text-overflow: ellipsis;overflow: hidden;">
<span class="study-meta-line" :title="study.Modalities">
<span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>
<span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
<el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
<h4>{{ $t('trials:ptData:title') }}</h4>
<div class="patient-info-row">
@ -62,7 +59,10 @@
<i slot="reference" class="el-icon-document"
style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
</el-popover>
</span>
</span>
</div>
<div v-if="study.Description" class="study-desc-text" :title="study.Description">{{ study.Description }}</div>
</div>
</div>
@ -974,6 +974,18 @@ export default {
color: #d0d0d0;
padding: 2px;
}
.study-meta-line {
display: inline-flex;
align-items: center;
gap: 6px;
vertical-align: middle;
}
.study-desc-text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ps {
overflow-anchor: none;
@ -1069,7 +1081,16 @@ export default {
color: #ddd;
border-bottom-color:#5a5a5a;
padding-left: 5px;
height: 40px;
min-height: 40px;
height: auto;
line-height: 20px;
align-items: flex-start;
padding-top: 6px;
padding-bottom: 6px;
}
.el-collapse-item__arrow{
align-self: flex-start;
margin-top: 2px;
line-height: 20px;
}
}
@ -1141,8 +1162,9 @@ export default {
</style>
<style lang="scss">
.patient-info {
// display: inline-block;
text-align: right;
display: inline-flex;
align-items: center;
line-height: 1;
}
.patient-info-popper {
font-size: 12px;

View File

@ -14,25 +14,16 @@
<el-collapse-item :key="`${study.StudyId}`" :name="`${study.StudyId}`" v-if="!study.IsCriticalSequence">
<template slot="title">
<div v-if="readingTool !== 3 || !study.IsCriticalSequence" class="dicom-desc">
<template v-if="taskInfo && taskInfo.IsShowStudyName">
<div style="text-overflow: ellipsis;overflow: hidden;">
<span :title="study.StudyCode">{{ study.StudyCode }}</span>
<span v-if="study.StudyName" :title="study.StudyName" style="margin-left: 5px;">{{ study.StudyName
}}</span>
<span v-else :title="study.Modalities" style="margin-left: 5px;">{{ `${study.Modalities}
(${study.SeriesCount})` }}</span>
<span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName" style="margin-left: 5px;">
{{ study.StudyName }}
</span>
</div>
<div v-if="study.StudyName" style="text-overflow: ellipsis;overflow: hidden;">
<span :title="study.Modalities">{{ `${study.Modalities} (${study.SeriesCount})` }}</span>
</div>
</template>
<template v-else-if="taskInfo && !taskInfo.IsShowStudyName">
<div style="text-overflow: ellipsis;overflow: hidden;">
<span :title="study.StudyCode">{{ study.StudyCode }}</span>
<span :title="study.Modalities">{{ `${study.Modalities} (${study.SeriesCount})` }}</span>
</div>
</template>
<div class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
<span class="study-meta-line" :title="study.Modalities">
<span>{{ `${study.Modalities} (${study.SeriesCount})` }}</span>
<span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
<el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
<h4>{{ $t('trials:ptData:title') }}</h4>
<div class="patient-info-row">
@ -62,8 +53,12 @@
<i slot="reference" class="el-icon-document"
style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
</el-popover>
</span>
</span>
</div>
<div style="text-overflow: ellipsis;overflow: hidden;">
<span :title="study.Description">{{ study.Description }}</span>
</div>
</div>
<div v-else>
<!-- 关键序列 -->
@ -265,10 +260,10 @@ export default {
}
</script>
<style lang="scss">
.patient-info {
// display: inline-block;
text-align: right;
}
// .patient-info {
// // display: inline-block;
// // text-align: right;
// }
.patient-info-popper {
font-size: 12px;
@ -343,6 +338,17 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
}
.study-meta-line {
display: inline-flex;
align-items: center;
gap: 6px;
vertical-align: middle;
}
.patient-info {
display: inline-flex;
align-items: center;
line-height: 1;
}
.ps {
flex: 1;
@ -427,8 +433,12 @@ export default {
color: #ddd;
border-bottom-color: #5a5a5a;
padding-left: 5px;
// height: 50px;
min-height: 40px;
height: auto;
line-height: 20px;
align-items: flex-start;
padding-top: 6px;
padding-bottom: 6px;
}
}