Location: {{
`${Number(imageInfo.location).toFixed(digitPlaces)} mm`
- }}
+ }}
Slice Thickness: {{
`${Number(imageInfo.sliceThickness).toFixed(digitPlaces)} mm`
- }}
+ }}
@@ -76,9 +76,24 @@ import * as cornerstoneTools from '@cornerstonejs/tools'
import { createImageIdsAndCacheMetaData } from '@/views/trials/trials-panel/reading/dicoms/components/Fusion/js/createImageIdsAndCacheMetaData'
import setCtTransferFunctionForVolumeActor from '@/views/trials/trials-panel/reading/dicoms/components/Fusion/js/setCtTransferFunctionForVolumeActor'
import { setCtMappingRange } from '@/views/trials/trials-panel/reading/dicoms/components/Fusion/js/setCtTransferFunctionForVolumeActor'
-import { setPetColorMapTransferFunctionForVolumeActor } from '@/views/trials/trials-panel/reading/dicoms/components/Fusion/js/setPetColorMapTransferFunctionForVolumeActor'
+import {
+ setPetTransferFunctionForVolumeActor
+} from './helpers/index.js'
import { vec3, mat4 } from 'gl-matrix'
import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
+import {
+ renderSegmentation,
+ readingSegmentByConfig,
+ selectSegmentation,
+ selectSegment,
+ createSegmentationRepresentation,
+ viewSegmentation,
+ viewSegment,
+ jumpBidirectional,
+ viewBidirectional,
+ changeColor,
+ resetViewport
+} from "./helpers/segmentations"
export default {
name: 'MPRViewport',
props: {
@@ -99,6 +114,36 @@ export default {
default: () => {
return {}
}
+ },
+ histogramVisible: {
+ type: Boolean,
+ default: false
+ },
+ actionConfiguration: {
+ type: Object,
+ default: () => {
+ return {}
+ }
+ },
+ SegmentConfig: {
+ type: Object,
+ default: () => {
+ return {}
+ }
+ },
+ curSegSeries: {
+ type: Object,
+ default: () => {
+ return {}
+ }
+ },
+ segmentIndex: {
+ type: Number,
+ default: 0
+ },
+ segmentationId: {
+ type: String,
+ default: ''
}
},
data() {
@@ -140,6 +185,7 @@ export default {
rotateAngle: 0,
rotateBarLeft: 0,
loading: false,
+ toggleClipPlayTimer: null
}
},
mounted() {
@@ -149,6 +195,39 @@ export default {
this.$nextTick(() => {
this.initViewport()
})
+ DicomEvent.$on('createSegmentationRepresentation', (segmentationId) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ createSegmentationRepresentation(this.viewportId, segmentationId)
+ })
+ DicomEvent.$on('viewSegmentation', (obj) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ viewSegmentation(obj, this.viewportId)
+ })
+ DicomEvent.$on('viewSegment', (obj) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ viewSegment(obj, this.viewportId)
+ })
+ DicomEvent.$on('jumpBidirectional', (obj) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ jumpBidirectional(obj, this.viewportId, this.volumeId)
+ })
+ DicomEvent.$on('viewBidirectional', (obj) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ viewBidirectional(obj, this.viewportId)
+ })
+ DicomEvent.$on('changeColor', (obj) => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ changeColor(obj, this.viewportId)
+ })
+ DicomEvent.$on('resetViewport', () => {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.TaskInfo.VisitTaskId !== this.series.TaskInfo.VisitTaskId) return false
+ resetViewport(this.viewportId)
+ })
+ DicomEvent.$on('renderSegmentation', async (viewportId) => {
+ // if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.VisitTaskId !== this.series.VisitTaskId) return false
+ if (this.viewportId !== viewportId) return false
+ await renderSegmentation(this.series, this.series.TaskInfo, this.viewportId, this.SegmentConfig, this.renderingEngineId, null, this.actionConfiguration)
+ })
},
watch: {
MPRInfo: {
@@ -167,6 +246,25 @@ export default {
}
},
deep: true
+ },
+ SegmentConfig: {
+ handler() {
+ if (!this.segmentationId) return false
+ if (!this.series.TaskInfo) return false
+ readingSegmentByConfig(this.series, this.series.TaskInfo, this.viewportId, this.segmentationId, this.SegmentConfig)
+ },
+ deep: true
+ },
+ segmentIndex() {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.VisitTaskId !== this.series.VisitTaskId) return false
+ if (this.segmentIndex <= 0) return false
+ selectSegment(this.viewportId, this.segmentationId, this.segmentIndex)
+ },
+ segmentationId() {
+ if (this.curSegSeries.Id !== this.series.Id || this.curSegSeries.VisitTaskId !== this.series.VisitTaskId) return false
+ if (!this.segmentationId) return false
+ selectSegmentation(this.viewportId, this.segmentationId)
+ readingSegmentByConfig(this.series, this.series.TaskInfo, this.viewportId, this.segmentationId, this.SegmentConfig)
}
},
methods: {
@@ -183,6 +281,7 @@ export default {
this.element.addEventListener("CORNERSTONE_VOLUME_NEW_IMAGE", this.stackNewImage)
this.element.addEventListener('CORNERSTONE_VOI_MODIFIED', this.voiModified)
this.element.addEventListener('wheel', (e) => {
+ // if (this.histogramVisible) return false
// console.log('CORNERSTONE_STACK_VIEWPORT_SCROLL')
const renderingEngine = getRenderingEngine(this.renderingEngineId)
const viewport = renderingEngine.getViewport(this.viewportId)
@@ -285,6 +384,7 @@ export default {
this.imageInfo.sliceThickness = type === this.series.orientation ? spacing[2] : spacing[0]
this.imageInfo.total = detail.numberOfSlices
this.getOrientationMarker()
+ this.$emit("resetHistogram")
let properties = viewport.getProperties(this.volumeId)
if (properties && properties.voiRange) {
var { lower, upper } = properties.voiRange
@@ -392,11 +492,20 @@ export default {
this.playClipState = isPlay
const renderingEngine = getRenderingEngine(this.renderingEngineId)
const viewport = renderingEngine.getViewport(this.viewportId)
-
if (isPlay) {
- cornerstoneTools.utilities.cine.playClip(viewport.element, { framesPerSecond, loop: true })
+ this.toggleClipPlayTimer = setInterval(() => {
+ let index = this.series.SliceIndex + 1;
+ if (index > this.imageInfo.total - 1) index = 0
+ csUtils.jumpToSlice(viewport.element, { imageIndex: index });
+
+ }, framesPerSecond)
+ // cornerstoneTools.utilities.cine.playClip(viewport.element, { framesPerSecond, loop: true })
} else {
- cornerstoneTools.utilities.cine.stopClip(viewport.element)
+ if (this.toggleClipPlayTimer) {
+ clearInterval(this.toggleClipPlayTimer)
+ this.toggleClipPlayTimer = null
+ }
+ // cornerstoneTools.utilities.cine.stopClip(viewport.element)
}
},
scrollPage(type) {
@@ -490,7 +599,7 @@ export default {
.setVolumes([{
volumeId: this.volumeId, callback: (r) => {
if (this.series.Modality === 'PT') {
- setPetColorMapTransferFunctionForVolumeActor(r, true)
+ setPetTransferFunctionForVolumeActor(r)
} else {
let volume = cache.getVolume(this.volumeId)
const voi = metaData.get('voiLutModule', volume._imageIds[Math.ceil((volume._imageIds.length - 1) / 2)])
@@ -498,7 +607,6 @@ export default {
setCtTransferFunctionForVolumeActor(r)
}
console.log("渲染成功")
- DicomEvent.$emit("isloaded", { isChange: false })
}
}]).then(r => {
if (data.isLocation || !this.imageInfo.zoom) {
@@ -506,6 +614,22 @@ export default {
}
})
viewport.render()
+ if (this.series.Modality === 'PT') {
+ setTimeout(() => {
+ viewport.resetCamera({ resetPan: true, resetZoom: true, resetToCenter: true })
+ viewport.resetProperties()
+ viewport.setProperties({ voiRange: { upper: 5, lower: 0 } })
+ viewport.render()
+ renderingEngine.render()
+ }, 100)
+ }
+ await renderSegmentation(this.series, this.series.TaskInfo, this.viewportId, this.SegmentConfig, this.renderingEngineId, null, this.actionConfiguration)
+ DicomEvent.$emit('SegmentationLoading', this.viewportId)
+ let volume = cache.getVolume(this.volumeId)
+ // console.log(volume, 'volume')
+ if (this.series.orientation === 'AXIAL' && this.series.curIndex) return this.setFullScreen(this.series.curIndex)
+ let index = this.series.orientation === 'AXIAL' ? Math.ceil((volume._imageIds.length - 1) / 2) - 1 : Math.ceil((volume.dimensions[0]) / 2) - 1
+ this.setFullScreen(index)
} catch (e) {
console.log(e)
}
@@ -680,6 +804,12 @@ export default {
return `NS: ${this.$store.state.trials.downloadTip}`
}
},
+ destroyed() {
+ if (this.toggleClipPlayTimer) {
+ clearInterval(this.toggleClipPlayTimer)
+ this.toggleClipPlayTimer = null
+ }
+ }
}
\ No newline at end of file
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/VolumeViewport.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/VolumeViewport.vue
index 3496e147..436b6b4b 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/VolumeViewport.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/VolumeViewport.vue
@@ -14,6 +14,25 @@
Image: #{{ `${series.SliceIndex + 1}/${imageInfo.total}` }}
{{ series.Modality }}