From d5bf4733d8dedb5db19878bdbaa846686d89149b Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 20 Jun 2023 15:22:57 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2894=20fix=EF=BC=9ATopo=20Legend=20?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=A1=86=20=E4=B8=8D=E6=94=AF=E6=8C=81=20?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2&=E8=87=AA=E5=AE=9A=E4=B9=89=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/project/meta2d/meta2dElement.vue        | 14 +++++++++++---
 1 file changed, 11 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 96df0fc8e..54e17bb92 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
@@ -466,7 +466,7 @@
                       </el-select>
                     </div>
                     <div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px">
-                      <el-select v-model="pen.data.textLegend" size="small">
+                      <el-select v-model="pen.data.textLegend" size="small" filterable allow-create clearable default-first-option>
                         <el-option v-for="item in queryValues.filter(query => (query.parent === pen.data.textParent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name' :title="item.name" style="width: 302px"> </el-option>
                       </el-select>
                     </div>
@@ -817,7 +817,7 @@
                   </el-select>
                 </div>
                 <div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px">
-                  <el-select v-model="pen.data.legend" size="small" clearable>
+                  <el-select v-model="pen.data.legend" size="small" filterable allow-create clearable default-first-option>
                     <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => (query.parent === pen.data.parent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name' :title="item.name" style="width: 302px;"></el-option>
                   </el-select>
                 </div>
@@ -1073,7 +1073,15 @@
               </el-select>
             </div>
             <div style="display: inline-block;width: calc(30% - 10px)">
-              <el-select v-model="legend.legend" size="small" :title="legend.legend" style="width: 100%" clearable>
+              <el-select
+                v-model="legend.legend"
+                size="small"
+                :title="legend.legend"
+                style="width: 100%"
+                filterable
+                allow-create
+                default-first-option
+                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>