feat✨: 收款单客户名称多选

src/views/ecw/financial/voucher.vue

@@ -9,7 +9,9 @@
           <el-input style="max-width: 188px" v-model="queryParams.receiptNo" :placeholder="$t('请输入收款单号')" clearable @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item :label="$t('客户名称')">
-          <customer-selector multiple v-model="queryParams.customerIdList" clearable />
+          <el-select multiple :remote-method="customerDropDownFn" remote clearable filterable v-model="queryParams.customerIdList" :placeholder="$t('请输入关键词')">
+            <el-option v-for="(item, index) in customeList" :key="item.id" :value="item.id" :label="item.name"> </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item :label="$t('状态')">
           <dict-selector multiple :type="DICT_TYPE.ECW_RECEIPT_STATE" v-model="queryParams.stateList" clearable />
@@ -254,6 +256,8 @@
 </template>
 
 <script>
+import { customerDropDownList } from "@/api/ecw/customerCommissionInfo"
+import { getCustomerList } from "@/api/ecw/customer"
 import { listSimpleUsers } from "@/api/system/user"
 import { DICT_TYPE } from "@/utils/dict"
 import CustomerSelector from "@/components/CustomerSelector"
@@ -320,11 +324,12 @@ export default {
       dateType: [],
       loading: "",
       params: {},
+      customeList: [],
       // 查询参数
       queryParams: {
         page: 1,
         rows: 20,
-        customerIdList: null,
+        customerIdList: [],
         stateList: null,
         salesmanIdList: [],
         numberNo: null,
@@ -373,13 +378,16 @@ export default {
     }
   },
   activated() {
+    this.customerDropDownFn()
     const orderNo = this.$route.query.orderNo || ""
     if (orderNo) {
       this.queryParams.numberNo = orderNo
     }
     this.getList()
   },
+  computed: {},
   created() {
+    this.customerDropDownFn()
     //获取汇率 lanbm 2024-06-06 add
     getCurrencyPage(this.params).then((res) => (this.currencyList = res.data.list))
 
@@ -392,6 +400,13 @@ export default {
     this.getList()
   },
   methods: {
+    customerDropDownFn(val) {
+      customerDropDownList({ pageNo: 1, pageSize: 200, searchKey: val }).then((res) => {
+        if (res.code === 0) {
+          this.customeList = res.data.list
+        }
+      })
+    },
     continueUpload() {
       this.$message.success(this.$t("正在提交，请稍后。"))
       this.$refs.upload.handleStart(this.fileCopy.raw)