From 15f80c03df3a7f4c5e9e7b843fd39d578d59d001 Mon Sep 17 00:00:00 2001 From: xiangcongshuai Date: Fri, 29 Nov 2024 14:23:33 +0800 Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E7=9F=A5=E8=AF=86=E5=9B=BE?= =?UTF-8?q?=E8=B0=B1=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 @@
{{ `实体(${nodeLabels.length})` }}
- {{ item.name }} + {{ item.name }}
{{ `关系(${relTypes.length})` }}
@@ -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({ From 82e5e8629097e6bc6b87a0ae19313b5bc6473f9b Mon Sep 17 00:00:00 2001 From: xiangcongshuai Date: Fri, 29 Nov 2024 16:16:19 +0800 Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E7=9F=A5=E8=AF=86=E5=9B=BE?= =?UTF-8?q?=E8=B0=B1=E5=BC=95=E5=8A=9B=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/components/HoverButton/index.vue | 135 +++++++++++++++--- .../caseDetails/components/CaseAtlas.vue | 2 +- src/views/caseDetails/js/caseAtlasConfig.js | 6 +- 3 files changed, 117 insertions(+), 26 deletions(-) diff --git a/src/layouts/components/HoverButton/index.vue b/src/layouts/components/HoverButton/index.vue index 5fc17ec..1df99bd 100644 --- a/src/layouts/components/HoverButton/index.vue +++ b/src/layouts/components/HoverButton/index.vue @@ -7,44 +7,135 @@ --> diff --git a/src/views/caseDetails/components/CaseAtlas.vue b/src/views/caseDetails/components/CaseAtlas.vue index 6920f8c..f681af4 100644 --- a/src/views/caseDetails/components/CaseAtlas.vue +++ b/src/views/caseDetails/components/CaseAtlas.vue @@ -176,7 +176,6 @@ export default { lightColor: e.itemStyle.lightColor, selected: false }) - }) res.data.relTypes.forEach(e => { this.relTypes.push({ @@ -198,6 +197,7 @@ export default { selectItem(item) { this.searchName = '' this.$set(item, 'selected', !item.selected) + this.$forceUpdate() this.queryCaseGraph() } } diff --git a/src/views/caseDetails/js/caseAtlasConfig.js b/src/views/caseDetails/js/caseAtlasConfig.js index 8edfe6d..a90f7de 100644 --- a/src/views/caseDetails/js/caseAtlasConfig.js +++ b/src/views/caseDetails/js/caseAtlasConfig.js @@ -72,9 +72,9 @@ const caseAtlasConfig = { } }, force: { - repulsion: 200, // 节点之间的斥力因子。支持数组表达斥力范围，值越大斥力越大。 - gravity: 0.01, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。 - edgeLength: 400, // 边的两个节点之间的距离，这个距离也会受 repulsion影响 。值越大则长度越长 + repulsion: 2000, // 节点之间的斥力因子。支持数组表达斥力范围，值越大斥力越大。 + gravity: 0, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。 + edgeLength: 500, // 边的两个节点之间的距离，这个距离也会受 repulsion影响 。值越大则长度越长 layoutAnimation: true // 因为力引导布局会在多次迭代后才会稳定，这个参数决定是否显示布局的迭代动画 // 在浏览器端节点数据较多（>100）的时候不建议关闭，布局过程会造成浏览器假死。 }, From 00c3039edb266539462e846db1cd436d4b1ea4ff Mon Sep 17 00:00:00 2001 From: xiangcongshuai Date: Fri, 29 Nov 2024 16:19:38 +0800 Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E8=BF=98=E5=8E=9F=E6=95=B0?= =?UTF-8?q?=E5=AD=97=E6=B0=91=E8=AD=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/components/HoverButton/index.vue | 135 +++---------------- 1 file changed, 22 insertions(+), 113 deletions(-) diff --git a/src/layouts/components/HoverButton/index.vue b/src/layouts/components/HoverButton/index.vue index 1df99bd..5fc17ec 100644 --- a/src/layouts/components/HoverButton/index.vue +++ b/src/layouts/components/HoverButton/index.vue @@ -7,135 +7,44 @@ --> From 2dafbd08f048d8b3f2698c42011cf4fefb302350 Mon Sep 17 00:00:00 2001 From: xiangcongshuai Date: Fri, 29 Nov 2024 16:40:00 +0800 Subject: [PATCH 4/5] =?UTF-8?q?feat:=20=E7=9F=A5=E8=AF=86=E5=9B=BE?= =?UTF-8?q?=E8=B0=B1=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 | 4 +++- src/views/caseDetails/js/caseAtlasConfig.js | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/views/caseDetails/components/CaseAtlas.vue b/src/views/caseDetails/components/CaseAtlas.vue index f681af4..9ece39f 100644 --- a/src/views/caseDetails/components/CaseAtlas.vue +++ b/src/views/caseDetails/components/CaseAtlas.vue @@ -26,6 +26,7 @@ class="input-item" size="lager" placeholder="请输入" + @keyup.enter.native="search" clearable />
搜索
@@ -71,7 +72,7 @@ export default { } }, mounted() { - this.queryCaseGraph() + this.caseAtlasOption.toolbox = { // show: true, @@ -183,6 +184,7 @@ export default { selected: false }) }) + this.queryCaseGraph() } }, search() { diff --git a/src/views/caseDetails/js/caseAtlasConfig.js b/src/views/caseDetails/js/caseAtlasConfig.js index a90f7de..cd8be01 100644 --- a/src/views/caseDetails/js/caseAtlasConfig.js +++ b/src/views/caseDetails/js/caseAtlasConfig.js @@ -72,7 +72,7 @@ const caseAtlasConfig = { } }, force: { - repulsion: 2000, // 节点之间的斥力因子。支持数组表达斥力范围，值越大斥力越大。 + repulsion: 2500, // 节点之间的斥力因子。支持数组表达斥力范围，值越大斥力越大。 gravity: 0, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。 edgeLength: 500, // 边的两个节点之间的距离，这个距离也会受 repulsion影响 。值越大则长度越长 layoutAnimation: true // 因为力引导布局会在多次迭代后才会稳定，这个参数决定是否显示布局的迭代动画 From c349f1f3eb8f8fa7bd7e1de277f50cbf93713099 Mon Sep 17 00:00:00 2001 From: xiangcongshuai Date: Mon, 2 Dec 2024 09:07:46 +0800 Subject: [PATCH 5/5] =?UTF-8?q?feat:=20=E5=9B=BE=E8=B0=B1=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E5=A5=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/config/net.config.js | 2 +- src/views/caseDetails/js/caseAtlasConfig.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/config/net.config.js b/src/config/net.config.js index b717749..0ca6459 100644 --- a/src/config/net.config.js +++ b/src/config/net.config.js @@ -5,7 +5,7 @@ const network = { // 默认的接口地址 如果是开发环境和生产环境走vab-mock-server，当然你也可以选择自己配置成需要的接口地址 baseURL: process.env.NODE_ENV === 'development' - ? 'http://192.168.10.138:8097/fu-hsi-server' + ? 'http://192.168.10.142:8097/fu-hsi-server' : '/fuHsiApi', // 配后端数据的接收方式application/json;charset=UTF-8或者application/x-www-form-urlencoded;charset=UTF-8 contentType: 'application/json;charset=UTF-8', diff --git a/src/views/caseDetails/js/caseAtlasConfig.js b/src/views/caseDetails/js/caseAtlasConfig.js index cd8be01..8db2277 100644 --- a/src/views/caseDetails/js/caseAtlasConfig.js +++ b/src/views/caseDetails/js/caseAtlasConfig.js @@ -73,7 +73,7 @@ const caseAtlasConfig = { }, force: { repulsion: 2500, // 节点之间的斥力因子。支持数组表达斥力范围，值越大斥力越大。 - gravity: 0, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。 + gravity: 0.05, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。 edgeLength: 500, // 边的两个节点之间的距离，这个距离也会受 repulsion影响 。值越大则长度越长 layoutAnimation: true // 因为力引导布局会在多次迭代后才会稳定，这个参数决定是否显示布局的迭代动画 // 在浏览器端节点数据较多（>100）的时候不建议关闭，布局过程会造成浏览器假死。