From a95d702a8f9157c0a0a325133c4ec498986c382c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=B6=E5=90=AF=E9=BE=99?= <shiqilong@beyondcent.com>
Date: Fri, 27 Sep 2024 17:27:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=86=E4=B8=AD=E5=BF=83=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E4=B8=8D=E5=8F=AF=E4=BB=A5=E7=BC=96=E8=BE=91=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/base.js                                           | 2 +-
 webs/ams-web/src/views/module/relation-module/Tree.vue  | 3 +++
 webs/ams-web/src/views/module/relation-module/index.vue | 8 +++++++-
 webs/ams-web/src/views/usePosition.ts                   | 2 ++
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/build/base.js b/build/base.js
index b03cf8e..cc76614 100644
--- a/build/base.js
+++ b/build/base.js
@@ -5,7 +5,7 @@ const CompressPlugin = require('compress-webpack-plugin')
 const { getDllPlugins } = require('./utils')
 
 const httpType = 'http://'
-const proxyUrl = 'yw.iaserver.online:60006/' // 代理地址设置
+const proxyUrl = '101.89.218.38:60006/' // 代理地址设置
 exports.getCommonConifg = function ({ devServer, ...other }) {
   return {
     transpileDependencies: ['@cmp/cmp-core'],
diff --git a/webs/ams-web/src/views/module/relation-module/Tree.vue b/webs/ams-web/src/views/module/relation-module/Tree.vue
index 1d68340..1941097 100644
--- a/webs/ams-web/src/views/module/relation-module/Tree.vue
+++ b/webs/ams-web/src/views/module/relation-module/Tree.vue
@@ -20,12 +20,15 @@
 import { reactive, toRefs, ref, watch, onMounted } from 'vue'
 import { useStore } from '@cmp/cmp-core'
 import { getModuleGroupRoot, getModuleGroupChildren } from 'services/cmdb/module'
+import usePosition from '@/views/usePosition'
 
 export default {
   setup(props, { emit, root }) {
+    const { selectPostion } = usePosition()
     const state = reactive({})
     const store = useStore()
     function bindEvent() {
+      if (selectPostion.value) return
       const doms = document.querySelectorAll('.drag-item')
       doms.forEach((item) => {
         // item.setAttribute('draggable', 'true')
diff --git a/webs/ams-web/src/views/module/relation-module/index.vue b/webs/ams-web/src/views/module/relation-module/index.vue
index c167d1b..376cf2a 100644
--- a/webs/ams-web/src/views/module/relation-module/index.vue
+++ b/webs/ams-web/src/views/module/relation-module/index.vue
@@ -4,7 +4,7 @@
       <TreeMenu @changeAddNode="changeAddNode"></TreeMenu>
     </el-aside>
     <el-main>
-      <el-alert class="bsm-alert" title="请拖拽左侧模型到拓扑中编辑关联关系" type="warning" show-icon :closable="false"> </el-alert>
+      <el-alert v-if="!selectPostion" class="bsm-alert" title="请拖拽左侧模型到拓扑中编辑关联关系" type="warning" show-icon :closable="false"> </el-alert>
       <el-row class="out-container" id="page-container">
         <el-col :span="24">
           <el-row>
@@ -50,6 +50,7 @@ import { createNode, mouseNode } from '../utils/topogy'
 import { getRelationCategories, getModuleRelationDetail, getModuleTopo, getModuleDetail } from 'services/cmdb/module'
 import GraphTool from '../graph/graphTool.vue'
 import TreeMenu from './Tree.vue'
+import { getSelectPosition } from '@/views/usePosition'
 
 export default {
   components: {
@@ -114,6 +115,7 @@ export default {
         dialogFormVisible: false,
       },
       dragId: '',
+      selectPostion: getSelectPosition(),
     }
   },
   computed: {
@@ -450,6 +452,7 @@ export default {
       })
       // 右侧菜单点击
       that.graph.on('node:contextmenu', (evt) => {
+        if (this.selectPostion) return
         if (!this.edge && !this.addingEdge) {
           evt.preventDefault()
           evt.stopPropagation()
@@ -521,6 +524,7 @@ export default {
       })
       // 节点左键点击连接
       that.graph.on('node:click', (evt) => {
+        if (this.selectPostion) return
         evt.preventDefault()
         evt.stopPropagation()
         const nodeId = evt.item.getModel().id
@@ -550,6 +554,7 @@ export default {
       })
       // 边左击编辑
       that.graph.on('edge:click', async (evt) => {
+        if (this.selectPostion) return
         evt.preventDefault()
         evt.stopPropagation()
         const nodeModel = evt.item.getModel(),
@@ -583,6 +588,7 @@ export default {
     },
     // 拓扑图操作
     handleTopology(type) {
+      if (this.selectPostion) return
       switch (type) {
         case 'add':
           this.topologyDialog.id = ''
diff --git a/webs/ams-web/src/views/usePosition.ts b/webs/ams-web/src/views/usePosition.ts
index a06a78f..90e515a 100644
--- a/webs/ams-web/src/views/usePosition.ts
+++ b/webs/ams-web/src/views/usePosition.ts
@@ -20,7 +20,9 @@ const usePostion = (cb?: Function) => {
     selectPostion,
   }
 }
+// 用于单独获取
 export const getSelectPosition = () => {
   return window.sessionStorage.getItem('selectPostion')
 }
+// 用于单独获取自带响应式的值
 export default usePostion