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

popper弹出层优化
continuous-integration/drone/push Build encountered an error Details

uat
caiyiling 2025-02-13 13:50:27 +08:00
parent efb88b7ad1
commit ab5645f28a
2 changed files with 38 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/dicom-show/dicom-study.vue
View File

@ -52,13 +52,13 @@
</div>
<div v-if="item.isExistMutiFrames && item.instanceCount > 1">
<el-popover
v-model="visible"
v-model="item.isShowPopper"
placement="right"
trigger="manual"
popper-class="instance_frame_wrapper"
>
<div style="text-align: right;">
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="visible = false" />
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="item.isShowPopper = false" />
</div>
<div class="frame_list">
<div
@ -90,7 +90,7 @@
</div>
</div>
</div>
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="visible = !visible" />
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="popperClick(seriesList, item)" />
</el-popover>
</div>
</div>
@ -216,8 +216,7 @@ export default {
imageList: [],
showSeriesList: [],
currentLoadIns: [],
isFromCRCUpload: false,
visible: false
isFromCRCUpload: false
}
},
created: function() {
@ -317,7 +316,8 @@ export default {
tpCode: this.tpCode,
loadStatus: false,
imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames
isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
})
})
this.seriesList = seriesList
@ -376,7 +376,8 @@ export default {
tpCode: this.tpCode,
loadStatus: false,
imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames
isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
})
})
this.seriesList = seriesList
@ -445,7 +446,8 @@ export default {
prefetchInstanceCount: 0,
loadStatus: false,
imageloadedArr: [],
isExistMutiFrames: isExistMutiFrames
isExistMutiFrames: isExistMutiFrames,
isShowPopper: false
})
this.seriesList = seriesList
if (this.seriesList.length > 0) {
@ -594,7 +596,8 @@ export default {
hasLabel: seriesInfo.HasLabel,
keySeries: seriesInfo.KeySeries,
loadStatus: false,
imageloadedArr: []
imageloadedArr: [],
isShowPopper: false
})
this.seriesList = seriesList
if (this.seriesList.length > 0) {
@ -759,6 +762,14 @@ export default {
this.loading = false
}
},
popperClick(seriesList, series) {
for (let i = 0; i < seriesList.length; i++) {
if (seriesList[i].isShowPopper) {
seriesList[i].isShowPopper = false
}
}
series.isShowPopper = !series.isShowPopper
},
loadAllImages() {
const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false)
if (seriesIndex === -1) return

25
src/views/dicom-show/dicom-visit.vue
View File

@ -59,13 +59,13 @@
<div>#{{ series.seriesNumber }}</div>
<div v-if="series.isExistMutiFrames && series.instanceCount > 1">
<el-popover
v-model="visible"
v-model="series.isShowPopper"
placement="right"
trigger="manual"
popper-class="instance_frame_wrapper"
>
<div style="text-align: right;">
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="visible = false" />
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="series.isShowPopper = false" />
</div>
<div class="frame_list">
<div
@ -108,7 +108,7 @@
</div>
</div>
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="visible = !visible" />
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="popperClick(studyList, series)" />
</el-popover>
</div>
@ -328,8 +328,7 @@ export default {
currentLoadIns: [],
isFromCRCUpload: false,
visitTaskId: null,
page: '',
visible: false
page: ''
}
},
mounted() {
@ -422,7 +421,8 @@ export default {
prefetchInstanceCount: 0,
loadStatus: false,
imageloadedArr: [],
isExistMutiFrames: series.IsExistMutiFrames
isExistMutiFrames: series.IsExistMutiFrames,
isShowPopper: false
})
})
data.SeriesList = seriesList
@ -685,6 +685,16 @@ export default {
this.loading = false
}
},
popperClick(studyList, series) {
for (let i = 0; i < studyList.length; i++) {
for (let j = 0; j < studyList[i].SeriesList.length; j++) {
if (studyList[i].SeriesList[j].isShowPopper) {
studyList[i].SeriesList[j].isShowPopper = false
}
}
}
series.isShowPopper = !series.isShowPopper
},
// 切换关联检查Tab时获取关联检查信息
async handleTabClick(tab, event) {
if (tab.name === 'relation-study' && this.relationStudyList.length <= 0) {
@ -761,7 +771,8 @@ export default {
keySeries: item.KeySeries,
loadStatus: false,
imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames
isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
})
})
scope.relationStudyList[index].seriesCount = seriesList.length