164 lines
3.8 KiB
Plaintext
164 lines
3.8 KiB
Plaintext
<template>
|
|
<div class="measurement-wrapper" :style="{'height':height+10+'px'}">
|
|
|
|
<div class="container" :style="{'height':height+'px'}">
|
|
<h3 style="color: #ddd;padding: 5px 0px;margin: 0;">
|
|
<span v-if="subjectCode">{{ subjectCode }} </span>
|
|
<span style="margin-left:5px;">{{ taskBlindName }}</span>
|
|
</h3>
|
|
<QuestionsPreview
|
|
v-if="ecrfShow"
|
|
:visitTaskId="visitTaskId"
|
|
>
|
|
</QuestionsPreview>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import DicomEvent from './DicomEvent'
|
|
import QuestionsPreview from './QuestionsPreview'
|
|
import store from '@/store'
|
|
import { mapGetters } from 'vuex'
|
|
export default {
|
|
name: 'MeasurementList',
|
|
components: {
|
|
QuestionsPreview
|
|
},
|
|
data() {
|
|
return {
|
|
height: window.innerHeight - 140,
|
|
visitTaskId: '',
|
|
loading: false,
|
|
CriterionType: null,
|
|
subjectCode: '',
|
|
taskBlindName: '',
|
|
TrialReadingCriterionId: null,
|
|
ecrfShow: false
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters(['visitTaskList'])
|
|
},
|
|
mounted() {
|
|
this.subjectCode = this.$router.currentRoute.query.subjectCode
|
|
this.CriterionType = parseInt(localStorage.getItem('CriterionType'))
|
|
this.TrialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
|
|
DicomEvent.$on('loadMeasurementList', async obj => {
|
|
if (this.visitTaskId !== obj.visitTaskId) {
|
|
this.visitTaskId = obj.visitTaskId
|
|
this.taskBlindName = obj.taskBlindName
|
|
this.activeName = ''
|
|
this.activeItem.activeRowIndex = null
|
|
this.activeItem.activeCollapseId = null
|
|
}
|
|
})
|
|
DicomEvent.$on('setCollapseActive', measureData => {
|
|
})
|
|
DicomEvent.$on('changeLesionType', (questionsObj) => {
|
|
})
|
|
DicomEvent.$on('getAllUnSaveLesions', (callback) => {
|
|
})
|
|
|
|
DicomEvent.$on('split', measureData => {
|
|
})
|
|
DicomEvent.$on('setReadingState', readingTaskState => {
|
|
})
|
|
|
|
window.addEventListener('resize', this.setHeight)
|
|
},
|
|
beforeDestroy() {
|
|
DicomEvent.$off('loadMeasurementList')
|
|
DicomEvent.$off('setCollapseActive')
|
|
DicomEvent.$off('changeLesionType')
|
|
DicomEvent.$off('getUnSaveTarget')
|
|
DicomEvent.$off('setReadingState')
|
|
},
|
|
methods: {
|
|
setHeight() {
|
|
this.height = window.innerHeight - 140
|
|
},
|
|
initPage(obj) {
|
|
if (this.visitTaskId !== obj.visitTaskId) {
|
|
this.visitTaskId = obj.visitTaskId
|
|
this.taskBlindName = obj.taskBlindName
|
|
this.activeName = ''
|
|
this.ecrfShow = true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.measurement-wrapper{
|
|
overflow-y: auto;
|
|
// overflow: hidden;
|
|
|
|
.container{
|
|
padding: 10px;
|
|
}
|
|
.title{
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
color: #ddd;
|
|
font-size: 15px;
|
|
|
|
}
|
|
.add-icon{
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
color: #ddd;
|
|
font-size: 15px;
|
|
border: 1px solid #938b8b;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.add-icon:hover{
|
|
background-color: #607d8b;
|
|
}
|
|
|
|
.flex-row{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
background-color: #424242;
|
|
|
|
}
|
|
.lesion_list{
|
|
position: relative;
|
|
}
|
|
.el-collapse{
|
|
border-bottom:none;
|
|
>>>.el-collapse-item{
|
|
background-color: #000!important;
|
|
color: #ddd;
|
|
|
|
}
|
|
>>>.el-collapse-item__header{
|
|
background-color: #000!important;
|
|
color: #ddd;
|
|
border-bottom-color:#5a5a5a;
|
|
padding-left: 5px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
>>>.el-collapse-item__wrap{
|
|
background-color: #000!important;
|
|
color: #ddd;
|
|
}
|
|
>>>.el-collapse-item__content{
|
|
width:260px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
// border: 1px solid #ffeb3b;
|
|
border: 1px solid #fff;
|
|
z-index: 1;
|
|
color: #ddd;
|
|
padding: 5px;
|
|
background-color:#1e1e1e;
|
|
}
|
|
|
|
}
|
|
}
|
|
</style>
|