NEZ-2239 fix： terminal 样式错误 以及地图resize 不生效

nezha-fronted/src/assets/css/components/cli/webSSH.scss

@@ -6,7 +6,7 @@
   background: $--background-color-empty;
   z-index: 2000;
   height: 300px;
-
+  padding: 0 !important;
   .shell-split {
     cursor: ns-resize;
     height: 8px;
@@ -210,6 +210,7 @@
 }
 .sub-list{
   background: #000 !important;
+  left: -2px;
 }
 /* 上滑resize工具条--end */
 .config-dropdown.w260{

nezha-fronted/src/components/chart/chart/chartMap.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="overview">
+  <div class="overview" >
     <div class="content-col-content" style="padding:0">
       <div :id="'map' + (isFullscreen ? '-screen-' : '' ) + chartInfo.id " style="height: 100%; width: 100%"></div>
     </div>
@@ -301,7 +301,8 @@ export default {
     },
     pointAnimation (timeStep) {
       const opacity = 0.5 + (timeStep % 1000) / 1000 / 2
-      this.map && this.map.setPaintProperty('pointLayer', 'circle-opacity', [
+      if (this.map) {
+        this.map.setPaintProperty('pointLayer', 'circle-opacity', [
           'step',
           ['get', 'color'],
           0.5,
@@ -311,9 +312,15 @@ export default {
           0.5
         ])
         requestAnimationFrame(this.pointAnimation)
+      }
     },
     resize () {
-      this.map.resize()
+      console.log(123123123123)
+      setTimeout(() => {
+        this.map && this.map.remove()
+        this.map = null
+        this.initChart()
+      }, 100)
     }
   },
   beforeDestroy () {

nezha-fronted/src/components/common/ChartDiagram/diagram.vue

@@ -1768,10 +1768,15 @@ export default {
         const domRect = dom ? dom.getBoundingClientRect() : {}
         getTopology(this.topologyIndex).canvasPos = domRect
         if (this.fromOverView) {
-          if (this.oldTopologyData && !this.oldTopologyData.pens) {
+          try {
-            this.oldTopologyData.pens = []
+            const obj = JSON.parse(this.oldTopologyData)
+            if (obj && !obj.pens) {
+              obj.pens = []
+            }
+            getTopology(this.topologyIndex).open(obj)
+          } catch (e) {
+            console.log(e)
           }
-          getTopology(this.topologyIndex).open(this.oldTopologyData || {})
         }
         let flag = false
         const position = {

nezha-fronted/src/components/common/mixin/detailViewMixin.js

@@ -31,17 +31,19 @@ export default {
   },
   methods: {
     changeDetailType (flag) {
-      this.detailType = flag
+      setTimeout(() => {
         const query = { ...this.$route.query, detailType: flag }
+        query.bottomBox = this.detailType !== 'view'
+        this.$router.replace({ query: query }).catch(err => {})
+      }, 100)
       if (this.detailType === flag) {
         return
       }
+      this.detailType = flag
       // this.$refs.dataList.bottomBox.showSubList = false
       // if (this.orderBy) {
       //   this.detailViewRightObj = ''
       // }
-      query.bottomBox = this.detailType !== 'view'
-      this.$router.replace({ query: query }).catch(err => {})
       let dataList = ''
       localStorage.setItem('detail-view-' + this.tableId, this.detailType)
       if (this.detailType === 'view') {

nezha-fronted/src/components/common/project/topologyL5.vue

@@ -2234,10 +2234,15 @@ export default {
         let domRect = document.getElementById('topology-canvas' + this.topologyIndex).getBoundingClientRect()
         getTopology(this.topologyIndex).canvasPos = domRect
         if (this.fromOverView) {
-          if (this.oldTopologyData && !this.oldTopologyData.pens) {
+          try {
-            this.oldTopologyData.pens = []
+            const obj = JSON.parse(this.oldTopologyData)
+            if (obj && !obj.pens) {
+              obj.pens = []
+            }
+            getTopology(this.topologyIndex).open(obj)
+          } catch (e) {
+            console.log(e)
           }
-          getTopology(this.topologyIndex).open(this.oldTopologyData)
         }
         let flag = false
 

nezha-fronted/src/store/exportHtml.js

@@ -43,7 +43,8 @@ const store = new Vuex.Store({
     globalShow: false,
     globalSearchId: '',
     isRouteLive: true,
-    nowPath: ''
+    nowPath: '',
+    myEvent: new Event('resize')
   },
   getters: {
     getGlobalSearchId (state) {
@@ -181,6 +182,7 @@ const store = new Vuex.Store({
     isShrink (state) {
       state.isShrink = !state.isShrink
       localStorage.setItem('nz-left-menu-shrink', state.isShrink)
+      window.dispatchEvent(state.myEvent)
     },
     setMetricsList (state, metricsList) {
       state.metricsList = [...metricsList]

nezha-fronted/src/store/index.js

@@ -45,7 +45,8 @@ const store = new Vuex.Store({
     globalShow: false,
     globalSearchId: '',
     isRouteLive: true,
-    nowPath: ''
+    nowPath: '',
+    myEvent: new Event('resize')
   },
   getters: {
     getGlobalSearchId (state) {
@@ -183,6 +184,7 @@ const store = new Vuex.Store({
     isShrink (state) {
       state.isShrink = !state.isShrink
       localStorage.setItem('nz-left-menu-shrink', state.isShrink)
+      window.dispatchEvent(state.myEvent)
     },
     setMetricsList (state, metricsList) {
       state.metricsList = [...metricsList]