3368 ng网络图样式调整

src/components/TreeChart/index.vue

@@ -79,7 +79,7 @@ export default {
           // },
           backgroundColor: 'rgba(250,250,250,0.99)', // 提示框浮层的背景颜色
           borderColor: '#1890FF', // 提示框浮层的边框颜色
-          borderWidth: 1, // 提示框浮层的边框宽
+          borderWidth: 0.5, // 提示框浮层的边框宽
           borderRadius: 8, // 提示框浮层圆角
           textStyle: {
             // 提示框浮层的文本样式
@@ -164,7 +164,8 @@ export default {
               overflow: 'truncate', // truncate截断，并在末尾显示ellipsis配置的文本，默认为...;break换行;breakAll换行，并强制单词内换行
               ellipsis: '...',
               formatter: function(params) {
-                return params.data.USER_NAME + '\n' + '\n' + params.data.REAL_NAME
+                // return params.data.USER_NAME + '\n' + '\n' + params.data.REAL_NAME
+                return params.data.REAL_NAME + ' (' +  params.data.USER_NAME + ') '
               }
             },
             lineStyle: {
@@ -246,6 +247,6 @@ export default {
 <style lang="scss" scoped>
 .echarts-container {
   width: 100%;
-  height: calc(100vh - 100px);
+  height: calc(100vh - 105px);
 }
 </style>

src/views/atlas/sponsor-network-ex.vue

@@ -40,7 +40,7 @@
 </template>
 <script>
 
-import { fetchMainUserInfo, fetchSponsorNetwork, fetchSponsorNetworkList} from '@/api/atlas'
+import { fetchMainUserInfo, fetchSponsorNetwork, fetchSponsorNetworkList } from '@/api/atlas'
 import treeChart from '@/components/TreeChart/index.vue'
 import tool from '@/utils/tool'