公海池客户

src/views/ecw/oceanCustomer/index.vue

@@ -12,22 +12,25 @@
     >
       <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('请选择客户等级')"
@@ -45,22 +48,28 @@
       <el-form-item :label="$t('联系方式')">
         <el-input
           :placeholder="$t('请输入联系方式')"
-          v-model="queryParams.defaultContactPhone"
+          v-model.trim="queryParams.defaultContactPhone"
+          @keyup.enter.native="handleQuery"
+          onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"
         ></el-input>
       </el-form-item>
       <el-form-item :label="$t('客户类别')" prop="level">
         <dict-selector
+        multiple
           :type="DICT_TYPE.CUSTOMER_TYPE"
-          v-model="queryParams.type"
+          v-model="queryParams.type" 
+          @change="handleQuery"
         ></dict-selector>
       </el-form-item>
       <el-form-item :label="$t('客户经理')" prop="customerService">
-        <el-select
-          clearable
+        <el-select 
+        multiple  
+        clearable
           v-model="queryParams.customerService"
           :placeholder="$t('请选择客户经理')"
           clearable
-          size="small"
+          size="small" 
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in customerServiceList"
@@ -72,11 +81,13 @@
       </el-form-item>
       <el-form-item :label="$t('客户来源')" prop="source">
         <el-select
-          clearable
+        multiple  
+        clearable
           v-model="queryParams.source"
           :placeholder="$t('请选择客户来源')"
           clearable
-          size="small"
+          size="small" 
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
@@ -88,9 +99,11 @@
       </el-form-item>
       <el-form-item :label="$t('国家')" prop="source">
         <el-select
-          clearable
+        multiple  
+        clearable
           v-model="queryParams.country"
-          :placeholder="$t('请选择国家')"
+          :placeholder="$t('请选择国家')" 
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in countryList"
@@ -102,11 +115,13 @@
       </el-form-item>
       <el-form-item :label="$t('客户状态')" prop="status">
         <el-select
-          clearable
+        multiple  
+        clearable
           v-model="queryParams.status"
           :placeholder="$t('请选择客户状态')"
           clearable
-          size="small"
+          size="small" 
+          @change="handleQuery"
         >
           <el-option
             v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
@@ -129,7 +144,7 @@
         />
       </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" @change="handleQuery">
           <el-option
             v-for="(item, index) in creditList"
             :label="isChinese ? item.nameZh : item.nameEn"
@@ -140,10 +155,12 @@
       </el-form-item>
       <el-form-item :label="$t('市场获客')" prop="department">
         <dict-selector
-          clearable
+        multiple  
+        clearable
           :type="DICT_TYPE.ECW_CUSTOMER_RESOURCE_TYPE"
           v-model="queryParams.marketType"
-          formatter="number"
+          formatter="number" 
+          @change="handleQuery"
         ></dict-selector>
       </el-form-item>
       <el-form-item>