Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is running Details

uat_us
caiyiling 2026-04-28 14:07:44 +08:00
commit 27646e2c46
2 changed files with 34 additions and 11 deletions

View File

@ -16,6 +16,7 @@
</div> </div>
<div v-if="series" class="right-top-text"> <div v-if="series" class="right-top-text">
<div>{{ series.Description }}</div> <div>{{ series.Description }}</div>
<div class="colorBar" :style="`background-color:${getColor()}`"></div>
</div> </div>
<div v-if="series" class="left-bottom-text"> <div v-if="series" class="left-bottom-text">
<div v-show="mousePosition.index.length > 0"> <div v-show="mousePosition.index.length > 0">
@ -269,6 +270,21 @@ export default {
} }
}, },
methods: { methods: {
getColor() {
let color = '#000'
switch (this.series.orientation) {
case 'AXIAL':
color = '#00f'
break;
case 'CORONAL':
color = '#f00'
break;
case 'SAGITTAL':
color = '#0f0'
break;
}
return color
},
initViewport() { initViewport() {
this.element = this.$refs['viewport-volume'] this.element = this.$refs['viewport-volume']
const resizeObserver = new ResizeObserver(() => { const resizeObserver = new ResizeObserver(() => {
@ -819,6 +835,13 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.colorBar {
width: 10px;
height: 10px;
border-radius: 50%;
margin: auto;
}
.viewport-wrapper { .viewport-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -238,8 +238,8 @@
<svg-icon icon-class="refresh" class="svg-icon" /> <svg-icon icon-class="refresh" class="svg-icon" />
</div> </div>
<!-- 更多 :class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" --> <!-- 更多 :class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" -->
<div v-if="criterionType === 0" :class="['tool-item']" <div v-if="criterionType === 0" :class="['tool-item']" @click.stop="showPanel($event)"
@click.stop="showPanel($event)" @mouseleave="toolMouseout"> @mouseleave="toolMouseout">
<div class="dropdown"> <div class="dropdown">
<div class="icon" data-tool="more" :title="$t('trials:reading:button:more')"> <div class="icon" data-tool="more" :title="$t('trials:reading:button:more')">
<svg-icon icon-class="more" class="svg-icon" /> <svg-icon icon-class="more" class="svg-icon" />
@ -2318,20 +2318,20 @@ export default {
}, },
setCrosshairsToolLineColor(viewportId) { setCrosshairsToolLineColor(viewportId) {
let colors = [ let colors = [
'#ffd10a', '#ff0000',
'#b6d634', '#00ff00',
'#fb628b', '#0000ff',
] ]
let index = viewportId.split("-").pop() let index = viewportId.split("-").pop()
return colors[colors.length - 1 - Number(index)] || colors[0] return colors[colors.length - 1 - Number(index)] || colors[0]
}, },
setFusionCrosshairsToolLineColor(viewportId) { setFusionCrosshairsToolLineColor(viewportId) {
let colors = [ let colors = [
'#fb628b', '#0000ff',
'#fb628b', '#0000ff',
'#fb628b', '#0000ff',
'#ffd10a', '#ff0000',
'#b6d634', '#00ff00',
] ]
if (viewportId === 'viewport-fusion-hidden-sag') { if (viewportId === 'viewport-fusion-hidden-sag') {