chore: 用户属性新增自动补全

src/api/base.ts

@@ -100,3 +100,13 @@ export function getMaterialList(params?: {
 export function deleteMaterial(data: { id: string }) {
   return httpRequest.post('/api/lab/v1/experiment/marketing-material/delete', data)
 }
+
+// 用户属性搜索
+export function searchMetaMemberAttrs(params?: {
+  search: string
+  member_meta_id?: string
+  page?: number
+  per_page?: number
+}) {
+  return httpRequest.get('/api/lab/v1/experiment/meta-member/search-attributes', { params })
+}

src/components/rule/UserRule.vue

@@ -3,6 +3,7 @@ import type { UserAttrRule, RuleAttr } from '@/types'
 import { UserFilled, Plus, CloseBold } from '@element-plus/icons-vue'
 import { useUserAttr } from '@/composables/useAllData'
 import { stringOperatorList, numberOperatorList, dateOperatorList } from '@/utils/dictionary'
+import { searchMetaMemberAttrs } from '@/api/base'
 
 const userAttrRule = ref(inject('userAttrRule') as UserAttrRule)
 
@@ -58,6 +59,12 @@ function handleOperateChange(value: string, item: RuleAttr) {
     item.value = { start: undefined, end: undefined }
   }
 }
+
+function querySearch(item: RuleAttr, search: string, cb: (arg: any) => void) {
+  searchMetaMemberAttrs({ search, member_meta_id: item.attr_id, per_page: 100 }).then(res => {
+    cb(res.data.list)
+  })
+}
 </script>
 
 <template>
@@ -126,7 +133,10 @@ function handleOperateChange(value: string, item: RuleAttr) {
                   style="width: 180px" />
               </template>
               <template v-else>
-                <el-input v-model="item.value" />
+                <el-autocomplete
+                  v-model="item.value"
+                  value-key="attr_value"
+                  :fetch-suggestions="(query, cb) => querySearch(item, query, cb)" />
               </template>
             </el-form-item>
           </div>