选择联系人搜索框补充电话搜索参数

src/components/ChooseContactDialog/index.vue

-<template>
+<template xmlns="http://www.w3.org/1999/html">
   <el-dialog
     :title="$t('选择联系人')"
     visible
@@ -6,11 +6,18 @@
     :close-on-click-modal="false"
   >
     <div class="header mb-10 flex-center">
-      <div class="flex-center">{{ $t("关键字") }}：</div>
-      <el-input v-model="form.searchKey" @change="replaceBlank" clearable class="w-200"></el-input>
-      <el-button type="primary" class="ml-10" @click="handleQuery">{{
-        $t("搜索")
-      }}</el-button>
+
+      <el-form :model="form" size="small" :inline="true" label-width="80px">
+      <el-form-item :label="$t('电话')" prop="phone">
+        <el-input v-model="form.phone" @change="replaceBlank" clearable class="w-160"></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('关键字')" prop="searchKey">
+        <el-input v-model="form.searchKey" @change="replaceBlank" clearable class="w-160"></el-input>
+      </el-form-item>
+        <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{ $t("搜索") }}</el-button>
+        </el-form-item>
+      </el-form>
     </div>
     <div class="list">
       <div
@@ -66,7 +73,9 @@ import {
   getCustomerContactsSelect,
   getCustomerContactsSelect2,
 } from "@/api/ecw/customerContacts";
+import UserSelector from "@/components/UserSelector/index.vue";
 export default {
+  components: {UserSelector},
   props: {
     type: Number,
   },
@@ -116,6 +125,7 @@ export default {
     replaceBlank(){
       // JDAA-177 7.选择联系人弹出页，没有去掉中间和前后空格
       this.form.searchKey = this.form.searchKey.replace(/\s+/g, '');
+      this.form.searchKey = this.form.searchKey.replace(/\s+/g, '');
     }
   },
 };