佣金付款申请-输入框提示修改/收款人改为下拉框

src/views/purchase/commissionPayRequest/commissionPayRequestList.vue

@@ -13,7 +13,7 @@
             <a-col :lg="8">
                 <a-form-item name="billCode">
                   <template #label><span title="付款申请编码(bill code)">付款申请编码(bill code)</span></template>
-                  <a-input placeholder="请输入收款编码(bill code)" v-model:value="queryParam.billCode" allow-clear AutoComplete="off"></a-input>
+                  <a-input placeholder="请输入付款申请编码(bill code)" v-model:value="queryParam.billCode" allow-clear AutoComplete="off"></a-input>
                 </a-form-item>
             </a-col>          
             <template v-if="toggleSearchStatus">
@@ -26,7 +26,15 @@
               <a-col :lg="8">
                 <a-form-item name="payee">
                   <template #label><span title="收款人(payee)">收款人(payee)</span></template>
-                  <a-input placeholder="请输入" v-model:value="queryParam.payee" allow-clear AutoComplete="off"></a-input>
+                  <ApiSelect
+                    :api="listPayee"
+                    showSearch
+                    v-model:value="queryParam.payee"
+                    :filterOption="false"
+                    resultField="records"
+                    labelField="name"
+                    valueField="id"
+                  />
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
@@ -98,10 +106,11 @@
     import { useListPage } from '/@/hooks/system/useListPage'
     import {useModal} from '/@/components/Modal';
     import {columns,} from './commissionPayRequestList.data';
-    import {list, deleteOne, batchDelete, getImportUrl,getExportUrl,batchSubmit,cancelBatchSubmit} from './commissionPayRequestForm.api';
+    import {list, deleteOne, batchDelete, getImportUrl,getExportUrl,batchSubmit,cancelBatchSubmit,listPayee} from './commissionPayRequestForm.api';
     import { cloneDeep } from "lodash-es";
     import { defHttp } from '/@/utils/http/axios';
     import { JDictSelectTag} from '/@/components/Form';
+    import { ApiSelect } from '/@/components/Form';
     import commissionPayRequestFormModal from './components/commissionPayRequestFormModal.vue';
     import { message } from 'ant-design-vue';
     const formRef = ref();