补充客户相关列表下拉查询条件可以筛选

src/views/ecw/customerConfirm/index.vue

@@ -10,7 +10,7 @@
           <el-input v-model.trim="queryParams.name" :placeholder="$t('请输入客户名称')" clearable @keyup.enter.native="handleQuery" @input="queryParams.name = queryParams.name.replace(/\s+/g, '')" />
         </el-form-item>
         <el-form-item :label="$t('区号')">
-          <el-select v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
+          <el-select filterable v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
             <el-option v-for="(item, index) in countryList" :key="index" :label="item.nameShort + (isChinese ? item.nameZh : item.nameEn) + ' +' + item.tel" :value="item.tel" />
           </el-select>
         </el-form-item>
@@ -23,20 +23,20 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户经理')" prop="customerService">
-          <el-select multiple clearable v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" size="small" @change="handleQuery">
             <el-option v-for="dict in customerServiceList" :key="dict.id" :label="dict.nickname" :value="dict.id" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户来源')" prop="source">
-          <el-select multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户类别')" prop="level">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('角色')">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('客户状态')" prop="status">
           <el-select multiple clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" size="small" @change="handleQuery">
@@ -44,16 +44,16 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('国籍')" prop="country">
-          <el-select multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('出货渠道')">
-          <dict-selector multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
         </el-form-item>
 
         <el-form-item :label="$t('业务国家')" v-show="showSearch">
-          <el-select multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
@@ -82,7 +82,7 @@
           </el-input>
         </el-form-item>
         <el-form-item :label="$t('商品类别')" v-show="showSearch">
-          <el-select @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
+          <el-select filterable @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
             <el-option :label="item.titleZh" :value="item.id" v-for="item in productTypeList" :key="item.id" />
           </el-select>
         </el-form-item>

src/views/ecw/customerToBeAssigned/index.vue

@@ -53,7 +53,7 @@
         </el-form-item>
 
         <el-form-item :label="$t('业务国家')" v-show="showSearch">
-          <el-select multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>

src/views/ecw/myCustomerService/index.vue

@@ -10,7 +10,7 @@
           <el-input v-model.trim="queryParams.name" :placeholder="$t('请输入客户名称')" clearable @keyup.enter.native="handleQuery" @input="queryParams.name = queryParams.name.replace(/\s+/g, '')" />
         </el-form-item>
         <el-form-item :label="$t('区号')">
-          <el-select v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
+          <el-select filterable v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
             <el-option v-for="(item, index) in countryList" :key="index" :label="item.nameShort + (isChinese ? item.nameZh : item.nameEn) + ' +' + item.tel" :value="item.tel" />
           </el-select>
         </el-form-item>
@@ -28,32 +28,32 @@
         <!--          </el-select>-->
         <!--        </el-form-item>-->
         <el-form-item :label="$t('客户来源')" prop="source">
-          <el-select multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户类别')" prop="level">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('角色')">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('客户状态')" prop="status">
-          <el-select multiple clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" size="small" @change="handleQuery">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('国籍')" prop="country">
-          <el-select multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('出货渠道')">
-          <dict-selector multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
         </el-form-item>
 
         <el-form-item :label="$t('业务国家')" v-show="showSearch">
-          <el-select multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
@@ -82,7 +82,7 @@
           </el-input>
         </el-form-item>
         <el-form-item :label="$t('商品类别')" v-show="showSearch">
-          <el-select @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
+          <el-select filterable @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
             <el-option :label="item.titleZh" :value="item.id" v-for="item in productTypeList" :key="item.id" />
           </el-select>
         </el-form-item>
@@ -119,7 +119,7 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('结算方式')" v-show="showSearch">
-          <el-select v-model="queryParams.balances" multiple :placeholder="$t('请选择结算方式')">
+          <el-select filterable v-model="queryParams.balances" multiple :placeholder="$t('请选择结算方式')">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_BALANCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="parseInt(dict.value)" />
           </el-select>
         </el-form-item>

src/views/ecw/oceanCustomer/index.vue

@@ -11,7 +11,7 @@
           <el-input v-model.trim="queryParams.name" :placeholder="$t('请输入客户名称')" clearable @keyup.enter.native="handleQuery" @input="queryParams.name = queryParams.name.replace(/\s+/g, '')" />
         </el-form-item>
         <el-form-item :label="$t('区号')">
-          <el-select v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
+          <el-select filterable v-model="queryParams.areaCode" :placeholder="$t('请选择区号')">
             <el-option v-for="(item, index) in countryList" :key="index" :label="item.nameShort + (isChinese ? item.nameZh : item.nameEn) + ' +' + item.tel" :value="item.tel" />
           </el-select>
         </el-form-item>
@@ -24,37 +24,37 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户经理')" prop="customerService">
-          <el-select multiple clearable v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" size="small" @change="handleQuery">
             <el-option v-for="dict in customerServiceList" :key="dict.id" :label="dict.nickname" :value="dict.id" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户来源')" prop="source">
-          <el-select multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" size="small" @change="handleQuery">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('客户类别')" prop="level">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type" @change="handleQuery"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('角色')">
-          <dict-selector multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.CUSTOMER_ROLE" v-model="queryParams.role" formatter="number" @change="handleQuery" :placeholder="$t('请选择')"></dict-selector>
         </el-form-item>
         <el-form-item :label="$t('客户状态')" prop="status">
-          <el-select multiple clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" size="small" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" size="small" @change="handleQuery">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('国籍')" prop="country">
-          <el-select multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.country" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('出货渠道')">
-          <dict-selector multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
+          <dict-selector filterable multiple clearable :type="DICT_TYPE.ECW_CUSTOMER_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" @change="handleQuery"></dict-selector>
         </el-form-item>
 
         <el-form-item :label="$t('业务国家')" v-show="showSearch">
-          <el-select multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
+          <el-select filterable multiple clearable v-model="queryParams.busiCountryIds" :placeholder="$t('请选择')" @change="handleQuery">
             <el-option v-for="dict in countryList" :key="dict.id" :label="isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" />
           </el-select>
         </el-form-item>
@@ -83,7 +83,7 @@
           </el-input>
         </el-form-item>
         <el-form-item :label="$t('商品类别')" v-show="showSearch">
-          <el-select @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
+          <el-select filterable @change="handleSelectProductType" multiple v-model="queryParams.productTypes" :placeholder="$t('请选择')">
             <el-option :label="item.titleZh" :value="item.id" v-for="item in productTypeList" :key="item.id" />
           </el-select>
         </el-form-item>
@@ -110,7 +110,7 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('获取方式')" v-show="showSearch">
-          <el-select v-model="queryParams.getMethod" multiple :placeholder="$t('请选择')">
+          <el-select filterable v-model="queryParams.getMethod" multiple :placeholder="$t('请选择')">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_GET_METHOD)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="parseInt(dict.value)" />
           </el-select>
         </el-form-item>
@@ -120,7 +120,7 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('结算方式')" v-show="showSearch">
-          <el-select v-model="queryParams.balances" multiple :placeholder="$t('请选择结算方式')">
+          <el-select filterable v-model="queryParams.balances" multiple :placeholder="$t('请选择结算方式')">
             <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_BALANCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="parseInt(dict.value)" />
           </el-select>
         </el-form-item>