From 15f80c03df3a7f4c5e9e7b843fd39d578d59d001 Mon Sep 17 00:00:00 2001
From: xiangcongshuai <xiangcongshuai@supervision.ltd>
Date: Fri, 29 Nov 2024 14:23:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=9F=A5=E8=AF=86=E5=9B=BE=E8=B0=B1?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/caseDetails/components/CaseAtlas.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/caseDetails/components/CaseAtlas.vue b/src/views/caseDetails/components/CaseAtlas.vue
index 9f0aac4..6920f8c 100644
--- a/src/views/caseDetails/components/CaseAtlas.vue
+++ b/src/views/caseDetails/components/CaseAtlas.vue
@@ -11,7 +11,7 @@
     <div class="left" :style="{margin:fullFlag?'24px 0 0 24px':''}">
       <div class="title">{{ `实体(${nodeLabels.length})` }}</div>
       <div class="node-list">
-        <span v-for="(item,index) in nodeLabels" :key="index" :class="[item.selected === true?'actived':'']" class="node-item" @click="selectItem(item)">{{ item.name }}</span>
+        <span v-for="(item,index) in nodeLabels" :key="index" :style="{ background: item.selected === true? item.color: item.lightColor }" class="node-item" @click="selectItem(item)">{{ item.name }}</span>
       </div>
       <div class="title">{{ `关系(${relTypes.length})` }}</div>
       <div class="node-list">
@@ -153,7 +153,8 @@ export default {
         picType: '1', caseId: this.$route.params['id'],
         queryStr: this.searchName,
         nodeLabels,
-        relTypes
+        relTypes,
+        nodeLabelColorMap: this.nodeLabels
       }).then(res => {
         if (res['code'] === 200) {
           this.caseAtlasOption.series[0].links = res.data.list
@@ -170,9 +171,12 @@ export default {
       if (res.code === 200) {
         res.data.nodeLabels.forEach(e => {
           this.nodeLabels.push({
-            name: e,
+            name: e.name,
+            color: e.itemStyle.color,
+            lightColor: e.itemStyle.lightColor,
             selected: false
           })
+
         })
         res.data.relTypes.forEach(e => {
           this.relTypes.push({