|
|
|
|
@ -101,7 +101,7 @@
|
|
|
|
|
@mouseup="sliderMouseup($event, index)"
|
|
|
|
|
@mousemove="sliderMousemove($event, index)"
|
|
|
|
|
>
|
|
|
|
|
<div v-show="v.fileType === 'image/jpeg'" :ref="`canvas-${index}`" class="content">
|
|
|
|
|
<div v-show="imageType.includes(v.fileType)" :ref="`canvas-${index}`" class="content">
|
|
|
|
|
<div class="left-top-text">
|
|
|
|
|
<div
|
|
|
|
|
v-if="v.taskInfo.IsExistsClinicalData"
|
|
|
|
|
@ -263,7 +263,8 @@ export default {
|
|
|
|
|
taskInfo: null,
|
|
|
|
|
activeTool: '',
|
|
|
|
|
readingTaskState: 2,
|
|
|
|
|
renderHistoryAnnotationTaskIds: []
|
|
|
|
|
renderHistoryAnnotationTaskIds: [],
|
|
|
|
|
imageType: ['image/jpeg', 'image/jpg', 'image/bmp', 'image/png']
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
@ -493,7 +494,7 @@ export default {
|
|
|
|
|
if (!obj || Object.keys(obj).length === 0) return
|
|
|
|
|
const i = this.viewportInfos.findIndex(i => i.index === this.activeCanvasIndex)
|
|
|
|
|
if (i === -1) return
|
|
|
|
|
if (obj.studyId === this.viewportInfos[i].studyId && this.viewportInfos[i].fileType === 'image/jpeg' && obj.fileInfo.FileType === 'image/jpeg') {
|
|
|
|
|
if (obj.studyId === this.viewportInfos[i].studyId && this.imageType.includes(this.viewportInfos[i].fileType) && this.imageType.includes(obj.fileInfo.FileType)) {
|
|
|
|
|
const fileIndex = this.viewportInfos[i].fileList.findIndex(i => i.Path === obj.fileInfo.Path)
|
|
|
|
|
this.sliceIndex(fileIndex)
|
|
|
|
|
} else {
|
|
|
|
|
@ -525,8 +526,8 @@ export default {
|
|
|
|
|
this.viewportInfos[i].currentFileName = obj.fileInfo.FileName
|
|
|
|
|
this.viewportInfos[i].studyId = obj.studyId
|
|
|
|
|
this.viewportInfos[i].fileType = obj.fileInfo.FileType
|
|
|
|
|
if (obj.fileInfo.FileType === 'image/jpeg') {
|
|
|
|
|
const arr = obj.fileList.filter(i => i.FileType === obj.fileInfo.FileType)
|
|
|
|
|
if (this.imageType.includes(obj.fileInfo.FileType)) {
|
|
|
|
|
const arr = obj.fileList.filter(i => this.imageType.includes(i.FileType))
|
|
|
|
|
this.viewportInfos[i].fileList = arr
|
|
|
|
|
const fileIndex = this.viewportInfos[i].fileList.findIndex(i => i.Path === obj.fileInfo.Path)
|
|
|
|
|
this.viewportInfos[i].currentImageIdIndex = fileIndex
|
|
|
|
|
@ -648,7 +649,7 @@ export default {
|
|
|
|
|
// 切换全屏
|
|
|
|
|
toggleFullScreen(e, index) {
|
|
|
|
|
const i = this.viewportInfos.findIndex(i => i.index === index)
|
|
|
|
|
if (i === -1 && this.viewportInfos[i].fileType !== 'image/jpeg') return
|
|
|
|
|
if (i === -1 && this.imageType.includes(this.viewportInfos[i].fileType)) return
|
|
|
|
|
this.fullScreenIndex = this.fullScreenIndex === index ? null : index
|
|
|
|
|
this.activeCanvasIndex = index
|
|
|
|
|
},
|
|
|
|
|
@ -847,12 +848,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
sliderMouseup(e, index) {
|
|
|
|
|
const i = this.viewportInfos.findIndex(i => i.index === index)
|
|
|
|
|
if (i === -1 && this.viewportInfos[i].fileType !== 'image/jpeg') return
|
|
|
|
|
if (i === -1 && this.imageType.includes(this.viewportInfos[i].fileType)) return
|
|
|
|
|
this.viewportInfos[i].isMove = false
|
|
|
|
|
},
|
|
|
|
|
sliderMousemove(e, index) {
|
|
|
|
|
const i = this.viewportInfos.findIndex(i => i.index === index)
|
|
|
|
|
if (i === -1 && this.viewportInfos[i].fileType !== 'image/jpeg') return
|
|
|
|
|
if (i === -1 && this.imageType.includes(this.viewportInfos[i].fileType)) return
|
|
|
|
|
if (!this.viewportInfos[i].isMove) return
|
|
|
|
|
const delta = this.viewportInfos[i].oldB - (this.viewportInfos[i].oldM - e.clientY)
|
|
|
|
|
const boxHeight = this.$refs[`sliderBox-${index}`][0].clientHeight
|
|
|
|
|
|