feat: 知识图谱颜色调整

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({