feat(ui): attribute association select component supports search

This commit is contained in:
LH_R
2025-08-19 18:36:51 +08:00
parent 6112dc83ef
commit c915b46374
2 changed files with 12 additions and 0 deletions

View File

@@ -239,6 +239,8 @@
<a-form-item> <a-form-item>
<a-select <a-select
:placeholder="$t('cmdb.ciType.attributeAssociationTip4')" :placeholder="$t('cmdb.ciType.attributeAssociationTip4')"
optionFilterProp="title"
show-search
allowClear allowClear
v-model="item.parentAttrId" v-model="item.parentAttrId"
> >
@@ -250,6 +252,7 @@
'parent' 'parent'
)" )"
:key="attr.id" :key="attr.id"
:title="attr.alias || attr.name"
> >
{{ attr.alias || attr.name }} {{ attr.alias || attr.name }}
</a-select-option> </a-select-option>
@@ -263,6 +266,8 @@
<a-form-item> <a-form-item>
<a-select <a-select
:placeholder="$t('cmdb.ciType.attributeAssociationTip5')" :placeholder="$t('cmdb.ciType.attributeAssociationTip5')"
optionFilterProp="title"
show-search
allowClear allowClear
v-model="item.childAttrId" v-model="item.childAttrId"
> >
@@ -274,6 +279,7 @@
'child' 'child'
)" )"
:key="attr.id" :key="attr.id"
:title="attr.alias || attr.name"
> >
{{ attr.alias || attr.name }} {{ attr.alias || attr.name }}
</a-select-option> </a-select-option>

View File

@@ -77,12 +77,15 @@
<a-form-item> <a-form-item>
<a-select <a-select
:placeholder="$t('cmdb.ciType.attributeAssociationTip4')" :placeholder="$t('cmdb.ciType.attributeAssociationTip4')"
optionFilterProp="title"
show-search
allowClear allowClear
v-model="item.parentAttrId" v-model="item.parentAttrId"
> >
<a-select-option <a-select-option
v-for="attr in filterAttributes(modalParentAttributes, item.childAttrId, modalChildAttributes, 'parent')" v-for="attr in filterAttributes(modalParentAttributes, item.childAttrId, modalChildAttributes, 'parent')"
:key="attr.id" :key="attr.id"
:title="attr.alias || attr.name"
> >
{{ attr.alias || attr.name }} {{ attr.alias || attr.name }}
</a-select-option> </a-select-option>
@@ -96,12 +99,15 @@
<a-form-item> <a-form-item>
<a-select <a-select
:placeholder="$t('cmdb.ciType.attributeAssociationTip5')" :placeholder="$t('cmdb.ciType.attributeAssociationTip5')"
optionFilterProp="title"
show-search
allowClear allowClear
v-model="item.childAttrId" v-model="item.childAttrId"
> >
<a-select-option <a-select-option
v-for="attr in filterAttributes(modalChildAttributes, item.parentAttrId, modalParentAttributes, 'child')" v-for="attr in filterAttributes(modalChildAttributes, item.parentAttrId, modalParentAttributes, 'child')"
:key="attr.id" :key="attr.id"
:title="attr.alias || attr.name"
> >
{{ attr.alias || attr.name }} {{ attr.alias || attr.name }}
</a-select-option> </a-select-option>