✨ feat: 客户管理

klp-ui/src/views/wms/order/index.vue

@@ -9,13 +9,8 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="客户名称" prop="customerName">
-        <el-input
-          v-model="queryParams.customerName"
-          placeholder="请输入客户名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="客户名称" prop="customerId">
+        <customer-select v-model="queryParams.customerId" />
       </el-form-item>
       <el-form-item label="销售经理" prop="salesManager">
         <el-input
@@ -88,7 +83,7 @@
 
     <el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="订单ID" align="center" prop="orderId" v-if="false"/>
+      <el-table-column label="订单ID" align="center" prop="orderId" v-if="false" />
       <el-table-column label="订单编号" align="center" prop="orderCode" />
       <el-table-column label="客户名称" align="center" prop="customerName" />
       <el-table-column label="销售经理" align="center" prop="salesManager" />
@@ -149,8 +144,8 @@
         <el-form-item label="订单编号" prop="orderCode">
           <el-input v-model="form.orderCode" placeholder="请输入订单编号" />
         </el-form-item>
-        <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="form.customerName" placeholder="请输入客户名称" />
+        <el-form-item label="客户名称" prop="customerId">
+          <customer-select v-model="form.customerId" />
         </el-form-item>
         <el-form-item label="销售经理" prop="salesManager">
           <el-input v-model="form.salesManager" placeholder="请输入销售经理" />
@@ -178,13 +173,14 @@
 </template>
 
 <script>
-import { listOrder, getOrder, delOrder, addOrder, updateOrder, listByStatus } from "@/api/wms/order";
+import { getOrder, delOrder, addOrder, updateOrder, listByStatus } from "@/api/wms/order";
 import OrderDetailPanel from './panels/detail.vue';
 import { EOrderStatus } from "@/utils/enums";
+import CustomerSelect from '@/components/KLPService/CustomerSelect/index.vue';
 
 export default {
   name: "Order",
-  components: { OrderDetailPanel },
+  components: { OrderDetailPanel, CustomerSelect },
   dicts: ['order_status'],
   data() {
     return {
@@ -215,7 +211,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         orderCode: undefined,
-        customerName: undefined,
+        customerId: undefined,
         salesManager: undefined,
         orderStatus: -1,
       },
@@ -270,7 +266,7 @@ export default {
       this.form = {
         orderId: undefined,
         orderCode: undefined,
-        customerName: undefined,
+        customerId: undefined,
         salesManager: undefined,
         orderStatus: undefined,
         remark: undefined,