From ec7cb78018f8c603fd31ebf16629af3058ce4a87 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Wed, 6 May 2026 13:21:45 +0800
Subject: [PATCH] =?UTF-8?q?lugano=E6=A0=87=E5=87=86=E8=9E=8D=E5=90=88?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8Dcolormap=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dicoms/components/Fusion/PetCt.vue        |  4 ++--
 .../dicoms/components/Fusion/Viewport.vue     | 21 ++++++++++++++++---
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt.vue b/src/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt.vue
index e44094dc..f4f156ac 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt.vue
@@ -130,7 +130,7 @@
           <div class="text">{{ $t('trials:reading:button:reset') }}</div>
         </div>
       </el-tooltip>
-      <!-- <el-tooltip v-if="!isBaseLineTask" class="item" effect="dark" :content="$t('trials:lugano:button:record')"
+      <el-tooltip v-if="!isBaseLineTask" class="item" effect="dark" :content="$t('trials:lugano:button:record')"
         placement="bottom">
         <div class="tool-wrapper">
           <div class="icon" @click.prevent="historyRecord">
@@ -138,7 +138,7 @@
           </div>
           <div class="text">{{ $t('trials:lugano:button:record') }}</div>
         </div>
-      </el-tooltip> -->
+      </el-tooltip>
       <!-- 伪彩 -->
       <colorMap v-show="isFusion" ref="colorMap" :unit="fusionOverlayModality === 'NM' ? '' : 'g/ml'"
         :modality="fusionOverlayModality" @setColorMap="setColorMap" @voiChange="voiChange" />
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/Fusion/Viewport.vue b/src/views/trials/trials-panel/reading/dicoms/components/Fusion/Viewport.vue
index 83339788..b0f4b923 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/Fusion/Viewport.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/Fusion/Viewport.vue
@@ -6,7 +6,7 @@
   >
     <div :id="`viewport${index}`" ref="viewportCanvas" style="height: 100%;width:100%" />
     <!-- 序列信息 -->
-    <div
+    <div 
       v-if="seriesInfo.taskBlindName"
       class="seriesInfo_wrapper"
       :style="{color:index%2 == 1 ? '#ddd' : '#666'}"
@@ -81,7 +81,7 @@
       {{ markers.left }}
     </div>
     <div v-if="presetName" class="color_bar">
-      <canvas id="colorBar_Canvas" />
+      <canvas ref="colorBarCanvas" />
     </div>
     <div v-if="index === 4" id="rotateBar" ref="rotateBar" class="rotate_slider_box" @click.stop="clickRotate($event)">
       <div id="rotateSlider" :style="{left: rotateBarLeft + 'px'}" class="box" @click.stop.prevent="() => {return}" @mousedown.stop="rotateBarMousedown($event)" />
@@ -162,6 +162,10 @@ export default {
       default() {
         return []
       }
+    },
+    rgbPresetName: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -203,6 +207,16 @@ export default {
       handler(v) {
         console.log('activeIndex ', v)
       }
+    },
+    rgbPresetName: {
+      immediate: true,
+      handler(v) {
+        this.presetName = v || ''
+        if (!this.presetName) return
+        this.$nextTick(() => {
+          this.renderColorBar(this.presetName)
+        })
+      }
     }
   },
   mounted() {
@@ -574,7 +588,8 @@ export default {
         colorMap = getColormap(presetName)
       }
       const rgbPoints = colorMap.RGBPoints
-      const canvas = document.getElementById('colorBar_Canvas')
+      const canvas = this.$refs.colorBarCanvas
+      if (!canvas) return
       const ctx = canvas.getContext('2d')
       const canvasWidth = 160
       const canvasHeight = 5