From 5ac08202b6d9a8e8b0f946ae6c62bf18dd0d7cb4 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 19 Jun 2023 10:50:30 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9topology=20?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9legend=E7=9A=84=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/project/meta2d/meta2dElement.vue  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
index 857d0af2e..96df0fc8e 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
@@ -1068,13 +1068,13 @@
           </div>
           <div class="form-row-value" style="margin-bottom: 10px;display: flex;justify-content: space-between" v-for="(legend, index) in pen.data.tooltip.legends" :key="legend.parent + legend.legend">
             <div style="display: inline-block;width: calc(30% - 10px)">
-              <el-select v-model="legend.parent" size="small" style="width: 100%" clearable @change="legendParentChange(legend)">
+              <el-select v-model="legend.parent" size="small"  :title="legend.parent" style="width: 100%" clearable @change="legendParentChange(legend)">
                 <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => query.type === 'title')" :key="item.id" :value="item.name" :label='item.name' :title='item.name' style="width: 300px"></el-option>
               </el-select>
             </div>
             <div style="display: inline-block;width: calc(30% - 10px)">
-              <el-select v-model="legend.legend" size="small" style="width: 100%" clearable>
-                <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => (query.parent === legend.parent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name'  :title='item.name' style="width: 170px"></el-option>
+              <el-select v-model="legend.legend" size="small" :title="legend.legend" style="width: 100%" clearable>
+                <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => (query.parent === legend.parent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name'  :title='item.name' style="width: 300px"></el-option>
               </el-select>
             </div>
             <div style="display: inline-block;width: calc(40% - 10px)">