Bläddra i källkod

左边栏与画布的联动问题

YaolongHan 4 år sedan
förälder
incheckning
aac866d69c

+ 6 - 0
src/components/editview/leftToolBar/equipmentList.vue

@@ -84,6 +84,7 @@
                     :key="b"
                     @mouseover="sethover(index, i, b)"
                     @click="clickEquipItem(a)"
+                    v-bind:class="[a.selected ? 'li-active' : '']"
                   >
                     <div class="left">
                       <div class="showEyes">
@@ -140,6 +141,7 @@
           :key="b"
           @mouseover="sethover(10000, 10000, b)"
           @click="clickEquipItem(a)"
+          v-bind:class="[a.selected ? 'li-active' : '']"
         >
           <div class="left">
             <div class="showEyes">
@@ -341,6 +343,7 @@ export default {
     },
     // 点击设备实例
     clickEquipItem(item) {
+      console.log("item", item);
       // 选中 item
       bus.$emit("chioceItem", item);
     },
@@ -464,6 +467,9 @@ li {
             height: 28px;
           }
         }
+        .li-active {
+          background: #f5f6f7;
+        }
       }
     }
   }

+ 2 - 2
src/components/editview/rightPropertyBar/BaseEquipment.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="equip_pro">
-    <div class="title">{{localName}}</div>
+    <div class="title">{{ localName ? localName : "--" }}</div>
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="属性" name="first">
         <div class="property">
@@ -146,7 +146,7 @@ export default {
       pressMsgData: [], // 搜索后得信息点数组
       getPressMsg: "", //输入信息
       local: "", //局部加载
-      localName:'', //设备本地名称
+      localName: "", //设备本地名称
       anotherMsg: "", // 附加信息
     };
   },