diff --git a/src/mixins/relatedServer.js b/src/mixins/relatedServer.js
index 20787002..ace064ab 100644
--- a/src/mixins/relatedServer.js
+++ b/src/mixins/relatedServer.js
@@ -1,4 +1,5 @@
 import { get } from '@/utils/http'
+import { getTextRect } from '@/utils/tools'
 export default {
   data () {
     return {
@@ -18,18 +19,20 @@ export default {
     getRelatedServerDataOne (relationshipUrlOne, refOne) {
       get(relationshipUrlOne, this.getQueryParams()).then(response => {
         if (response.code === 200) {
-          this.relationshipDataOne = response.data.result
+          // this.relationshipDataOne = response.data.result
+          const relationshipDataOne = response.data.result
           // 将请求数据 传入方法中
-          this.relatedServerWidth(this.relationshipDataOne, refOne, 1)
+          this.relatedServerWidth(relationshipDataOne, refOne, 1)
         }
       })
     },
     getRelatedServerDataTow (relationshipUrlTow, refTow) {
       get(relationshipUrlTow, this.getQueryParams()).then(response => {
         if (response.code === 200) {
-          this.relationshipDataTow = response.data.result
+          // this.relationshipDataTow = response.data.result
+          const relationshipDataTow = response.data.result
           // 将请求数据 传入方法中
-          this.relatedServerWidth(this.relationshipDataTow, refTow, 2)
+          this.relatedServerWidth(relationshipDataTow, refTow, 2)
         }
       })
     },
@@ -37,26 +40,28 @@ export default {
     relatedServerWidth (data, value, num) {
       // 最大宽度
       const relatedServerWidth = this.$refs.relationship.offsetWidth
-      let sum = 0
+      let sum = 194
       let flag = true
-      data.map((item, index) => {
-        if (this.$refs[value + index]) {
-          // 每条数据的宽度
-          const width = this.$refs[value + index].offsetWidth + 44
-          if (width > 44 && width !== 0) {
-            sum += width
-            if (flag && sum >= relatedServerWidth && num === 1) {
-              flag = false
-              this.relationshipShowOne = true
-            } else if (flag && sum >= relatedServerWidth && num === 2) {
-              flag = false
-              this.relationshipShowTow = true
-            }
+      data.forEach((item, index) => {
+        // 每条数据的宽度
+        const width = getTextRect(item.appName || item.domain || item.ipAddr).width + 47
+        if (width > 47 && width !== 0) {
+          sum += width
+          if (flag && sum >= relatedServerWidth && num === 1) {
+            flag = false
+            this.relationshipShowOne = true
+          } else if (flag && sum >= relatedServerWidth && num === 2) {
+            flag = false
+            this.relationshipShowTow = true
           }
-          item.show = flag
         }
-        return item
+        item.show = flag
       })
+      if (num === 1) {
+        this.relationshipDataOne = data
+      } else if (num === 2) {
+        this.relationshipDataTow = data
+      }
     },
     // 点击事件 控制弹框的展示隐藏，展示全部的数据
     more (data, index) {
diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
index 027e2fe8..d5bf891e 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
@@ -275,19 +275,20 @@ export default {
     }
   },
   watch: {
-    entityData: {
-      immediate: true,
+    'entityData.ipAddr': {
       deep: true,
       handler (n) {
-        this.singleValues.chartDatas.splice(0, 1, this.$_.get(n, 'establishLatency'))
-        this.singleValues.chartDatas.splice(1, 1, this.$_.get(n, 'httpResponseLatency'))
-        this.singleValues.chartDatas.splice(2, 1, this.$_.get(n, 'sslConLatency'))
-        this.singleValues.chartDatas.splice(3, 1, this.$_.get(n, 'sequenceGapLossPercent'))
-        this.singleValues.chartDatas.splice(4, 1, this.$_.get(n, 'pktRetransPercent'))
-        this.$nextTick(() => {
-          this.getRelatedServerDataOne(this.relatedServerDomainUrl, 'relatedIp')
-          this.getRelatedServerDataTow(this.relatedServerAppUrl, 'relatedServerIp')
-        })
+        if (n) {
+          this.singleValues.chartDatas.splice(0, 1, this.$_.get(n, 'establishLatency'))
+          this.singleValues.chartDatas.splice(1, 1, this.$_.get(n, 'httpResponseLatency'))
+          this.singleValues.chartDatas.splice(2, 1, this.$_.get(n, 'sslConLatency'))
+          this.singleValues.chartDatas.splice(3, 1, this.$_.get(n, 'sequenceGapLossPercent'))
+          this.singleValues.chartDatas.splice(4, 1, this.$_.get(n, 'pktRetransPercent'))
+          this.$nextTick(() => {
+            this.getRelatedServerDataOne(this.relatedServerDomainUrl, 'relatedIp')
+            this.getRelatedServerDataTow(this.relatedServerAppUrl, 'relatedServerIp')
+          })
+        }
       }
     }
   },