From edfd6f0973d65114f4536575dcf9807d2800e143 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Fri, 9 Jun 2023 14:43:24 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=A4=84=E7=90=86chartDiagram=20?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E9=80=89=E6=8B=A9=E5=9B=BE=E7=89=87=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/css/components/common/project/meta2dMain.scss  | 4 ++++
 .../src/components/common/project/meta2d/meta2dMain.vue       | 2 +-
 .../components/common/project/meta2d/meta2dSelectImage.vue    | 2 +-
 .../src/components/common/rightBox/chart/chartRightBox.vue    | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss b/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss
index fad5a0be0..77c893a22 100644
--- a/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss
@@ -21,6 +21,10 @@
   border: 1px solid;
   border-color: $--border-color-light;
 }
+.meta2d-chart {
+  //border: 1px solid;
+  border-color: $--border-color-light !important;
+}
 .meta2d-map {
   right: unset;
   left: 0px;
diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue
index 9ff01b3de..b80d1887a 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue
@@ -13,7 +13,7 @@
       @saveChart="saveChart"
       @getNodesArr="getNodesArr"
     />
-    <div class="meta2d-main" :class="isChart ? 'meta2d-chart': 'meta2d-project'" @contextmenu="onContextMenu($event)" style="position: relative">
+    <div class="meta2d-main" :class="isChart ? 'meta2d-chart': 'meta2d-project'" @contextmenu="onContextMenu($event)" style="position: relative" :style="{border: editFlag ? '1px solid' : ''}">
       <div v-for="(item,index) in nodesArr" v-if="!editFlag && project"
            :key="index"
            v-show="(item.y + offsetY - 48 > -20) && (item.x + item.width/2 + offsetX - 24 > - 20)"
diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
index 00dba826b..71564ef43 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
@@ -12,7 +12,7 @@
     <!--selectImg-->
     <el-dialog
       :title="$t('project.topology.image')"
-      custom-class="nz-select-img-dialog nz-new-dialog"
+      custom-class="nz-select-img-dialog nz-new-dialog prevent-clickoutside"
       :visible.sync="selectBoxShow"
       width="auto"
       :append-to-body="true"
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
index 8337af8f6..237073eb8 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-clickoutside:[isStable]="{obj: editChart,oldData: oldData, func:clickOutside}" :class="boxClass" class="right-box right-box-chart">
+  <div v-meta2d-chartmeta2d-chartmeta2d-chart:[isStable]="{obj: editChart,oldData: oldData, func:clickOutside}" :class="boxClass" class="right-box right-box-chart">
     <transition v-if="from !== 'chartTemp'" name="right-box">
 <!--      <panel-box v-if="!showPanel.type" ref="panelBox2" :panel="panel" @reload="panelReload"></panel-box>-->
     </transition>