|
@@ -105,6 +105,7 @@ import img4 from "@/assets/integr/kafka_blue.png";
|
|
|
import img5 from "@/assets/integr/push_blue.png";
|
|
|
import img6 from "@/assets/integr/save_blue.png";
|
|
|
import img7 from "@/assets/integr/mysql_blue.png";
|
|
|
+import img8 from "@/assets/integr/pull_red.png";
|
|
|
provide("echarts", echarts);
|
|
|
const chartDom = ref(null);
|
|
|
const myChart = ref(null);
|
|
@@ -126,7 +127,7 @@ const defaultImgError = "image://" + reactive(img2);
|
|
|
const pullImg = "image://" + reactive(img3);
|
|
|
|
|
|
//拉取节点-错误
|
|
|
-const pullImgError = getAssetsFile("pull_red.png");
|
|
|
+const pullImgError = "image://" + reactive(img8);
|
|
|
|
|
|
//kafka节点
|
|
|
const kafkaImg = "image://" + reactive(img4);
|
|
@@ -138,7 +139,7 @@ const kafkaImgError = getAssetsFile("kafka_red.png");
|
|
|
const pushImg = "image://" + reactive(img5);
|
|
|
|
|
|
//推送节点-错误
|
|
|
-const pushImgError = getAssetsFile("push_red.png");
|
|
|
+const pushImgError = "image://" + getAssetsFile("push_red.png");
|
|
|
|
|
|
//存储节点
|
|
|
const saveImg = "image://" + reactive(img6);
|
|
@@ -212,16 +213,16 @@ preDatas.value.splice(5, 10);
|
|
|
const nodeDataList = ref([
|
|
|
{
|
|
|
name: "星盟SBH",
|
|
|
- linkTargetName: "首都机场边缘节点",
|
|
|
+ linkTargetName: "Kafka",
|
|
|
linkValue: " ",
|
|
|
coordConfig: {
|
|
|
level: "0",
|
|
|
},
|
|
|
- value: [10, 250],
|
|
|
+ value: [10, 245],
|
|
|
draggable: false,
|
|
|
fixed: true,
|
|
|
symbol: defaultImg,
|
|
|
- symbolSize: 30,
|
|
|
+ symbolSize: 60,
|
|
|
},
|
|
|
// {
|
|
|
// name: "星盟SBH",
|
|
@@ -321,30 +322,30 @@ const nodeDataList = ref([
|
|
|
// symbolSize: 30,
|
|
|
// },
|
|
|
//节点B,C,D ....n
|
|
|
- {
|
|
|
- name: "首都机场边缘节点",
|
|
|
- linkTargetName: "国航主动拉取节点",
|
|
|
- linkValue: " ",
|
|
|
- coordConfig: {
|
|
|
- level: "1",
|
|
|
- },
|
|
|
- symbol: pullImg,
|
|
|
- symbolSize: 60,
|
|
|
- draggable: false,
|
|
|
- value: [40, 245],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "国航主动拉取节点",
|
|
|
- linkTargetName: "Kafka",
|
|
|
- linkValue: " ",
|
|
|
- coordConfig: {
|
|
|
- level: "2",
|
|
|
- },
|
|
|
- symbol: pullImg,
|
|
|
- symbolSize: 60,
|
|
|
- draggable: false,
|
|
|
- value: [80, 180],
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // name: "首都机场边缘节点",
|
|
|
+ // linkTargetName: "国航主动拉取节点",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: {
|
|
|
+ // level: "1",
|
|
|
+ // },
|
|
|
+ // symbol: pullImg,
|
|
|
+ // symbolSize: 60,
|
|
|
+ // draggable: false,
|
|
|
+ // value: [40, 245],
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: "国航主动拉取节点",
|
|
|
+ // linkTargetName: "Kafka",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: {
|
|
|
+ // level: "2",
|
|
|
+ // },
|
|
|
+ // symbol: pullImg,
|
|
|
+ // symbolSize: 60,
|
|
|
+ // draggable: false,
|
|
|
+ // value: [80, 180],
|
|
|
+ // },
|
|
|
// {
|
|
|
// name: "国航被动接收节点",
|
|
|
// linkTargetName: "Kafka",
|
|
@@ -359,66 +360,76 @@ const nodeDataList = ref([
|
|
|
// },
|
|
|
{
|
|
|
name: "Kafka",
|
|
|
- linkTargetName: "BSM",
|
|
|
- linkValue: " ",
|
|
|
- coordConfig: { level: "3" },
|
|
|
- symbolSize: 60,
|
|
|
- symbol: kafkaImg,
|
|
|
- draggable: false,
|
|
|
- value: [120, 140],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "Kafka ",
|
|
|
- linkTargetName: "BPM",
|
|
|
+ linkTargetName: "BSMBPM报文解析",
|
|
|
linkValue: " ",
|
|
|
coordConfig: { level: "3" },
|
|
|
symbolSize: 60,
|
|
|
symbol: kafkaImg,
|
|
|
draggable: false,
|
|
|
- label: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- value: [120, 140],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "Kafka ",
|
|
|
- linkTargetName: "航班",
|
|
|
- linkValue: " ",
|
|
|
- coordConfig: { level: "3" },
|
|
|
- symbolSize: 60,
|
|
|
- symbol: kafkaImg,
|
|
|
- draggable: false,
|
|
|
- label: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- value: [120, 140],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "Kafka ",
|
|
|
- linkTargetName: "行李投诉",
|
|
|
- linkValue: " ",
|
|
|
- coordConfig: { level: "3" },
|
|
|
- symbolSize: 60,
|
|
|
- symbol: kafkaImg,
|
|
|
- draggable: false,
|
|
|
- label: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- value: [120, 140],
|
|
|
+ value: [40, 245],
|
|
|
},
|
|
|
{
|
|
|
- name: "Kafka ",
|
|
|
- linkTargetName: "旅客",
|
|
|
+ name: "BSMBPM报文解析",
|
|
|
+ linkTargetName: "BSM",
|
|
|
linkValue: " ",
|
|
|
coordConfig: { level: "3" },
|
|
|
symbolSize: 60,
|
|
|
- symbol: kafkaImg,
|
|
|
+ symbol: pullImgError,
|
|
|
draggable: false,
|
|
|
- label: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- value: [120, 140],
|
|
|
+ value: [70, 245],
|
|
|
},
|
|
|
+ // {
|
|
|
+ // name: "Kafka ",
|
|
|
+ // linkTargetName: "BPM",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: { level: "3" },
|
|
|
+ // symbolSize: 60,
|
|
|
+ // symbol: kafkaImg,
|
|
|
+ // draggable: false,
|
|
|
+ // label: {
|
|
|
+ // show: false,
|
|
|
+ // },
|
|
|
+ // value: [120, 140],
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: "Kafka ",
|
|
|
+ // linkTargetName: "航班",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: { level: "3" },
|
|
|
+ // symbolSize: 60,
|
|
|
+ // symbol: kafkaImg,
|
|
|
+ // draggable: false,
|
|
|
+ // label: {
|
|
|
+ // show: false,
|
|
|
+ // },
|
|
|
+ // value: [120, 140],
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: "Kafka ",
|
|
|
+ // linkTargetName: "行李投诉",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: { level: "3" },
|
|
|
+ // symbolSize: 60,
|
|
|
+ // symbol: kafkaImg,
|
|
|
+ // draggable: false,
|
|
|
+ // label: {
|
|
|
+ // show: false,
|
|
|
+ // },
|
|
|
+ // value: [120, 140],
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: "Kafka ",
|
|
|
+ // linkTargetName: "旅客",
|
|
|
+ // linkValue: " ",
|
|
|
+ // coordConfig: { level: "3" },
|
|
|
+ // symbolSize: 60,
|
|
|
+ // symbol: kafkaImg,
|
|
|
+ // draggable: false,
|
|
|
+ // label: {
|
|
|
+ // show: false,
|
|
|
+ // },
|
|
|
+ // value: [120, 140],
|
|
|
+ // },
|
|
|
{
|
|
|
name: "BSM",
|
|
|
linkTargetName: "解析服务",
|