From d95d0ece1466159c6979278d07b654c869ff8252 Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Wed, 20 Mar 2024 13:58:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/components/drawpic.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/views/home/components/drawpic.vue b/src/views/home/components/drawpic.vue
index 9237275..4ff45e0 100644
--- a/src/views/home/components/drawpic.vue
+++ b/src/views/home/components/drawpic.vue
@@ -11,9 +11,13 @@
         <el-button type="primary" @click="savePointer">保存</el-button>
       </h3>
       <div class="picRow">
-        <p v-for="(item, index) in recArrs" :key="index">
+        <p
+          v-for="(item, index) in recArrs"
+          :key="index"
+          :class="index == selectIndex ? 'bgClass' : ''"
+        >
           <span
-            >{{ item.text }}：
+            >{{ item.text }}{{ index }}：
             <el-select
               size="mini"
               v-model="item.type"
@@ -108,18 +112,22 @@ export default {
       //获取的矩形数据
       labelMarkArrs: [],
       hostName: "",
+      selectIndex: -1,
     };
   },
   created() {
     EventBus.$on("currentNodeData", (value) => {
       //console.log(value); // 输出 value
       this.currentNodeData = value;
+      this.selectIndex = -1;
     });
     EventBus.$on("perentNode", (value) => {
       //console.log(value); // 输出 value
       this.parentdata = value;
+      this.selectIndex = -1;
     });
     EventBus.$on("labelMark", (value) => {
+      this.selectIndex = -1;
       //console.log(value); // 输出 value
       this.labelMarkArrs = value;
       console.log(this.labelMarkArrs);
@@ -481,7 +489,12 @@ export default {
       //得到落点所在框的序数
       this.curObj.index = this.getEventIndex(this.curObj.x, this.curObj.y);
       console.log("落点矩形", this.curObj.index);
-
+      console.log("我是上面的数组", this.recArrs);
+      console.log(
+        "我是上面的数组点击的哪一个",
+        this.recArrs[this.curObj.index]
+      );
+      this.selectIndex = this.curObj.index;
       // 如果是鼠标右键 TODO...
       if (this.curObj.isRightClick) {
       } else {
@@ -823,6 +836,9 @@ export default {
       display: flex;
       align-items: center;
       //height: 32px;
+      .bgClass {
+        background-color: aqua;
+      }
       p {
         line-height: 32px;
         // height: 32px;