客户名称改为下拉选择

src/views/oa/erp/finAccountInstallment/index.vue

@@ -26,7 +26,21 @@
             <div class="p-3 border-b border-gray-100">
               <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px" class="mb-0">
                 <el-form-item label="客户名称" prop="customerName" class="mb-2">
-                  <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
+                  <el-select
+                    v-model="queryParams.customerName"
+                    placeholder="请选择客户名称"
+                    filterable
+                    clearable
+                    style="width: 200px"
+                    @keyup.enter="handleQuery"
+                  >
+                    <el-option
+                      v-for="item in customerInfoList"
+                      :key="item.customerId"
+                      :label="item.customerName"
+                      :value="item.customerName"
+                    />
+                  </el-select>
                 </el-form-item>
                 <el-form-item label="分款进度" prop="installmentStatus" class="mb-2">
                   <el-select v-model="queryParams.installmentStatus" placeholder="请选择分款进度" clearable >
@@ -315,7 +329,14 @@
     <el-dialog title="新增回款" v-model="installmentDialog.visible" width="480px" append-to-body>
       <el-form ref="installmentFormRef" :model="installmentForm" :rules="installmentRules" label-width="100px">
         <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="installmentForm.customerName" placeholder="请输入客户名称" />
+          <el-select v-model="installmentForm.customerName" placeholder="请选择客户名称" filterable clearable style="width: 100%">
+            <el-option
+              v-for="item in customerInfoList"
+              :key="item.customerId"
+              :label="item.customerName"
+              :value="item.customerName"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="回款金额" prop="paymentAmount">
           <el-input-number v-model="installmentForm.paymentAmount" :precision="2" :min="0.01" style="width: 100%" controls-position="right" />
@@ -392,6 +413,7 @@ import { getUserList } from '@/api/system/user';
 import type { UserVO } from '@/api/system/user/types';
 import { globalHeaders } from '@/utils/request';
 import { parseTime } from '@/utils/ruoyi';
+import { getCrmCustomerInfoList } from '@/api/oa/crm/customerInfo';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const router = useRouter();
@@ -470,8 +492,15 @@ const installmentForm = reactive<FinAccountInstallmentForm>({
   remark: undefined,
   currency: 'CNY'
 });
+/** 客户下拉（选项值存客户名称） */
+const customerInfoList = ref<any[]>([]);
+const getCustomerInfoListSelect = async () => {
+  const res = await getCrmCustomerInfoList(null as any);
+  customerInfoList.value = res.data || [];
+};
+
 const installmentRules = {
-  customerName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+  customerName: [{ required: true, message: '请选择客户名称', trigger: 'change' }],
   paymentAmount: [{ required: true, message: '请输入回款金额', trigger: 'blur' }],
   paymentDate: [{ required: true, message: '请选择回款日期', trigger: 'change' }]
 };
@@ -640,6 +669,7 @@ const submitImport = async () => {
 };
 
 onMounted(() => {
+  getCustomerInfoListSelect();
   getList();
 });
 </script>