佣金客户修改

src/views/ecw/customerCommission/index.vue

@@ -4,8 +4,19 @@
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="客户名称" prop="customerId" >
-        <el-input v-model="queryParams.customerId" placeholder="请选择客户id" clearable size="small">
-        </el-input>
+        <el-select
+          clearable
+          filterable
+          v-model="queryParams.customerId"
+          placeholder="请输入关键词">
+          <el-option
+            v-for="(item, index) in customeList"
+            :key="index"
+            :value="item.id"
+            :label="item.name"
+          >
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="联系电话" prop="type">
         <el-input v-model="queryParams.defaultContactPhone" placeholder="请输入电话" clearable size="small">
@@ -128,6 +139,7 @@
 import {deleteCustomerCommission, getCustomerCommissionPage, exportCustomerCommissionExcel } from "@/api/ecw/customerCommission";
 import {DICT_TYPE, getDictDatas} from "@/utils/dict";
 import {getTradeCityList} from "@/api/ecw/region";
+import {customerDropDownList} from "@/api/ecw/customerCommissionInfo";
 
 export default {
   name: "CustomerCommission",
@@ -173,7 +185,8 @@ export default {
         customerId: [{ required: true, message: "客户id不能为空", trigger: "change" }],
         type: [{ required: true, message: "佣金类型不能为空", trigger: "change" }],
         darkReturnType: [{ required: true, message: "暗佣类型 1产品2达标不能为空", trigger: "change" }],
-      }
+      },
+      customeList:[],
     };
   },
   computed:{
@@ -187,8 +200,14 @@ export default {
     },
   },
   created() {
+    customerDropDownList().then(res => {
+      console.log(res);
+      if (res.code === 0) {
+        this.customeList = res.data
+      }
+    })
     if(this.$route.query.customerId){
-      this.queryParams.customerId = this.$route.query.customerId
+        this.queryParams.customerId = Number(this.$route.query.customerId)
     }
     this.getList();
     getTradeCityList().then(res => {