feat(ui): attribute association select component supports search

Author: LHRUN

cmdb-ui/src/modules/cmdb/views/ci_types/relationTable.vue

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

cmdb-ui/src/modules/cmdb/views/model_relation/index.vue

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