XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

阅片页面添加loading
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-07-07 11:15:01 +08:00
parent 19782687e8
commit 99393e60e2
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/trials/trials-panel/reading/dicoms3D/components/PetCtViewport.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div ref="viewport-fusion" class="viewport-wrapper" @mouseup="sliderMouseup" @mousemove="sliderMousemove" <div ref="viewport-fusion" class="viewport-wrapper" v-loading="loading" element-loading-text="Loading..."
element-loading-background="rgba(0, 0, 0, 0.8)" @mouseup="sliderMouseup" @mousemove="sliderMousemove"
@mouseleave="sliderMouseleave" :style="{ color: series.Modality === 'PT' || isMip ? '#666' : '#ddd' }"> @mouseleave="sliderMouseleave" :style="{ color: series.Modality === 'PT' || isMip ? '#666' : '#ddd' }">
<div v-if="series && taskInfo" class="left-top-text"> <div v-if="series && taskInfo" class="left-top-text">
<div v-if="taskInfo.IsExistsClinicalData && !isMip && !isFusion" class="cd-info" <div v-if="taskInfo.IsExistsClinicalData && !isMip && !isFusion" class="cd-info"
@ -185,6 +186,7 @@ export default {
isMove: false isMove: false
}, },
ptVolumeId: null, ptVolumeId: null,
loading: false
} }
}, },
mounted() { mounted() {
@ -501,10 +503,12 @@ export default {
} }
}, },
async createImageIdsAndCacheMetaData(obj) { async createImageIdsAndCacheMetaData(obj) {
this.loading = true
await createImageIdsAndCacheMetaData({ await createImageIdsAndCacheMetaData({
modality: obj.Modality, modality: obj.Modality,
imageIds: obj.ImageIds imageIds: obj.ImageIds
}) })
this.loading = false
}, },
async setSeriesInfo(obj, option = {}) { async setSeriesInfo(obj, option = {}) {
try { try {

8
src/views/trials/trials-panel/reading/dicoms3D/components/Viewport.vue
View File

@ -2,6 +2,9 @@
<div <div
ref="viewport" ref="viewport"
class="viewport-wrapper" class="viewport-wrapper"
v-loading="loading"
element-loading-text="Loading..."
element-loading-background="rgba(0, 0, 0, 0.8)"
@mouseup="sliderMouseup" @mouseup="sliderMouseup"
@mousemove="sliderMousemove" @mousemove="sliderMousemove"
@mouseleave="sliderMouseleave" @mouseleave="sliderMouseleave"
@ -166,7 +169,8 @@ export default {
originalMarkers: [], originalMarkers: [],
markers: { top: '', right: '', bottom: '', left: '' }, markers: { top: '', right: '', bottom: '', left: '' },
playClipState: false, playClipState: false,
wwwcIdx: 2 wwwcIdx: 2,
loading: false
} }
}, },
mounted() { mounted() {
@ -404,7 +408,9 @@ export default {
const renderingEngine = getRenderingEngine(this.renderingEngineId) const renderingEngine = getRenderingEngine(this.renderingEngineId)
const viewport = renderingEngine.getViewport(this.viewportId) const viewport = renderingEngine.getViewport(this.viewportId)
let imageId = obj.ImageIds[obj.SliceIndex] ? obj.ImageIds[obj.SliceIndex] : obj.ImageIds[0] let imageId = obj.ImageIds[obj.SliceIndex] ? obj.ImageIds[obj.SliceIndex] : obj.ImageIds[0]
this.loading = true
const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(imageId).promise const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(imageId).promise
this.loading = false
if (obj.Modality === 'PT') { if (obj.Modality === 'PT') {
this.cachePTMetadata([image]) this.cachePTMetadata([image])
} }