筛选框添加可清空功能

src/views/ecw/customer/index.vue

@@ -10,7 +10,7 @@
         <el-input v-model="queryParams.name" placeholder="请输入客户名称" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
       <el-form-item label="客户等级" prop="level">
-        <el-select v-model="queryParams.level" placeholder="请选择客户等级" clearable size="small">
+        <el-select clearable  v-model="queryParams.level" placeholder="请选择客户等级" clearable size="small">
           <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
@@ -22,35 +22,35 @@
         <dict-selector :type="DICT_TYPE.CUSTOMER_TYPE"  multiple v-model="queryParams.type"></dict-selector>
       </el-form-item>
       <el-form-item label="客户经理" prop="customerService">
-        <el-select v-model="queryParams.customerService" placeholder="请选择客户经理" clearable size="small">
+        <el-select clearable  v-model="queryParams.customerService" placeholder="请选择客户经理" clearable size="small">
           <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="客户来源" prop="source">
-        <el-select v-model="queryParams.source" placeholder="请选择客户来源" clearable size="small">
+        <el-select clearable  v-model="queryParams.source" placeholder="请选择客户来源" clearable size="small">
           <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
       <el-form-item label="国家" prop="source">
-        <el-select v-model="form.country" placeholder="请选择国家">
+        <el-select clearable  v-model="form.country" placeholder="请选择国家">
           <el-option v-for="dict in countryList"
                      :key="dict.id" :label="dict.nameZh" :value="parseInt(dict.id)" />
         </el-select>
       </el-form-item>
       <el-form-item label="客户状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
+        <el-select clearable  v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
           <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
       <el-form-item label="创建时间">
-        <el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
+        <el-date-picker clearable  v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
                         type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
       </el-form-item>
       <el-form-item label="信用等级" prop="department">
-        <el-select v-model="form.ww" >
+        <el-select clearable  v-model="form.level" >
           <el-option  v-for="(item,index) in creditList" :label="item.nameZh" :key="index" :value="item.id" ></el-option>
         </el-select>
       </el-form-item>