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
wangxiaoshuang 2025-11-03 15:59:50 +08:00
parent d13a5edfda
commit d4aa02e0e5
2 changed files with 561 additions and 529 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1018
src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
View File

File diff suppressed because it is too large Load Diff

72
src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="dicom-container">
<div class="dicom-list">
<div :class="{ 'dicom-list': true, studyHide: !studyShow }">
<div class="container">
<div class="related-study-wrapper">
<div class="left">
@ -17,15 +17,22 @@
</div>
</div>
<div class="right">
<div v-for="s in visitTaskList" v-show="activeTaskVisitId === s.VisitTaskId" :key="s.VisitTaskId"
class="study-wrapper">
<StudyList v-if="selectArr.includes(s.VisitTaskId)" :ref="s.VisitTaskId" :visit-task-id="s.VisitTaskId"
:trial-id="trialId" :subject-visit-id="s.VisitId" :task-blind-name="s.TaskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo" @loadImageStack="loadImageStack"
@previewNoneDicoms="previewNoneDicoms" />
</div>
<div class="study_btn" @click.stop="clickShow"
:title="studyShow ? $t('reading:dicom:dicom-list:hiden') : $t('reading:dicom:dicom-list:show')">
<i :class="studyShow ? 'el-icon-s-fold' : 'el-icon-s-unfold'"></i>
</div>
<transition name="studyBox">
<div class="right" v-show="studyShow">
<div v-for="s in visitTaskList" v-show="activeTaskVisitId === s.VisitTaskId" :key="s.VisitTaskId"
class="study-wrapper">
<StudyList v-if="selectArr.includes(s.VisitTaskId)" :ref="s.VisitTaskId" :visit-task-id="s.VisitTaskId"
:trial-id="trialId" :subject-visit-id="s.VisitId" :task-blind-name="s.TaskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo" @loadImageStack="loadImageStack"
@previewNoneDicoms="previewNoneDicoms" />
</div>
</div>
</transition>
</div>
</div>
</div>
@ -34,7 +41,7 @@
<DicomViewer v-if="activeTaskVisitId" ref="dicomViewer" :is-show="isShow"
:question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum"
:is-exists-clinical-data="isExistsClinicalData" :is-exists-no-dicom-file="isExistsNoDicomFile"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-show-subject-info="isReadingShowSubjectInfo" :studyShow="studyShow"
:is-reading-task-view-in-order="isReadingTaskViewInOrder" :is-exists-manual="isExistsManual"
:iseCRFShowInDicomReading="iseCRFShowInDicomReading" @previewCD="previewCD" />
</div>
@ -148,7 +155,8 @@ export default {
activeTaskIsBaseline: false,
activeTaskReadingTaskState: 2,
readingTaskState: 2,
open: null
open: null,
studyShow: true,
}
},
computed: {
@ -229,6 +237,12 @@ export default {
workSpeedclose(true)
},
methods: {
clickShow() {
this.studyShow = !this.studyShow
this.$nextTick(() => {
this.$refs.dicomViewer.changeLayout()
})
},
async getVisitInfo() {
const loading = this.$loading({ fullscreen: true })
@ -685,6 +699,22 @@ export default {
display: flex;
flex-direction: row;
justify-content: space-between;
position: relative;
.study_btn {
position: absolute;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #607d8b;
top: 65px;
right: -25px;
z-index: 99;
color: #d5d5d5;
background-color: #424242;
cursor: pointer;
}
.left {
position: relative;
@ -743,5 +773,25 @@ export default {
}
}
}
.studyHide {
width: 30px;
transition: 0.5s;
}
}
.studyBox-leave-active,
.studyBox-enter-active {
transition: all 0.5s ease;
}
.studyBox-leave-active,
.studyBox-enter {
width: 0px !important;
}
.studyBox-leave,
.studyBox-enter-active {
width: 170px;
}
</style>