gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-2894 fix：Topo Legend 选择框 不支持 搜索&自定义输入

Browse Source
This commit is contained in:
zhangyu
2023-06-20 15:22:57 +08:00
parent 451006713f
commit d5bf4733d8
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -466,7 +466,7 @@
</el-select> </el-select>
</div> </div>
<div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px"> <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-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> </el-select>
</div> </div>
@@ -817,7 +817,7 @@
</el-select> </el-select>
</div> </div>
<div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px"> <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-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> </el-select>
</div> </div>
@@ -1073,7 +1073,15 @@
</el-select> </el-select>
</div> </div>
<div style="display: inline-block;width: calc(30% - 10px)"> <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-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> </el-select>
</div> </div>