客户多选

src/views/ecw/customer/index.vue

@@ -11,27 +11,30 @@
     >
       <el-form-item :label="$t('客户编号')" prop="number">
         <el-input
-          v-model="queryParams.number"
+          v-model.trim="queryParams.number"
           :placeholder="$t('请输入客户编号')"
           clearable
           @keyup.enter.native="handleQuery"
-        />
+          onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"/>
       </el-form-item>
       <el-form-item :label="$t('客户名称')" prop="name">
         <el-input
-          v-model="queryParams.name"
+          v-model.trim="queryParams.name"
           :placeholder="$t('请输入客户名称')"
           clearable
           @keyup.enter.native="handleQuery"
+          onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"
         />
       </el-form-item>
       <el-form-item :label="$t('客户等级')" prop="level">
         <el-select
+        multiple
           clearable
           v-model="queryParams.level"
           :placeholder="$t('请选择客户等级')"
           clearable
           size="small"
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)"
@@ -44,23 +47,28 @@
       <el-form-item :label="$t('联系方式')">
         <el-input
           :placeholder="$t('请输入联系方式')"
-          v-model="queryParams.defaultContactPhone"
+          v-model.trim="queryParams.defaultContactPhone"
+          onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"
         ></el-input>
       </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>
       </el-form-item>
       <el-form-item :label="$t('客户经理')" prop="customerService">
         <el-select
+          multiple
           clearable
           v-model="queryParams.customerService"
           :placeholder="$t('请选择客户经理')"
           clearable
           size="small"
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in customerServiceList"
@@ -72,10 +80,12 @@
       </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-option
             v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
@@ -87,9 +97,11 @@
       </el-form-item>
       <el-form-item :label="$t('国家')" prop="source">
         <el-select
+        multiple
           clearable
           v-model="queryParams.country"
           :placeholder="$t('请选择国家')"
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in countryList"
@@ -101,11 +113,13 @@
       </el-form-item>
       <el-form-item :label="$t('客户状态')" prop="status">
         <el-select
+        multiple
           clearable
           v-model="queryParams.status"
           :placeholder="$t('请选择客户状态')"
           clearable
           size="small"
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
@@ -125,24 +139,29 @@
           range-separator="-"
           :start-placeholder="$t('开始日期')"
           :end-placeholder="$t('结束日期')"
+          
         />
       </el-form-item>
       <el-form-item :label="$t('信用等级')" prop="department">
-        <el-select clearable v-model="queryParams.creditLevel">
+        <el-select multiple clearable v-model="queryParams.creditLevel">
           <el-option
+          
             v-for="(item, index) in creditList"
             :label="isChinese ? item.nameZh : item.nameEn"
             :key="index"
             :value="item.id"
+            @change="handleQuery"
           ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item :label="$t('市场获客')" prop="department">
         <dict-selector
+          multiple
           clearable
           :type="DICT_TYPE.ECW_CUSTOMER_RESOURCE_TYPE"
           v-model="queryParams.resourceType"
           formatter="number"
+          @change="handleQuery"
         ></dict-selector>
       </el-form-item>
       <el-form-item>