NEZ-2721 fix：project topology 样式调整

nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss

@@ -43,6 +43,9 @@
     .el-input__inner{
       display: none;
     }
+    .right-box-select-top {
+      width: 219px;
+    }
   }
   .form-row-item-full{
     width: 100%;
@@ -195,7 +198,7 @@
     }
   }
   .thresholds-from-item {
-    margin-left: 10px;
+    margin-left: 0px;
   }
 }
 .image-select-box {

nezha-fronted/src/assets/css/themes/theme-light.scss

@@ -60,7 +60,7 @@ $--border-color-light-focus: darken($--border-color-light, 20%);
 // 深色边框
 $--explore-border-color-bottom: #DEDEDE;
 // 选中边框
-$--border-select-color: #FBCF9F;
+$--border-select-color: #FBCF9E;
 
 /* 5.提示色 */
 // 正常绿色(覆盖element-ui内置变量)

nezha-fronted/src/components/common/project/meta2d/js/meta2dMain.js

@@ -496,7 +496,7 @@ export default {
           }
         }
         if (!item.type && item.moduleId) {
-          this.$get('stat/module/abnormal', { moduleId: item.moduleId }).then(res=>{
+          this.$get('stat/module/abnormal', { moduleId: item.moduleId }).then(res => {
             if (res.code == 200) {
               const module = res.data.list[0]
               item.moduleData.state.error = item.moduleData.error = !module.state
@@ -532,7 +532,7 @@ export default {
       if (key === 'asset' || key === 'alert' || key === 'endpoint') {
         this.showNodeTools()
       }
-    },
+    }
   },
   beforeDestroy () {
   }

nezha-fronted/src/components/common/project/meta2d/meta2dCanvas.vue

@@ -51,7 +51,7 @@
           <div v-for="(item, index) in elements" :key="item.id" @click.stop="penActive(item)">
             <div class="pen-tools pen-item" :class="selectPenArrId.indexOf(item.id) !== -1 ? 'is-active' : ''">
                 <span class="hide-input">
-                  <i v-if="item.type !== 1" class="nz-icon nz-icon-juxing" style="margin-right: 3px"/>
+                  <i v-if="item.type !== 1" class="nz-icon nz-icon-image" style="margin-right: 3px"/>
                   <i v-else class="nz-icon nz-icon-xiantiao" />
                   <el-input
                     :ref="'hideInput' + index"

nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue

@@ -28,7 +28,7 @@
                 @change="change('nzName')"></el-input>
             </div>
           </div>
-          <div class="form-row-item">
+          <div class="form-row-item form-row-item-full">
             <div class="form-row-key">
               {{$t('overall.module')}}
             </div>
@@ -50,7 +50,7 @@
           <div v-show="elements.position" class="form-row-content">
             <div class="form-row-item">
               <div class="form-row-key">
-                X
+                {{$t('topology.position.x')}}
               </div>
               <div class="form-row-value">
                 <el-input-number
@@ -69,7 +69,7 @@
             </div>
             <div class="form-row-item">
               <div class="form-row-key">
-                Y
+                {{$t('topology.position.y')}}
               </div>
               <div class="form-row-value">
                 <el-input-number

nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue

@@ -174,8 +174,8 @@ export default {
     }
   },
   beforeDestroy () {
-    // getTopology(this.meta2dId).destroy()
+    getTopology(this.meta2dId).clear()
-    // setTopology(this.meta2dId, null)
+    setTopology(this.meta2dId, null)
     bus.$off('changeSelectPens', this.pensActive)
     this.$refs.meta2dBox.removeEventListener('mousemove', this.mousemove)
     this.$refs.meta2dBox.removeEventListener('mouseup', this.mouseup)

nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue

@@ -36,7 +36,7 @@
               <transition name="el-zoom-in-top">
                 <div v-show="item.show" class="nz-collapse-body">
                   <div v-for="(btn, i) in item.children" :key="'info2'+'-'+index+'-'+i" class="buttons image-box-item" :class="btn.id === selectImgId ? 'is-select':''">
-                    <img :src="baseUrl + btn.image" v-if="btn.image" class="image-src" @click.stop="selectImageChange(btn)">
+                    <img :src="btn.image" v-if="btn.image" class="image-src" @click.stop="selectImageChange(btn)">
                     <div class="img-text text-ellipsis" :title="btn.imageName">{{btn.imageName}}</div>
                     <i v-if="item.group!=='General'" class="delIcon nz-icon nz-icon-delete" @click.stop="tooltipDelete(btn)"></i>
                   </div>