mpr十字线颜色更改

src/views/trials/trials-panel/reading/dicoms3D/components/MPRViewport.vue

@@ -16,6 +16,7 @@
         </div>
         <div v-if="series" class="right-top-text">
             <div>{{ series.Description }}</div>
+            <div class="colorBar" :style="`background-color:${getColor()}`"></div>
         </div>
         <div v-if="series" class="left-bottom-text">
             <div v-show="mousePosition.index.length > 0">
@@ -269,6 +270,21 @@ export default {
         }
     },
     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() {
             this.element = this.$refs['viewport-volume']
             const resizeObserver = new ResizeObserver(() => {
@@ -819,6 +835,13 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.colorBar {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin: auto;
+}
+
 .viewport-wrapper {
     width: 100%;
     height: 100%;

src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue

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