306 lines
10 KiB
Plaintext
306 lines
10 KiB
Plaintext
<template>
|
|
<div ref="container" style="width:100%;height:100%" class="dicom-container">
|
|
<!-- 访视阅片 -->
|
|
<div v-if="readingCategory && readingCategory=== 1" class="reading-wrapper">
|
|
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeave">
|
|
<el-tab-pane label="阅片" name="read">
|
|
<ReadPage
|
|
v-if="tabs.includes('read')"
|
|
:trial-id="trialId"
|
|
:visit-task-id="visitTaskId"
|
|
:subject-id="subjectId"
|
|
:subject-code="subjectCode"
|
|
:is-exists-clinical-data="isExistsClinicalData"
|
|
:is-exists-no-dicom-file="isExistsNoDicomFile"
|
|
/>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="报告" name="report">
|
|
<ReportPage v-if="tabs.includes('report')" :visit-task-id="visitTaskId" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
|
|
<!-- 全局阅片 -->
|
|
<GlobalReview
|
|
v-else-if="readingCategory && readingCategory === 2"
|
|
:trial-id="trialId"
|
|
:subject-id="subjectId"
|
|
:visit-task-id="visitTaskId"
|
|
:reading-category="readingCategory"
|
|
:subject-code="subjectCode"
|
|
:task-blind-name="taskBlindName"
|
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
|
/>
|
|
<!-- 裁判阅片 -->
|
|
<AdReview
|
|
v-else-if="readingCategory && readingCategory === 4"
|
|
:trial-id="trialId"
|
|
:subject-id="subjectId"
|
|
:visit-task-id="visitTaskId"
|
|
:reading-category="readingCategory"
|
|
:subject-code="subjectCode"
|
|
:task-blind-name="taskBlindName"
|
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
|
/>
|
|
|
|
<!-- 肿瘤学阅片 -->
|
|
<OncologyReview
|
|
v-else-if="readingCategory && readingCategory === 5"
|
|
:trial-id="trialId"
|
|
:subject-id="subjectId"
|
|
:visit-task-id="visitTaskId"
|
|
:reading-category="readingCategory"
|
|
:subject-code="subjectCode"
|
|
:task-blind-name="taskBlindName"
|
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
|
/>
|
|
|
|
<el-dialog
|
|
title="临床数据"
|
|
width="98%"
|
|
:visible.sync="dialogVisible"
|
|
style="margin:0px"
|
|
custom-class="dialog-container"
|
|
:show-close="false"
|
|
>
|
|
<div :style="{'height':dialogH,'margin':0}">
|
|
<ClinicalData
|
|
:trial-id="trialId"
|
|
:subject-id="subjectId"
|
|
:visit-task-id="visitTaskId"
|
|
/>
|
|
</div>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="handleConfirmCD">确认</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { getNextTask, readClinicalData } from '@/api/trials'
|
|
import ReadPage from './components/ReadPage'
|
|
import ReportPage from './components/ReportPage'
|
|
import GlobalReview from '@/views/trials/trials-panel/reading/global-review'
|
|
import AdReview from '@/views/trials/trials-panel/reading/ad-review'
|
|
import OncologyReview from '@/views/trials/trials-panel/reading/oncology-review'
|
|
import ClinicalData from '@/views/trials/trials-panel/reading/clinical-data'
|
|
import DicomEvent from './components/DicomEvent'
|
|
import store from '@/store'
|
|
import { getToken } from '@/utils/auth'
|
|
import { changeURLStatic } from '@/utils/history.js'
|
|
export default {
|
|
name: 'Reading',
|
|
components: {
|
|
ReadPage,
|
|
ReportPage,
|
|
GlobalReview,
|
|
AdReview,
|
|
OncologyReview,
|
|
ClinicalData
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: '',
|
|
tabs: [],
|
|
trialId: '',
|
|
subjectCode: '',
|
|
subjectId: '',
|
|
visitTaskId: '',
|
|
loading: false,
|
|
readingCategory: null,
|
|
isReadingShowSubjectInfo: false,
|
|
isReadingShowPreviousResults: false,
|
|
isExistsClinicalData: false,
|
|
isExistsNoDicomFile: false,
|
|
isNeedReadClinicalData: false,
|
|
isReadClinicalData: false,
|
|
digitPlaces: 2,
|
|
isReadingTaskViewInOrder: false,
|
|
firstTaskReadingCategory: null,
|
|
criterionType: null,
|
|
readingTool: null,
|
|
dialogVisible: false,
|
|
dialogH: 0,
|
|
TrialReadingCriterionId: null
|
|
}
|
|
},
|
|
mounted() {
|
|
DicomEvent.$on('getNextTask', () => {
|
|
this.activeName = this.$router.currentRoute.query.tabName ? this.$router.currentRoute.query.tabName : 'read'
|
|
this.tabs = [this.activeName]
|
|
this.firstTaskReadingCategory = this.readingCategory
|
|
if (this.isReadingTaskViewInOrder === 'false' || this.isReadingTaskViewInOrder === false) {
|
|
// 清除缓存visitTaskList
|
|
store.dispatch('reading/resetVisitTasks')
|
|
}
|
|
this.getTaskInfo(1)
|
|
})
|
|
this.activeName = this.$router.currentRoute.query.tabName ? this.$router.currentRoute.query.tabName : 'read'
|
|
this.tabs.push(this.activeName)
|
|
this.trialId = this.$router.currentRoute.query.trialId
|
|
this.subjectCode = this.$router.currentRoute.query.subjectCode
|
|
this.subjectId = this.$router.currentRoute.query.subjectId
|
|
this.visitTaskId = this.$router.currentRoute.query.visitTaskId
|
|
this.isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
|
|
this.criterionType = this.$router.currentRoute.query.criterionType
|
|
this.readingTool = this.$router.currentRoute.query.readingTool
|
|
this.TrialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
|
|
if (this.$router.currentRoute.query.TokenKey) {
|
|
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
|
|
changeURLStatic('TokenKey', '')
|
|
}
|
|
this.getTaskInfo()
|
|
this.dialogH = this.$refs['container'].clientHeight - 160 + 'px'
|
|
window.addEventListener('resize', () => { this.dialogH = this.$refs['container'].clientHeight - 160 + 'px' })
|
|
},
|
|
beforeDestroy() {
|
|
DicomEvent.$off('getNextTask')
|
|
},
|
|
methods: {
|
|
getTaskInfo(flag = 0) {
|
|
this.loading = true
|
|
var param = {
|
|
subjectId: this.subjectId,
|
|
trialId: this.trialId,
|
|
subjectCode: this.subjectCode,
|
|
visitTaskId: this.$router.currentRoute.query.visitTaskId,
|
|
trialReadingCriterionId: this.$router.currentRoute.query.TrialReadingCriterionId
|
|
}
|
|
getNextTask(param).then(async res => {
|
|
this.visitTaskId = res.Result.VisitTaskId
|
|
if (this.subjectId !== res.Result.SubjectId) {
|
|
store.dispatch('reading/resetVisitTasks')
|
|
var token = getToken()
|
|
window.location.href = `/readingDicoms?visitTaskId=${res.Result.VisitTaskId}&TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${res.Result.SubjectCode}&subjectId=${res.Result.SubjectId}&isReadingTaskViewInOrder=${this.isReadingTaskViewInOrder}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&TokenKey=${token}`
|
|
}
|
|
this.subjectId = res.Result.SubjectId
|
|
this.subjectCode = res.Result.SubjectCode
|
|
this.taskBlindName = res.Result.TaskBlindName
|
|
this.isReadingShowSubjectInfo = res.Result.IsReadingShowSubjectInfo
|
|
this.isReadingShowPreviousResults = res.Result.IsReadingShowPreviousResults
|
|
this.isExistsNoDicomFile = res.Result.IsExistsNoDicomFile
|
|
this.isExistsClinicalData = res.Result.IsExistsClinicalData
|
|
this.isReadClinicalData = res.Result.IsReadClinicalData
|
|
this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
|
|
this.CriterionType = res.Result.CriterionType
|
|
this.digitPlaces = res.Result.DigitPlaces
|
|
localStorage.setItem('CriterionType', res.Result.CriterionType)
|
|
localStorage.setItem('digitPlaces', 2)
|
|
this.readingCategory = res.Result.ReadingCategory
|
|
if (this.isExistsClinicalData && this.isNeedReadClinicalData && !this.isReadClinicalData) {
|
|
this.dialogVisible = true
|
|
}
|
|
if (this.firstTaskReadingCategory === 1 && res.Result.ReadingCategory === 1 && this.isReadingTaskViewInOrder === 'true' && flag) {
|
|
this.$nextTick(() => {
|
|
this.activeName = 'read'
|
|
DicomEvent.$emit('getNextVisitInfo')
|
|
DicomEvent.$emit('getReportInfo')
|
|
})
|
|
}
|
|
this.loading = false
|
|
}).catch(() => { this.loading = false })
|
|
},
|
|
|
|
beforeLeave(activeName, oldActiveName) {
|
|
if (oldActiveName === 'read') {
|
|
var list = null
|
|
DicomEvent.$emit('getAllUnSaveLesions', val => {
|
|
list = val
|
|
})
|
|
if (list.length > 0) {
|
|
var arr = []
|
|
list.map(i => {
|
|
arr.push(i.lessionName)
|
|
})
|
|
this.$confirm(`请先保存${arr.join('、')}病灶信息！`, {
|
|
type: 'warning',
|
|
showCancelButton: false
|
|
}).then(() => {
|
|
}).catch(() => {
|
|
})
|
|
return false
|
|
} else {
|
|
if (!this.tabs.includes(activeName)) {
|
|
this.tabs.push(activeName)
|
|
}
|
|
return true
|
|
}
|
|
} else {
|
|
if (!this.tabs.includes(activeName)) {
|
|
this.tabs.push(activeName)
|
|
}
|
|
return true
|
|
}
|
|
},
|
|
handleConfirmCD() {
|
|
this.loading = true
|
|
var visitTaskId = this.visitTaskId
|
|
readClinicalData({ visitTaskId }).then(res => {
|
|
this.loading = false
|
|
this.dialogVisible = false
|
|
this.isReadClinicalData = true
|
|
}).catch(() => { this.loading = false })
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.dicom-container{
|
|
.reading-wrapper{
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 5px;
|
|
box-sizing: border-box;
|
|
background-color: #000;
|
|
.el-tabs{
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.el-tabs__item{
|
|
color: #fff;
|
|
}
|
|
>>>.el-tabs__header{
|
|
height: 50px;
|
|
margin:0px;
|
|
box-sizing: border-box;
|
|
}
|
|
>>>.el-tabs__content{
|
|
flex: 1;
|
|
margin:0px;
|
|
box-sizing: border-box;
|
|
}
|
|
>>>.el-tabs__item{
|
|
color: #fff;
|
|
}
|
|
>>>.el-tab-pane{
|
|
height: 100%;
|
|
}
|
|
|
|
}
|
|
.el-dialog{
|
|
margin-top: 0px !important;
|
|
>>>.el-dialog__wrapper{
|
|
margin-top: 0px !important;
|
|
}
|
|
>>>.el-dialog__body{
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
}
|
|
>>>.dialog-container{
|
|
margin-top: 10px !important;
|
|
|
|
}
|
|
>>>.el-dialog__body{
|
|
padding: 10px;
|
|
}
|
|
}
|
|
</style>
|