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>
<div v-if="item.isExistMutiFrames && item.instanceCount > 1"> <div v-if="item.isExistMutiFrames && item.instanceCount > 1">
<el-popover <el-popover
v-model="visible" v-model="item.isShowPopper"
placement="right" placement="right"
trigger="manual" trigger="manual"
popper-class="instance_frame_wrapper" popper-class="instance_frame_wrapper"
> >
<div style="text-align: right;"> <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>
<div class="frame_list"> <div class="frame_list">
<div <div
@ -90,7 +90,7 @@
</div> </div>
</div> </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> </el-popover>
</div> </div>
</div> </div>
@ -216,8 +216,7 @@ export default {
imageList: [], imageList: [],
showSeriesList: [], showSeriesList: [],
currentLoadIns: [], currentLoadIns: [],
isFromCRCUpload: false, isFromCRCUpload: false
visible: false
} }
}, },
created: function() { created: function() {
@ -317,7 +316,8 @@ export default {
tpCode: this.tpCode, tpCode: this.tpCode,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
this.seriesList = seriesList this.seriesList = seriesList
@ -376,7 +376,8 @@ export default {
tpCode: this.tpCode, tpCode: this.tpCode,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
this.seriesList = seriesList this.seriesList = seriesList
@ -445,7 +446,8 @@ export default {
prefetchInstanceCount: 0, prefetchInstanceCount: 0,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: isExistMutiFrames isExistMutiFrames: isExistMutiFrames,
isShowPopper: false
}) })
this.seriesList = seriesList this.seriesList = seriesList
if (this.seriesList.length > 0) { if (this.seriesList.length > 0) {
@ -594,7 +596,8 @@ export default {
hasLabel: seriesInfo.HasLabel, hasLabel: seriesInfo.HasLabel,
keySeries: seriesInfo.KeySeries, keySeries: seriesInfo.KeySeries,
loadStatus: false, loadStatus: false,
imageloadedArr: [] imageloadedArr: [],
isShowPopper: false
}) })
this.seriesList = seriesList this.seriesList = seriesList
if (this.seriesList.length > 0) { if (this.seriesList.length > 0) {
@ -759,6 +762,14 @@ export default {
this.loading = false 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() { loadAllImages() {
const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false) const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false)
if (seriesIndex === -1) return if (seriesIndex === -1) return

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

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