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

样式更改
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt.vue
View File

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

104
src/views/trials/trials-panel/reading/dicoms/components/StudyList.vue
View File

@ -20,49 +20,49 @@
style="width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" style="width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
> >
<div> <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 :title="study.StudyCode">{{ study.StudyCode }}</span>
<span style="margin-left: 5px;">{{ study.Modalities }} ({{ study.SeriesCount }})</span> <span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName" style="margin-left: 5px;">
</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">
{{study.StudyName}} {{study.StudyName}}
</span> </span>
<div>{{ study.Modalities }} ({{ study.SeriesCount }})</div>
</div> </div>
<div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description }}</div> <div style="text-overflow: ellipsis;overflow: hidden;">
<div class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)"> <span class="study-meta-line" :title="study.Modalities">
<el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper"> <span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>
<h4>{{ $t('trials:ptData:title') }}</h4> <span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
<div class="patient-info-row"> <el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
<label>{{ $t('trials:ptData:label:patientSex') }}</label> <h4>{{ $t('trials:ptData:title') }}</h4>
<span>{{ study.PatientSex }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:patientSex') }}</label>
<div class="patient-info-row"> <span>{{ study.PatientSex }}</span>
<label>{{ $t('trials:ptData:label:patientWeight') }}</label> </div>
<span>{{ study.PatientWeight }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:patientWeight') }}</label>
<div class="patient-info-row"> <span>{{ study.PatientWeight }}</span>
<label>{{ $t('trials:ptData:label:totalDose') }}</label> </div>
<span>{{ study.RadionuclideTotalDose }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:totalDose') }}</label>
<div class="patient-info-row"> <span>{{ study.RadionuclideTotalDose }}</span>
<label>{{ $t('trials:ptData:label:halfLife') }}</label> </div>
<span>{{ study.RadionuclideHalfLife }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:halfLife') }}</label>
<div class="patient-info-row"> <span>{{ study.RadionuclideHalfLife }}</span>
<label>{{ $t('trials:ptData:label:injectTime') }}</label> </div>
<span>{{ study.RadiopharmaceuticalStartTime }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:injectTime') }}</label>
<div class="patient-info-row"> <span>{{ study.RadiopharmaceuticalStartTime }}</span>
<label>{{ $t('trials:ptData:label:acquisitionTime') }}</label> </div>
<span>{{ study.AcquisitionTime }}</span> <div class="patient-info-row">
</div> <label>{{ $t('trials:ptData:label:acquisitionTime') }}</label>
<i slot="reference" class="el-icon-document" <span>{{ study.AcquisitionTime }}</span>
style="font-size: 15px;cursor: pointer;color: #f5f7fa;" /> </div>
</el-popover> <i slot="reference" class="el-icon-document"
style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
</el-popover>
</span>
</span>
</div> </div>
<div v-if="study.Description" class="study-desc-text" :title="study.Description">{{ study.Description }}</div>
</div> </div>
</div> </div>
@ -974,6 +974,18 @@ export default {
color: #d0d0d0; color: #d0d0d0;
padding: 2px; 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 { .ps {
overflow-anchor: none; overflow-anchor: none;
@ -1069,7 +1081,16 @@ export default {
color: #ddd; color: #ddd;
border-bottom-color:#5a5a5a; border-bottom-color:#5a5a5a;
padding-left: 5px; 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; line-height: 20px;
} }
} }
@ -1141,8 +1162,9 @@ export default {
</style> </style>
<style lang="scss"> <style lang="scss">
.patient-info { .patient-info {
// display: inline-block; display: inline-flex;
text-align: right; align-items: center;
line-height: 1;
} }
.patient-info-popper { .patient-info-popper {
font-size: 12px; font-size: 12px;

118
src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
View File

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